:root{
  --navy:#04182e;
  --navy-2:#072643;
  --navy-3:#0b3556;
  --ink:#f4f9fc;
  --text:#12314c;
  --muted:#a9bfd0;
  --muted-dark:#617789;
  --green:#79d33d;
  --green-deep:#2f9f55;
  --cyan:#36c7e7;
  --coral:#ff6b55;
  --amber:#ffbd42;
  --purple:#8f73f1;
  --paper:#f5f8f7;
  --white:#ffffff;
  --line:rgba(197,222,236,.18);
  --line-dark:#dbe7eb;
  --shadow:0 28px 70px rgba(1,16,31,.16);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--navy);color:var(--ink);font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{color:inherit}
p{line-height:1.65}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--white);color:var(--navy);padding:12px 16px;border-radius:6px;font-weight:800;transition:top .2s}
.skip-link:focus{top:12px}

.topbar{position:sticky;top:0;z-index:50;background:rgba(3,20,38,.9);border-bottom:1px solid rgba(190,220,236,.15);backdrop-filter:blur(18px)}
.nav{height:76px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;flex:0 0 174px}
.brand img{width:174px;height:auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.22))}
.links{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}
.links a,.nav-login{position:relative;color:#d8e7ef;font-size:12px;font-weight:760;white-space:nowrap}
.links a:after,.nav-login:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--green);transition:right .2s ease}
.links a:hover,.links a.active,.nav-login:hover{color:var(--white)}
.links a:hover:after,.links a.active:after,.nav-login:hover:after{right:0}
.nav-login{margin-left:6px}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.05);padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:19px;height:2px;margin:3px auto;background:var(--white);transition:transform .2s,opacity .2s}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 21px;border:1px solid rgba(213,232,241,.25);border-radius:7px;background:rgba(255,255,255,.06);color:var(--white);font-size:12px;font-weight:850;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.2)}
.btn:focus-visible,.links a:focus-visible,.nav-login:focus-visible,.audience-panel:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.btn.primary{border-color:var(--green);background:var(--green);color:#092813;box-shadow:0 10px 28px rgba(81,184,78,.22)}
.btn.primary:hover{background:#8add4c;border-color:#8add4c}
.btn-small{min-height:40px;padding-inline:15px;font-size:10px}
.text-button{border-color:transparent;background:transparent;padding-inline:8px;text-transform:none;font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.35)}
.text-button:hover{box-shadow:none;text-decoration-color:var(--green)}
.dark-button{border-color:var(--navy);background:var(--navy);color:var(--white)}

.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--green);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:0}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(121,211,61,.12)}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-home{height:min(calc(100svh - 110px),56.28vw);min-height:620px;max-height:850px;background:#020f1d}
.hero-art{position:absolute;inset:0;z-index:-2;background:url("assets/hero-user-v3.png") center/contain no-repeat}
.hero-home:after{content:"";position:absolute;inset:0;z-index:-1;background:none;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr;align-items:end;height:100%;min-height:0;max-height:none;padding-block:0 28px}
.hero-copy{max-width:610px}
.hero h1{max-width:600px;margin:0;font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:68px;line-height:.98;font-weight:820;letter-spacing:0}
.hero-lead{max-width:590px;margin:26px 0 0;color:#cfdee8;font-size:18px;line-height:1.62}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:34px;color:#d7e8ef;font-size:12px;font-weight:750}
.hero-proof span{display:flex;align-items:center;gap:8px}
.hero-proof span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan)}
.scroll-cue{position:absolute;left:50%;bottom:22px;display:flex;align-items:center;gap:9px;transform:translateX(-50%);color:#c5d7e2;font-size:10px;font-weight:800;text-transform:uppercase}
.scroll-cue span{position:relative;width:18px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:10px}
.scroll-cue span:after{content:"";position:absolute;left:7px;top:6px;width:2px;height:6px;background:var(--green);animation:scrollCue 1.7s infinite}
@keyframes scrollCue{0%{transform:translateY(0);opacity:0}35%{opacity:1}100%{transform:translateY(9px);opacity:0}}

@media(min-width:641px){
  .hero-image-led .hero-copy{width:100%;max-width:none}
  .hero-image-led .hero-copy>.eyebrow,.hero-image-led .hero-copy>h1,.hero-image-led .hero-copy>.hero-lead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .hero-image-led .actions{margin:0}
  .hero-image-led .actions .btn{background:rgba(2,18,34,.86);border-color:rgba(255,255,255,.42);backdrop-filter:blur(10px)}
  .hero-image-led .actions .btn.primary{background:var(--green);border-color:var(--green)}
}

.transformation-band{padding:112px 0 104px;background:var(--paper);color:var(--text)}
.section-heading{max-width:760px;margin-bottom:45px}
.section-heading.centered{margin-inline:auto;text-align:center}
.section-heading.centered .eyebrow{justify-content:center}
.section-heading h2,.creator-copy h2,.final-cta h2{margin:0;font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:48px;line-height:1.05;font-weight:800;letter-spacing:0}
.section-heading>p:last-child{max-width:680px;margin:18px 0 0;color:var(--muted-dark);font-size:17px}
.centered>p:last-child{margin-inline:auto}
.compact-heading{display:grid;grid-template-columns:.9fr 1.25fr;column-gap:52px;max-width:none;align-items:end}
.compact-heading .eyebrow{grid-column:1;margin:0 0 10px}
.compact-heading h2{grid-column:1;grid-row:2}
.compact-heading>p:last-child{grid-column:2;grid-row:2;margin:0;padding-bottom:4px}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbdce2}
.journey-step{position:relative;min-height:310px;padding:28px 24px 20px;border-right:1px solid #cbdce2}
.journey-step:first-child{border-left:1px solid #cbdce2}
.journey-step:before{content:"";position:absolute;left:-1px;right:100%;top:-1px;height:3px;background:var(--green);transition:right .35s}
.journey-step:hover:before{right:-1px}
.step-index{margin-bottom:54px;color:#9ab0bb;font-size:12px;font-weight:800}
.step-kicker{margin:0 0 9px;color:var(--green-deep);font-size:11px;font-weight:850;text-transform:uppercase}
.journey-step h3{margin:0;color:var(--navy);font-size:21px;line-height:1.2}
.journey-step>p:last-child{margin:14px 0 0;color:#677c88;font-size:14px;line-height:1.55}

.product-section{padding:112px 0;background:#061e36;overflow:hidden}
.product-section .section-heading h2{color:var(--white)}
.product-section .section-heading>p:last-child{color:#aac1d1}
.product-stage{border:1px solid rgba(192,221,236,.22);border-radius:8px;background:#071b30;box-shadow:0 40px 100px rgba(0,0,0,.34);overflow:hidden}
.product-chrome{height:62px;display:flex;align-items:center;gap:24px;padding:0 19px;border-bottom:1px solid rgba(192,221,236,.16);background:#0a2945}
.chrome-brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:13px;font-weight:800}
.chrome-brand img{width:30px;height:30px;object-fit:contain}
.chrome-progress{display:flex;align-items:center;gap:12px;color:#a9bdcb;font-size:11px}
.chrome-progress b{color:var(--white)}
.xp-badge{padding:7px 10px;border:1px solid rgba(121,211,61,.35);border-radius:6px;background:rgba(121,211,61,.1);color:var(--green);font-size:11px;font-weight:850}
.player-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 235px;min-height:520px}
.lesson-rail,.insight-rail{padding:28px 22px;background:#06192d}
.lesson-rail{border-right:1px solid rgba(192,221,236,.14)}
.insight-rail{border-left:1px solid rgba(192,221,236,.14)}
.rail-label{margin:0 0 22px;color:#7f98a9;font-size:10px;font-weight:850;text-transform:uppercase}
.lesson-rail h3{margin:0 0 12px;font-size:23px}
.lesson-rail>p:not(.rail-label){margin:0;color:#a9bdcb;font-size:13px;line-height:1.55}
.mission-progress{height:7px;margin:32px 0 10px;border-radius:6px;background:#143c59;overflow:hidden}
.mission-progress span{display:block;height:100%;border-radius:6px;background:var(--green)}
.mission-meta{display:flex;justify-content:space-between;color:#829bad;font-size:10px}
.lesson-rail .btn{width:100%;margin-top:32px;padding-inline:10px;font-size:10px}
.world-map{position:relative;overflow:hidden;background:linear-gradient(180deg,#0f5272 0%,#197d79 55%,#0b3b45 100%)}
.map-sky{position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(255,220,129,.45),transparent 22%),linear-gradient(180deg,rgba(17,73,105,.15),rgba(3,34,47,.2));opacity:.75}
.map-island{position:absolute;border-radius:50%;background:#326f46;box-shadow:inset 0 -14px 0 #143d35,0 14px 28px rgba(0,0,0,.28)}
.map-island:after{content:"";position:absolute;inset:16% 14%;border-radius:50%;background:#54a655;box-shadow:inset 0 0 0 3px rgba(255,255,255,.08)}
.island-one{left:3%;right:38%;bottom:8%;height:210px;transform:rotate(-7deg)}
.island-two{left:35%;right:8%;top:22%;height:190px;transform:rotate(9deg)}
.island-three{right:4%;top:5%;width:28%;height:110px;transform:rotate(-4deg)}
.map-route{position:absolute;left:13%;top:61%;width:73%;height:8px;border-top:7px dashed rgba(231,255,221,.78);border-radius:50%;transform:rotate(-19deg);filter:drop-shadow(0 0 8px var(--green))}
.map-node{position:absolute;width:35px;height:35px;border:8px solid rgba(255,255,255,.92);border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(54,199,231,.28),0 0 20px rgba(54,199,231,.8)}
.map-node.done{background:var(--green)}
.map-node.current{width:48px;height:48px;border-color:#fff8da;background:var(--amber);animation:nodePulse 1.8s infinite}
.node-a{left:13%;bottom:22%}.node-b{left:31%;bottom:35%}.node-c{left:50%;top:43%}.node-d{right:25%;top:30%}.node-e{right:8%;top:13%}
@keyframes nodePulse{50%{box-shadow:0 0 0 10px rgba(255,189,66,.12),0 0 28px rgba(255,189,66,.85)}}
.map-label{position:absolute;left:43%;top:31%;padding:9px 11px;border-radius:6px;background:rgba(3,25,42,.88);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:800}
.insight-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 0;border-bottom:1px solid rgba(192,221,236,.12);font-size:11px}
.insight-row span{color:#8fa7b7}.insight-row b{font-size:11px}.insight-row .positive{color:var(--green)}.insight-row .warning{color:var(--amber)}
.adaptive-note{display:flex;gap:10px;margin-top:28px;padding:14px;border-left:3px solid var(--cyan);background:rgba(54,199,231,.08)}
.adaptive-note .pulse{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(54,199,231,.12)}
.adaptive-note p{margin:0;color:#9fb5c4;font-size:10px;line-height:1.5}.adaptive-note b{display:block;margin-bottom:4px;color:var(--white)}
.product-features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-top:1px solid rgba(192,221,236,.14)}
.product-features div{padding:22px 20px;border-right:1px solid rgba(192,221,236,.14)}
.product-features div:last-child{border:0}.product-features b,.product-features span{display:block}.product-features b{font-size:13px}.product-features span{margin-top:7px;color:#839cad;font-size:11px}

.creator-section{padding:118px 0;background:#eaf6ee;color:var(--text)}
.creator-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px;align-items:center}
.creator-copy h2{font-size:50px;color:var(--navy)}
.dark-eyebrow{color:var(--green-deep)}
.lead-dark{margin:22px 0 0;color:#5f7581;font-size:17px}
.clean-list{display:grid;gap:20px;margin:30px 0;padding:0;list-style:none}
.clean-list li{display:grid;grid-template-columns:18px 1fr;column-gap:11px}
.clean-list li:before{content:"";width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--green-deep);box-shadow:0 0 0 5px rgba(47,159,85,.12)}
.clean-list b,.clean-list span{grid-column:2}.clean-list b{font-size:14px}.clean-list span{margin-top:3px;color:#6a7f89;font-size:13px;line-height:1.5}
.creator-console{border:1px solid #bdcfd2;border-radius:8px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.console-top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line-dark)}
.console-top div{display:grid;gap:4px}.console-top span{color:#78909c;font-size:10px;text-transform:uppercase;font-weight:800}.console-top b{font-size:15px}.console-top button{border:0;background:transparent;color:#78909c;font-size:20px;cursor:pointer}
.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-dark)}
.console-metrics div{padding:21px;border-right:1px solid var(--line-dark)}.console-metrics div:last-child{border:0}
.console-metrics span,.console-metrics strong,.console-metrics small{display:block}.console-metrics span{color:#78909c;font-size:10px}.console-metrics strong{margin-top:7px;color:var(--navy);font-size:30px}.console-metrics strong.coral{color:var(--coral)}.console-metrics small{margin-top:4px;color:#95a7af;font-size:9px}
.telemetry-chart{padding:22px}.chart-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:21px;font-size:11px;font-weight:800}.chart-head b{color:#7a909c;font-size:9px}
.bar-row{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:12px;margin-top:15px;font-size:10px}.bar-row>span{color:#617984}.bar-row>i{height:7px;border-radius:5px;background:#e2ecee;overflow:hidden}.bar-row em{display:block;height:100%;border-radius:5px;background:var(--green-deep)}.bar-row em.attention{background:var(--coral)}.bar-row>b{text-align:right;color:var(--navy)}
.console-alert{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;margin:0 22px 22px;padding:13px;border:1px solid #ffd5ce;border-radius:6px;background:#fff5f2}.alert-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--coral);color:#fff;font-weight:900}.console-alert p{margin:0;color:#71848d;font-size:10px;line-height:1.45}.console-alert b{display:block;color:var(--navy)}

.audiences-section{padding:116px 0;background:#f7f7f2;color:var(--text)}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cedbdc;border-bottom:1px solid #cedbdc}
.audience-panel{position:relative;display:flex;min-height:430px;flex-direction:column;padding:28px 30px 32px;border-right:1px solid #cedbdc;overflow:hidden;transition:background .25s,color .25s}
.audience-panel:first-child{border-left:1px solid #cedbdc}.audience-panel:hover{background:var(--navy);color:var(--white)}
.panel-number{margin-bottom:auto;color:#8fa3ab;font-size:11px;font-weight:800}.panel-kicker{margin:0 0 13px;color:var(--green-deep);font-size:10px;font-weight:850;text-transform:uppercase}
.audience-panel h3{margin:0;font-size:27px;line-height:1.15}.audience-panel p:not(.panel-kicker){margin:17px 0 28px;color:#6d8089;font-size:14px}.audience-panel:hover p:not(.panel-kicker){color:#afc3cf}.audience-panel>b{font-size:11px;text-transform:uppercase}
.student-panel:after,.teacher-panel:after,.school-panel:after{content:"";position:absolute;right:-28px;top:30px;width:115px;height:115px;border:1px solid rgba(47,159,85,.2);transform:rotate(45deg)}
.teacher-panel:after{border-color:rgba(143,115,241,.3);border-radius:50%;transform:none}.school-panel:after{width:80px;height:140px;border-color:rgba(54,199,231,.3);transform:rotate(18deg)}

.final-cta{padding:120px 0;background:var(--navy);text-align:center;overflow:hidden}
.final-cta-inner{position:relative;display:flex;align-items:center;flex-direction:column;max-width:830px}
.cta-mark{width:74px;height:74px;object-fit:contain;margin-bottom:24px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}
.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:52px}.final-cta p:not(.eyebrow){max-width:620px;margin:22px auto 30px;color:#a9bfd0;font-size:17px}

.footer{padding:66px 0 22px;border-top:1px solid var(--line);background:#020f1d;color:#9db2c0}
.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:62px;padding-bottom:52px}
.footer-brand img{width:184px}.footer-brand p{max-width:290px;margin:20px 0 0;color:#829aa9;font-size:13px}
.footer-links{display:grid;align-content:start;gap:12px;font-size:12px}.footer-links b{margin-bottom:6px;color:var(--white)}.footer-links a:hover{color:var(--green)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(197,222,236,.12);font-size:10px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}

/* Marketing subpages */
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:110px 0 94px;background:#06213b}
.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,24,46,.98),rgba(4,24,46,.82)),url("assets/hero-game-v2.jpg") center/cover no-repeat;opacity:.96}
.page-hero .container{position:relative}.page-hero .container>h1,.page-hero .container>div>h1{max-width:820px;margin:0;font-size:58px;line-height:1.02;letter-spacing:0}.page-hero h1 span,.section h1 span,h2 span{color:var(--green)}
.page-hero .container>p:not(.eyebrow),.page-hero .container>div>p:not(.eyebrow){max-width:690px;margin:22px 0 0;color:#bfd0dc;font-size:17px}
.page-hero.school:before{background:linear-gradient(90deg,rgba(4,24,46,.99),rgba(4,24,46,.68)),url("assets/hero-game-v2.jpg") center/cover no-repeat}
.section{padding:96px 0;background:#071f37}
.section.alt{background:var(--paper);color:var(--text)}
.section h1{margin:0;font-size:50px;line-height:1.05}.section h2{margin:0 0 20px;font-size:42px;line-height:1.08;letter-spacing:0}
.first-section{padding-top:100px}
.lead{color:#b8ccda;font-size:17px}.section.alt .lead{color:#637985}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:64px;align-items:center}
.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}
.card,.price-card,.quiz-card,.form-card,.course-card,.step{position:relative;border:1px solid var(--line);border-radius:8px;background:#0a2a47;padding:24px;overflow:hidden}
.card:before,.price-card:before{content:"";position:absolute;left:0;right:100%;top:0;height:3px;background:var(--green);transition:right .3s}.card:hover:before,.price-card:hover:before{right:0}
.card h3,.price-card h3,.step h3{margin:0 0 11px;font-size:20px}.card p,.price-card p,.price-card li,.step p{margin:0;color:#a9becc;font-size:14px}
.accent-cyan:before{background:var(--cyan)}.accent-purple:before{background:var(--purple)}.accent-orange:before{background:var(--coral)}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.step{min-height:300px;border-width:0 1px 0 0;border-radius:0;background:transparent}.step:first-child{border-left:1px solid var(--line)}.step span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:60px;border:1px solid rgba(121,211,61,.38);border-radius:50%;color:var(--green);font-size:12px;font-weight:850}
.compact div{border:1px solid var(--line-dark);border-radius:7px;background:#fff;padding:18px;color:var(--navy);font-size:13px;font-weight:800}
.check-list{display:grid;gap:12px;max-width:680px;margin:28px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:29px;color:#d7e5ed}.check-list li:before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:900}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.stats-grid div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid strong{display:block;color:var(--green);font-size:33px}.stats-grid span{display:block;margin-top:8px;color:#a7bdca;font-size:12px}
.note-panel{display:flex;align-items:center;gap:24px;padding:30px 0}.note-panel img{width:72px;height:72px;object-fit:contain}.note-panel h2{margin:0}.note-panel p{margin:8px 0 0;color:#607784}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{display:flex;min-height:460px;flex-direction:column}.price-card>strong{display:block;margin:18px 0 2px;color:#fff;font-size:31px}.price-card>span{color:#9fb5c3;font-size:12px}.price-card ul{display:grid;gap:9px;min-height:150px;margin:22px 0;padding-left:18px}.price-card .btn{margin-top:auto}.price-card.featured{border-color:rgba(121,211,61,.7);background:#0d3554}.fine-print{color:#8ba3b2;font-size:11px}
.contact-list{display:grid;gap:10px;margin-top:26px;color:#d9e7ed}.form-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:rgba(8,39,67,.9)}.form-card label{display:grid;gap:7px;color:#a9bdcb;font-size:10px;font-weight:800;text-transform:uppercase}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid rgba(203,225,237,.18);border-radius:6px;background:#061b31;color:#fff;padding:12px}.form-card select option{color:#071b30}.form-card .wide{grid-column:1/-1}.form-status{grid-column:1/-1;margin:0;color:var(--green);font-size:12px}

.transformation-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.transformation-compare>div{display:grid;gap:8px;padding:22px;border:1px solid var(--line-dark);border-radius:8px;background:#fff}
.transformation-compare>div.after{border-color:rgba(47,159,85,.45);background:#eff9f1}
.transformation-compare span{color:#81959e;font-size:10px;font-weight:850;text-transform:uppercase}.transformation-compare b{color:var(--navy);font-size:15px}.transformation-compare small{color:#71858e;line-height:1.5}.transformation-compare>i{color:var(--green-deep);font-style:normal;font-size:24px}
.teacher-business-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
.business-step{min-height:300px;padding:26px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.business-step>span{display:block;margin-bottom:62px;color:var(--green-deep);font-size:11px;font-weight:850}.business-step h3{margin:0;color:var(--navy);font-size:21px}.business-step p{margin:13px 0 0;color:#6b808a;font-size:13px}
.teacher-telemetry{border:1px solid var(--line);border-radius:8px;background:#0a2b48;box-shadow:0 26px 64px rgba(0,0,0,.22);overflow:hidden}
.telemetry-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);font-size:12px;font-weight:800}.telemetry-head b{color:var(--green);font-size:10px;text-transform:uppercase}
.signal-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.signal-grid div{padding:22px;border-right:1px solid var(--line)}.signal-grid div:last-child{border:0}.signal-grid small,.signal-grid strong{display:block}.signal-grid small{color:#8da6b5}.signal-grid strong{margin-top:8px;font-size:30px}.signal-grid strong.coral{color:var(--coral)}
.student-signal{display:grid;grid-template-columns:92px 1fr 70px;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);font-size:10px}.student-signal>i{height:6px;border-radius:5px;background:#153e5c;overflow:hidden}.student-signal em{display:block;height:100%;border-radius:5px;background:var(--green)}.student-signal em.attention{background:var(--coral)}.student-signal>b{text-align:right;color:#9cb2c0}
.signal-note{display:grid;gap:5px;margin:18px;padding:14px;border-left:3px solid var(--amber);background:rgba(255,189,66,.08)}.signal-note b{font-size:11px}.signal-note span{color:#9eb4c1;font-size:10px}
.light-card{border-color:var(--line-dark);background:#fff;color:var(--navy)}.light-card p{color:#6c818b}.light-card:before{background:var(--green-deep)}
.technology-row{display:grid;grid-template-columns:80px .8fr 1fr;gap:48px;align-items:start}.tech-index{color:var(--green);font-size:12px;font-weight:850}.technology-row h2{max-width:460px}.technology-row>div:last-child>p{margin:0;color:#a9becc;font-size:15px}.section.alt .technology-row>div:last-child>p{color:#657a84}.compact-list{margin-top:26px}.compact-list li{grid-template-columns:16px 1fr}
.implementation-list{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.implementation-list li{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.implementation-list li>span{color:var(--green);font-size:10px;font-weight:850}.implementation-list b{font-size:14px}.implementation-list p{margin:5px 0 0;color:#9fb5c3;font-size:12px}
.school-signals{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}.school-signals>div{min-height:250px;padding:26px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.school-signals span{color:var(--green-deep);font-size:10px;font-weight:850;text-transform:uppercase}.school-signals b{display:block;margin-top:54px;color:var(--navy);font-size:20px}.school-signals p{margin:12px 0 0;color:#6d828b;font-size:13px}
.contact-expectation{display:grid;grid-template-columns:32px 1fr;gap:16px 12px;margin-top:32px}.contact-expectation>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(121,211,61,.4);border-radius:50%;color:var(--green);font-size:9px;font-weight:850}.contact-expectation b{font-size:13px}.contact-expectation p{margin:3px 0 0;color:#a9becc;font-size:11px;line-height:1.5}
.footer-grid{display:grid;grid-template-columns:190px 1fr auto;gap:24px;align-items:center}.footer-grid img{width:184px}.footer-grid p{margin:0;color:#829aa9;font-size:13px}

/* Product demo pages */
.course-layout{display:grid;grid-template-columns:300px 1fr;gap:22px}.course-card h1{font-size:34px;line-height:1.05;margin:0 0 12px}.progress{height:10px;border-radius:6px;background:#153e5c;overflow:hidden;margin:16px 0}.progress span{display:block;height:100%;border-radius:6px;background:var(--green)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tabs a{border:1px solid var(--line);border-radius:6px;padding:11px 13px;background:rgba(255,255,255,.04);font-weight:800;font-size:11px}.tabs a.active{border-color:rgba(121,211,61,.38);background:rgba(121,211,61,.12);color:var(--green)}
.level-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.level-list li{border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.04);padding:13px}
.quiz-card{padding:28px}.quiz-top{display:flex;justify-content:space-between}.question{font-size:22px;color:#fff}.answer{width:100%;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;margin:10px 0;padding:14px;background:rgba(255,255,255,.04);color:#fff;text-align:left;cursor:pointer}.answer b{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#123d5c}.answer.correct{border-color:rgba(121,211,61,.66);background:rgba(121,211,61,.12)}
.robot-card{display:grid;place-items:center;width:min(320px,100%);height:220px;margin-top:26px;border:1px solid rgba(54,199,231,.28);border-radius:8px;background:linear-gradient(145deg,#0b3958,#0f6474);color:#d5f5ff;font-weight:900}
.course-map-layout{display:grid;grid-template-columns:320px 1fr;gap:22px}.pill{display:inline-block;border-radius:6px;padding:8px 12px;background:rgba(121,211,61,.12);color:var(--green);font-weight:900;font-size:11px;text-transform:uppercase}.mini-plan{display:grid;gap:12px;margin-top:22px;border:1px solid var(--line);border-radius:6px;padding:16px}
.course-map{position:relative;min-height:520px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#1f765e,#0b3150)}.trail-line{position:absolute;left:10%;right:10%;top:52%;height:110px;border-top:8px dashed rgba(255,255,255,.7);border-radius:50%;transform:rotate(-8deg)}.node{position:absolute;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#fff 0 26%,var(--cyan) 28% 55%,rgba(255,255,255,.2) 58%);box-shadow:0 0 20px rgba(54,199,231,.6)}.n1{left:12%;bottom:20%}.n2{left:31%;top:42%}.n3{left:52%;bottom:26%}.n4{right:24%;top:36%}.n5{right:10%;bottom:18%}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.event-list{display:grid;gap:13px}.event{display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:16px;border:1px solid var(--line-dark);border-radius:7px;background:#fff;color:var(--navy);padding:14px}.event h3,.event p{margin:0}.event p{color:#607784;font-size:13px}.event time{color:#607784;font-size:12px;font-weight:800;text-transform:uppercase}.avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:7px;background:var(--cyan);color:var(--navy);font-weight:900}

@media(max-width:1080px){
  .nav{gap:14px}.brand{flex-basis:155px}.brand img{width:155px}.links{gap:16px}.links a{font-size:11px}.hero h1{font-size:59px}
  .player-layout{grid-template-columns:205px 1fr}.insight-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;gap:18px;border-top:1px solid var(--line);border-left:0}.insight-rail .rail-label{display:none}.adaptive-note{margin:0}.creator-grid{gap:42px}.creator-copy h2{font-size:43px}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
  .container{width:min(100% - 36px,1180px)}
  .menu-toggle{display:block;margin-left:auto}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.nav>.btn{display:none}
  .links{position:fixed;inset:76px 0 auto;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:14px 18px 24px;background:#031426;border-bottom:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.4)}.links.open{display:flex}.links a{padding:15px 4px;border-bottom:1px solid rgba(197,222,236,.1);font-size:13px}.links a:after{display:none}.nav-login{display:none}.nav-cta{display:none}
  .hero h1{font-size:55px}
  .compact-heading{display:block}.compact-heading h2{max-width:680px}.compact-heading>p:last-child{margin-top:20px}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-step:nth-child(3){border-left:1px solid #cbdce2}
  .player-layout{grid-template-columns:210px 1fr}.insight-rail{grid-template-columns:repeat(2,1fr)}
  .creator-grid{grid-template-columns:1fr}.creator-copy{max-width:700px}.audience-grid{grid-template-columns:1fr}.audience-panel{min-height:320px;border-left:1px solid #cedbdc;border-bottom:1px solid #cedbdc}.audience-panel:last-child{border-bottom:0}
  .footer-main{grid-template-columns:2fr 1fr 1fr}.footer-links:last-child{grid-column:2}
  .page-hero .container>h1,.page-hero .container>div>h1{font-size:49px}.split,.course-layout,.course-map-layout{grid-template-columns:1fr}.grid.four,.steps-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.step:nth-child(3){border-left:1px solid var(--line)}
  .teacher-business-grid{grid-template-columns:repeat(2,1fr)}.technology-row{grid-template-columns:55px 1fr}.technology-row>div:last-child{grid-column:2}.school-signals{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-grid .btn{justify-self:start}
}

@media(max-width:640px){
  .container{width:min(100% - 28px,1180px)}
  .topbar .nav{height:68px}.brand{flex-basis:148px}.brand img{width:148px}.links{top:68px}
  .hero-home{height:auto;min-height:700px;max-height:none}.hero-art{background-image:url("assets/hero-game-v2.jpg");background-size:cover;background-position:64% center;opacity:.72}.hero-home:after{background:linear-gradient(90deg,rgba(2,16,31,.99),rgba(2,16,31,.82)),linear-gradient(0deg,rgba(3,21,39,.88),transparent 44%)}.hero-grid{height:auto;min-height:700px;padding-block:58px 92px}.hero h1{font-size:43px;line-height:1.02}.hero-lead{font-size:16px}.actions{align-items:stretch;flex-direction:column}.actions .btn{width:100%}.text-button{min-height:40px}.hero-proof{display:grid;gap:9px}.scroll-cue{display:none}
  .transformation-band,.product-section,.creator-section,.audiences-section,.final-cta{padding:78px 0}.section-heading h2,.creator-copy h2,.final-cta h2{font-size:36px}.section-heading>p:last-child,.lead-dark,.final-cta p:not(.eyebrow){font-size:15px}.journey-grid{grid-template-columns:1fr}.journey-step{min-height:auto;padding-bottom:34px;border-left:1px solid #cbdce2}.step-index{margin-bottom:32px}
  .product-stage{overflow:visible;border:0;background:transparent;box-shadow:none}.product-chrome{border:1px solid var(--line);border-radius:8px 8px 0 0}.chrome-progress{display:none}.player-layout{grid-template-columns:1fr}.lesson-rail{border:1px solid var(--line);border-top:0}.world-map{min-height:390px;border-inline:1px solid var(--line)}.insight-rail{grid-template-columns:1fr;border:1px solid var(--line)}.product-features{grid-template-columns:1fr 1fr}.product-features div:nth-child(2){border-right:0}.product-features div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .console-metrics{grid-template-columns:1fr}.console-metrics div{border-right:0;border-bottom:1px solid var(--line-dark)}.console-metrics div:last-child{border:0}.chart-head{align-items:flex-start;flex-direction:column}.bar-row{grid-template-columns:78px 1fr 30px}.console-alert{grid-template-columns:30px 1fr}.console-alert>span:last-child{display:none}
  .audience-panel{min-height:350px;padding:24px}.audience-panel h3{font-size:25px}.final-cta h2{font-size:38px}
  .footer{padding-top:50px}.footer-main{grid-template-columns:1fr 1fr;gap:38px 24px}.footer-brand{grid-column:1/-1}.footer-links:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}
  .page-hero{padding:82px 0 68px}.page-hero .container>h1,.page-hero .container>div>h1{font-size:40px}.section{padding:68px 0}.section h1{font-size:40px}.section h2{font-size:34px}.grid.two,.grid.three,.grid.four,.steps-grid,.stats-grid,.pricing-grid{grid-template-columns:1fr}.step{min-height:auto}.step:first-child,.step:nth-child(3){border-left:1px solid var(--line)}.step span{margin-bottom:28px}.stats-grid{border-left:1px solid var(--line)}.form-card{grid-template-columns:1fr}.form-card .wide{grid-column:auto}.price-card{min-height:auto}.section-head{align-items:flex-start;flex-direction:column}.event{grid-template-columns:56px 1fr}.event time,.event .btn{grid-column:2}.course-map{min-height:430px}
  .transformation-compare{grid-template-columns:1fr}.transformation-compare>i{transform:rotate(90deg);text-align:center}.teacher-business-grid,.school-signals{grid-template-columns:1fr}.business-step{min-height:auto}.business-step>span{margin-bottom:34px}.technology-row{grid-template-columns:1fr;gap:18px}.technology-row>div:last-child{grid-column:auto}.tech-index{margin-bottom:10px}.student-signal{grid-template-columns:72px 1fr}.student-signal>b{grid-column:2}.footer-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span:after,.map-node.current{animation:none}.btn{transition:none}}