
:root{--ink:#101217;--muted:#606977;--line:#dce3ed;--line2:#e8edf4;--blue:#2f6fe4;--blue2:#6597ef;--blue-soft:#eef5ff;--dark:#171a20;--shadow:0 20px 60px rgba(25,44,76,.09);--r:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.45}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(64% 120% at -10% 44%,rgba(80,128,214,.19),rgba(80,128,214,.08) 22%,transparent 54%),radial-gradient(64% 120% at 110% 44%,rgba(80,128,214,.19),rgba(80,128,214,.08) 22%,transparent 54%),#fff}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(91,119,164,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,119,164,.055) 1px,transparent 1px);background-size:48px 48px}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:70;border-bottom:1px solid rgba(217,225,236,.88);background:rgba(255,255,255,.86);backdrop-filter:blur(18px)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:950;letter-spacing:-.045em;font-size:22px;text-decoration:none;display:flex;align-items:center;gap:9px}.brand-mark{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--blue),#8eb7ff);box-shadow:0 0 0 5px rgba(47,111,228,.09)}.desktop-nav{display:flex;gap:24px}.desktop-nav a,.small-link{font-size:14px;font-weight:760;text-decoration:none;color:#3d4654}.desktop-nav a:hover,.small-link:hover{color:#101217}.header-actions{display:flex;gap:8px}.small-link{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#fff;display:flex;align-items:center}
.hero{padding:84px 0 74px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:58px;align-items:center}.eyebrow{display:inline-flex;padding:7px 11px;border:1px solid #ccdbf3;border-radius:999px;background:#f5f9ff;color:#245ec3;font-weight:820;font-size:13px;letter-spacing:.02em}.hero h1{font-size:clamp(58px,6.7vw,96px);line-height:.91;letter-spacing:-.065em;margin:22px 0 24px}.lead{font-size:20px;line-height:1.52;color:#454d59;max-width:720px;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{min-height:50px;padding:0 20px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:850;text-decoration:none;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#3d7bea,#2f6fe4);color:#fff;box-shadow:0 10px 24px rgba(47,111,228,.21)}.btn.secondary{background:#fff;border-color:var(--line);color:#1e2530}.btn.light{background:#fff;color:#151922;border-color:#fff}.micro{font-size:13px;color:#707987;margin-top:12px}.product-card{border:1px solid #d8e2f1;border-radius:28px;background:rgba(255,255,255,.95);padding:16px;box-shadow:0 32px 80px rgba(33,57,94,.12),0 1px 0 #fff inset}.browserbar{display:flex;gap:6px;padding:2px 2px 13px}.browserbar span{width:8px;height:8px;border-radius:50%;background:#d8dee8}.pace{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px;border-radius:17px;background:#101217;color:#fff;margin-bottom:9px}.pace b,.pace small{display:block}.pace small{font-size:12px;color:#b9c0cb;margin-top:2px}.pace>span{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#29303b;color:#dfe7f4}.task{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 15px;border:1px solid var(--line2);border-radius:15px;background:#fff;margin-top:8px}.task b,.task small{display:block}.task small{font-size:12px;color:#707987;margin-top:2px}.task em{font-style:normal;font-size:11px;color:#61708a;background:#f3f6fa;padding:5px 7px;border-radius:999px}.task.active{border-color:#c8daf8;background:#f8fbff}.task.active>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.ai-card{margin-top:10px;padding:15px;border-radius:18px;background:linear-gradient(145deg,#edf5ff,#f8fbff);border:1px solid #cfe0fa}.ai-top{display:flex;justify-content:space-between}.ai-top span{font-size:11px;color:#245ec3;font-weight:800}.ai-card p{font-size:13px;color:#324258;margin:10px 0}.composer{display:flex;justify-content:space-between;align-items:center;min-height:39px;padding:0 11px;border:1px solid #d7e1ef;border-radius:12px;background:#fff;color:#8a93a2;font-size:12px}.composer span{width:25px;height:25px;border-radius:8px;background:#101217;color:#fff;display:grid;place-items:center}
.exam-section,.system-section,.split-section,.parents-section{padding:82px 0}.trust-section{padding:44px 0 82px}.section-head{max-width:820px;margin-bottom:34px}.section-head.narrow{max-width:740px}.section-head h2,.split-grid h2{font-size:clamp(38px,4.7vw,64px);line-height:.98;letter-spacing:-.055em;margin:18px 0 16px}.section-head p,.lead-sm{font-size:18px;line-height:1.55;color:#505966;margin:0}.exam-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.exam-card{border:1px solid var(--line);border-radius:28px;padding:28px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:center}.exam-label{font-size:12px;font-weight:900;letter-spacing:.06em;color:#245ec3;background:#eef5ff;padding:6px 9px;border-radius:999px}.grade{font-size:12px;font-weight:800;color:#727b89}.exam-card h3{font-size:32px;letter-spacing:-.045em;line-height:1.03;margin:18px 0 10px}.exam-card>p{color:#596372;max-width:520px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.metrics div{padding:13px;border:1px solid var(--line2);border-radius:15px;background:#fbfcfe}.metrics b,.metrics span{display:block}.metrics b{font-size:23px;letter-spacing:-.04em}.metrics span{font-size:11px;color:#707987;margin-top:2px}.card-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:820;color:#2c5fb9;text-decoration:none}.text-link:hover{text-decoration:underline}
.system-section{background:transparent}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps article{min-height:238px;border:1px solid var(--line);border-radius:24px;padding:23px;background:rgba(255,255,255,.94);box-shadow:0 12px 36px rgba(30,50,82,.055)}.step-num{display:block;font:850 34px/.88 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.04em;color:#2f6fe4}.steps h3{font-size:21px;line-height:1.08;letter-spacing:-.03em;margin:30px 0 10px}.steps p{font-size:14px;color:#606a78;margin:0}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.note,.privacy{margin-top:22px;border-left:3px solid var(--blue);padding:10px 0 10px 16px;color:#515c6b;font-size:14px}.dialog-card,.parent-card{border:1px solid var(--line);border-radius:26px;padding:22px;background:rgba(255,255,255,.95);box-shadow:var(--shadow)}.message{padding:13px 15px;border-radius:15px;font-size:14px;line-height:1.45;margin:7px 0;max-width:88%}.message.user{margin-left:auto;background:#101217;color:#fff}.message.ai{background:#eef5ff;color:#25364e}.message.ai b{color:#245ec3}.composer.wide{margin-top:16px;min-height:46px}.parents-section{background:transparent}.parent-head{display:flex;justify-content:space-between;align-items:center}.parent-head span{font-size:11px;font-weight:800;background:#eef8f3;color:#247055;padding:5px 8px;border-radius:999px}.progress{height:8px;background:#eef1f5;border-radius:999px;margin:22px 0;overflow:hidden}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),#77a6f4)}.parent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.parent-stats div{padding:14px 10px;border:1px solid var(--line2);border-radius:14px}.parent-stats b,.parent-stats span{display:block}.parent-stats b{font-size:22px}.parent-stats span{font-size:11px;color:#707987}.report{margin-top:10px;padding:13px;border-radius:14px;background:#101217;color:#fff;font-size:13px;font-weight:760}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-item{padding:22px;border:1px solid #cad5e4;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(24,39,68,.06), inset 0 1px 0 rgba(255,255,255,.92)}.trust-item b,.trust-item span{display:block}.trust-item b{font-size:16px}.trust-item span{font-size:13px;color:#67717f;margin-top:6px}.final-section{padding:40px 0 88px}.final-card{padding:56px;border-radius:30px;background:radial-gradient(70% 120% at 0% 50%,rgba(63,113,206,.22),transparent 48%),linear-gradient(150deg,#171a20,#0f1115);color:#fff;text-align:center;box-shadow:0 30px 80px rgba(15,18,24,.22)}.eyebrow.dark{background:#262b34;border-color:#363d49;color:#fff}.final-card h2{font-size:clamp(44px,6vw,72px);letter-spacing:-.06em;line-height:.95;margin:18px 0 12px}.final-card p{color:#c9ced7;font-size:17px}.hero-actions.centered{justify-content:center}.final-card .btn.primary{min-width:160px}footer{border-top:1px solid var(--line);padding:34px 0 46px;background:transparent}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:19px}.footer-grid p{font-size:13px;color:#6b7481}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.footer-links a{font-size:13px;font-weight:760;text-decoration:none;color:#3d4654}
@media(max-width:1080px){.wrap{width:min(100% - 28px,720px)}.desktop-nav{display:none}.hero{padding:56px 0 48px}.hero-grid,.split-grid{grid-template-columns:1fr;gap:34px}.hero-grid{max-width:720px}.hero h1{font-size:clamp(50px,12.5vw,74px)}.product-card{max-width:620px}.exam-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps article{min-height:205px}.step-num{font-size:28px}.steps h3{margin-top:24px}.trust-grid{grid-template-columns:1fr}.exam-section,.system-section,.split-section,.parents-section{padding:60px 0}.trust-section{padding:34px 0 60px}}
@media(max-width:624px){.wrap{width:calc(100% - 20px)}.header-inner{height:64px}.header-actions{gap:5px}.small-link{min-height:36px;padding:0 11px;font-size:12px}.hero{padding-top:42px}.hero h1{font-size:48px}.lead{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.product-card{padding:11px;border-radius:22px}.pace{padding:13px}.exam-card{padding:20px;border-radius:22px}.exam-card h3{font-size:28px}.metrics{grid-template-columns:1fr 1fr 1fr}.metrics div{padding:10px 8px}.metrics b{font-size:20px}.metrics span{font-size:10px}.card-actions{display:block}.card-actions .btn{margin-bottom:14px}.steps{grid-template-columns:1fr}.steps article{min-height:auto}.step-num{font-size:26px}.steps h3{margin-top:20px}.section-head h2,.split-grid h2{font-size:39px}.dialog-card,.parent-card{padding:16px;border-radius:21px}.parent-stats{grid-template-columns:1fr 1fr 1fr}.final-card{padding:40px 18px;border-radius:24px}.final-card .hero-actions{display:grid}.footer-grid{display:block}.footer-links{margin-top:18px}}


/* v4 — desktop 100% renders at the former 120% visual scale; mobile stays responsive. */
@media(min-width:1081px){
  .wrap{width:min(1416px,calc(100% - 24px))}
  .header-inner{height:86px;gap:29px}
  .brand{font-size:26px;gap:11px}.brand-mark{width:17px;height:17px;border-radius:5px;box-shadow:0 0 0 6px rgba(47,111,228,.09)}
  .desktop-nav{gap:29px}.desktop-nav a,.small-link{font-size:17px}.header-actions{gap:10px}.small-link{min-height:46px;padding:0 16px}
  .hero{padding:101px 0 89px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(504px,.95fr);gap:70px}.eyebrow{padding:8px 13px;font-size:16px}.hero h1{font-size:clamp(70px,8.04vw,115px);margin:26px 0 29px}.lead{font-size:24px;max-width:864px}.hero-actions{gap:12px;margin-top:34px}.btn{min-height:60px;padding:0 24px;border-radius:18px;font-size:18px}.micro{font-size:16px;margin-top:14px}
  .product-card{border-radius:34px;padding:19px}.browserbar{gap:7px;padding:2px 2px 16px}.browserbar span{width:10px;height:10px}.pace{gap:14px;padding:18px;border-radius:20px;margin-bottom:11px}.pace small{font-size:14px}.pace>span{font-size:13px;padding:6px 10px}.task{gap:17px;padding:17px 18px;border-radius:18px;margin-top:10px}.task small{font-size:14px}.task em{font-size:13px;padding:6px 8px}.task.active>span{width:34px;height:34px}.ai-card{margin-top:12px;padding:18px;border-radius:22px}.ai-top span{font-size:13px}.ai-card p{font-size:16px;margin:12px 0}.composer{min-height:47px;padding:0 13px;border-radius:14px;font-size:14px}.composer span{width:30px;height:30px;border-radius:10px}
  .exam-section,.system-section,.split-section,.parents-section{padding:98px 0}.trust-section{padding:53px 0 98px}.section-head{max-width:984px;margin-bottom:41px}.section-head.narrow{max-width:888px}.section-head h2,.split-grid h2{font-size:clamp(46px,5.64vw,77px);margin:22px 0 19px}.section-head p,.lead-sm{font-size:22px}
  .exam-grid{gap:19px}.exam-card{border-radius:34px;padding:34px}.exam-label{font-size:14px;padding:7px 11px}.grade{font-size:14px}.exam-card h3{font-size:38px;margin:22px 0 12px}.exam-card>p{font-size:17px;max-width:624px}.metrics{gap:10px;margin:29px 0}.metrics div{padding:16px;border-radius:18px}.metrics b{font-size:28px}.metrics span{font-size:13px;margin-top:2px}.card-actions{gap:18px}.text-link{font-size:16px}
  .steps{gap:14px}.steps article{min-height:286px;border-radius:29px;padding:28px}.step-num{font-size:41px}.steps h3{font-size:25px;margin:36px 0 12px}.steps p{font-size:17px}.split-grid{gap:77px}.note,.privacy{margin-top:26px;padding:12px 0 12px 19px;font-size:17px}.dialog-card,.parent-card{border-radius:31px;padding:26px}.message{padding:16px 18px;border-radius:18px;font-size:17px;margin:8px 0}.composer.wide{margin-top:19px;min-height:55px}
  .parent-head span{font-size:13px;padding:6px 10px}.progress{height:10px;margin:26px 0}.parent-stats{gap:10px}.parent-stats div{padding:17px 12px;border-radius:17px}.parent-stats b{font-size:26px}.parent-stats span{font-size:13px}.report{margin-top:12px;padding:16px;border-radius:17px;font-size:16px}.trust-grid{gap:14px}.trust-item{padding:26px;border-radius:24px}.trust-item b{font-size:19px}.trust-item span{font-size:16px;margin-top:7px}
  .final-section{padding:48px 0 106px}.final-card{padding:67px;border-radius:36px}.final-card h2{font-size:clamp(53px,7.2vw,86px);margin:22px 0 14px}.final-card p{font-size:20px}.final-card .btn.primary{min-width:192px}
  footer{padding:41px 0 55px}.footer-grid{gap:36px}.footer-brand{font-size:23px}.footer-grid p{font-size:16px}.footer-links{gap:22px}.footer-links a{font-size:16px}
}

/* Calm scroll reveal, matching the course landing pages. */
html.js .shire-reveal{opacity:0;transform:translateY(10px);transition:opacity .46s cubic-bezier(.2,.7,.2,1),transform .46s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
html.js .shire-reveal.is-visible{opacity:1;transform:none}
html.js .shire-reveal.reveal-delay-1{transition-delay:.055s}
@media(prefers-reduced-motion:reduce){html.js .shire-reveal,html.js .shire-reveal.reveal-delay-1{opacity:1!important;transform:none!important;transition:none!important}}

/* Referral block copied from the approved course landing pattern and adapted to the unified home surface. */
.referral-section{padding:82px 0}
.referral-grid{align-items:center}
.referral-copy h2{font-size:clamp(38px,4.7vw,64px);line-height:.98;letter-spacing:-.055em;margin:18px 0 16px}
.ref-card{background:#fff;border:1px solid #cad5e4;border-radius:26px;padding:22px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.98)}
.toggle{display:flex;background:#eceff4;border-radius:15px;padding:4px;margin-bottom:18px}
.toggle button{flex:1;min-height:46px;border:0;background:transparent;border-radius:12px;padding:10px 12px;font:800 14px/1.2 inherit;color:#4d5664;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease}
.toggle button.active{background:#fff;color:#245ec3;box-shadow:0 3px 10px rgba(30,64,175,.08)}
.toggle button:not(.active):hover{background:rgba(255,255,255,.72);color:#245ec3}
.range-row{display:grid;gap:8px}
.stepper{display:grid;grid-template-columns:46px 1fr 46px;gap:9px;align-items:center;margin-top:10px}
.stepper button{width:46px;height:46px;border:1px solid #cfdaea;background:#fff;border-radius:14px;font-size:22px;color:#245ec3;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}
.stepper button:hover{background:#eff6ff;border-color:#9dbcf0;transform:translateY(-1px);box-shadow:0 6px 14px rgba(30,64,175,.08)}
.stepper output{text-align:center;font-size:28px;font-weight:900;letter-spacing:-.04em}
.calc{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:18px 0 4px}
.calc .n{font-size:44px;line-height:1;font-weight:950;letter-spacing:-.055em}
.calc .s{font-size:14px;line-height:1.4;color:var(--muted);text-align:right}
.friend-benefit{margin-top:14px;padding:14px;border-radius:15px;background:#eef5ff;border:1px solid #d4e2f7;font-size:14px;line-height:1.45;color:#45546a}
.friend-benefit b{display:block;margin-bottom:4px;color:#1f2d42}

@media(max-width:1080px){.referral-section{padding:60px 0}.referral-copy h2{font-size:39px}.ref-card{padding:20px}}
@media(max-width:624px){.referral-section{padding:60px 0}.referral-grid{gap:24px}.ref-card{padding:16px;border-radius:22px}.toggle{display:grid;grid-template-columns:1fr 1fr}.toggle button{font-size:13px;padding:9px 8px}.calc{align-items:flex-end}.calc .n{font-size:38px}.calc .s{font-size:12px}.friend-benefit{font-size:13px}}
@media(min-width:1081px){.referral-section{padding:98px 0}.referral-copy h2{font-size:clamp(46px,5.64vw,77px);margin:22px 0 19px}.ref-card{border-radius:31px;padding:29px}.toggle{border-radius:18px;padding:5px;margin-bottom:22px}.toggle button{min-height:55px;border-radius:14px;padding:12px 14px;font-size:17px}.stepper{grid-template-columns:55px 1fr 55px;gap:11px;margin-top:12px}.stepper button{width:55px;height:55px;border-radius:17px;font-size:26px}.stepper output{font-size:34px}.calc{gap:29px;padding:22px 0 5px}.calc .n{font-size:53px}.calc .s{font-size:17px}.friend-benefit{margin-top:17px;padding:17px;border-radius:18px;font-size:17px}.friend-benefit b{margin-bottom:5px}}

/* V6 referral contract polish */
.referral-more,.referral-detail-link{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-weight:850;color:#245ec3;text-decoration:none}
.referral-more:hover,.referral-detail-link:hover{text-decoration:underline}
.ref-legal{margin:12px 2px 0;font-size:12px;line-height:1.5;color:#697485}
.ref-legal.is-emphasis{color:#33445e;font-weight:700}
@media(min-width:1081px){.referral-more,.referral-detail-link{font-size:17px;margin-top:22px}.ref-legal{font-size:14px;margin-top:15px}}


/* V7 — cross-site readability parity with canonical referral V2.
   Meaningful secondary copy is enlarged; compact UI metadata remains compact. */
.exam-card>p{font-size:18px;line-height:1.58}
.steps p{font-size:17px;line-height:1.58}
.note,.privacy{font-size:18px;line-height:1.58}
.message{font-size:17px;line-height:1.55}
.trust-item span{font-size:17px;line-height:1.52}
.footer-grid p,.footer-links a{font-size:16px;line-height:1.5}
.ref-legal{font-size:16px;line-height:1.55}
.metrics span,.parent-stats span{font-size:14px;line-height:1.35}
.text-link{font-size:15px}
@media(min-width:1081px){
  .exam-card>p{font-size:20px}
  .steps p{font-size:19px}
  .note,.privacy{font-size:20px}
  .message{font-size:19px}
  .trust-item span{font-size:19px}
  .footer-grid p,.footer-links a{font-size:18px}
  .ref-legal{font-size:18px}
  .metrics span,.parent-stats span{font-size:16px}
  .text-link{font-size:18px}
}
@media(max-width:624px){
  .lead{font-size:20px;line-height:1.52}
  .section-head p,.lead-sm{font-size:18px;line-height:1.58}
  .exam-card>p{font-size:18px}
  .metrics span{font-size:14px}
  .steps p{font-size:17px}
  .note,.privacy{font-size:17px}
  .message{font-size:17px}
  .parent-stats span{font-size:15px}
  .trust-item span{font-size:17px}
  .footer-grid p,.footer-links a{font-size:16px}
  .ref-legal{font-size:15px}
  .text-link{font-size:16px}
  .calc .s{font-size:16px}
  .friend-benefit{font-size:16px;line-height:1.5}
  .friend-benefit b{font-size:17px}
  .pace small,.task small{font-size:14px}
  .pace>span,.task em,.ai-top span{font-size:13px}
  .ai-card p{font-size:16px;line-height:1.5}
  .composer{font-size:14px}
}
