.ai-hub{gap:var(--space-16);min-inline-size:0;display:grid}.ai-hub__hero{justify-items:center;gap:var(--space-2);text-align:center;display:grid}.ai-hub__elo{inline-size:min(13rem,60vw);display:block}.ai-hub__elo .edsol-companion,.ai-chapter__elo .edsol-companion{inline-size:100%}.ai-hub__elo .edsol-companion__state-label,.ai-chapter__elo .edsol-companion__state-label{display:none}.ai-hub__hero .eyebrow{margin:0}.ai-hub__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.05}.ai-hub__chips{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.ai-hub__chip{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border:1px solid var(--color-border);color:var(--color-ink);background:var(--color-surface);border-radius:999px;font-weight:700;text-decoration:none;transition:border-color .2s,box-shadow .2s,translate .2s;display:inline-flex}.ai-hub__chip .game-emblem{filter:none;block-size:2.25rem;inline-size:2.25rem}.ai-hub__chip:hover{border-color:var(--emblem);box-shadow:0 .5rem 1.25rem color-mix(in srgb, var(--emblem) 25%, transparent);translate:0 -2px}.ai-hub__chip:active{translate:0}.ai-hub__chip:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ai-chapter{gap:var(--space-6);padding:var(--space-8) var(--space-5) var(--space-6);border:1px solid color-mix(in srgb, var(--emblem) 24%, var(--color-border));background:color-mix(in srgb, var(--emblem) 7%, var(--color-surface));border-radius:1.75rem;align-items:center;scroll-margin-block-start:6rem;display:grid}.ai-chapter__copy{justify-items:start;gap:var(--space-3);min-inline-size:0;display:grid}.ai-chapter__skill{align-items:center;gap:var(--space-2);color:var(--emblem);letter-spacing:.09em;margin:0;font-size:.75rem;font-weight:800;display:inline-flex}.ai-chapter__skill .game-emblem{block-size:2.5rem;inline-size:2.5rem}.ai-chapter h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.08}.ai-chapter__promise{color:var(--color-muted);margin:0;font-size:1.125rem}.ai-chapter__swap{gap:var(--space-3);inline-size:100%;margin:var(--space-2) 0 var(--space-3);display:grid}.ai-chapter__swap div{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem}.ai-chapter__swap dt{color:var(--emblem);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800}.ai-chapter__swap dd{margin:var(--space-1) 0 0;line-height:1.5}.ai-chapter__demo{min-inline-size:0;padding:var(--space-6) var(--space-4) var(--space-4);background:radial-gradient(circle, color-mix(in srgb, var(--emblem) 20%, transparent) 1.5px, transparent 1.6px), linear-gradient(160deg, color-mix(in srgb, var(--emblem) 16%, var(--color-surface)), color-mix(in srgb, var(--emblem) 5%, var(--color-surface)));background-size:14px 14px,100% 100%;border-radius:1.5rem;position:relative}.ai-chapter__elo{inline-size:5rem;position:absolute;inset-block-start:-2.25rem;inset-inline-end:var(--space-4)}.tool-demo{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.25rem;margin:0;display:grid}.tool-demo__tag{padding:.1rem var(--space-2);color:var(--color-muted);background:var(--color-surface-subtle);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-self:start;font-size:.6875rem;font-weight:800}.tool-demo__writing{gap:var(--space-3);display:grid}.tool-demo__essay{font-family:var(--font-body);margin:0;font-size:1.0625rem;line-height:1.7}.tool-demo__essay mark{color:inherit;background:linear-gradient(color-mix(in srgb, var(--emblem) 28%, transparent), color-mix(in srgb, var(--emblem) 28%, transparent)) no-repeat 0 100% / 0% 40%}.ai-chapter.is-live .tool-demo__essay mark{animation:.5s ease-out forwards tool-mark;animation-delay:calc(var(--i) * .5s + .3s)}.tool-demo__notes{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tool-demo__notes li{align-items:baseline;gap:.25rem var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--emblem) 40%, var(--color-border));opacity:0;border-radius:.875rem;flex-wrap:wrap;font-size:.875rem;display:flex;translate:0 .4rem}.ai-chapter.is-live .tool-demo__notes li{animation:.35s ease-out forwards tool-in;animation-delay:calc(var(--i) * .5s + 1.4s)}.tool-demo__notes s{color:var(--color-muted)}.tool-demo__notes b{color:var(--color-ink)}.tool-demo__notes small{color:var(--color-muted);flex-basis:100%}.tool-demo__chat{gap:var(--space-2);grid-template-areas:"you""elo";display:grid}.tool-demo__chat p{max-inline-size:88%;padding:var(--space-2) var(--space-3);opacity:0;border-radius:1rem;margin:0;font-size:.9375rem;line-height:1.5;translate:0 .4rem}.tool-demo__chat .is-you{color:var(--color-surface);background:var(--color-ink);grid-area:you;justify-self:end}.tool-demo__chat .is-elo{border:1px solid color-mix(in srgb, var(--emblem) 45%, var(--color-border));background:color-mix(in srgb, var(--emblem) 10%, var(--color-surface));grid-area:elo;justify-self:start}.ai-chapter.is-live .tool-demo__chat .is-you{animation:.35s ease-out .3s forwards tool-in}.ai-chapter.is-live .tool-demo__chat .is-elo{animation:.35s ease-out 2s forwards tool-in}.tool-demo__typing{padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);opacity:0;border-radius:1rem;grid-area:elo;place-self:start;gap:.25rem;display:inline-flex}.tool-demo__typing i{background:var(--emblem);border-radius:50%;block-size:.4rem;inline-size:.4rem}.ai-chapter.is-live .tool-demo__typing{animation:1.3s linear .7s forwards tool-typing-show}.ai-chapter.is-live .tool-demo__typing i{animation:.9s ease-in-out infinite tool-dot}.tool-demo__typing i:nth-child(2){animation-delay:.15s}.tool-demo__typing i:nth-child(3){animation-delay:.3s}.tool-demo__speaking{gap:var(--space-3);display:grid}.tool-demo__cue{gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px dashed color-mix(in srgb, var(--emblem) 55%, var(--color-border));border-radius:.875rem;display:grid}.tool-demo__cue small{color:var(--emblem);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800}.tool-demo__cue span{color:var(--color-muted);font-size:.875rem}.tool-demo__live{align-items:center;gap:var(--space-4);display:flex}.tool-demo__timer{flex:none;block-size:3rem;inline-size:3rem}.tool-demo__timer svg{block-size:100%;inline-size:100%;display:block;rotate:-90deg}.tool-demo__timer circle{fill:none;stroke:var(--color-surface-subtle);stroke-width:4px}.tool-demo__timer circle.is-left{stroke:var(--emblem);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.ai-chapter.is-live .tool-demo__timer circle.is-left{animation:12s linear infinite tool-timer}.tool-demo__wave{flex:1;align-items:center;gap:.2rem;block-size:3rem;min-inline-size:0;display:flex}.tool-demo__wave i{max-inline-size:.35rem;block-size:calc(var(--h) * 100%);background:var(--emblem);border-radius:999px;flex:1;scale:1 .3}.ai-chapter.is-live .tool-demo__wave i{animation:1.1s ease-in-out infinite alternate tool-voice;animation-delay:calc(var(--i) * -70ms)}.ai-journey{gap:var(--space-10);padding-inline-start:var(--space-8);display:grid;position:relative}.ai-journey:before{content:"";z-index:1;inset-block:.5rem var(--path-end,1.5rem);background:linear-gradient(var(--color-skill-writing), var(--color-primary), var(--color-skill-speaking), var(--color-accent));opacity:.45;border-radius:999px;inline-size:2px;position:absolute;inset-inline-start:.6875rem}.ai-journey__fill{z-index:1;inline-size:2px;block-size:calc((100% - .5rem - var(--path-end,1.5rem)) * var(--progress,0));background:linear-gradient(var(--color-skill-writing), var(--color-primary), var(--color-skill-speaking), var(--color-accent));background-size:100% calc(100% / max(var(--progress,0), .01));box-shadow:0 0 .5rem color-mix(in srgb, var(--color-accent) 70%, transparent), 0 0 1.25rem color-mix(in srgb, var(--color-primary) 45%, transparent);pointer-events:none;border-radius:999px;position:absolute;inset-block-start:.5rem;inset-inline-start:.6875rem}.ai-journey__fill:after{content:"";background:var(--color-accent);block-size:.7rem;inline-size:.7rem;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-accent) 35%, transparent), 0 0 1rem .35rem var(--color-accent);opacity:min(calc(var(--progress,0) * 20), calc((1 - var(--progress,0)) * 60));border-radius:50%;animation:1.2s ease-in-out infinite ai-spark;position:absolute;inset-block-end:-.35rem;inset-inline-start:50%;translate:-50%}@keyframes ai-spark{50%{scale:1.35}}.ai-chapter,.ai-goal{position:relative}.ai-hub.has-reveal .ai-chapter>:not(.ai-chapter__node),.ai-hub.has-reveal .ai-goal>:not(.ai-chapter__node){opacity:0;transition:opacity .5s ease-out,translate .5s ease-out;translate:0 1.5rem}.ai-hub.has-reveal .ai-chapter.is-live>:not(.ai-chapter__node),.ai-hub.has-reveal .ai-goal.is-live>:not(.ai-chapter__node){opacity:1;translate:0}.ai-hub.has-reveal .is-live>.ai-chapter__demo{transition-delay:.12s}.ai-chapter__node{z-index:2;border:2px solid var(--emblem,var(--color-accent));block-size:1.5rem;inline-size:1.5rem;color:var(--color-ink);background:var(--color-surface);border-radius:50%;place-items:center;transition:background-color .4s,box-shadow .4s;display:grid;position:absolute;inset-block-start:-.75rem;inset-inline-start:calc(-1 * var(--space-8))}.is-live>.ai-chapter__node{background:var(--emblem,var(--color-accent));box-shadow:0 0 1rem var(--emblem,var(--color-accent));animation:.7s ease-out ai-node-flash}.is-live>.ai-chapter__node:after{content:"";border:2px solid var(--emblem,var(--color-accent));opacity:0;border-radius:50%;animation:1s ease-out 2 ai-node-ring;position:absolute;inset:-2px}@keyframes ai-node-flash{35%{box-shadow:0 0 2rem .5rem var(--emblem,var(--color-accent));scale:1.6}}@keyframes ai-node-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:3}}.ai-chapter__goal{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--color-ink);background:color-mix(in srgb, var(--emblem) 14%, var(--color-surface));border-radius:999px;margin:0;font-size:.875rem;font-weight:650;display:inline-flex}.ai-chapter__goal svg{color:var(--emblem);flex:none}.ai-goal{--emblem:var(--color-accent);justify-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5) var(--space-6);border:1px solid var(--color-border);background:var(--color-surface);text-align:center;border-radius:1.5rem;transition:border-color .6s,box-shadow .6s,background-color .6s;display:grid;overflow-x:clip}.ai-goal.is-live{border-color:color-mix(in srgb, var(--emblem) 60%, var(--color-border));background:radial-gradient(circle at 25% 50%, color-mix(in srgb, var(--emblem) 18%, transparent), transparent 60%), var(--color-surface);box-shadow:0 0 2.5rem color-mix(in srgb, var(--emblem) 22%, transparent), inset 0 0 1.5rem color-mix(in srgb, var(--emblem) 8%, transparent);animation:1.2s ease-out ai-goal-arrive}.ai-chapter__node.is-goal{inset-block-start:-.75rem}.ai-goal.is-live>.ai-chapter__node.is-goal{animation:1.2s ease-out ai-goal-node}.ai-chapter__node.is-goal svg{block-size:.875rem;inline-size:.875rem}.ai-goal__copy{justify-items:center;gap:var(--space-2);min-inline-size:0;display:grid}.ai-goal .eyebrow{margin:0}.ai-goal h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.08}.ai-goal__line{max-inline-size:36ch;margin:0 0 var(--space-2);color:var(--color-muted);text-wrap:pretty;line-height:1.55}.ai-climb{inline-size:100%;min-inline-size:0}.ai-climb__steps{align-items:end;gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));block-size:17rem;inline-size:100%;margin:0;padding:3.5rem 0 0;list-style:none;display:grid;position:relative}.ai-climb__steps li{gap:var(--space-2);text-align:center;grid-template-rows:minmax(0,1fr) auto;block-size:100%;min-inline-size:0;display:grid}.ai-climb__bar{block-size:var(--h);border:1px solid color-mix(in srgb, var(--emblem) 55%, var(--color-border));background:color-mix(in srgb, var(--emblem) 22%, var(--color-surface));transform-origin:50% 100%;border-radius:.875rem .875rem .375rem .375rem;align-content:start;align-self:end;justify-items:center;padding-block-start:var(--space-2);transition:scale .55s cubic-bezier(.22,1,.36,1);display:grid;position:relative;scale:1 0}.is-risen>.ai-climb__bar{scale:1}.ai-climb__bar strong{color:var(--color-ink);font-family:var(--font-display);font-size:clamp(.9375rem,2.2vw,1.375rem);font-weight:700}.ai-climb__steps small{min-block-size:2.6em;color:var(--color-muted);opacity:0;font-size:.625rem;font-weight:700;line-height:1.3;transition:opacity .3s ease-out .2s}.is-risen>small{opacity:1}.is-target>.ai-climb__bar{border-color:var(--emblem)}.is-target>small{color:var(--color-ink)}.is-reached>.ai-climb__bar{box-shadow:0 0 1.75rem color-mix(in srgb, var(--emblem) 55%, transparent)}.is-reached>.ai-climb__bar:after{content:"";border:2px solid var(--emblem);border-radius:inherit;animation:.9s ease-out forwards ai-climb-ring;position:absolute;inset:-2px}.ai-climb__elo{z-index:1;pointer-events:none;inline-size:4.25rem;translate:calc(var(--x) - 50%) calc(var(--y) - 100% + 1.15rem);transition:translate .42s cubic-bezier(.3,.7,.4,1);position:absolute;inset-block-start:0;inset-inline-start:0}.ai-climb__elo>span{display:block}.ai-climb__elo .edsol-companion{inline-size:100%}.ai-climb__elo .edsol-companion__state-label{display:none}.ai-climb__elo.is-dropping>span{animation:.65s cubic-bezier(.45,0,.55,1) both ai-climb-drop}.ai-climb__elo>span.is-hopping{animation:.42s ease-out both ai-climb-hop}.ai-climb__elo.is-cheering .edsol-companion .edsol-hand--right{transform-origin:214px 196px;animation:1.3s ease-in-out infinite ai-climb-wave-right}.ai-climb__elo.is-cheering .edsol-companion .edsol-hand--left{transform-origin:106px 196px;animation:1.3s ease-in-out .15s infinite ai-climb-wave-left}@keyframes ai-climb-wave-right{0%,to{transform:rotate(-14deg)translate(6px,-16px)}50%{transform:rotate(-36deg)translate(6px,-14px)}}@keyframes ai-climb-wave-left{0%,to{transform:rotate(14deg)translate(-6px,-16px)}50%{transform:rotate(36deg)translate(-6px,-14px)}}.ai-climb__party{pointer-events:none;block-size:0;position:absolute;inset-block-end:1.1rem;inset-inline:0}.ai-climb__popper{background:linear-gradient(var(--color-warning) 0 33%, var(--color-skill-speaking) 33% 66%, var(--color-primary) 66%);clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:50% 100%;block-size:1.3rem;inline-size:.85rem;animation:1.4s ease-out infinite ai-climb-pop;position:absolute;inset-block-end:0}.ai-climb__popper.is-left{inset-inline-start:-.4rem;rotate:-28deg}.ai-climb__popper.is-right{inset-inline-end:-.4rem;rotate:28deg}.ai-climb__party b{background:var(--c);opacity:0;block-size:.6rem;inline-size:.4rem;animation:1.4s cubic-bezier(.2,.7,.3,1) infinite ai-climb-confetti;animation-delay:var(--delay);border-radius:2px;position:absolute;inset-block-end:1rem;inset-inline-start:calc(50% + var(--side) * 2.1rem)}.ai-climb__party b.is-round{border-radius:50%;block-size:.45rem;inline-size:.45rem}@keyframes ai-climb-pop{0%,to{scale:1}12%{scale:1.15 .85}}@keyframes ai-climb-confetti{0%{opacity:1;translate:0;rotate:0deg}55%{opacity:1;translate:var(--dx) var(--dy)}to{opacity:0;translate:calc(var(--dx) * 1.2) calc(var(--dy) + 2.5rem);rotate:var(--turn)}}@keyframes ai-climb-drop{0%{opacity:0;translate:0 -11rem}15%{opacity:1}70%{translate:0}84%{translate:0 -.6rem}to{translate:0}}@keyframes ai-climb-hop{0%{translate:0}45%{translate:0 -2.5rem}to{translate:0}}@keyframes ai-climb-ring{0%{opacity:1;scale:1}to{opacity:0;scale:1.25 1.12}}@media (min-width:30rem){.ai-climb__steps small{font-size:.75rem}}.ai-goal__logo{block-size:2.25rem;inline-size:auto;color:var(--color-primary);margin-block-end:var(--space-3);display:block}.ai-goal__logo:not(.site-logo){aspect-ratio:414/138}.ai-goal__actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@keyframes ai-goal-arrive{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--emblem) 45%, transparent)}40%{box-shadow:0 0 4rem .5rem color-mix(in srgb, var(--emblem) 40%, transparent)}}@keyframes ai-goal-node{0%{scale:1}35%{box-shadow:0 0 2rem .5rem var(--emblem);scale:1.8}to{scale:1}}.ai-hub__lede{color:var(--color-muted);margin:0;font-size:1.125rem}@keyframes tool-mark{to{background-size:100% 40%}}@keyframes tool-in{to{opacity:1;translate:0}}@keyframes tool-typing-show{0%,95%{opacity:1}to{opacity:0}}@keyframes tool-dot{0%,to{translate:0}50%{translate:0 -.25rem}}@keyframes tool-timer{to{stroke-dashoffset:1px}}@keyframes tool-voice{0%{scale:1 .3}to{scale:1}}@media (min-width:56rem){.ai-chapter{gap:var(--space-12);padding:var(--space-12) var(--space-10) var(--space-10);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ai-chapter.is-flipped .ai-chapter__copy{order:2}.ai-chapter__swap{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-chapter__demo{padding:var(--space-10) var(--space-8) var(--space-8)}.ai-journey{padding-inline-start:0}.ai-journey:before,.ai-journey__fill{inset-inline-start:calc(50% - 1px)}.ai-chapter__node{inset-inline-start:calc(50% - .75rem)}.ai-goal{align-items:center;column-gap:var(--space-12);padding:var(--space-12) var(--space-10) var(--space-10);text-align:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ai-goal__copy{justify-items:start}.ai-goal__actions{justify-content:start}}@media (prefers-reduced-motion:reduce){.ai-hub__chip{transition:none}.ai-hub.has-reveal .ai-chapter>*,.ai-hub.has-reveal .ai-goal>*{opacity:1;transition:none;translate:none}.ai-climb__bar,.ai-climb__steps small,.ai-climb__elo{transition:none}.ai-climb__elo>span,.is-reached>.ai-climb__bar:after,.ai-journey__fill:after,.is-live>.ai-chapter__node,.is-live>.ai-chapter__node:after,.ai-climb__elo.is-cheering .edsol-companion .edsol-hand,.ai-climb__popper{animation:none!important}.ai-climb__party b{display:none}.ai-goal,.ai-goal.is-live,.ai-goal.is-live>.ai-chapter__node.is-goal{transition:none;animation:none}.ai-hub__chip:hover{translate:none}.ai-chapter .tool-demo__essay mark{background-size:100% 40%}.ai-chapter .tool-demo__notes li,.ai-chapter .tool-demo__chat p{opacity:1;translate:none}.ai-chapter .tool-demo__wave i{scale:1}.ai-chapter.is-live *,.ai-chapter.is-live .tool-demo__typing{animation:none!important}.tool-demo__typing{display:none}}
