:root{--pc-bg:#051f1c;--pc-card:rgba(10,46,42,.72);--pc-border:rgba(255,255,255,.09);--pc-text:#f2fffc;--pc-muted:rgba(225,250,246,.66);--pc-teal:#0d9488;--pc-cyan:#2dd4bf;--pc-amber:#d97706}
html{scroll-behavior:smooth}body{background:var(--pc-bg);color:var(--pc-text);overflow-x:hidden}.brand-logo{width:30px;height:30px;object-fit:contain;border-radius:8px}.logo{gap:9px}.nav-container{max-width:1240px}.navbar{z-index:100}.navbar.scrolled{background:rgba(5,31,28,.72)!important;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(22px)}
.story-hero{position:relative;min-height:100vh;display:grid;place-items:start center;padding:104px 5vw 70px;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(13,148,136,.18),transparent 28%),radial-gradient(circle at 20% 80%,rgba(45,212,191,.08),transparent 25%),#051f1c}.story-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#051f1c 100%);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.story-hero-copy{position:relative;z-index:3;max-width:640px;justify-self:start;margin-left:4vw;transform:translateY(calc(var(--hero-p,0)*-60px));transition:opacity .2s}.story-hero-copy h1{font-size:clamp(44px,4.6vw,66px);line-height:.98;letter-spacing:-.055em;margin:22px 0 24px;font-weight:700}.story-hero-copy h1 span,.scene-copy h2 span,.transform-header h2,.roles-copy h2 span,.outcome-inner h2 span,.final-cta h2 span{background:linear-gradient(110deg,#5eead4,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}.story-hero-copy p{font-size:15px;line-height:1.7;color:var(--pc-muted);max-width:570px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#63e6d4}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(45,212,191,.22);background:rgba(13,148,136,.1);border-radius:999px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 16px #2dd4bf}.hero-actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.btn-primary,.btn-ghost{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border-radius:12px;font-weight:700;text-decoration:none}.btn-primary{background:#0d9488;color:white;box-shadow:0 16px 42px rgba(13,148,136,.34),0 0 0 1px rgba(255,255,255,.08)}.btn-primary:hover{box-shadow:0 20px 48px rgba(13,148,136,.44);background:#0f766e;transform:translateY(-1px)}.btn-primary.large{padding:0 26px;min-height:56px}.btn-ghost{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#ecfffb;backdrop-filter:blur(14px)}.play-dot{font-size:10px}.micro-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:44px;color:rgba(226,250,246,.55);font-size:12px}.hero-stage{position:absolute;z-index:2;width:min(620px,52vw);right:2vw;top:20%;transform:translateY(calc(var(--hero-p,0)*-70px)) perspective(1400px) rotateY(-7deg) rotateX(2deg)}.dashboard-window{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(7,30,27,.5);box-shadow:0 45px 100px rgba(0,0,0,.5),0 0 80px rgba(13,148,136,.12);overflow:hidden;backdrop-filter:blur(10px)}.window-bar{height:40px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:12px;padding:0 14px;color:rgba(255,255,255,.4);font-size:10px}.window-bar b{margin-left:auto;color:#8eeade;font-size:9px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18)}.dash-shell{display:grid;grid-template-columns:128px 1fr;min-height:430px}.dash-shell aside{border-right:1px solid rgba(255,255,255,.06);padding:16px 10px;display:flex;flex-direction:column;gap:7px;color:rgba(255,255,255,.35);font-size:9px}.mini-brand{display:flex;align-items:center;gap:6px;color:#e9fffb;margin-bottom:14px;font-size:10px}.mini-brand img{width:19px;height:19px}.side-active{background:rgba(45,212,191,.11);color:#5eead4!important;border-radius:7px;padding:8px}.dash-shell aside span:not(.side-active){padding:7px 8px}.dash-main{padding:20px}.dash-top{display:flex;justify-content:space-between;align-items:flex-end}.dash-top small{color:rgba(255,255,255,.38);font-size:9px}.dash-top h3{font-size:16px;margin:3px 0 0}.live-chip{font-size:9px;color:#65e9b4}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.metric{padding:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:11px}.metric small,.metric em{display:block;color:rgba(255,255,255,.38);font-size:8px;font-style:normal}.metric strong{display:block;font-size:20px;margin:6px 0}.metric em.positive,.good{color:#62e5a9}.metric .warning,.warning{color:#f7bb5d}.dash-panels{display:grid;grid-template-columns:1.6fr .8fr;gap:8px;margin-top:8px}.panel{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);padding:13px}.panel-head{display:flex;justify-content:space-between;font-size:9px}.panel-head span{color:rgba(255,255,255,.35)}.chart-panel svg{width:100%;height:155px;margin-top:8px}.chart-line{fill:none;stroke:#2dd4bf;stroke-width:3}.chart-fill{fill:rgba(45,212,191,.08)}.chart-labels{display:flex;justify-content:space-between;color:rgba(255,255,255,.22);font-size:7px}.fee-panel{display:flex;flex-direction:column}.ring{width:105px;height:105px;margin:20px auto 12px;border-radius:50%;background:conic-gradient(#2dd4bf 0 88%,rgba(255,255,255,.07) 88%);display:grid;place-items:center}.ring:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#0a2e2a}.ring span{position:relative;z-index:1;font-size:19px;font-weight:700}.ring small{font-size:9px}.legend{display:grid;gap:6px;font-size:8px;color:rgba(255,255,255,.4)}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2dd4bf;margin-right:5px}.legend span+span i{background:#d97706}.floating-pill{position:absolute;z-index:5;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(7,30,27,.86);box-shadow:0 20px 50px rgba(0,0,0,.35);font-size:10px;color:#dffaf6;backdrop-filter:blur(14px);animation:float 4s ease-in-out infinite}.floating-pill b{color:#61e5a7}.pill-paid{left:-7%;top:30%}.pill-alert{right:1%;bottom:17%;animation-delay:-2s}.orbit{position:absolute;border:1px solid rgba(45,212,191,.13);border-radius:50%;pointer-events:none}.orbit-a{width:780px;height:480px;left:-30px;top:-30px;transform:rotate(-12deg)}.orbit-b{width:600px;height:600px;right:-120px;top:-90px;border-color:rgba(217,119,6,.1)}.scroll-cue{position:absolute;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:rgba(255,255,255,.35);font-size:10px}.scroll-cue i{width:1px;height:34px;background:linear-gradient(#2dd4bf,transparent);animation:scrollLine 1.7s ease-in-out infinite}
.story-section{position:relative;min-height:185vh;background:#051f1c}.sticky-scene{position:sticky;top:0;height:100vh;min-height:680px;overflow:hidden;display:grid;place-items:center;padding:70px 7vw}.scene-copy{position:relative;z-index:4;max-width:530px}.scene-copy h2,.transform-header h2,.roles-copy h2,.outcome-inner h2,.final-cta h2{font-size:clamp(42px,5.2vw,76px);line-height:1.02;letter-spacing:-.045em;margin:17px 0 20px}.scene-copy p,.transform-header p,.roles-copy p,.outcome-inner p,.final-cta p{font-size:16px;line-height:1.75;color:var(--pc-muted)}.chaos-scene{background:radial-gradient(circle at 65% 45%,rgba(217,119,6,.07),transparent 30%),#0d332b}.chaos-scene .sticky-scene{grid-template-columns:.75fr 1.25fr;gap:4vw}.chaos-board{height:600px;position:relative}.chaos-card{position:absolute;border:1px solid rgba(255,255,255,.11);background:rgba(15,45,41,.82);box-shadow:0 25px 60px rgba(0,0,0,.3);border-radius:16px;backdrop-filter:blur(15px);transition:transform .1s linear}.sheet{width:300px;height:230px;left:6%;top:8%;padding:20px;transform:rotate(-6deg)}.sheet b{font-size:13px}.fake-lines{height:150px;margin-top:18px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px)}.chat{width:290px;right:2%;top:23%;padding:17px;display:grid;gap:10px;transform:rotate(5deg)}.chat span{font-size:10px;padding:10px;background:rgba(255,255,255,.04);border-radius:9px;color:rgba(255,255,255,.62)}.fee-note{left:14%;bottom:17%;padding:20px;display:grid;transform:rotate(4deg)}.fee-note b{font-size:30px;color:#f7bd5e}.fee-note small{color:rgba(255,255,255,.4)}.register{right:12%;bottom:7%;padding:18px;transform:rotate(-4deg)}.register b{font-size:10px}.student-dots{display:flex;gap:7px;margin-top:15px}.student-dots i{width:22px;height:22px;border-radius:50%;background:rgba(45,212,191,.18);border:1px solid rgba(45,212,191,.25)}.tab-stack{left:38%;top:41%;display:grid;padding:8px;transform:rotate(-1deg);z-index:2}.tab-stack span{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px;color:rgba(255,255,255,.4)}.chaos-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(13,148,136,.55),rgba(5,31,28,.2) 70%);border:1px solid rgba(45,212,191,.25);box-shadow:0 0 100px rgba(13,148,136,.25);opacity:0}.chaos-core img{width:55px}.chaos-core span{position:absolute;bottom:30px;font-size:9px;color:#7be7d9}
.transform-scene{background:linear-gradient(180deg,#051b18,#042421)}.transform-scene .sticky-scene{display:block;padding-top:12vh}.transform-header{position:relative;z-index:5;text-align:center;margin:auto;max-width:680px}.transform-header h2{font-size:clamp(48px,6vw,84px)}.product-explosion{position:absolute;inset:0;--p:0}.product-card{position:absolute;border:1px solid rgba(255,255,255,.1);background:rgba(9,43,39,.84);border-radius:18px;padding:20px;box-shadow:0 25px 70px rgba(0,0,0,.3);backdrop-filter:blur(18px);transition:transform .08s linear}.product-card small{font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.35)}.product-card strong{display:block;font-size:32px;margin:9px 0}.product-card span{font-size:9px;color:rgba(255,255,255,.4)}.pc-students{left:8%;top:46%;transform:translate(calc((1 - var(--p))*-150px),calc((1 - var(--p))*40px)) rotate(-5deg)}.pc-attendance{left:19%;top:67%;transform:translate(calc((1 - var(--p))*-80px),calc((1 - var(--p))*120px)) rotate(4deg)}.pc-fees{right:10%;top:43%;transform:translate(calc((1 - var(--p))*150px),calc((1 - var(--p))*30px)) rotate(5deg)}.pc-batches{right:20%;top:68%;transform:translate(calc((1 - var(--p))*100px),calc((1 - var(--p))*120px)) rotate(-4deg)}.pc-center{left:50%;top:55%;width:260px;text-align:center;transform:translate(-50%,-50%) scale(calc(.65 + var(--p)*.35));z-index:3;padding:28px}.pc-center img{width:55px;height:55px;object-fit:contain}.pc-center b{display:block;font-size:17px;margin-top:10px}.pc-center span{display:block;margin-top:6px}.tiny-bars{display:flex;align-items:end;gap:5px;height:30px;margin-top:10px}.tiny-bars i{width:13px;border-radius:3px;background:#2dd4bf}.tiny-bars i:nth-child(1){height:35%}.tiny-bars i:nth-child(2){height:60%}.tiny-bars i:nth-child(3){height:48%}.tiny-bars i:nth-child(4){height:78%}.tiny-bars i:nth-child(5){height:92%}
.feature-story{background:#0d332b}.split-scene{grid-template-columns:1fr 1fr;gap:8vw}.split-scene.reverse{grid-template-columns:1fr 1fr}.mini-benefits{display:grid;gap:10px;margin-top:25px;color:rgba(225,250,246,.55);font-size:11px}.phone-stack,.payment-visual{position:relative;width:min(520px,42vw);height:560px;justify-self:center}.phone-card{position:absolute;width:340px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);padding:22px;border-radius:26px;background:linear-gradient(145deg,#103d37,#092722);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px rgba(0,0,0,.45)}.phone-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:20px}.phone-top span{color:rgba(255,255,255,.35)}.att-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.06);font-size:11px}.att-row b{font-size:9px;padding:6px 9px;border-radius:999px}.present{color:#67e5a7;background:rgba(34,197,94,.1)}.absent{color:#ff8d8d;background:rgba(220,38,38,.1)}.att-footer{display:flex;justify-content:space-between;padding-top:18px;color:rgba(255,255,255,.4);font-size:9px}.att-footer strong{color:#eafff9}.att-footer span{color:#2dd4bf}.floating-mini{position:absolute;padding:15px 17px;border:1px solid rgba(255,255,255,.1);background:rgba(7,30,27,.88);border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.35);display:grid;gap:3px}.floating-mini small,.floating-mini span{font-size:9px;color:rgba(255,255,255,.35)}.floating-mini b{font-size:22px}.mini-rate{right:0;top:16%}.mini-rate span{color:#62e5a9}.mini-alert{left:0;bottom:18%}.mini-alert b{font-size:13px;color:#f5c56c}.fees-story{background:linear-gradient(180deg,#051b18,#062522)}.payment-card{position:absolute;left:10%;top:20%;width:360px;padding:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#0d3933,#08241f);border-radius:22px;box-shadow:0 40px 90px rgba(0,0,0,.4);z-index:2}.payment-head{display:flex;justify-content:space-between;color:rgba(255,255,255,.35);font-size:9px}.payment-card>strong{display:block;font-size:46px;margin:45px 0 3px}.payment-card>small{font-size:10px;color:rgba(255,255,255,.42)}.payment-status{margin-top:25px;padding:13px;border-radius:12px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.16);display:flex;align-items:center;gap:10px;font-size:10px}.payment-status i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#06251f;font-style:normal;font-weight:700}.payment-status span{color:#7fe5b1}.payment-status b{margin-left:auto;color:#7fe5b1;font-size:9px}.receipt-card{position:absolute;right:0;bottom:14%;width:190px;padding:18px;border:1px solid rgba(255,255,255,.1);background:rgba(9,40,36,.9);border-radius:15px;display:grid;gap:6px;z-index:3;box-shadow:0 25px 60px rgba(0,0,0,.4)}.receipt-card span{font-size:9px;color:#69e4d3}.receipt-card b{font-size:12px}.receipt-card small{font-size:8px;color:rgba(255,255,255,.3)}.payment-line{position:absolute;width:330px;height:330px;border:1px dashed rgba(45,212,191,.18);border-radius:50%;right:0;top:7%;transform:rotate(18deg)}.collection-stat{margin-top:28px;padding:18px;border-left:2px solid #2dd4bf;display:grid;gap:4px}.collection-stat strong{font-size:32px}.collection-stat span,.collection-stat em{font-size:10px;color:rgba(255,255,255,.38);font-style:normal}.collection-stat em{color:#63e5a7}
.roles-story{background:radial-gradient(circle at 50% 50%,rgba(13,148,136,.12),transparent 38%),#0d332b}.roles-story .sticky-scene{display:block}.roles-copy{text-align:center;max-width:650px;margin:0 auto;position:relative;z-index:5}.role-stage{position:absolute;left:50%;top:58%;width:min(980px,82vw);height:330px;transform:translate(-50%,-50%)}.role-card{position:absolute;width:300px;min-height:230px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(12,52,47,.92),rgba(6,31,28,.95));box-shadow:0 30px 80px rgba(0,0,0,.38);backdrop-filter:blur(18px);transition:transform .08s linear}.role-admin{left:0;top:30px}.role-teacher{left:50%;top:0;margin-left:-150px}.role-parent{right:0;top:30px}.role-badge{font-size:9px;color:#5eead4;letter-spacing:.12em}.role-card h3{font-size:20px;margin:12px 0 18px}.role-ui{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.role-ui i{height:55px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}.role-ui.rows{grid-template-columns:1fr}.role-ui.rows i{height:16px}.role-ui.notif{display:flex}.role-ui.notif i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(45,212,191,.09);font-style:normal;color:#7ee9dc}.role-card small{display:block;margin-top:18px;font-size:9px;color:rgba(255,255,255,.35)}.role-connector{position:absolute;left:50%;top:50%;width:330px;height:1px;background:linear-gradient(90deg,transparent,#2dd4bf,transparent);transform:translate(-50%,-50%);opacity:.3}.roles-sub{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);text-align:center;max-width:560px;font-size:16px;line-height:1.75;color:var(--pc-muted)}
.outcome-section{position:relative;min-height:92vh;display:grid;place-items:center;overflow:hidden;padding:120px 20px;background:#051b18}.outcome-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at center,black,transparent 70%)}.outcome-inner{position:relative;text-align:center;max-width:760px}.outcome-inner h2{font-size:clamp(50px,6vw,90px)}.outcome-metrics{display:flex;justify-content:center;gap:70px;margin:38px 0;flex-wrap:wrap}.outcome-metrics div{display:grid;gap:5px}.outcome-metrics strong{font-size:36px}.outcome-metrics span{font-size:9px;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:.1em}
.pricing-v2{padding:100px 20px;background:#0d332b}.section-center{text-align:center;max-width:650px;margin:0 auto 50px}.section-center h2{font-size:clamp(40px,5vw,64px);letter-spacing:-.04em;margin:14px 0}.section-center p{color:var(--pc-muted);line-height:1.7}.pricing-grid{max-width:1080px;margin:auto}.pricing-v2 .pricing-card{background:rgba(8,40,36,.72);border-color:rgba(255,255,255,.08);box-shadow:0 25px 70px rgba(0,0,0,.2)}.pricing-v2 .pricing-card-popular{border-color:rgba(45,212,191,.38);box-shadow:0 30px 80px rgba(13,148,136,.13)}.final-cta{position:relative;min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(13,148,136,.2),transparent 38%),#051f1c}.final-cta>img{width:72px;height:72px;object-fit:contain;border-radius:16px;margin-bottom:25px;filter:drop-shadow(0 0 35px rgba(45,212,191,.35))}.final-cta h2{font-size:clamp(48px,6vw,84px);margin:15px 0}.final-cta p{max-width:560px;margin-bottom:36px}.final-cta small{margin-top:16px;color:rgba(255,255,255,.3);font-size:9px}.footer-v2{background:#041a18}.footer-logo img{width:28px;height:28px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.in-view{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scrollLine{0%,100%{opacity:.3;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}
}
@media(max-width:1000px){.story-hero{min-height:110vh;padding-top:130px}.story-hero-copy{max-width:530px;margin-left:0}.hero-stage{position:relative;right:auto;top:auto;width:min(820px,90vw);margin:70px auto 0;transform:scale(.94)}.story-hero{display:block;padding-left:6vw;padding-right:6vw}.story-hero-copy{padding-top:30px}.hero-stage{transform:translateY(calc(var(--hero-p,0)*-30px)) perspective(1200px) rotateY(-4deg)}.chaos-scene .sticky-scene,.split-scene,.split-scene.reverse{grid-template-columns:1fr 1fr;gap:4vw}.role-card{width:260px}.role-teacher{margin-left:-130px}.role-stage{width:88vw}.story-rail{display:none}}
@media(max-width:700px){.nav-links,.nav-actions{display:none}.mobile-toggle{display:block}.story-hero{min-height:105vh;padding:56px 20px 60px}.story-hero-copy h1{font-size:56px;margin:14px 0 18px;line-height:1.02;letter-spacing:-.04em}.story-hero-copy .hero-actions{justify-content:center}.story-hero-copy p{font-size:13.5px}.hero-stage{width:100%;margin-top:50px;transform:none!important}.dash-shell{grid-template-columns:76px 1fr;min-height:330px}.dash-shell aside{font-size:7px;padding:12px 6px}.mini-brand b,.dash-shell aside span:not(.side-active){display:none}.dash-main{padding:12px}.metric-row{grid-template-columns:1fr 1fr}.metric strong{font-size:16px}.dash-panels{grid-template-columns:1fr}.fee-panel{display:none}.hero-dashboard{border-radius:15px}.floating-pill{font-size:8px;padding:8px 10px}.pill-paid{left:-4%;top:25%}.pill-alert{right:-2%;bottom:8%}.scroll-cue{display:none}.orbit{display:none}.hero-dashboard{min-width:0}.story-section{min-height:auto;overflow-x:hidden}.feature-story,.roles-story{overflow-x:hidden}.sticky-scene{height:auto;min-height:780px;padding:80px 20px 140px;display:block!important;overflow:visible;position:relative}.scene-copy,.transform-header,.roles-copy{padding-top:40px}.scene-copy h2,.transform-header h2,.roles-copy h2{font-size:43px}.chaos-board{width:100%;height:430px;margin-top:20px;transform:scale(.82);transform-origin:top center}.sheet{left:0;top:10%;width:150px}.chat{right:0;top:8%;width:145px;transform-origin:top right}.fee-note{left:0;bottom:10%;width:130px}.register{right:0;bottom:8%;width:150px}.tab-stack{left:50%;top:2%;margin-left:-52px;width:104px;padding:6px;gap:4px;z-index:4}.tab-stack span{display:none}.tab-stack span:first-child{display:block;font-size:8px;padding:5px 7px;text-align:center}.chaos-core{width:140px;height:140px}.product-explosion{position:absolute;top:0;left:0;right:0;bottom:0}.product-card{padding:14px}.product-card strong{font-size:24px}.pc-students{left:3%;top:56%}.pc-attendance{left:5%;top:72%}.pc-fees{right:3%;top:55%}.pc-batches{right:5%;top:72%}.pc-center{width:190px;top:62%}.phone-stack,.payment-visual{width:100%;height:480px;margin-top:10px}.phone-card{width:min(320px,86vw);top:52%}.mini-rate{right:0;top:26%}.mini-alert{left:0;bottom:8%}.payment-card{left:0;top:25%;width:min(330px,86vw)}.receipt-card{right:0;bottom:8%}.payment-line{right:-50px;top:18%;width:300px;height:300px}.roles-copy{text-align:center}.role-stage{position:relative;top:auto;left:auto;transform:none;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:50px;width:100%;height:auto;overflow:visible;z-index:6}.role-card{position:relative;width:150px;min-height:170px;padding:13px;border-radius:14px;left:auto;top:auto;right:auto}.role-card h3{font-size:14px;margin:9px 0}.role-card small{font-size:7px}.role-ui i{height:30px}.role-ui.rows i{height:12px}.role-ui.notif i{width:30px;height:30px}.role-admin,.role-teacher,.role-parent{left:auto;top:auto;right:auto;margin-left:0}.role-connector{display:none}.roles-sub{position:relative;bottom:auto;left:auto;transform:none;margin-top:30px;font-size:14px}.outcome-section{min-height:90vh;padding:90px 20px}.outcome-inner h2{font-size:48px}.outcome-metrics{gap:30px}.pricing-v2{padding:90px 16px}.pricing-grid{grid-template-columns:1fr}.pricing-v2 .pricing-card-popular{transform:none}.final-cta{min-height:75vh}.final-cta h2{font-size:48px}.footer-top{gap:35px}.role-stage{overflow:visible}.pc-students{transform:translate(calc((1 - var(--p))*-24px),calc((1 - var(--p))*24px)) rotate(-5deg)}.pc-attendance{transform:translate(calc((1 - var(--p))*-20px),calc((1 - var(--p))*70px)) rotate(4deg)}.pc-fees{right:6%;transform:translate(calc((1 - var(--p))*28px),calc((1 - var(--p))*16px)) rotate(5deg)}.pc-batches{right:8%;transform:translate(calc((1 - var(--p))*20px),calc((1 - var(--p))*70px)) rotate(-4deg)}.split-scene.reverse{display:flex!important;flex-direction:column}.split-scene.reverse .scene-copy{order:1;display:contents}.split-scene.reverse .scene-copy .section-kicker{order:1}.split-scene.reverse .scene-copy h2{order:2;padding-top:40px}.split-scene.reverse .scene-copy p{order:3}.split-scene.reverse .payment-visual{order:4;width:100%;margin-top:24px}.split-scene.reverse .collection-stat{order:5;margin-top:24px;display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.floating-pill{animation:none}.story-section *{transition:none!important}}
#hero3d{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.story-rail{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:20px}.story-rail a{position:relative;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.14);transition:all .3s ease}.story-rail a em{position:absolute;right:20px;top:50%;transform:translateY(-50%) translateX(6px);font-style:normal;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#c9f2ea;opacity:0;white-space:nowrap;transition:all .3s ease;pointer-events:none}.story-rail a:hover{background:rgba(45,212,191,.5);border-color:rgba(45,212,191,.5)}.story-rail a:hover em{opacity:1;transform:translateY(-50%) translateX(0)}.story-rail a.is-active{background:#2dd4bf;border-color:#2dd4bf;box-shadow:0 0 14px rgba(45,212,191,.65);transform:scale(1.3)}.story-rail a.is-active em{opacity:1;transform:translateY(-50%) translateX(0)}.btn-primary:focus-visible,.btn-ghost:focus-visible,.plan-btn:focus-visible,.story-rail a:focus-visible{outline:2px solid #5eead4;outline-offset:3px}
@media(max-width:1200px),(pointer:coarse){.story-rail{display:none}}
.testimonials{position:relative;background:#04211e;padding:110px 20px;overflow:hidden}
.testimonials:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(13,148,136,.12),transparent 40%),radial-gradient(circle at 80% 80%,rgba(45,212,191,.07),transparent 40%);pointer-events:none}
.testimonials-inner{position:relative;max-width:1080px;margin:0 auto;text-align:center}
.testimonials-inner h2{font-size:clamp(40px,5vw,64px);letter-spacing:-.04em;margin:14px 0 18px}
.testimonials-inner h2 span{background:linear-gradient(110deg,#5eead4,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}
.testimonials-inner>p{color:var(--pc-muted);line-height:1.7;max-width:600px;margin:0 auto 44px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px}
.testimonial-card{position:relative;border:1px solid rgba(45,212,191,.2);border-radius:18px;background:rgba(8,40,36,.6);padding:30px 26px;min-height:230px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;box-shadow:0 20px 50px rgba(0,0,0,.18);backdrop-filter:blur(6px)}
.testimonial-card .t-quote{font-size:15px;line-height:1.7;color:#e9fffb;font-style:italic}
.testimonial-card .t-stars{color:#f7bd5e;font-size:14px;letter-spacing:3px}
.testimonial-card .t-who{display:flex;align-items:center;gap:10px;margin-top:auto}
.testimonial-card .t-avatar{width:34px;height:34px;border-radius:50%;background:rgba(45,212,191,.15);border:1px solid rgba(45,212,191,.3);flex:none}
.testimonial-card .t-who b{color:#fff;font-size:13px}
.testimonial-card .t-who small{color:rgba(255,255,255,.45);font-size:11px;display:block}
.testimonial-card.t-empty{justify-content:center;text-align:left;border-style:dashed;background:rgba(8,40,36,.4)}
.testimonial-card .t-empty-tag{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2dd4bf}
.testimonial-card .t-empty-txt{color:rgba(255,255,255,.45);font-size:12.5px;line-height:1.6}
.t-share{display:inline-block;padding:13px 24px;border-radius:12px;border:1px solid rgba(45,212,191,.35);background:rgba(13,148,136,.12);color:#5eead4;font-weight:700;font-size:13.5px;text-decoration:none;transition:all .25s ease}
.t-share:hover{background:rgba(13,148,136,.22);transform:translateY(-1px)}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.testimonial-card{min-height:auto}}
.mcta-bar{display:none}
@media(max-width:700px){.mcta-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(5,31,28,0),rgba(5,31,28,.95) 40%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-sizing:border-box;transform:translateY(115%);transition:transform .3s ease;pointer-events:none}.mcta-bar.show{transform:translateY(0);pointer-events:auto}.mcta-btn{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;font:700 .875rem/1 "Plus Jakarta Sans",system-ui,sans-serif;text-decoration:none;transition:transform .2s ease,filter .2s ease}.mcta-btn:active{transform:scale(.97)}.mcta-primary{background:linear-gradient(135deg,var(--pc-teal),var(--pc-cyan));color:#fff;box-shadow:0 8px 24px rgba(13,148,136,.35)}.mcta-ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#eafff9}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
}


/* Nav active (selected page/section) indicator */
.nav-links a.active{color:#2dd4bf;position:relative}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:2px;background:linear-gradient(90deg,#0d9488,#2dd4bf)}
.mobile-menu a.active{color:#2dd4bf}

/* Bigger elements on large screens (fill dead space on desktop) */
@media(min-width:1201px){
.nav-container{max-width:1460px}
.story-hero{padding:116px 6vw 88px}
.story-hero-copy{max-width:640px;margin-left:2vw}
.story-hero-copy h1{font-size:clamp(54px,4.8vw,82px)}
.story-hero-copy p{font-size:16.5px;max-width:600px}
.hero-actions{margin-top:36px}
.btn-primary,.btn-ghost{min-height:54px;padding:0 26px;font-size:16px}
.btn-primary.large{min-height:62px;padding:0 30px}
.micro-proof{font-size:13px;gap:20px;margin-top:44px}
.hero-stage{width:min(660px,47vw);right:1.5vw;top:21%}
.dashboard-window{border-radius:26px}
.dash-shell{min-height:470px}
.sticky-scene{padding:90px 9vw}
.scene-copy,.transform-header{max-width:640px}
.scene-copy h2,.transform-header h2{font-size:clamp(46px,5.2vw,92px)}
.scene-copy p,.transform-header p{font-size:18px}
.transform-header{max-width:820px}
.chaos-board{height:660px}
.mini-benefits{font-size:12px}
.phone-stack,.payment-visual{width:min(580px,44vw);height:620px}
.section-center{max-width:760px}
.section-center h2{font-size:clamp(42px,4.6vw,72px)}
.pricing-grid{max-width:1260px}
.role-stage{width:min(1180px,88vw);height:360px}
.role-card{width:340px;min-height:250px;padding:26px}
.role-teacher{margin-left:-170px}
.role-card h3{font-size:22px}
.outcome-inner{max-width:920px}
.outcome-inner h2{font-size:clamp(54px,5.4vw,104px)}
.outcome-metrics{gap:90px}
.outcome-metrics strong{font-size:42px}
.outcome-metrics span{font-size:11px}
.testimonials-inner{max-width:1240px}
.testimonials-inner h2{font-size:clamp(42px,4.6vw,72px)}
.testimonial-card{padding:34px 30px}
.final-cta>img{width:84px;height:84px}
.final-cta p{max-width:640px}
}
@media(min-width:1700px){
.nav-container{max-width:1680px}
.story-hero{padding:140px 8vw 100px}
.story-hero-copy{max-width:860px;margin-left:6vw}
.story-hero-copy h1{font-size:clamp(64px,4.6vw,96px)}
.story-hero-copy p{font-size:18px;max-width:660px}
.hero-stage{width:min(840px,52vw);right:2vw}
.sticky-scene{padding:110px 10vw}
.scene-copy h2{font-size:clamp(54px,4.8vw,104px)}
.role-stage{width:min(1320px,90vw)}
}
@media(min-width:2000px){.story-hero-copy{max-width:900px;margin-left:8vw}.hero-stage{width:min(1000px,55vw);right:2vw}}
/* Short/medium-height laptops: prevent scene cropping, compress big-screen sizes */
@media(min-width:1001px) and (max-height:830px){
.story-hero{padding:92px 6vw 64px}
.story-hero-copy{max-width:600px;margin-left:1vw}
.story-hero-copy h1{font-size:clamp(46px,4.4vw,70px);margin:14px 0 18px}
.story-hero-copy p{font-size:15px;margin-bottom:26px}
.hero-actions{margin-top:26px}
.micro-proof{font-size:12px;gap:16px;margin-top:30px}
.btn-primary,.btn-ghost{min-height:48px;padding:0 22px;font-size:15px}
.btn-primary.large{min-height:54px}
.hero-stage{width:min(600px,46vw);right:1.5vw;top:18%}
.dash-shell{min-height:380px}
.sticky-scene{height:auto;min-height:100vh;padding:56px 7vw 90px}
.scene-copy,.transform-header{max-width:580px}
.scene-copy h2,.transform-header h2{font-size:clamp(36px,4.2vw,58px)}
.scene-copy p,.transform-header p{font-size:15.5px}
.chaos-board{height:min(560px,58vh)}
.phone-stack,.payment-visual{width:min(520px,44vw);height:min(520px,54vh)}
.role-stage{height:clamp(280px,34vh,360px)}
.role-card{width:270px;min-height:200px;padding:18px}
.role-teacher{margin-left:-135px}
.outcome-metrics{gap:56px}
.outcome-metrics strong{font-size:34px}
.testimonials{padding:70px 20px}
.testimonial-card{padding:24px 22px;min-height:200px}
.final-cta{min-height:78vh}
}

.compare-section{position:relative;background:linear-gradient(180deg,#051f1c,#0d332b);padding:120px 7vw;overflow:hidden}
.compare-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 20% 15%,black,transparent 65%)}
.compare-inner{position:relative;max-width:980px;margin:0 auto}
.compare-inner h2{font-size:clamp(38px,4.6vw,64px);line-height:1.05;letter-spacing:-.045em;margin:16px 0 18px}
.compare-inner h2 span{color:#2dd4bf}
.compare-lede{font-size:16px;line-height:1.75;color:var(--pc-muted);max-width:680px;margin-bottom:34px}
.compare-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0b2b26}
.compare-table{width:100%;border-collapse:collapse;font-size:15px;min-width:660px}
.compare-table th{background:#134e4a;color:#fff;text-align:left;padding:13px 16px;font-weight:600;font-size:13px;letter-spacing:.02em}
.compare-table th:first-child{width:26%}
.compare-table td{padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.78);vertical-align:top;line-height:1.6}
.compare-table td:first-child{color:#fff;font-weight:600}
.compare-table td:nth-child(2){color:rgba(255,255,255,.5)}
.compare-table td:nth-child(3){color:#7be7d9}
.compare-note{font-size:14px;line-height:1.7;color:var(--pc-muted);margin-top:22px;max-width:760px}
.compare-note a{color:#2dd4bf;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(45,212,191,.35)}
.compare-note a:hover{color:#a7f3ea}
.def-line{max-width:760px;margin:18px auto 0;padding:14px 18px;border-left:3px solid #2dd4bf;background:rgba(45,212,191,.06);border-radius:0 12px 12px 0;font-size:15px;line-height:1.7;color:rgba(255,255,255,.82);text-align:left}
.def-line strong{color:#2dd4bf}
@media(max-width:768px){.compare-section{padding:72px 5vw}.compare-inner h2{font-size:clamp(30px,7vw,42px)}}

/* Review capture form */
.reviews-form{position:relative;background:#04211e;padding:80px 20px 110px;border-top:1px solid rgba(255,255,255,.05)}
.reviews-form-inner{position:relative;max-width:760px;margin:0 auto}
.reviews-form-inner h2{font-size:clamp(34px,4.4vw,54px);letter-spacing:-.04em;margin:14px 0 10px}
.reviews-form-inner h2 span{background:linear-gradient(110deg,#5eead4,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}
.reviews-form-sub{color:var(--pc-muted);line-height:1.7;font-size:14.5px;margin-bottom:34px;max-width:560px}
.review-form{display:grid;gap:18px;background:rgba(8,40,36,.6);border:1px solid rgba(45,212,191,.2);border-radius:18px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.rf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rf-field{display:grid;gap:8px;text-align:left}
.rf-field span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#63e6d4}
.rf-field input,.rf-field textarea{background:#0b2b26;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#eafff9;font:400 14px/1.5 "Plus Jakarta Sans",system-ui,sans-serif;padding:12px 14px;transition:border-color .2s ease}
.rf-field input:focus,.rf-field textarea:focus{outline:none;border-color:rgba(45,212,191,.6)}
.rf-field input::placeholder,.rf-field textarea::placeholder{color:rgba(225,250,246,.35)}
.rf-field textarea{resize:vertical;min-height:96px}
.rv-stars{display:inline-flex;gap:6px}
.rv-star{background:none;border:none;padding:2px 3px;font-size:26px;line-height:1;color:rgba(255,255,255,.18);cursor:pointer;transition:color .15s ease,transform .15s ease}
.rv-star:hover{transform:scale(1.15);color:#f7bd5e}
.rv-star.active{color:#f7bd5e}
.review-form .btn-primary{width:100%;cursor:pointer}
.review-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}
.rv-status{min-height:20px;font-size:13.5px;line-height:1.6;margin:0;color:var(--pc-muted)}
.rv-status.ok{color:#67e5a7}
.rv-status.err{color:#ff8d8d}
@media(max-width:640px){.rf-row{grid-template-columns:1fr}.reviews-form{padding:64px 20px 96px}}