:root{--blue:#2459ef;--ink:#142349;--muted:#64728c;--paper:#f8faff;--line:#dce4f3;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:75px}
body{margin:0;font-family:var(--body);font-size:16px;line-height:1.6;color:var(--ink);background:var(--paper);overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
canvas{display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display)}
h2{font-size:clamp(44px,5.05vw,78px);line-height:1.1;letter-spacing:-3.5px;font-weight:550}
h2 em,h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue);letter-spacing:-3px}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #89b2ff;outline-offset:7px}
.skip{position:fixed;top:-90px;left:20px;z-index:100;background:white;padding:10px 20px}
.skip:focus{top:10px}
.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--blue);z-index:99;width:0}
.site-header{position:absolute;left:0;top:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;padding:29px 5.5%;gap:30px}
.wordmark{font:750 32px var(--display);letter-spacing:-1.8px;display:flex;align-items:center;gap:8px;line-height:1}
.wordmark svg{width:31px;height:31px;stroke:var(--blue);stroke-width:2.8;fill:none}
.wordmark>span{font:11px var(--body);align-self:flex-start;margin-top:2px;letter-spacing:0}
.header-story{font-size:13px;color:#657590}
.header-story>span{margin-left:12px}
.header-cta{font-size:13px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-weight:550}
.header-cta>span{margin-left:20px}
.opening{height:max(800px,100svh);max-height:1150px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 55%,#e5eeff 0%,#f7faff 42%,#fcfdff 72%)}
.hero-halo{position:absolute;right:-9%;width:70%;height:100%;background:radial-gradient(ellipse,#dae6ff66,transparent 66%)}
.hero-copy{position:relative;z-index:2;padding-top:clamp(145px,18vh,195px);margin-left:8.5%;width:58%;pointer-events:none}
.hero-copy a{pointer-events:auto}
.overline{font:600 10px var(--body);letter-spacing:1.8px;line-height:1.7}
.hero-copy>.overline{display:flex;align-items:center;gap:11px;color:#6b7f9f}
.short-rule{height:1px;width:26px;background:var(--blue)}
h1{font-size:clamp(65px,7.8vw,122px);font-weight:550;letter-spacing:-7px;line-height:1.04;margin-top:29px}
h1 em{letter-spacing:-6px}
.hero-description{font-size:16px;line-height:1.8;color:#667893;margin-top:31px}
.hero-description strong{color:var(--ink);font-weight:550}
.circle-link{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.1px;margin-top:31px;width:fit-content}
.circle-arrow{width:43px;height:43px;border:1px solid #a9bee8;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:.25s}
.circle-link:hover .circle-arrow{background:var(--blue);color:white;transform:translateY(3px);border-color:var(--blue)}
.mind-canvas{position:absolute;inset:0;width:100%;height:100%}
.orb-annotation{position:absolute;z-index:2;right:9%;bottom:20%;display:flex;gap:12px;color:#7487a5;font-size:11px;line-height:1.8}
.annotation-cross{font-size:23px;line-height:1.5;color:var(--blue)}
.opening-bottom{position:absolute;bottom:27px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d4dff0;padding-top:19px;font-size:9px;letter-spacing:1.1px;color:#7a89a1}
.opening-bottom b{color:#425b86;font-weight:500}
.scroll-hint>span{display:inline-block;margin-left:20px;font-size:16px}
.scroll-scene{position:relative}
.scene-sticky{height:100svh;min-height:720px;max-height:1100px;position:sticky;top:0;overflow:hidden}
.chapter-label{position:absolute;top:34px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;font-weight:500;z-index:5}
.voice-chapter{height:205vh;background:#1544d8}
.voice-stage{background:linear-gradient(115deg,#153fc8,#245cf0 65%,#3975ff);color:white}
.voice-stage .chapter-label{color:#bfd0ff}
.voice-copy{text-align:center;padding-top:115px;position:relative;z-index:3}
.voice-copy h2{font-size:clamp(48px,5.6vw,84px)}
.voice-copy h2 em{color:#abc6ff}
.voice-copy>p{color:#c2d4ff;margin-top:24px;font-size:15px;line-height:1.8}
.voice-conversation{position:absolute;top:52%;left:6%;right:6%;height:110px;z-index:3;text-align:center}
.voice-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3.5vw,52px);line-height:1.5;letter-spacing:-1px;font-weight:450;opacity:0;transform:translateY(20px)}
.voice-line-one{opacity:1}
.voice-canvas{position:absolute;left:0;top:44%;width:100%;height:42%;opacity:.8}
.voice-bottom{position:absolute;bottom:52px;left:7%;right:7%;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:24px}
.languages{font-size:15px;letter-spacing:.4px}
.voice-bottom p{font-size:12px;color:#bdd1ff;margin-top:6px}
.audio-button{background:none;border:0;padding:0;display:flex;align-items:center;gap:12px;color:white;font-size:12px}
.audio-icon{border:1px solid #ffffff60;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:11px;padding-left:2px;transition:.3s}
.audio-button:hover .audio-icon{background:white;color:var(--blue)}
.audio-status{position:absolute;right:7%;bottom:24px;font-size:10px;color:#c7d7ff}
.memory-chapter{height:290vh;background:#e3f2ff}
.memory-stage{background:#edf6ff}
.memory-landscape{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.08);will-change:transform}
.memory-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f1f8ff 0%,#f1f8ffed 24%,#e8f4ff66 50%,transparent 70%),linear-gradient(0deg,#f3f9ff 0%,transparent 26%)}
.memory-stage .chapter-label{color:#5a7293}
.memory-narrative{position:absolute;left:7%;top:23%;width:50%;z-index:3}
.memory-beat{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(22px)}
.memory-beat-1{opacity:1;transform:none}
.memory-beat .overline{color:#5377ad;font-size:9px;margin-bottom:25px}
.memory-beat h2{font-size:clamp(52px,5.8vw,87px)}
.memory-beat>p:last-child{font-size:15px;color:#5a7592;line-height:1.8;margin-top:28px}
.landscape-math{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.math-path{fill:none;stroke:#2459ef;stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 1px 2px #fff)}
.triangle-area,.math-labels,.math-angle{opacity:0}
.math-angle{fill:none;stroke:#2459ef;stroke-width:1.5}
.math-labels{font:italic 27px Georgia;fill:#1547c4;filter:drop-shadow(0 1px 3px white)}
.math-labels .small-math{font:10px var(--body);letter-spacing:2px}
.math-labels circle{fill:var(--blue);stroke:white;stroke-width:4}
.memory-equation{position:absolute;bottom:9%;left:7%;z-index:3;opacity:0;transform:translateY(15px)}
.memory-equation>span{font-size:8px;letter-spacing:1.4px;color:#6e83a1}
.memory-equation>p{display:flex;align-items:center;gap:14px;font:italic 32px Georgia;color:#244b9c;margin-top:13px}
.fraction{display:inline-flex;flex-direction:column;align-items:center;font-size:23px;min-width:38px}
.fraction span:first-child{border-bottom:1px solid #244b9c;width:100%;text-align:center}
.memory-equation b{font-weight:400;margin-left:22px}
.memory-equation small{font-size:9px;color:#7f90a4;display:block;margin-top:10px}
.scene-progress{position:absolute;bottom:27px;height:2px;background:#6681a829;left:7%;right:7%}
.scene-progress>span{display:block;height:2px;background:var(--blue);width:0}
.mastery-chapter{height:210vh;background:#fcfdff}
.mastery-stage{background:#fcfdff}
.mastery-heading{padding:115px 7% 0;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}
.mastery-heading p{font-size:15px;color:var(--muted);line-height:1.9;padding-bottom:9px}
.mastery-journey{position:absolute;left:7%;right:7%;bottom:155px;height:315px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.journey-line{position:absolute;inset:-42px 0 auto;width:100%;height:180px;overflow:visible}
.journey-track{fill:none;stroke:#e4eafa;stroke-width:1.6;stroke-dasharray:3 5}
.journey-draw{fill:none;stroke:var(--blue);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}
.level{position:relative;align-self:end;transition:opacity .35s,color .35s;opacity:.32;--lift:0px;transform:translateY(var(--lift))}
.level-1{--lift:68px}
.level-2{--lift:23px}
.level-3{--lift:-23px}
.level-4{--lift:-74px}
.level.active{opacity:1}
.level-number{font-size:73px;line-height:1.2;letter-spacing:-5px;font-family:var(--display);font-weight:450;color:var(--blue)}
.level-dot{height:8px;width:8px;background:var(--blue);border-radius:50%;margin:16px 0 25px;box-shadow:0 0 0 5px #edf2ff}
.level .overline{font-size:8px;letter-spacing:1.2px}
.level h3{font-size:19px;letter-spacing:-.7px;font-weight:550;margin-top:10px}
.level p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}
.mastery-bottom{position:absolute;bottom:33px;left:7%;right:7%;border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:20px}
.mastery-bottom span{font-size:8px;letter-spacing:1.5px;color:#667ba0}
.mastery-bottom p{font-size:12px;color:#8794aa}
.board-chapter{height:180vh;background:white}
.board-stage{background:white}
.board-grid{position:absolute;inset:0;background-image:radial-gradient(#b2c4e970 .7px,transparent .7px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent 22%,black 52%)}
.board-copy{position:absolute;left:7%;top:24%;z-index:3;pointer-events:none}
.board-copy>p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:26px}
.board-copy .board-detail{font-size:12px;color:#7b8da9;margin-top:22px}
.circle-diagram{position:absolute;right:3%;top:10%;height:80%;width:60%;overflow:visible}
.axes{fill:none;stroke:#9db0ce;stroke-width:1}
.axes text{font:14px var(--body);fill:#8b9ebc;stroke:none}
.unit-circle{fill:none;stroke:#2459ef;stroke-width:2.5;transform:rotate(-90deg);transform-origin:375px 360px}
.radius-line{fill:none;stroke:#2459ef;stroke-width:2}
.projection-line{fill:none;stroke:#6291e8;stroke-width:1.5}
.theta-angle{fill:none;stroke:#2459ef;stroke-width:1.5}
.board-draw{stroke-dasharray:1;stroke-dashoffset:1}
.circle-labels{opacity:0}
.circle-labels circle{fill:var(--blue);stroke:white;stroke-width:3}
.circle-labels text{fill:#426bb2}
.hand-label{font:italic 23px Georgia}
.theta-label{font:italic 26px Georgia}
.circle-labels .blue-ink{font-size:22px;fill:#2459ef}
.equation-ink{font:italic 30px Georgia}
.draw-surface{position:absolute;inset:12% 3% 13% 42%;z-index:4;cursor:crosshair;touch-action:pan-y}
.draw-surface canvas{width:100%;height:100%}
.board-invitation{position:absolute;right:9%;bottom:9%;display:flex;align-items:center;gap:15px;z-index:6;font-size:12px}
.pen-symbol{font-size:29px;color:var(--blue)}
.board-invitation small{display:block;color:#92a0b6;font-size:10px;margin-top:1px}
.quiet-button{border:0;background:none;border-bottom:1px solid #bccce7;padding:3px 0;margin-left:20px;font-size:10px;color:#627ea9}
.board-caption{position:absolute;bottom:27px;left:7%;font-size:8px;letter-spacing:1.4px;color:#91a0b8}
.lab-chapter{height:240vh;background:#071d50}
.lab-stage{background:radial-gradient(ellipse at 60% 60%,#153e8b,#071d50 75%);color:white}
.lab-stage .chapter-label{color:#7f9dce}
.lab-copy{position:relative;z-index:2;padding:112px 7% 0;pointer-events:none}
.lab-copy>.overline{color:#6b9cec;margin-bottom:18px}
.lab-copy h2 em{color:#91b4ff}
.lab-copy p:last-child{position:absolute;right:7%;top:155px;font-size:14px;line-height:1.9;color:#97afd8}
.lab-stage canvas{position:absolute;left:0;top:24%;width:100%;height:65%;cursor:grab;touch-action:pan-y}
.lab-stage canvas:active{cursor:grabbing}
.lab-measure{position:absolute;top:49%;z-index:2;pointer-events:none}
.measure-inlet{left:20%}
.measure-throat{left:57%;top:42%}
.lab-measure>span{display:block;font-size:8px;letter-spacing:1.5px;color:#85a2d0}
.lab-measure strong{display:block;font:400 30px var(--display);letter-spacing:-1px;margin-top:6px}
.lab-measure small{font-size:12px;letter-spacing:0;color:#93afd9}
.lab-measure i{display:block;width:1px;height:35px;background:linear-gradient(#659bff80,transparent);margin-top:12px}
.lab-bottom{position:absolute;bottom:37px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;z-index:3;pointer-events:none}
.lab-caption{font-size:8px;letter-spacing:1.5px;color:#7fa8ed}
.lab-bottom p{margin-top:13px;font-size:17px;line-height:1.7}
.lab-bottom p>span{font-size:11px;color:#7696c7}
.lab-equation{font:italic 29px Georgia}
.lab-equation small{display:block;font:8px var(--body);color:#668ac0;letter-spacing:1.5px;margin-top:12px}
.lab-scope{font-size:10px;line-height:1.9;color:#7898cb;text-align:right}
.planner-chapter{height:180vh;background:#f7faff}
.planner-stage{background:#f7faff}
.planner-intro{padding:112px 7% 0;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.planner-intro h2{font-size:clamp(42px,4.6vw,70px)}
.planner-intro>p{font-size:13px;color:var(--muted);line-height:1.9;padding-bottom:6px}
.planner-story{display:flex;align-items:center;gap:16px;margin:44px 7% 0}
.quote-mark{font:50px Georgia;color:#80a0e7;align-self:flex-start;line-height:1}
.planner-story>p{font-size:15px;line-height:1.8;color:#58719a}
.planner-story>span:last-child{font-size:8px;letter-spacing:1.4px;color:#879bbc;margin-left:auto}
.week-flow{position:absolute;left:7%;right:7%;bottom:130px;display:grid;grid-template-columns:repeat(7,1fr)}
.week-day{border-top:1px solid #cad8f0;position:relative}
.day-name{display:flex;justify-content:space-between;padding:17px 13px 18px 0;font-size:8px;letter-spacing:1.3px;color:#7d91b0}
.day-name b{font-weight:500}
.study-block{height:180px;border-left:1px solid #bfd2f6;padding:16px 12px 16px 13px;background:linear-gradient(180deg,#ebf1ff55,transparent);opacity:.12;transform:translateY(30px)}
.study-block>span{font-size:8px;letter-spacing:1px;color:#7796c9}
.study-block h3{font-size:20px;line-height:1.4;letter-spacing:-.7px;font-weight:500;margin-top:12px}
.study-block p{font-size:10px;color:#8192af;margin-top:13px;line-height:1.7}
.day-off .study-block{color:#7190b5;border-left-color:#bbd3e8}
.day-off h3{font-family:Georgia,serif;font-style:italic;font-size:24px}
.day-exam .study-block{background:var(--blue);color:white;border-color:var(--blue)}
.day-exam .study-block>span,.day-exam .study-block p{color:#c2d6ff}
.planner-foot{position:absolute;bottom:36px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;gap:20px}
.planner-foot>span{font-size:8px;letter-spacing:1.4px;color:#7a91b3}
.planner-foot p{font-size:12px;color:#8c9bb0}
.closing{position:relative;background:#2459ef;color:white;text-align:center;padding:35px 5.5% 0;overflow:hidden}
.closing::before{content:'';position:absolute;width:1000px;height:1000px;border-radius:50%;border:1px solid #ffffff0b;left:calc(50% - 500px);top:70px;pointer-events:none;box-shadow:0 0 0 100px #ffffff03,0 0 0 200px #ffffff02}
.closing-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#a7c3ff;position:relative}
.closing-prelude{color:#b9d0ff;font-size:15px;line-height:1.9;margin-top:112px}
.closing h2{font-size:clamp(48px,6.4vw,94px);font-weight:500;letter-spacing:-4px;margin-top:32px;position:relative}
.closing h2 em{color:#aec9ff;letter-spacing:-4px}
.closing-actions{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:45px}
.large-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;color:#2459ef;border-radius:40px;padding:18px 25px;font-size:15px;transition:transform .25s,box-shadow .25s}
.large-cta>span{font-size:23px}
.large-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px #08297c30}
.early-link{color:#d6e4ff;font-size:12px;border-bottom:1px solid #90afff;padding-bottom:4px}
.closing-note{color:#a3c0ff;font-size:10px;margin-top:24px}
.closing footer{margin-top:114px;position:relative;text-align:left}
.footer-info{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid #ffffff33}
.footer-info>a:not(.wordmark){font-size:12px}
.footer-info>span{font-size:8px;letter-spacing:1.4px;color:#a2beff}
.footer-bottom{display:flex;justify-content:space-between;padding:17px 0 24px;border-top:1px solid #ffffff20;font-size:9px;color:#9cbafe}
.reveal{opacity:1;transform:none}
.js-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}
.js-motion .reveal.visible{opacity:1;transform:none}

.header-story,.header-cta{font-size:14px}
.chapter-label,.overline{font-size:11px}
.hero-description,.voice-copy>p,.memory-beat>p:last-child,.mastery-heading p,.board-copy>p,.lab-copy p:last-child,.planner-intro>p{font-size:16px}
.circle-link,.voice-bottom p,.audio-button,.board-detail,.mastery-bottom p,.planner-foot p,.early-link{font-size:14px}
.opening-bottom,.memory-beat .overline,.level .overline,.mastery-bottom span,.board-caption,.lab-caption,.lab-measure>span,.planner-foot>span,.closing-top,.footer-bottom,.footer-info>span{font-size:10px}
.level p{font-size:14px}
.study-block p{font-size:12px}
.study-block>span,.day-name{font-size:10px}
.lab-equation small,.lab-bottom p>span,.lab-scope,.board-invitation small,.quiet-button,.memory-equation small,.closing-note{font-size:11px}
.closing-prelude{font-size:16px}

@media(min-width:1600px){.scene-sticky{max-height:none}
.mastery-journey{bottom:24%;height:360px}
.week-flow{bottom:22%}
.study-block{height:210px}
.voice-copy{padding-top:15vh}
.hero-copy{padding-top:19vh}
}

@media(max-width:1100px){h1{font-size:88px;letter-spacing:-5px}
h1 em{letter-spacing:-4px}
.hero-copy{margin-left:6%;width:65%}
.hero-copy>.overline{font-size:8px}
.orb-annotation{right:5%;font-size:10px}
.mastery-heading p{font-size:12px}
.level h3{font-size:16px}
.level p{font-size:11px}
.lab-copy p:last-child{font-size:12px;max-width:265px;top:145px}
.lab-copy h2{font-size:60px}
.planner-intro{display:block}
.planner-intro>p{position:absolute;right:7%;top:190px;max-width:300px;font-size:11px}
.planner-story{margin-top:35px;max-width:58%}
.planner-story>span:last-child{display:none}
.study-block h3{font-size:16px}
.study-block p{font-size:9px}
.lab-scope{display:none}
}

@media(max-height:760px) and (min-width:761px){.opening{height:800px}
.scene-sticky{min-height:680px}
.voice-copy{padding-top:94px}
.voice-copy h2{font-size:60px}
.voice-copy>p{margin-top:18px}
.mastery-heading{padding-top:90px}
.mastery-heading h2{font-size:53px}
.mastery-journey{bottom:124px;height:275px}
.level-number{font-size:58px}
.level-1{--lift:57px}
.level-2{--lift:17px}
.level-3{--lift:-23px}
.level-4{--lift:-64px}
.lab-copy{padding-top:85px}
.lab-copy h2{font-size:55px}
.lab-copy p:last-child{top:115px}
.planner-intro{padding-top:90px}
.planner-intro h2{font-size:48px}
.planner-story{margin-top:28px}
.week-flow{bottom:90px}
.study-block{height:155px}
.planner-foot{bottom:23px}
.closing-prelude{margin-top:80px}
}

@media(max-width:760px){h2{font-size:47px;letter-spacing:-2.5px}
h2 em{letter-spacing:-2px}
.site-header{padding:25px 24px;gap:15px}
.wordmark{font-size:28px}
.wordmark svg{width:27px;height:27px}
.header-story{display:none}
.header-cta{font-size:11px}
.header-cta>span{margin-left:13px}
.opening{height:950px;max-height:none;min-height:100svh}
.hero-copy{padding-top:130px;margin-left:7%;width:86%}
.hero-copy>.overline{font-size:8px;letter-spacing:1.1px;gap:8px}
.short-rule{width:19px}
h1{font-size:clamp(57px,11vw,80px);line-height:1.06;letter-spacing:-4px;margin-top:25px}
h1 em{letter-spacing:-3.5px}
.hero-description{font-size:13px;margin-top:27px}
.circle-link{font-size:11px;margin-top:23px}
.circle-arrow{height:37px;width:37px}
.orb-annotation{right:8%;bottom:13%;font-size:9px}
.opening-bottom{left:7%;right:7%;bottom:24px;display:block;font-size:8px;letter-spacing:.5px}
.scroll-hint{display:block;margin-top:12px;font-size:8px}
.edition{display:none}
.chapter-label{top:26px;left:7%;right:7%;font-size:7px;letter-spacing:1.1px;line-height:1.7}
.chapter-label>span:last-child{text-align:right;max-width:145px}
.scene-sticky{height:100svh;min-height:720px;max-height:1000px}
.voice-chapter{height:180vh;min-height:1300px}
.voice-copy{padding:112px 6% 0}
.voice-copy h2{font-size:47px}
.voice-copy>p{font-size:12px;margin-top:22px}
.voice-conversation{top:47%;left:7%;right:7%}
.voice-line{font-size:27px;line-height:1.6;letter-spacing:-.8px}
.voice-canvas{top:44%;height:37%}
.voice-bottom{bottom:55px;display:block;text-align:center;left:7%;right:7%}
.languages{font-size:11px}
.voice-bottom p{font-size:10px}
.audio-button{margin:25px auto 0;font-size:10px}
.audio-icon{height:36px;width:36px}
.audio-status{bottom:18px;left:5%;right:5%;font-size:9px;text-align:center}
.memory-chapter{height:255vh;min-height:1700px}
.memory-landscape{object-position:65% center;width:170%;max-width:none;left:-70%;height:100%}
.memory-wash{background:linear-gradient(180deg,#eff7ffff 0%,#edf7fff2 35%,#e7f3ff2b 62%,#eef8ffed 97%)}
.memory-narrative{top:15%;left:7%;width:88%}
.memory-beat h2{font-size:50px}
.memory-beat .overline{font-size:8px;margin-bottom:16px}
.memory-beat>p:last-child{font-size:12px;margin-top:19px}
.landscape-math{top:32%;height:65%;width:120%;left:-9%}
.memory-equation{left:7%;bottom:8%}
.memory-equation>span{font-size:7px}
.memory-equation>p{font-size:26px;margin-top:7px;gap:9px}
.memory-equation b{margin-left:13px}
.fraction{font-size:20px}
.memory-equation small{font-size:8px}
.mastery-chapter{height:190vh;min-height:1450px}
.mastery-heading{padding:100px 7% 0;display:block}
.mastery-heading h2{font-size:47px}
.mastery-heading p{font-size:12px;margin-top:20px;line-height:1.8}
.mastery-journey{left:7%;right:7%;bottom:105px;top:345px;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.journey-line{display:none}
.level{transform:none;display:grid;grid-template-columns:41px 1fr;grid-template-rows:auto auto auto;column-gap:9px;align-self:start}
.level-number{font-size:40px;letter-spacing:-2px;grid-row:1/4}
.level-dot{display:none}
.level .overline{font-size:6px;letter-spacing:.5px;grid-column:2;align-self:end}
.level h3{font-size:12px;letter-spacing:-.3px;grid-column:2;margin-top:5px;line-height:1.4}
.level p{font-size:9px;grid-column:2;margin-top:6px;line-height:1.6}
.level p br{display:none}
.mastery-bottom{display:block;bottom:29px;padding-top:14px}
.mastery-bottom span{font-size:7px;letter-spacing:.8px}
.mastery-bottom p{font-size:10px;margin-top:5px}
.board-chapter{height:155vh;min-height:1200px}
.board-copy{top:110px;left:7%;right:7%;display:grid;grid-template-columns:1.1fr 1fr;column-gap:20px}
.board-copy h2{font-size:41px}
.board-copy>p{font-size:11px;margin-top:7px;line-height:1.9}
.board-copy .board-detail{grid-column:1/-1;font-size:10px;margin-top:16px}
.board-copy .board-detail br{display:none}
.board-grid{mask-image:linear-gradient(180deg,transparent 22%,black 52%)}
.circle-diagram{right:-8%;width:116%;height:53%;top:39%}
.draw-surface{inset:39% 2% 14% 2%}
.board-invitation{bottom:7%;left:7%;right:7%;font-size:10px;gap:10px;justify-content:space-between}
.board-invitation small{font-size:8px}
.quiet-button{font-size:9px;margin-left:auto}
.board-caption{font-size:6px;letter-spacing:.6px;bottom:20px}
.lab-chapter{height:220vh;min-height:1600px}
.lab-copy{padding:112px 7% 0}
.lab-copy>.overline{font-size:8px;margin-bottom:17px}
.lab-copy h2{font-size:47px}
.lab-copy p:last-child{position:static;font-size:11px;line-height:1.9;margin-top:20px;max-width:none}
.lab-stage canvas{top:38%;height:42%}
.lab-measure{top:50%}
.measure-inlet{left:12%;top:51%}
.measure-throat{left:63%;top:47%}
.lab-measure>span{font-size:6px;letter-spacing:1px}
.lab-measure strong{font-size:23px}
.lab-measure small{font-size:9px}
.lab-measure i{height:20px;margin-top:5px}
.lab-bottom{bottom:40px;gap:12px;align-items:flex-start}
.lab-caption{font-size:6px;letter-spacing:1px}
.lab-bottom p{font-size:13px;line-height:1.8;margin-top:10px;max-width:210px}
.lab-bottom p>span{font-size:9px;display:block;line-height:1.6;margin-top:5px}
.lab-equation{font-size:19px;white-space:nowrap;margin-top:30px}
.lab-equation small{font-size:5px;letter-spacing:.7px;margin-top:7px}
.planner-chapter{height:175vh;min-height:1450px}
.planner-stage{min-height:830px}
.planner-intro{padding:100px 7% 0}
.planner-intro h2{font-size:43px}
.planner-intro>p{position:static;max-width:none;font-size:11px;margin-top:20px}
.planner-intro>p br{display:none}
.planner-story{margin:25px 7% 0;max-width:none;gap:10px}
.planner-story>p{font-size:11px}
.quote-mark{font-size:35px}
.week-flow{left:7%;right:7%;bottom:105px;grid-template-columns:repeat(4,1fr);row-gap:15px}
.day-name{font-size:6px;letter-spacing:.7px;padding:8px 8px 8px 0}
.study-block{height:114px;padding:7px 6px 7px 8px}
.study-block>span{font-size:6px;letter-spacing:.3px}
.study-block h3{font-size:12px;letter-spacing:-.3px;margin-top:6px}
.study-block p{font-size:7px;margin-top:6px;line-height:1.5}
.day-off h3{font-size:16px;line-height:1.2}
.planner-foot{bottom:28px;display:block;padding-top:12px}
.planner-foot>span{font-size:7px;letter-spacing:.8px}
.planner-foot p{font-size:10px;margin-top:5px}
.closing{padding:28px 7% 0}
.closing-top{font-size:6px;letter-spacing:.9px;gap:25px;line-height:1.8}
.closing-top>span:last-child{text-align:right}
.closing-prelude{font-size:12px;margin-top:87px}
.closing h2{font-size:46px;letter-spacing:-2.8px;margin-top:28px}
.closing h2 em{letter-spacing:-2.6px}
.closing-actions{margin-top:34px;gap:23px}
.large-cta{font-size:13px;padding:14px 22px;gap:35px}
.early-link{font-size:11px}
.closing-note{font-size:9px;margin-top:23px}
.closing footer{margin-top:85px}
.footer-info{gap:15px}
.footer-info .wordmark{font-size:25px}
.footer-info>a:not(.wordmark){font-size:10px}
.footer-info>span{display:none}
.footer-bottom{font-size:7px;gap:30px;line-height:1.8}
.footer-bottom>span:last-child{text-align:right}
}

@media(max-width:760px){.hero-description,.voice-copy>p,.memory-beat>p:last-child,.mastery-heading p,.board-copy>p,.lab-copy p:last-child,.planner-intro>p,.closing-prelude{font-size:14px}
.chapter-label,.hero-copy>.overline,.memory-beat .overline,.board-caption,.lab-caption,.closing-top,.footer-bottom{font-size:9px}
.circle-link,.audio-button,.voice-bottom p,.early-link{font-size:12px}
.languages{font-size:13px}
.opening-bottom{font-size:9px}
.opening-bottom .scroll-hint{font-size:9px}
.orb-annotation{bottom:10%;font-size:10px}
.mastery-journey{top:350px;bottom:100px;gap:22px 16px}
.level{grid-template-columns:37px 1fr;column-gap:8px}
.level-number{font-size:35px}
.level .overline{font-size:8px}
.level h3{font-size:14px}
.level p{font-size:11px}
.mastery-bottom span,.planner-foot>span{font-size:9px}
.mastery-bottom p,.planner-foot p{font-size:11px}
.board-copy{grid-template-columns:1fr 1fr;gap:17px}
.board-copy>p{font-size:12px}
.board-copy .board-detail{font-size:12px;margin-top:0}
.circle-diagram{top:42%;height:47%}
.draw-surface{top:42%}
.lab-measure>span{font-size:9px;letter-spacing:.5px}
.lab-equation small{font-size:7px}
.lab-bottom p>span{font-size:11px}
.planner-stage{min-height:1140px}
.planner-chapter{min-height:1740px}
.planner-story{margin-top:23px}
.planner-story>p{font-size:13px}
.week-flow{display:block;top:420px;bottom:auto}
.week-day{display:grid;grid-template-columns:48px 1fr;align-items:stretch}
.day-name{font-size:10px;display:block;padding-top:20px}
.day-name b{display:none}
.study-block{height:78px;border-left:0;display:grid;grid-template-columns:1fr 1.1fr;align-content:center;column-gap:12px;padding:7px 12px;position:relative}
.study-block>span{font-size:9px;grid-column:1;line-height:1.5}
.study-block h3{font-size:16px;grid-column:1;margin-top:4px;line-height:1.4}
.study-block h3 br{display:none}
.study-block p{font-size:11px;grid-column:2;grid-row:1/3;align-self:center;margin:0;line-height:1.6}
.day-off h3{font-size:18px}
.planner-foot{bottom:45px}
.closing-note,.footer-info>a:not(.wordmark){font-size:11px}
}

@media(max-width:760px){.mastery-journey{display:flex;flex-direction:column;gap:16px;top:340px;bottom:100px}
.level{grid-template-columns:44px 1fr;column-gap:15px;align-self:stretch}
.level-number{font-size:40px}
.level h3{font-size:16px;margin-top:2px}
.level p{font-size:12px;margin-top:4px}
.level .overline{font-size:9px}
.board-stage{min-height:950px}
.board-copy{display:block;top:100px}
.board-copy h2{font-size:44px}
.board-copy>p{font-size:13px;margin-top:20px;line-height:1.7}
.board-copy .board-detail{font-size:11px;margin-top:15px;max-width:310px}
.circle-diagram{top:49%;height:39%}
.draw-surface{top:49%;bottom:13%}
.week-flow{top:470px}
.planner-foot{bottom:25px}
}

.voice-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.96;transform:scale(1.07);will-change:transform}
.voice-photo-wash{position:absolute;inset:0;background:linear-gradient(90deg,#153fc8 0%,#153fc8f5 25%,#1748d5a6 48%,#1f56dd16 78%),linear-gradient(0deg,#194bdd 0%,#194bdd12 50%,#153fc830);pointer-events:none}
.voice-stage:has(.voice-photo) .voice-copy{text-align:left;padding-left:7%;padding-right:0;width:64%}
.voice-stage:has(.voice-photo) .voice-copy h2{font-size:clamp(45px,5.15vw,78px)}
.voice-stage:has(.voice-photo) .voice-conversation{left:7%;right:auto;width:62%;text-align:left;top:54%}
.voice-stage:has(.voice-photo) .voice-line{justify-content:flex-start;font-size:clamp(25px,3vw,43px)}
.titration-chapter{height:165vh;background:#eaf4fb}
.titration-stage{background:#eaf4fb}
.titration-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform;transform:scale(1.05)}
.titration-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f0f7ff 0%,#f0f7ffef 22%,#eff7ff55 50%,transparent 68%),linear-gradient(0deg,#e8f3fbad,transparent 30%)}
.titration-copy{position:absolute;left:7%;top:26%;width:48%;z-index:3}
.titration-copy .overline{color:#5077a8;font-size:11px;margin-bottom:25px}
.titration-copy h2{font-size:clamp(48px,5.6vw,84px)}
.titration-copy>p:last-child{font-size:16px;color:#597592;line-height:1.85;margin-top:28px;max-width:350px}
.titration-caption{position:absolute;bottom:8%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;z-index:3}
.titration-caption>p{font:italic 29px Georgia;color:#3265a6;max-width:400px}
.titration-caption>span{font-size:11px;letter-spacing:1px;color:#42658b}
.planner-chapter:has(.planner-photo){height:240vh}
.planner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;will-change:opacity,transform}
.planner-photo-wash{position:absolute;inset:0;background:linear-gradient(180deg,#f7faff 0%,#f7faffdb 29%,#f7faff00 65%),linear-gradient(90deg,#f7faffe8 0%,#f7faff85 40%,transparent 75%);pointer-events:none}
.planner-intro,.planner-story{position:relative;z-index:2}
.planner-photo-caption{position:absolute;bottom:12%;left:7%;z-index:2;color:#284977;font:italic 35px Georgia;max-width:370px;line-height:1.35;will-change:opacity}
.planner-stage:has(.planner-photo) .week-flow,.planner-stage:has(.planner-photo) .planner-foot{z-index:3}
@media(max-width:760px){.voice-photo{object-position:75% center;opacity:.62}.voice-photo-wash{background:linear-gradient(180deg,#1947d6 0%,#1947d6f5 30%,#1c4dd69c 57%,#1d50d9d4 92%),linear-gradient(90deg,#1947d697,transparent)}.voice-stage:has(.voice-photo) .voice-copy{padding:108px 7% 0;width:100%;text-align:left}.voice-stage:has(.voice-photo) .voice-copy h2{font-size:45px}.voice-stage:has(.voice-photo) .voice-conversation{top:47%;left:7%;width:86%}.voice-stage:has(.voice-photo) .voice-line{font-size:26px}.titration-chapter{height:170vh;min-height:1300px}.titration-stage{min-height:850px}.titration-photo{object-position:71% center;width:165%;max-width:none;left:-65%;height:100%;transform-origin:80% center}.titration-wash{background:linear-gradient(180deg,#eef7ff 0%,#eef7fff2 35%,#eef7ff22 67%,#eef7ffde 100%)}.titration-copy{top:13%;width:86%;left:7%}.titration-copy h2{font-size:48px}.titration-copy .overline{font-size:9px;margin-bottom:18px}.titration-copy>p:last-child{font-size:14px;max-width:280px;margin-top:20px}.titration-caption{bottom:7%;display:block}.titration-caption>p{font-size:24px;max-width:280px}.titration-caption>span{display:block;font-size:9px;margin-top:17px}.planner-chapter:has(.planner-photo){min-height:2050px}.planner-photo{object-position:76% center}.planner-photo-wash{background:linear-gradient(180deg,#f7faff 0%,#f7faffeb 29%,#f7faff33 60%,#f7faff55 100%)}.planner-photo-caption{font-size:30px;bottom:18%;max-width:270px}}
@media(prefers-reduced-motion:reduce){.planner-photo,.planner-photo-wash,.planner-photo-caption{display:none}.planner-story,.week-flow,.planner-foot{opacity:1!important}html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
.scroll-scene{height:auto!important;min-height:0!important}
.scene-sticky{position:relative}
.memory-stage{min-height:1200px}
.memory-beat{position:static;transform:none!important;opacity:1!important;margin-bottom:32px}
.memory-beat h2{font-size:32px}
.memory-beat-2>p,.memory-beat-3>p{margin-top:10px!important}
.memory-narrative{top:100px}
.memory-equation{bottom:45px}
.landscape-math{opacity:.5}
.voice-line{position:static;font-size:20px;opacity:1!important;transform:none!important}
.voice-conversation{top:48%;height:auto}
.reveal{opacity:1!important;transform:none!important}
.level,.study-block{opacity:1!important;transform:none!important}
.board-draw,.math-path,.journey-draw{stroke-dashoffset:0!important}
.circle-labels,.math-labels,.math-angle,.triangle-area,.memory-equation{opacity:1!important}
}

/* Exam preparation is the through-line, not a badge at the bottom. */
.prep-thread{margin-top:20px;font-size:14px;color:#456391;letter-spacing:.2px}
.prep-thread span{padding:0 10px;color:#91a8cf}
.exam-orbits{display:flex;flex-direction:column;gap:12px;font-size:12px}
.exam-orbits>span{display:flex;align-items:center;gap:14px}
.exam-orbits b{font:650 18px var(--display);color:var(--blue);min-width:48px;letter-spacing:-.5px}
.orb-annotation{right:6.5%;bottom:11%}
.hero-copy{width:62%}
.hero-description{max-width:560px}
.mastery-heading h2{font-size:clamp(42px,4.6vw,69px)}
.mastery-heading p{max-width:390px}
.mastery-heading p br{display:none}
.mastery-heading{gap:50px}

/* Scroll tracks are invisible. Every scene is projected onto the same fixed
   viewport, so a section boundary cannot move across the screen. */
.story-ready{scroll-padding-top:0}
.story-ready .story-panel{box-sizing:border-box;padding-bottom:0;margin-bottom:-100svh;background:none;overflow:visible;max-height:none;height:calc(var(--scene-length,205) * 1svh + 100svh);min-height:calc(var(--scene-min,720px) + 100svh)}
.story-ready .scene-hold{height:100svh;width:100%;position:fixed;inset:0;overflow:hidden;isolation:isolate;opacity:0;pointer-events:none;will-change:opacity}
.story-ready .scene-sticky{position:relative;top:auto;max-height:none;min-height:100svh;will-change:transform}
.story-ready .scene-foreground{filter:opacity(var(--copy-opacity,1))}
.story-ready .scene-backdrop{scale:var(--visual-scale,1);transform-origin:center}
.memory-bridge{display:none}
.story-ready .memory-bridge{display:block;position:fixed;z-index:98;left:7%;top:23%;max-width:560px;font:400 clamp(30px,3.8vw,56px)/1.3 Georgia,serif;letter-spacing:-1px;color:#234c86;opacity:var(--memory-cue,0);pointer-events:none}
.story-ready .voice-canvas{opacity:calc(.8 * (1 - var(--memory-exit,0)))}
.question-chapter{height:270vh;background:#dcecfb}
.question-stage{background:#dcecfb;color:var(--ink)}
.question-visual{position:absolute;inset:70px 0 0;overflow:hidden}
.question-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;transform:none}
.question-photo-thought{opacity:0;will-change:opacity}
.question-wash{position:absolute;inset:0;background:linear-gradient(0deg,#eaf3ff 0%,#eaf3ffdc 16%,#eaf3ff00 48%),linear-gradient(90deg,#dcecfb 0%,#dcecfb00 22%);pointer-events:none}
.question-stage .chapter-label{color:#58779f}
.question-narrative{position:absolute;left:7%;top:61%;width:55%;z-index:3}
.question-beat{position:absolute;inset:0 auto auto 0;width:100%}
.question-beat .overline{font-size:11px;color:#577daf;margin-bottom:15px}
.question-beat h2{font-size:clamp(36px,3.4vw,52px);line-height:1.15;letter-spacing:-2px}
.question-beat>p:last-child{font-size:16px;color:#526c8f;margin-top:18px;max-width:460px}
.question-asking{opacity:0}
.question-listening{position:absolute;bottom:4%;left:7%;font-size:14px;color:#567ca7;opacity:0}
.question-listening>span{font-size:23px;margin-right:10px;vertical-align:middle;color:var(--blue)}
.story-ready .voice-chapter{--scene-length:330}
.story-ready .question-chapter{--scene-length:270;--scene-min:1700px}
.story-ready .opening{--scene-length:155;--scene-min:1100px}
.story-ready .memory-chapter{--scene-length:290}
.story-ready .mastery-chapter{--scene-length:210}
.story-ready .board-chapter{--scene-length:180}
.story-ready .lab-chapter{--scene-length:240}
.story-ready .titration-chapter{--scene-length:165}
.story-ready .planner-chapter{--scene-length:240}
.story-ready .opening-stage{height:max(800px,100svh);background:radial-gradient(ellipse at 80% 55%,#e5eeff 0%,#f7faff 42%,#fcfdff 72%)}
.story-ready .closing{height:160svh;min-height:1200px;padding:0;margin-bottom:0}
.story-ready .closing-stage{height:auto;min-height:100svh;background:#2459ef;padding:35px 5.5% 0}
.story-ready .closing::before{display:none}
.story-ready .closing .reveal{opacity:1;transform:none;transition:none}
.story-ready .mastery-stage{min-height:max(780px,100svh)}
.story-ready .board-stage{min-height:max(720px,100svh)}
.story-ready .planner-stage{min-height:max(840px,100svh)}
.story-ready .scene-sticky:not(.opening-stage):not(.closing-stage){height:100svh}

@media(max-width:1100px) and (min-width:761px){
 .mastery-heading h2{font-size:52px}.mastery-heading p{max-width:280px;font-size:14px}
 .exam-orbits{font-size:10px}.orb-annotation{right:5%;bottom:15%}
}
@media(max-width:760px){
 h1{font-size:clamp(57px,11vw,67px)}
 .story-ready .memory-bridge{top:22%;right:7%;font-size:34px;max-width:330px}
 .question-chapter{min-height:1950px}
 .question-visual{inset:90px 0 auto;height:min(66.6667vw,46svh)}
 .question-photo{object-fit:cover;object-position:center top}
 .question-wash{background:linear-gradient(0deg,#eaf3ff 0%,#eaf3ff00 50%)}
 .question-narrative{left:7%;top:calc(min(66.6667vw,46svh) + 125px);width:86%}
 .question-beat h2{font-size:38px;letter-spacing:-1.7px}
 .question-beat .overline{font-size:9px;margin-bottom:20px}
 .question-beat>p:last-child{font-size:14px;max-width:295px;margin-top:20px}
 .question-listening{font-size:12px;bottom:6%}
 .story-ready .question-stage{min-height:max(100svh,calc(min(66.6667vw,46svh) + 450px))}
 .story-ready .question-chapter{--scene-length:260;--scene-min:1950px}
 .hero-copy{width:86%}.hero-description{font-size:14px;max-width:350px}.hero-description br{display:none}
 .prep-thread{font-size:12px;margin-top:17px}.prep-thread span{padding:0 7px}
 .exam-orbits{font-size:10px;gap:8px}.exam-orbits b{font-size:15px;min-width:39px}
 .orb-annotation{left:7%;right:7%;bottom:10%;justify-content:center}.annotation-cross{display:none}
 .mastery-heading h2{font-size:43px}.mastery-heading p{font-size:14px;max-width:none}
 .mastery-journey{top:375px;gap:22px}
 .story-ready .opening{--scene-length:180;--scene-min:1400px}
 .story-ready .voice-chapter{--scene-length:285;--scene-min:2050px}
 .story-ready .memory-chapter{--scene-length:255;--scene-min:1700px}
 .story-ready .mastery-chapter{--scene-length:190;--scene-min:1450px}
 .story-ready .board-chapter{--scene-length:155;--scene-min:1200px}
 .story-ready .lab-chapter{--scene-length:220;--scene-min:1600px}
 .story-ready .titration-chapter{--scene-length:170;--scene-min:1300px}
 .story-ready .planner-chapter{--scene-length:240;--scene-min:2050px}
 .story-ready .opening-stage{height:950px;min-height:100svh}
 .story-ready .mastery-stage{min-height:max(950px,100svh)}
 .story-ready .board-stage{min-height:max(950px,100svh)}
 .story-ready .titration-stage{min-height:max(850px,100svh)}
 .story-ready .planner-stage{min-height:max(1180px,100svh)}
 .story-ready .closing-stage{padding:28px 7% 0;min-height:max(830px,100svh)}
 .story-ready .closing{height:230svh;min-height:2100px}
 .chapter-label{font-size:9px}.chapter-label>span:first-child{max-width:48%}
 .chapter-label>span:last-child{max-width:45%}
 .voice-copy>p br,.board-copy>p br{display:none}
 .large-cta{font-size:12px;gap:18px}
 .closing h2,.closing h2 em{font-size:43px;letter-spacing:-2px}
}
@media(prefers-reduced-motion:reduce){
 .prep-thread{opacity:1}.mastery-stage{min-height:950px}.mastery-journey{top:375px}
 .question-stage{min-height:1200px}.question-visual{inset:70px 0 auto;height:500px}.question-photo-thought{opacity:1!important}.question-narrative{top:620px}.question-beat{position:relative;opacity:1!important;margin-bottom:30px}.question-beat h2{font-size:34px}.question-listening{opacity:1;bottom:40px}
}

/* Supplied landing reference: real, accessible UI over the cleaned scene. */
.reference-opening{height:100svh;min-height:700px;max-height:none;background:#d9e8fb}
.reference-stage,.story-ready .reference-stage{height:100svh;min-height:700px;background:#d9e8fb;color:#07092c}
.story-ready .reference-opening{--scene-length:145;--scene-min:1050px}
.reference-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.reference-header{position:absolute;top:2.4%;left:10.8%;right:8.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:8}
.brand-logo{position:relative;display:block;width:clamp(145px,11.6vw,210px);aspect-ratio:2.55;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0}
.brand-logo img{position:absolute;width:148%;height:auto;max-width:none;left:-23%;top:-31%}
.reference-header nav{display:flex;align-items:center;gap:clamp(22px,3.2vw,55px);margin-left:6%;color:#3c4b99;font-size:clamp(14px,1.1vw,18px)}
.reference-header nav a{white-space:nowrap;transition:color .2s}
.reference-header nav a:hover{color:#004cff}
.reference-actions{display:flex;align-items:center;gap:30px}
.sign-in{border:0;background:none;padding:8px 0;white-space:nowrap;font-size:clamp(14px,1.1vw,18px)}
.reference-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 35px;border-radius:100px;background:#004cff;color:white;font-size:clamp(16px,1.23vw,21px);box-shadow:0 4px 7px #0753f51a;transition:background .2s,box-shadow .2s;white-space:nowrap}
.reference-button:hover{background:#003ede;box-shadow:0 7px 20px #004cff30}
.reference-button span{font-size:26px;line-height:1}
.reference-eyebrow{position:absolute;top:14.1%;left:22%;right:22%;display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:clamp(10px,.8vw,14px);font-weight:650;letter-spacing:2.3px;color:#3e50a4}
.reference-eyebrow::before,.reference-eyebrow::after{content:'';display:block;width:46px;height:1px;background:#0754ff;flex-shrink:0}
.reference-copy{position:absolute;top:21%;left:22%;width:56%;text-align:center;z-index:3}
.reference-copy h1{font:500 clamp(42px,4.13vw,78px)/1.07 var(--body);letter-spacing:-3.3px;margin:0;color:#07092c}
.reference-copy h1 em{display:inline-block;font:italic 400 clamp(46px,4.55vw,86px)/1.13 Georgia,serif;letter-spacing:-3px;color:#004cff;white-space:nowrap}
.reference-copy>p{font-size:clamp(17px,1.45vw,25px);line-height:1.4;color:#606fb2;margin-top:12px;letter-spacing:-.7px}
.reference-copy>.reference-button{margin-top:28px;padding:17px 46px}
.feature-orbit{position:absolute;left:14%;top:20.5%;width:73%;height:44%;overflow:visible;pointer-events:none}
.feature-orbit ellipse{fill:none;stroke:#ffffffb0;stroke-width:1.4}
.feature-orbit circle{fill:white;filter:drop-shadow(0 0 5px white)}
.reference-feature{position:absolute;display:flex;align-items:center;gap:12px;width:13.4%;min-width:175px;min-height:94px;padding:19px 17px;border-radius:80px;border:1.5px solid #ffffffe6;background:linear-gradient(130deg,#ffffff69,#edf5ff3b 55%,#ffffff8c);box-shadow:inset 2px 3px 8px #fff9,inset -2px -3px 7px #fff7,0 0 24px #fff8;backdrop-filter:blur(6px);font-size:clamp(14px,1.05vw,19px);line-height:1.3;letter-spacing:-.4px;z-index:4}
.feature-strength{left:16%;top:21.5%;transform:rotate(-20deg)}
.feature-practice{right:16%;top:21%;transform:rotate(17deg)}
.feature-adapt{left:13.4%;top:44%;transform:rotate(17deg)}
.feature-clarity{right:12.6%;top:44%;transform:rotate(-16deg)}
.feature-icon{flex-shrink:0;display:grid;place-items:center;width:51px;height:51px;border-radius:50%;background:#ffffff65;color:#0050ff}
.feature-icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.feature-icon .solid-icon{fill:currentColor;stroke:none}
.reference-note{position:absolute;right:4.8%;top:19.5%;font:500 clamp(22px,2vw,35px)/.98 'Caveat',cursive;color:#647fce;text-align:center;transform:rotate(-11deg);z-index:3}
.reference-note::after{content:'';display:block;width:90%;height:12px;border-top:1.5px solid currentColor;border-radius:50%;margin-top:10px;transform:rotate(-5deg)}
.reference-scroll{position:absolute;bottom:2.2%;left:50%;transform:translateX(-50%);display:block;width:270px;height:48px;z-index:5}
.reference-scroll>span{display:grid;place-items:center;width:42px;height:42px;border:1.5px solid white;border-radius:50%;font-size:26px;font-weight:400;letter-spacing:0}
.goals-chapter{height:210svh;background:#f7faff}
.goals-stage{background:radial-gradient(ellipse at 50% 85%,#e3edff,#f8fbff 68%)}
.story-ready .goals-chapter{--scene-length:190;--scene-min:1350px}
.goals-intro{position:absolute;left:7%;top:14%;width:28%}
.goals-intro>.overline{color:#5a75aa;font-size:11px}
.goals-intro h2{font-size:clamp(43px,4.3vw,72px);margin:22px 0;line-height:1.12;letter-spacing:-2.8px}
.goals-intro>p:last-child{font-size:17px;line-height:1.7;color:#6a7b97;max-width:240px}
.goal-pathways{position:absolute;left:38%;right:7%;top:22%;display:grid;grid-template-columns:1fr 48px 1fr;align-items:start;gap:20px}
.goal-path{position:relative}
.goal-destination{font-size:11px;letter-spacing:1.5px;color:#6682ac}
.goal-path h3{font-size:clamp(65px,7.2vw,115px);font-weight:500;letter-spacing:-6px;line-height:1.25;color:#1754ed;margin:10px 0}
.goal-path h3>span{display:inline-block;font-size:30px;vertical-align:top;margin:15px 0 0 10px;font-weight:400;color:#8aacfa}
.goal-name{font-size:17px;color:#274775;max-width:230px;line-height:1.5}
.goal-path ul{list-style:none;padding:22px 0;margin:24px 0 0;border-top:1px solid #c7d8f2;border-bottom:1px solid #c7d8f2;display:flex;flex-wrap:wrap;gap:5px 16px;font-size:14px;color:#3f6299}
.goal-detail{font-size:14px;color:#6d7e98;line-height:1.8;margin-top:22px}
.goal-or{position:relative;align-self:center;text-align:center;font:italic 23px Georgia;color:#8e9fba}
.goals-journey{position:absolute;left:7%;right:7%;bottom:8%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:27px;border-top:1px solid #cdddf5}
.goals-journey>p{font-size:10px;letter-spacing:1.6px;color:#758aa9;max-width:180px}
.goals-journey ol{display:flex;list-style:none;margin:0;padding:0;gap:22px;font-size:17px;color:#315794}
.goals-journey li+li::before{content:'→';margin-right:22px;color:#8eaee0}
.goals-journey>span{font-size:13px;color:#6a7e9c;max-width:180px}
.sign-in-dialog,.access-dialog{border:1px solid #dce6fa;border-radius:22px;max-width:440px;width:calc(100% - 40px);padding:45px 32px;background:#f8fbff;color:#142349;box-shadow:0 25px 90px #12316640}
.sign-in-dialog::backdrop,.access-dialog::backdrop{background:#061b4d66;backdrop-filter:blur(8px)}
.sign-in-dialog h2,.access-dialog h2{font-size:28px;letter-spacing:-1px;line-height:1.25}.sign-in-dialog p,.access-dialog p{margin:20px 0;font-size:16px;color:#61718c}.sign-in-dialog a,.access-dialog a{font-size:15px;color:#2459ef}.dialog-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:29px}
@media(max-width:1100px){
 .reference-header{left:6%;right:6%;gap:18px}.reference-header nav{gap:22px;margin:0}.reference-actions{gap:17px}.reference-header .reference-button{padding:12px 24px;font-size:14px}
 .reference-note{display:none}.reference-feature{min-width:150px;padding:15px 12px;gap:9px;min-height:80px;font-size:14px}.feature-icon{width:40px;height:40px}.feature-icon svg{width:28px;height:28px}
 .feature-strength{left:8%}.feature-practice{right:8%}.feature-adapt{left:7%}.feature-clarity{right:7%}
 .goals-intro{top:13%;width:30%}.goal-pathways{left:40%;right:5%;gap:12px;grid-template-columns:1fr 28px 1fr}.goal-path h3{font-size:70px;letter-spacing:-4px}.goal-path h3>span{display:none}.goal-name{font-size:15px}.goal-detail{font-size:13px}.goals-journey>span{display:none}
}
@media(max-width:760px){
 .reference-opening,.reference-stage,.story-ready .reference-stage{height:max(820px,100svh);min-height:820px}
 .story-ready .reference-opening{--scene-length:155;--scene-min:1250px}
 .reference-background{object-position:51% bottom}
 .reference-header{top:16px;left:5%;right:5%;display:grid;grid-template-columns:1fr auto;gap:12px}.brand-logo{width:135px}.reference-actions{gap:14px}.reference-actions .reference-button{padding:10px 15px;font-size:12px;gap:9px}.reference-actions .reference-button span{font-size:20px}.sign-in{font-size:13px}
 .reference-header nav{grid-row:2;grid-column:1 / -1;justify-content:center;gap:29px;font-size:13px}
 .reference-eyebrow{top:15.5%;left:5%;right:5%;font-size:9px;letter-spacing:1.5px;gap:8px}.reference-eyebrow::before,.reference-eyebrow::after{width:18px}
 .reference-copy{top:21%;left:4%;width:92%}.reference-copy h1{font-size:clamp(34px,7.7vw,51px);letter-spacing:-1.8px}.reference-copy h1 em{font-size:clamp(37px,8.3vw,58px);letter-spacing:-1.7px}.reference-copy>p{font-size:16px;max-width:330px;margin:14px auto 0;padding:0 12px;letter-spacing:-.3px}.reference-copy>.reference-button{font-size:16px;margin-top:22px;padding:13px 30px}
 .reference-feature{width:154px;min-width:0;min-height:70px;padding:12px 11px;font-size:12px;gap:9px}.feature-icon{width:35px;height:35px}.feature-icon svg{width:25px;height:25px}
 .feature-strength{left:6%;top:46%;transform:rotate(-13deg)}.feature-practice{right:6%;top:46%;transform:rotate(13deg)}.feature-adapt{left:4%;top:59%;transform:rotate(13deg)}.feature-clarity{right:4%;top:59%;transform:rotate(-13deg)}
 .feature-orbit{left:6%;width:88%;top:44%;height:28%}.reference-scroll{font-size:10px;letter-spacing:2px;bottom:22px}.reference-scroll>span{width:35px;height:35px;font-size:24px}
 .goals-stage,.story-ready .goals-stage{min-height:1040px}.story-ready .goals-chapter{--scene-length:205;--scene-min:1600px}
 .goals-intro{top:110px;left:7%;width:86%}.goals-intro h2{font-size:44px;line-height:1.1;margin:15px 0}.goals-intro h2 br{display:none}.goals-intro h2 em{margin-left:6px}.goals-intro>p:last-child{font-size:15px;max-width:none}
 .goal-pathways{top:335px;left:7%;right:7%;grid-template-columns:1fr 25px 1fr;gap:8px}.goal-destination{font-size:9px;letter-spacing:1px}.goal-path h3{font-size:clamp(50px,12vw,78px);letter-spacing:-3px;margin:15px 0}.goal-name{font-size:15px;min-height:68px}.goal-path ul{display:block;font-size:14px;line-height:2.1;padding:16px 0;margin-top:15px}.goal-detail{font-size:13px;line-height:1.65}.goal-detail br{display:none}.goal-or{font-size:18px}
 .goals-journey{bottom:7%;display:block;padding-top:20px}.goals-journey>p{max-width:none;font-size:9px;margin-bottom:18px}.goals-journey ol{gap:12px;font-size:14px;justify-content:space-between}.goals-journey li+li::before{margin-right:12px}
}
@media(prefers-reduced-motion:reduce){.goals-chapter{height:auto}.goals-stage{position:relative}.reference-stage{position:relative}.reference-feature{backdrop-filter:none}}

/* The supplied composite owns all artwork; keep it intact on narrow screens. */
@media(max-width:760px){
 .reference-stage,.story-ready .reference-stage{background:linear-gradient(150deg,#c1dcfa,#edf4fc 55%,#c7ddf8);height:max(720px,100svh);min-height:720px}
 .reference-opening{height:max(720px,100svh);min-height:720px}
 .reference-background{inset:auto 0 0;height:auto;object-fit:contain;object-position:center bottom}
 .reference-header{display:flex;flex-direction:column;gap:18px;top:24px}
 .reference-header .brand-logo{display:none}
 .reference-header nav{gap:30px;font-size:14px;order:1}
 .reference-actions{order:2;gap:24px}
 .reference-eyebrow{top:17.5%}
 .reference-copy{top:23%;left:4%;width:92%}
 .reference-scroll{bottom:0;height:35px;width:190px}
}
/* Company details in the closing footer, carried over from the earlier zenalix.in footer. */
.footer-company{display:grid;grid-template-columns:1.5fr 1.1fr 1.1fr 1fr;gap:44px;padding:34px 0 40px;border-top:1px solid #ffffff20;text-align:left}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:12px;line-height:1.7;color:#c2d4ff}
.footer-col p{margin:0}
.footer-label{font:600 9px var(--body);letter-spacing:1.6px;color:#a2beff;margin-bottom:8px}
.footer-col b{font-weight:600;color:white}
.footer-col b:not(:first-of-type){margin-top:8px}
.footer-col a{color:#d6e4ff;border-bottom:1px solid #90afff;padding-bottom:2px;overflow-wrap:anywhere}
.footer-col small,.footer-sub{font-size:9px;letter-spacing:1.4px;color:#a2beff}
.footer-sub{margin-top:8px}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.footer-col li{display:flex;align-items:center;gap:10px}
.footer-col li::before{content:'';width:5px;height:5px;border-radius:50%;background:#90afff;flex-shrink:0}
@media(max-width:1000px){.footer-company{grid-template-columns:1fr 1fr;gap:30px;padding:30px 0 34px}.footer-col{font-size:13px}.footer-label{font-size:10px}}
@media(max-width:600px){.footer-company{grid-template-columns:1fr;gap:26px}}
/* Access request form: the sign-in dialog's card with form controls drawn in the site's line colour and label style. */
.access-form{display:flex;flex-direction:column;gap:14px}
.access-form[hidden]{display:none}
.access-form>p{margin:4px 0 6px}
.access-form label{display:flex;flex-direction:column;gap:6px;font:600 10px var(--body);letter-spacing:1.8px;color:#6b7f9f}
.access-form input,.access-form select,.access-form textarea{font:450 15px var(--body);letter-spacing:0;color:var(--ink);background:white;border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}
.access-form textarea{resize:vertical;min-height:78px}
.access-roles{display:flex;flex-direction:column;gap:8px}
.access-roles-label{font:600 10px var(--body);letter-spacing:1.8px;color:#6b7f9f}
.access-role-options{display:flex;flex-wrap:wrap;gap:8px 10px}
.access-form .access-role-options label{position:relative;display:inline-flex;font:450 14px var(--body);letter-spacing:0;color:var(--ink);cursor:pointer}
.access-role-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.access-role-options span{display:inline-flex;align-items:center;padding:8px 18px;border:1.5px solid var(--line);border-radius:50px;background:white;line-height:1.5;transition:background .2s,border-color .2s,color .2s}
.access-role-options span:hover{border-color:#89b2ff}
.access-role-options input:checked+span{background:var(--blue);border-color:var(--blue);color:white}
.access-role-options input:focus-visible+span{outline:3px solid #89b2ff;outline-offset:2px}
.access-form input:focus-visible,.access-form select:focus-visible,.access-form textarea:focus-visible{outline:3px solid #89b2ff;outline-offset:2px}
.access-form .reference-button{align-self:flex-start;margin-top:6px;border:0;font-size:15px;padding:13px 26px;gap:14px}
.access-form .reference-button span{font-size:20px}
.access-form .reference-button:disabled{opacity:.6;cursor:progress}
.access-dialog .form-status{margin:0;font-size:14px;min-height:0}
.access-dialog .form-status:empty{display:none}
.access-dialog .form-status.is-error{color:#b3261e}
.access-done p{margin-bottom:0}