/* A spatial, animated brand layer over the mobile-first content layouts. */
:root{--blue:#9b99ff;--blue-dark:#827bf2;--ink:#f3f5ff;--muted:#a0a9bf;--line:#ffffff1c;--soft:#0c1020;--ice:#191e38;--paper:#070914;--radius:1rem}
body{background:var(--paper);color:var(--ink)}::selection{background:#7770d0;color:white}.intro{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 42%,#34265935,transparent 50%),radial-gradient(ellipse at 0% 0%,#192c5225,transparent 45%),#070914}.intro:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent calc(25% - 1px),#8b9ccd08 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#8b9ccd08 75%,transparent calc(75% + 1px));opacity:.7}.header{position:relative;z-index:5;border-bottom-color:#ffffff14}.brand{font-weight:750;letter-spacing:-.04em}.brand-symbol{color:#090c1b;background:#d6d8ff;border-radius:.1rem .1rem .65rem .65rem}.lang-button{color:#8c96ad}.lang-button .active{color:white}.lang-divider{color:#535d72}.nav-cta{border-color:#ffffff32;background:#ffffff07;color:#f1f3ff}.nav-cta:hover{border-color:#c1bcff;color:white}.desktop-nav{color:#c2c9db}.desktop-nav a:hover{color:white}.menu-button{background:#171b2b;border-color:#ffffff28}.menu-button span{background:#e5e9ff}.mobile-nav{position:relative;z-index:4;background:#101423;border-color:#ffffff20}.mobile-nav a:hover{background:#242740;color:white}.skip{background:#ddd9ff;color:#101121}.button{border:1px solid #c5beff;background:linear-gradient(135deg,#c3b9ff,#98bcff);color:#0a0c1d;border-radius:3rem;font-weight:700;box-shadow:0 0 28px #9b8fff1a}.button:hover{background:#d4caff;color:#0a0c1d;box-shadow:0 0 35px #a49bff35}.text-link{color:#c5cce1;text-decoration-color:#657086}.text-link:hover{color:white}.hero{gap:1rem;padding-top:2.6rem;padding-bottom:1.3rem}.hero-copy{container-type:inline-size;position:relative;z-index:2}.hero-eyebrow{font-size:.75rem;letter-spacing:.04em;color:#aeb6e3}.eyebrow-line{width:1rem;height:1px;background:#b2a7ff;box-shadow:0 0 8px #a8a1ff}h1{font-size:clamp(2rem,9.5cqw,4.1rem);font-weight:600;letter-spacing:-.05em;line-height:1.44;margin-top:1.5rem}h1 em{color:#bdb9ff;background:linear-gradient(100deg,#b5adff 0%,#a9cfff 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-kicker{font-weight:550;font-size:1.05rem;letter-spacing:-.025em;margin-top:1.3rem;color:#e4e8f6}.hero-description{font-size:1rem;color:#99a4bc;line-height:1.95;max-width:31rem;margin-top:.6rem}.hero-actions{gap:.55rem 1.35rem;margin-top:1.5rem}.hero-actions .button{min-height:3.3rem;padding-inline:1.35rem}.hero-bottom{border-top-color:#ffffff14;color:#97a2bc;font-size:.8125rem;gap:.75rem;padding-block:1.3rem}.hero-bottom>div{color:#919fbb;letter-spacing:.08em}.hero-bottom b{color:#4e5972}
.cosmos-visual{position:relative;min-width:0;aspect-ratio:1.08/1;width:100%;background:radial-gradient(ellipse at center,#47449a12,transparent 66%);isolation:isolate}.cosmos-visual canvas{width:100%;height:100%;display:block;touch-action:pan-y}.cosmos-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:absolute;inset:.8rem .3rem auto;font-size:.75rem;line-height:1.5;letter-spacing:.05em;color:#7e8baa;pointer-events:none}.visual-index{white-space:nowrap;color:#aeb4d5}.cosmos-bottom{position:absolute;inset:auto .3rem .1rem;display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center;justify-content:space-between}.cosmos-bottom>span{font-size:.75rem;letter-spacing:.035em;color:#7e8baa}#motion-toggle{border:1px solid #a4abdb40;border-radius:3rem;background:#0b1023cc;color:#c4cbe1;min-height:2.75rem;padding:.4rem .8rem;font-size:.75rem;backdrop-filter:blur(8px)}#motion-toggle:hover{border-color:#bfbaff;color:white}#motion-toggle:before{content:'Ⅱ';font-size:.75rem;margin-right:.4rem}#motion-toggle[data-paused=true]:before{content:'▷'}.stage-badge{background:#1e2342;color:#c3c9ef;border-color:#6e74ac45}.vision{position:relative}.vision-grid h2 span,.experience h2 span,.philosophy h2 em{color:#b0b9ff}.section-meta .eyebrow,.dark{color:#8d9bc3}.outcomes{gap:0;border-top:1px solid #ffffff22;margin-top:2.5rem}.outcomes article{background:transparent;border:0;border-bottom:1px solid #ffffff1c;border-radius:0;padding:1.5rem .3rem;grid-template-columns:2.1rem minmax(0,1fr)}.outcomes article:last-child{border-bottom:0}.outcome-number{color:#acb5e0}.outcomes h3{font-weight:550}.outcomes p{color:#9ca7bd}.outcome-word{color:#7484ae}.experience{background:radial-gradient(ellipse at 0% 50%,#23234d20,transparent 60%),#0b0e1b;border-color:#ffffff14}.scenario-tabs{background:#14182b;border-color:#ffffff14;border-radius:.7rem;padding:.35rem}.scenario-tabs button{color:#959fbb;border-radius:.45rem}.scenario-tabs button[aria-selected=true]{background:#282943;border-color:#9690d947;color:#e2deff;box-shadow:inset 0 0 15px #9382ff12}.scenario-tabs button:hover{color:#eeebff}.scenario-panel{border-color:#57608655;background:#0f1425;box-shadow:0 20px 80px #0003}.scenario-brief{background:linear-gradient(155deg,#252445,#17213b);color:#fff;border-bottom:1px solid #67739235}.scenario-brief>.eyebrow{color:#a9b4e8}.scenario-brief>p:not(.eyebrow){color:#acb7d3}.skill-list span{border-color:#6877a654;color:#c1cbea;background:#b4b7ff06}.brief-bottom{color:#919fbe}.workspace-heading{color:#d4dcf2;border-color:#ffffff19}.workspace-symbol{background:#9f9eff20;color:#b6b7ff}.exercise-step>span{background:#9197ee16;color:#a9b8f4}.exercise-step h4{color:#e4e9f8}.exercise-step p{color:#a0acc5}.exercise-step .example-prompt{background:#1b213b;border-color:#6975a546;border-left-color:#a6abff;color:#bdc8e5}.exercise-step li{color:#adb8d0}.exercise-step li:before{color:#99bde9}.workspace-note{border-color:#ffffff17;color:#8694b1}.workspace-note>span{border-color:#5b6b8d}.principle-list article{border-color:#ffffff20}.principle-list h3{font-weight:550}.principle-list article>span{color:#a1afd7}.about{background:radial-gradient(ellipse at 0% 100%,#322b6650,transparent 65%),#10152a;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.about h2 em{color:#a1aff1}.about .eyebrow{color:#99a5cf}.about-detail>p:not(.lead){color:#a8b4cf}.about dl>div{border-color:#414b6f70}.about dt{color:#808fb6}.faq-list summary{color:#dbe2f6}.faq-list summary:after{color:#b2b8ef}.faq-list details{border-color:#ffffff1c}.faq-list details:first-child{border-color:#ffffff1c}.closing{position:relative;background:radial-gradient(ellipse at 70% 100%,#42376b55,transparent 70%),#0d1020;border-color:#ffffff1a}.closing .eyebrow{color:#8998c2}.closing h2{font-weight:500;letter-spacing:-.04em}.closing h2 em{color:#b8baff}.footer{color:#a0abc3}.footer-top .brand{color:#f0f2fc}.footer-top>a:last-child:hover,.footer-bottom>a:hover{color:white}.footer-bottom{border-color:#ffffff1a}
@media(min-width:40rem){.hero{padding-top:3.4rem;gap:1rem}.hero-copy{max-width:43rem}.hero-description{max-width:34rem}.cosmos-visual{aspect-ratio:1.5/1;max-width:48rem;margin-inline:auto}.cosmos-visual figcaption{inset:.8rem 1.1rem auto}.cosmos-bottom{inset:auto 1.1rem .3rem}.hero-bottom{padding-block:1.5rem}.outcomes article{padding:1.8rem 0;grid-template-columns:3rem minmax(0,1fr)}}
@media(min-width:60rem){.hero{grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:1.2rem;padding-top:3.6rem;padding-bottom:3.6rem;min-height:36rem}.hero-copy{max-width:none}.hero-eyebrow{letter-spacing:.065em}h1{line-height:1.45}.hero-kicker{margin-top:1.6rem}.hero-description{font-size:1rem;max-width:30rem}.hero-actions{margin-top:1.8rem;gap:.55rem 1.3rem}.cosmos-visual{aspect-ratio:.91/1;max-width:none;align-self:stretch;min-height:29rem}.cosmos-visual figcaption{inset:.4rem .5rem auto;font-size:.75rem;letter-spacing:.02em}.cosmos-bottom{inset:auto .5rem .3rem}.cosmos-bottom>span{font-size:.75rem;letter-spacing:0}.outcomes article{padding:2rem 1.9rem;border-right:1px solid #ffffff1c;border-bottom:0;min-height:19rem}.outcomes article:first-child{padding-left:0}.outcomes article:last-child{border-right:0;padding-right:0}.outcome-word{font-size:1.8rem;font-weight:450}.scenario-brief{border-bottom:0;border-right:1px solid #6a6da735}.closing h2{font-size:3.7rem}}
@media(min-width:75rem){.hero{gap:2rem;min-height:40rem;padding-top:3.8rem;padding-bottom:3.8rem}h1{font-size:clamp(3rem,9.5cqw,4.1rem)}.hero-description{font-size:1.0625rem;line-height:2}.hero-description br{display:none}.hero-kicker{font-size:1.2rem}.hero-actions{margin-top:2rem;gap:1.8rem}.cosmos-visual{aspect-ratio:1/1;min-height:33rem}.hero-eyebrow{font-size:.75rem;letter-spacing:.1em}.hero-bottom{padding-block:1.8rem}.closing h2{font-size:4.5rem}}
@media(max-width:23rem){h1{font-size:clamp(1.78rem,9.4cqw,2rem)}.hero-eyebrow{font-size:.75rem;letter-spacing:0;gap:.4rem}.hero-eyebrow .eyebrow-line{width:.6rem}.hero-description{font-size:.9375rem}.hero-kicker{font-size:1rem}.cosmos-visual{aspect-ratio:.95/1}.cosmos-visual figcaption{font-size:.75rem;letter-spacing:0;inset:.6rem 0 auto}.visual-index{display:none}.cosmos-bottom{inset:auto 0 0}.cosmos-bottom>span{font-size:.75rem;letter-spacing:0}.hero-actions{gap:.2rem .9rem}.hero-actions .button{padding-inline:1rem}.hero-actions .text-link{font-size:.8125rem}.closing h2{font-size:1.9rem}}
.cosmos-visual canvas{position:absolute;inset:0}
h2,h3,h4{word-break:keep-all}
@media(max-width:39.99rem){.cosmos-bottom{justify-content:flex-end}.cosmos-bottom>span{display:none}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}