/* MetiVis shared visual system v20. Extracted from the prelaunch baseline for cacheable reuse. */

@property --tone-r{syntax:'<number>';inherits:true;initial-value:174}
@property --tone-g{syntax:'<number>';inherits:true;initial-value:211}
@property --tone-b{syntax:'<number>';inherits:true;initial-value:170}
:root{
  color-scheme:dark;
  --canvas:#06100c;--deep:#020806;--ink:#f3f0e7;--soft:#c9d0c9;--muted:#8f9b94;--faint:#7c8981;
  --green:#aed3aa;--green-strong:#d4ebcf;--amber:#d4aa6e;--coral:#d87768;
  --hair:rgba(239,244,238,.12);--hair-strong:rgba(239,244,238,.22);
  --glass:rgba(9,29,18,.58);--glass-strong:rgba(8,26,16,.82);--shadow:rgba(0,0,0,.48);
  --display:"Segoe UI Variable Display","SF Pro Display","Helvetica Neue",Arial,sans-serif;
  --body:"Segoe UI Variable Text","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.16,1,.3,1);
  --max:1180px;
}
*{box-sizing:border-box}
html{background:var(--canvas);scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:clip;scroll-padding-top:88px}
body{margin:0;min-width:320px;background:transparent;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
body.experience-open{overflow:hidden}
button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 78%,white);outline-offset:4px}
.skip-link{position:fixed;left:16px;top:10px;z-index:1000;padding:10px 14px;border:1px solid var(--green);background:var(--glass-strong);color:var(--ink);transform:translateY(-160%);transition:transform 180ms var(--ease)}
.skip-link:focus{transform:none}
::selection{background:rgba(174,211,170,.24);color:var(--ink)}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* One continuous visual field. It is the only decorative asset and represents fragmented knowledge becoming a path. */
#knowledgeField{position:fixed;inset:0;z-index:-4;width:100%;height:100%;pointer-events:none}
.page-wash{position:fixed;inset:-24vh -18vw;z-index:-5;pointer-events:none;background:
 radial-gradient(ellipse 70% 70% at 50% 17%,rgba(calc(var(--tone-r)),calc(var(--tone-g)),calc(var(--tone-b)),.105),transparent 72%),
 radial-gradient(ellipse 48% 58% at 12% 55%,rgba(64,125,79,.065),transparent 76%),
 linear-gradient(180deg,#07130e 0%,#06100c 56%,#030906 100%);filter:blur(24px);transition:background 700ms var(--ease)}
.page-grain{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='4' seed='14' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}

/* Company frame - no surrounding card. */
.site-header{position:fixed;z-index:60;left:0;right:0;top:0;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,58px);transition:background 260ms var(--ease),backdrop-filter 260ms var(--ease),border-color 260ms var(--ease)}
.site-header.scrolled{background:linear-gradient(180deg,rgba(6,16,12,.88),rgba(6,16,12,.48) 74%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:15px;font-weight:760;letter-spacing:-.025em}
.brand-mark{width:25px;height:25px;position:relative;display:block;border:1px solid color-mix(in srgb,var(--green) 72%,transparent);transform:rotate(45deg);transition:transform 420ms var(--spring),box-shadow 220ms var(--ease)}
.brand-mark::after{position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--green) 72%,transparent);content:""}
.brand:hover .brand-mark{transform:rotate(135deg);box-shadow:0 0 19px rgba(174,211,170,.15)}
.nav{display:flex;align-items:center;gap:34px}.nav .menu-only-link{display:none}.nav a{color:var(--muted);font-size:13px;font-weight:680;transition:color 180ms var(--ease)}.nav a:hover{color:var(--ink)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:20px}.sign-in{color:var(--soft);font-size:13px;font-weight:680}.sign-in:hover{color:var(--ink)}
.header-try{position:relative;padding:8px 0;border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:790}.header-try::after{position:absolute;left:0;right:0;bottom:3px;height:1px;background:linear-gradient(90deg,var(--green),transparent);content:"";transition:transform 320ms var(--spring);transform-origin:left}.header-try:hover::after{transform:scaleX(1.18)}
.menu-button{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink)}.menu-button span,.menu-button::before,.menu-button::after{display:block;width:21px;height:1.5px;margin:5px auto;background:currentColor;content:"";transition:transform 280ms var(--spring),opacity 180ms var(--ease)}

main{display:block}.shell{width:min(calc(100% - 48px),var(--max));margin:0 auto}.section{position:relative;min-height:90svh;display:grid;align-items:center;padding:clamp(92px,10vw,150px) 0}.section.compact{min-height:70svh}.section.center{text-align:center}.section.center .section-copy,.section.center .section-title{margin-left:auto;margin-right:auto}
.eyebrow{margin:0;color:var(--green);font-size:11px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
.section-title{max-width:980px;margin:17px 0 0;font-family:var(--display);font-size:clamp(54px,6.1vw,92px);font-weight:650;letter-spacing:-.067em;line-height:.92;text-wrap:balance}
.section-copy{max-width:720px;margin:27px 0 0;color:var(--soft);font-size:clamp(18px,1.5vw,22px);line-height:1.56;letter-spacing:-.018em;text-wrap:pretty}
.section-copy strong{color:var(--ink);font-weight:720}.green{color:var(--green-strong)}.amber{color:var(--amber)}.coral{color:var(--coral)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity 720ms var(--ease),transform 900ms var(--spring)}.reveal.visible{opacity:1;transform:none}

/* HERO - one claim, one field, one action. */
.hero{min-height:100svh;display:grid;place-items:center;text-align:center;padding:118px 0 70px;isolation:isolate}
.hero-inner{width:min(calc(100% - 34px),1080px);position:relative;z-index:2}
.hero h1{max-width:1000px;margin:0 auto;font-family:var(--display);font-size:clamp(72px,9.4vw,142px);font-weight:660;letter-spacing:-.077em;line-height:.83;text-wrap:balance}
.hero h1 span{display:block;color:var(--ink)}
.hero-sub{margin:26px auto 0;color:var(--green-strong);font-family:var(--display);font-size:clamp(25px,3vw,42px);font-weight:580;letter-spacing:-.047em;line-height:1.08}
.hero-lede{max-width:690px;margin:27px auto 0;color:var(--soft);font-size:clamp(18px,1.55vw,22px);line-height:1.55;letter-spacing:-.017em}
.scope-line{height:31px;margin:18px auto 0;color:var(--muted);font-size:14px;font-weight:680}.scope-line span{display:inline-block;min-width:260px;color:var(--ink);transition:opacity 240ms var(--ease),transform 420ms var(--spring)}.scope-line span.changing{opacity:.18;transform:translateY(3px)}
.hero-action{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:12px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--green) 62%,transparent);background:transparent;color:var(--ink);font-size:16px;font-weight:810;transition:color 180ms var(--ease),border-color 180ms var(--ease)}.hero-action:hover{color:var(--green-strong);border-color:var(--green)}.hero-action i{font-style:normal;transition:transform 360ms var(--spring)}.hero-action:hover i{transform:translateX(5px)}
.free-note{margin:15px 0 0;color:var(--soft);font-size:14px;font-weight:660}
.scroll-cue{position:absolute;left:50%;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--faint);font-size:10px;font-weight:760;letter-spacing:.1em;text-transform:uppercase;transform:translateX(-50%)}.scroll-cue::after{width:1px;height:36px;background:linear-gradient(var(--green),transparent);content:"";animation:cue 2s var(--ease) infinite}@keyframes cue{0%,100%{opacity:.35;transform:scaleY(.65);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}

/* Pain - words themselves are the interface. */
.pain-intro{min-height:100svh;padding-bottom:20px}.pain-list{position:relative;width:min(100%,1080px);min-height:270px;margin:48px auto 0;display:grid;place-items:center}.pain-line{position:absolute;inset:0;display:grid;place-items:center;padding:0 16px;color:var(--faint);font-family:var(--display);font-size:clamp(40px,5.5vw,82px);font-weight:610;letter-spacing:-.061em;line-height:.98;text-align:center;text-wrap:balance;opacity:0;transform:translateY(12px) scale(.99);transition:color 320ms var(--ease),opacity 360ms var(--ease),transform 520ms var(--spring)}.pain-line::before{display:none}.pain-line.active{color:var(--ink);opacity:1;transform:none}.pain-dots{display:flex;justify-content:center;gap:9px;margin-top:19px}.pain-dots button{width:30px;height:28px;position:relative;padding:0;border:0;background:transparent}.pain-dots button::after{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:999px;background:var(--faint);content:"";transform:translate(-50%,-50%);transition:width 320ms var(--spring),background 200ms var(--ease),box-shadow 220ms var(--ease)}.pain-dots button.active::after{width:18px;background:var(--green);box-shadow:0 0 14px rgba(174,211,170,.28)}.pain-payoff{max-width:900px;margin:47px auto 0;text-align:center;font-family:var(--display);font-size:clamp(38px,4.8vw,70px);font-weight:630;letter-spacing:-.061em;line-height:.99}.pain-payoff strong{color:var(--green-strong)}

/* School - no cards, no imagery. Each sentence gets a full breath. */
.school-opening{min-height:72svh}.school-lines{padding:0 0 80px}.school-line{min-height:66svh;display:grid;place-items:center;text-align:center}.school-line p{max-width:980px;margin:0;font-family:var(--display);font-size:clamp(44px,6.3vw,94px);font-weight:610;letter-spacing:-.066em;line-height:.94;color:var(--soft);text-wrap:balance}.school-line strong{color:var(--ink);font-weight:680}.school-line .subject{display:block;margin-bottom:12px;color:var(--green);font-size:12px;font-family:var(--body);font-weight:820;letter-spacing:.11em;text-transform:uppercase}

/* Cascade - one continuous line through the statements. */
.cascade{min-height:100svh}.cascade-inner{position:relative;max-width:1020px;margin:0 auto;padding:50px 0}.cascade-thread{position:absolute;left:26px;top:78px;bottom:78px;width:1px;background:linear-gradient(var(--green),var(--amber) 58%,var(--coral));opacity:.5}.cascade-step{position:relative;min-height:32svh;display:grid;align-items:center;padding:34px 0 34px 82px}.cascade-step::before{position:absolute;left:20px;top:50%;width:13px;height:13px;border:1px solid color-mix(in srgb,var(--green) 50%,transparent);border-radius:50%;background:var(--canvas);content:"";transform:translateY(-50%);transition:background 300ms var(--ease),box-shadow 300ms var(--ease),border-color 300ms var(--ease)}.cascade-step.active::before{background:var(--green);border-color:var(--green);box-shadow:0 0 22px rgba(174,211,170,.42)}.cascade-step:nth-child(4).active::before{background:var(--amber);border-color:var(--amber);box-shadow:0 0 22px rgba(212,170,110,.42)}.cascade-step:nth-child(5).active::before{background:var(--coral);border-color:var(--coral);box-shadow:0 0 22px rgba(216,119,104,.42)}.cascade-step p{max-width:900px;margin:0;color:var(--muted);font-family:var(--display);font-size:clamp(42px,5.9vw,86px);font-weight:610;letter-spacing:-.063em;line-height:.94;transition:color 420ms var(--ease),transform 620ms var(--spring)}.cascade-step.active p{color:var(--ink);transform:translateX(8px)}.cascade-step em{font-style:normal;color:var(--coral)}

/* Possibility - the field opens, copy stays central. */
.possibility{min-height:100svh;text-align:center}.possibility .section-title{max-width:1080px;margin-inline:auto}.possibility-questions{position:relative;max-width:980px;min-height:245px;margin:58px auto 0;display:grid;place-items:center}.possibility-questions p{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0 18px;color:var(--muted);font-size:clamp(25px,3vw,43px);line-height:1.25;letter-spacing:-.034em;text-wrap:balance;opacity:0;transform:translateY(10px);transition:color 320ms var(--ease),opacity 360ms var(--ease),transform 520ms var(--spring)}.possibility-questions p.active{color:var(--ink);opacity:1;transform:none}.possibility-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:20px}.possibility-next{display:inline-flex;align-items:center;gap:10px;padding:10px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--coral) 58%,transparent);background:transparent;color:var(--ink);font-size:14px;font-weight:790}.possibility-next i{font-style:normal;transition:transform 320ms var(--spring)}.possibility-next:hover i{transform:translateX(4px)}.possibility-count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.system-line{max-width:890px;margin:66px auto 0;color:var(--soft);font-family:var(--display);font-size:clamp(35px,4.6vw,66px);font-weight:610;letter-spacing:-.056em;line-height:1.02}.system-line strong{color:var(--green-strong)}

/* Challenge - the product appears as the next state, not as a card. */
.challenge{min-height:100svh;display:grid;place-items:center;text-align:center}.challenge-copy{max-width:900px}.challenge h2{margin:0;font-family:var(--display);font-size:clamp(62px,8.6vw,126px);font-weight:650;letter-spacing:-.075em;line-height:.87}.challenge p{max-width:660px;margin:27px auto 0;color:var(--soft);font-size:clamp(18px,1.55vw,22px);line-height:1.55}.challenge-action{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:13px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--coral) 72%,transparent);background:transparent;color:var(--ink);font-size:17px;font-weight:820}.challenge-action:hover{color:#f4c0b8;border-color:var(--coral)}.challenge-action i{font-style:normal;transition:transform 360ms var(--spring)}.challenge-action:hover i{transform:translateX(5px)}
.app-horizon{position:absolute;left:50%;bottom:-290px;width:min(94vw,1380px);height:520px;transform:translateX(-50%);opacity:.46;pointer-events:none;mask-image:linear-gradient(#000 0%,rgba(0,0,0,.72) 48%,transparent 88%);-webkit-mask-image:linear-gradient(#000 0%,rgba(0,0,0,.72) 48%,transparent 88%)}.app-horizon::before{position:absolute;inset:0;border-radius:40% 40% 0 0;background:radial-gradient(ellipse at 50% 20%,rgba(174,211,170,.18),rgba(60,126,78,.07) 42%,transparent 75%);filter:blur(22px);content:""}.app-horizon-lines{position:absolute;left:8%;right:8%;top:78px;display:grid;grid-template-columns:1.4fr .8fr;gap:8%;align-items:start}.app-horizon h3{margin:0;color:var(--ink);font-family:var(--display);font-size:clamp(38px,4.7vw,72px);letter-spacing:-.06em;line-height:.92;text-align:left}.app-horizon p{margin:18px 0 0;color:var(--muted);font-size:15px;text-align:left}.app-horizon-curve{width:100%;height:240px}.app-horizon-curve path.grid{fill:none;stroke:rgba(239,244,238,.08);stroke-width:1}.app-horizon-curve path.curve{fill:none;stroke:var(--green);stroke-width:3.5;stroke-linecap:round}.app-horizon-curve path.area{fill:url(#horizonFill)}

/* Post-experience manifesto - initially present but softened until experience completes. */
.after-site{transition:filter 500ms var(--ease),opacity 500ms var(--ease)}
body:not(.experience-complete) .after-site{filter:none;opacity:1}
.choice-lines{max-width:980px;margin:52px auto 0}.choice-line{padding:22px 0;color:var(--muted);font-family:var(--display);font-size:clamp(29px,4vw,58px);font-weight:590;letter-spacing:-.048em;line-height:1.05}.choice-line strong{color:var(--ink)}
.gimmicks-copy{max-width:900px;margin:54px auto 0;text-align:center}.gimmicks-copy blockquote{margin:44px 0 0;color:var(--ink);font-family:var(--display);font-size:clamp(36px,5vw,72px);font-weight:620;letter-spacing:-.058em;line-height:.98}.gimmicks-copy blockquote span{display:block;color:var(--green-strong)}
.mission{min-height:100svh;text-align:center}.mission .section-title{max-width:1080px;margin-inline:auto}.mission-lines{max-width:900px;margin:52px auto 0;display:grid;gap:18px}.mission-lines p{margin:0;color:var(--soft);font-size:clamp(20px,2vw,29px);line-height:1.4;letter-spacing:-.024em}.mission-end{margin-top:58px;font-family:var(--display);font-size:clamp(48px,6vw,88px);font-weight:640;letter-spacing:-.065em;line-height:.94}
.offer{min-height:85svh;text-align:center}.offer h2{margin:0;font-family:var(--display);font-size:clamp(58px,7.8vw,110px);font-weight:650;letter-spacing:-.072em;line-height:.9}.price{margin:34px 0 0;color:var(--green-strong);font-family:var(--display);font-size:clamp(34px,4vw,58px);font-weight:630;letter-spacing:-.05em}.offer p{max-width:720px;margin:22px auto 0;color:var(--soft);font-size:19px;line-height:1.55}.offer .challenge-action{border-color:color-mix(in srgb,var(--green) 68%,transparent)}

footer{padding:70px 0 34px}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px;padding-bottom:52px}.footer-brand p{max-width:390px;margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.footer-col h3{margin:0 0 14px;color:var(--soft);font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.footer-col a{display:block;width:max-content;margin:10px 0;color:var(--muted);font-size:13px}.footer-col a:hover{color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--hair);color:var(--faint);font-size:11px}

/* Experience - the marketing page disappears. */
.experience{position:fixed;inset:0;z-index:200;background:var(--canvas);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 420ms var(--ease),visibility 0s linear 430ms}.experience.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.experience-field{position:absolute;inset:-28%;pointer-events:none;background:radial-gradient(ellipse 58% 64% at var(--exp-x,50%) var(--exp-y,48%),rgba(var(--exp-r,103),var(--exp-g,167),var(--exp-b,114),.18),rgba(var(--exp-r,103),var(--exp-g,167),var(--exp-b,114),.08) 42%,transparent 74%);filter:blur(28px);transition:all 900ms var(--spring)}
.experience-top{height:74px;position:relative;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,3.5vw,54px)}.experience-brand{display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:760}.experience-progress{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.experience-exit{justify-self:end;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--muted);font-size:24px}.experience-exit:hover{color:var(--ink)}
.experience-main{position:relative;z-index:3;min-height:calc(100svh - 74px);display:grid;align-items:center;padding:clamp(24px,5vw,70px)}.exp-step{width:min(100%,1180px);margin:0 auto;animation:expIn 520ms var(--spring) both}@keyframes expIn{from{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}
.exp-centered{max-width:900px;text-align:center}.exp-centered h2{margin:0;font-family:var(--display);font-size:clamp(58px,8vw,118px);font-weight:640;letter-spacing:-.073em;line-height:.88}.exp-centered p{max-width:670px;margin:28px auto 0;color:var(--soft);font-size:clamp(18px,1.5vw,22px);line-height:1.55}.exp-action{display:inline-flex;align-items:center;gap:11px;margin-top:34px;padding:11px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--green) 60%,transparent);background:transparent;color:var(--ink);font-size:15px;font-weight:800}.exp-action:hover{color:var(--green-strong);border-color:var(--green)}
.prereq{max-width:900px}.prereq h2{max-width:850px;margin:0;font-family:var(--display);font-size:clamp(44px,5.6vw,80px);font-weight:620;letter-spacing:-.062em;line-height:.95}.prereq p{max-width:650px;margin:23px 0 0;color:var(--muted);font-size:17px;line-height:1.55}.prereq-options{margin-top:46px;display:grid;gap:2px}.prereq-option{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:23px 0;border:0;border-bottom:1px solid var(--hair);background:transparent;color:var(--soft);text-align:left;font-size:18px;line-height:1.4;transition:color 180ms var(--ease),padding 340ms var(--spring)}.prereq-option:hover,.prereq-option.selected{color:var(--ink);padding-left:12px}.prereq-option i{width:9px;height:9px;border:1px solid var(--muted);border-radius:50%;font-style:normal}.prereq-option.selected i{border-color:var(--green);background:var(--green);box-shadow:0 0 17px rgba(174,211,170,.4)}
.lesson{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:clamp(50px,7vw,110px);align-items:center}.source-plane{min-width:0}.source-kicker{margin:0;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.source-plane h2{max-width:760px;margin:18px 0 0;font-family:var(--display);font-size:clamp(48px,5.8vw,84px);font-weight:630;letter-spacing:-.065em;line-height:.93}.source-plane>p{max-width:660px;margin:23px 0 0;color:var(--soft);font-size:18px;line-height:1.58}.source-visual{width:100%;height:300px;margin-top:34px}.source-visual path.grid{fill:none;stroke:rgba(239,244,238,.08);stroke-width:1}.source-visual path.wave{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round}.source-visual path.alt{stroke:var(--amber)}.source-visual circle{fill:var(--green)}.lesson-prompt h3{margin:0;font-family:var(--display);font-size:clamp(38px,4.1vw,60px);font-weight:620;letter-spacing:-.057em;line-height:1}.lesson-prompt p{margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.answer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:clamp(50px,7vw,100px);align-items:center}.answer-copy h2{margin:0;font-family:var(--display);font-size:clamp(46px,5.4vw,78px);font-weight:630;letter-spacing:-.064em;line-height:.94}.answer-copy p{margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.55}.answer-field textarea{width:100%;min-height:190px;resize:none;padding:14px 0 20px;border:0;border-bottom:1px solid var(--hair-strong);outline:0;background:transparent;color:var(--ink);caret-color:var(--green);font-size:18px;line-height:1.65}.answer-field textarea::placeholder{color:var(--muted)}.answer-field .exp-action{float:right}
.account-gate{max-width:560px;margin:0 auto;padding:42px 40px 38px;text-align:center;position:relative;isolation:isolate}.account-gate::before{position:absolute;inset:-24px;z-index:-2;border-radius:34px;background:rgba(9,31,19,.5);box-shadow:0 40px 120px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(34px) saturate(1.18);-webkit-backdrop-filter:blur(34px) saturate(1.18);content:""}.account-gate::after{position:absolute;left:12%;right:12%;top:-24px;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(239,244,238,.28),transparent);content:""}.account-gate h2{margin:0;font-family:var(--display);font-size:clamp(42px,4.6vw,64px);font-weight:640;letter-spacing:-.06em;line-height:.95}.account-gate p{margin:18px 0 0;color:var(--soft);font-size:16px;line-height:1.5}.auth-list{display:grid;gap:0;margin-top:30px}.auth{min-height:55px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0;border:0;border-bottom:1px solid var(--hair);background:transparent;color:var(--ink);font-size:14px;font-weight:760}.auth:hover{color:var(--green-strong)}.auth:last-child{border-bottom:0}.auth-symbol{width:21px;height:21px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:820}.account-note{margin-top:18px!important;color:var(--muted)!important;font-size:13px!important}
.evaluating{text-align:center}.evaluation-loop{width:220px;height:290px;object-fit:contain;opacity:.5;mix-blend-mode:screen;filter:brightness(1.28) saturate(.35);mask-image:radial-gradient(ellipse,#000 0%,rgba(0,0,0,.9) 54%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse,#000 0%,rgba(0,0,0,.9) 54%,transparent 80%)}.evaluating h2{margin:-20px 0 0;font-family:var(--display);font-size:clamp(42px,4.8vw,68px);letter-spacing:-.06em}.evaluating p{margin:17px 0 0;color:var(--muted);font-size:15px}.scan{width:170px;height:2px;margin:28px auto 0;background:var(--hair);overflow:hidden}.scan i{display:block;width:42%;height:100%;background:var(--green);box-shadow:0 0 18px rgba(174,211,170,.45);animation:scan 1.25s var(--ease) infinite alternate}@keyframes scan{from{transform:translateX(0)}to{transform:translateX(140%)}}
.feedback{max-width:870px}.feedback-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(174,211,170,.38);border-radius:50%;color:var(--green);box-shadow:0 0 35px rgba(174,211,170,.1)}.feedback-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feedback h2{margin:28px 0 0;font-family:var(--display);font-size:clamp(50px,6.4vw,92px);font-weight:640;letter-spacing:-.067em;line-height:.92}.feedback>p{max-width:720px;margin:24px 0 0;color:var(--soft);font-size:18px;line-height:1.58}.feedback-insight{margin-top:34px;padding:25px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.feedback-insight small{color:var(--amber);font-size:11px;font-weight:820;letter-spacing:.09em;text-transform:uppercase}.feedback-insight strong{display:block;margin-top:10px;color:var(--ink);font-size:22px}.feedback-insight span{display:block;margin-top:9px;color:var(--muted);font-size:15px;line-height:1.5}

.toast{position:fixed;left:50%;bottom:26px;z-index:500;padding:12px 16px;background:rgba(8,27,17,.9);color:var(--soft);box-shadow:0 20px 60px rgba(0,0,0,.42);backdrop-filter:blur(20px);font-size:13px;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity 180ms var(--ease),transform 250ms var(--spring)}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){
 .site-header{grid-template-columns:1fr auto;height:68px;padding-inline:18px}.nav,.sign-in,.header-try{display:none}.menu-button{display:block;justify-self:end}.site-header.menu-open{height:auto;align-items:start;padding-top:11px;padding-bottom:14px;background:rgba(6,16,12,.94);backdrop-filter:blur(22px)}.site-header.menu-open .menu-button span{opacity:0}.site-header.menu-open .menu-button::before{transform:translateY(6.5px) rotate(45deg)}.site-header.menu-open .menu-button::after{transform:translateY(-6.5px) rotate(-45deg)}.site-header.menu-open .nav{grid-column:1/3;display:grid;width:100%;gap:0;padding-top:12px}.site-header.menu-open .nav a{padding:15px 0;border-top:1px solid var(--hair)}
 .lesson,.answer{grid-template-columns:1fr}.lesson-prompt{padding-top:20px}.answer-field{margin-top:8px}.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-brand{grid-column:1/4}.app-horizon-lines{grid-template-columns:1fr}.app-horizon-curve{display:none}
}
@media(max-width:640px){
 .shell{width:min(calc(100% - 30px),var(--max))}.section{min-height:78svh;padding:78px 0}.section.compact{min-height:62svh}.site-header{padding-inline:15px}
 .hero{min-height:100svh;padding:104px 0 68px}.hero h1{font-size:clamp(62px,20vw,86px);line-height:.85;letter-spacing:-.075em}.hero-sub{font-size:clamp(23px,7vw,31px)}.hero-lede{font-size:17px}.scope-line{font-size:13px}.scope-line span{min-width:230px}.hero-action{font-size:15px}.free-note{font-size:13px}.scroll-cue{bottom:16px}
 .section-title{font-size:clamp(48px,14vw,68px)}.section-copy{font-size:17px}.pain-line{padding:17px 0;font-size:clamp(30px,9vw,44px)}.pain-line::before{left:-15px}.pain-payoff{font-size:clamp(38px,11vw,54px)}
 .school-line{min-height:58svh}.school-line p{font-size:clamp(41px,12vw,58px)}.cascade-inner{padding-left:0}.cascade-thread{left:8px}.cascade-step{min-height:27svh;padding:28px 0 28px 40px}.cascade-step::before{left:2px}.cascade-step p{font-size:clamp(38px,11vw,55px)}
 .possibility-questions{gap:25px}.possibility-questions p{font-size:21px}.system-line{font-size:clamp(36px,10vw,52px)}.challenge h2{font-size:clamp(58px,17vw,82px)}.challenge p{font-size:17px}.app-horizon{bottom:-340px;height:470px}.app-horizon-lines{left:5%;right:5%;top:56px}.app-horizon h3{font-size:39px}
 .choice-line{font-size:clamp(29px,8.5vw,42px)}.gimmicks-copy blockquote{font-size:clamp(35px,10vw,52px)}.mission-lines p{font-size:19px}.mission-end{font-size:clamp(44px,12vw,64px)}.offer h2{font-size:clamp(54px,15vw,76px)}.offer p{font-size:17px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/3}.footer-bottom{flex-direction:column}
 .experience-top{height:64px;padding-inline:15px}.experience-progress{display:none}.experience-main{min-height:calc(100svh - 64px);padding:24px 15px 32px}.exp-centered h2{font-size:clamp(58px,18vw,88px)}.exp-centered p{font-size:17px}.prereq h2{font-size:clamp(43px,13vw,61px)}.prereq p{font-size:16px}.prereq-option{font-size:16px;padding:19px 0}.source-plane h2{font-size:clamp(45px,13vw,64px)}.source-plane>p{font-size:16px}.source-visual{height:240px}.lesson-prompt h3{font-size:clamp(37px,11vw,52px)}.answer-copy h2{font-size:clamp(42px,12vw,58px)}.answer-field textarea{font-size:16px;min-height:160px}.account-gate{padding:34px 19px}.account-gate::before{inset:-14px;border-radius:24px}.feedback h2{font-size:clamp(48px,14vw,70px)}.feedback>p{font-size:16px}.evaluation-loop{width:190px;height:250px}
}

@media(max-width:700px){.pain-list{min-height:220px;margin-top:35px}.pain-line{font-size:clamp(36px,10.5vw,54px);padding-inline:2px}.pain-payoff{font-size:clamp(36px,10vw,52px);margin-top:38px}.possibility-questions{min-height:330px;margin-top:42px}.possibility-questions p{font-size:clamp(25px,7.5vw,37px);padding-inline:0}.possibility-controls{margin-top:8px}.system-line{margin-top:52px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}#knowledgeField{display:none}.page-wash{background:linear-gradient(180deg,#07130e,#06100c 56%,#030906)}}

:root{--header-p:0;--header-y:-8px}
.site-page[hidden]{display:none!important}
.site-header{isolation:isolate;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-header::before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;opacity:var(--header-p);transform:translateY(var(--header-y));background:linear-gradient(180deg,rgba(2,9,5,.88) 0%,rgba(4,14,8,.70) 64%,rgba(4,14,8,.48) 100%);box-shadow:0 16px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(27px) saturate(1.15);-webkit-backdrop-filter:blur(27px) saturate(1.15);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);transition:opacity 60ms linear,transform 90ms linear}
.site-header::after{position:absolute;left:5%;right:5%;top:0;height:1px;z-index:-1;content:"";opacity:calc(var(--header-p) * .72);background:linear-gradient(90deg,transparent,rgba(224,240,225,.12),transparent)}
.site-header>*{position:relative;z-index:1}.site-header.menu-open::before{opacity:1!important;transform:none!important}.nav a.active{color:var(--ink)}

/* Native story cadence: one thought becomes dominant as it crosses the reading line. */
.story-beat{min-height:68svh;display:grid;place-items:center;padding:76px 24px;text-align:center}
.story-beat>p,.story-beat>.system-line,.story-beat>blockquote{max-width:1000px;margin:0;color:var(--faint);font-family:var(--display);font-size:clamp(42px,6vw,88px);font-weight:610;letter-spacing:-.064em;line-height:.95;text-wrap:balance;opacity:.2;transform:translateY(8px);transition:opacity 520ms var(--ease),color 520ms var(--ease),transform 720ms var(--spring),text-shadow 520ms var(--ease)}
.story-beat.active>p,.story-beat.active>.system-line,.story-beat.active>blockquote{color:var(--ink);opacity:1;transform:none;text-shadow:0 24px 92px rgba(var(--tone-r),var(--tone-g),var(--tone-b),.09)}
.story-beat strong{color:var(--green-strong);font-weight:680}.pain-opening{min-height:76svh}.pain-opening .section-title{margin-inline:auto}.pain-beat{min-height:62svh}.pain-beat>p{max-width:1050px}.payoff-beat{min-height:74svh}.payoff-beat>p{max-width:940px}.payoff-beat strong{color:var(--green-strong)}
.mid-try{min-height:56svh;display:grid;place-items:center;padding:72px 24px;text-align:center}.mid-try>div{display:grid;justify-items:center}.mid-try p{margin:0;color:var(--soft);font-family:var(--display);font-size:clamp(30px,4vw,56px);font-weight:600;letter-spacing:-.052em}.mid-try button{display:inline-flex;align-items:center;gap:13px;margin-top:26px;padding:12px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--green) 68%,transparent);background:transparent;color:var(--ink);font-size:17px;font-weight:820}.mid-try button:hover{color:var(--green-strong);border-color:var(--green)}.mid-try i{font-style:normal}.mid-try small{margin-top:13px;color:var(--muted);font-size:13px;font-weight:670}

.school-line p{opacity:.21;transform:translateY(8px);transition:opacity 520ms var(--ease),color 520ms var(--ease),transform 720ms var(--spring),text-shadow 520ms var(--ease)}.school-line.active p{opacity:1;transform:none;text-shadow:0 24px 92px rgba(var(--tone-r),var(--tone-g),var(--tone-b),.08)}
.cascade-step{min-height:54svh}.cascade-step p{opacity:.25}.cascade-step.active p{opacity:1}.cascade-thread{opacity:.28}
.possibility-opening{min-height:84svh}.possibility-opening .section-title{margin-inline:auto}.possibility-beat{min-height:72svh}.possibility-beat>p{max-width:1010px;font-size:clamp(35px,4.8vw,68px);line-height:1.04}.system-beat{min-height:78svh}.system-beat>.system-line{max-width:930px}.system-beat strong{display:block;margin-top:13px}

/* The call to try remains available without interrupting the story. */
.header-try{color:var(--green-strong)}.header-try::after{background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 18%,transparent))}
.challenge{min-height:108svh}.challenge-action{font-size:18px}.free-note{font-size:14px}

/* Real page destinations. */
.route-hero,.pricing-hero{min-height:100svh;display:grid;place-items:center;padding:120px 0 70px;text-align:center}.route-hero .section-title{margin-inline:auto}.route-hero .section-copy{margin-inline:auto}.route-hero .hero-action{margin-top:31px}
.why-opening{min-height:75svh}.why-opening .section-title{margin-inline:auto}.choice-beat>p,.mission-beat>p{font-size:clamp(36px,5.2vw,75px)}.quote-beat blockquote{font-style:normal}.quote-beat blockquote span{display:block;color:var(--muted);font-size:.56em;margin-bottom:16px}.mission-opening{min-height:76svh}.mission-opening .section-title{margin-inline:auto}.mission-final{min-height:90svh}.mission-final p{font-size:clamp(52px,7.5vw,108px)}
.pricing-hero{min-height:100svh}.pricing-title{max-width:950px;margin:0 auto;font-family:var(--display);font-size:clamp(68px,9vw,132px);font-weight:650;letter-spacing:-.076em;line-height:.86}.pricing-promise{margin:26px 0 0;color:var(--green-strong);font-family:var(--display);font-size:clamp(25px,3vw,42px);font-weight:580;letter-spacing:-.047em}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:40px 0 0}.pricing-price strong{font-family:var(--display);font-size:clamp(57px,7vw,98px);font-weight:630;letter-spacing:-.067em}.pricing-price span{color:var(--muted);font-size:18px;font-weight:700}.pricing-copy{max-width:760px;margin:26px auto 0;color:var(--soft);font-size:clamp(18px,1.55vw,22px);line-height:1.56}.pricing-beat>p{display:grid;gap:19px}.pricing-beat strong{color:var(--ink)}.pricing-beat span{display:block;color:var(--muted);font-family:var(--body);font-size:clamp(17px,1.45vw,22px);font-weight:520;letter-spacing:-.02em;line-height:1.5}.pricing-close{min-height:92svh;display:grid;place-items:center;padding:110px 0}.pricing-close .section-title,.pricing-close .section-copy{margin-inline:auto}

/* Company footer exists on every page without becoming another visual panel. */
.site-footer-v9{padding:90px 0 34px}.site-footer-v9 .footer-main{display:grid;grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(110px,.42fr));gap:clamp(40px,7vw,100px);padding-top:42px;border-top:1px solid var(--hair)}.site-footer-v9 .footer-brand p{max-width:420px;margin:21px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.site-footer-v9 .footer-social{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:25px}.site-footer-v9 .footer-social>span:first-child{width:100%;color:var(--faint);font-size:10px;font-weight:820;letter-spacing:.09em;text-transform:uppercase}.site-footer-v9 .footer-social a{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.site-footer-v9 .footer-social a img{width:17px;height:17px;display:block;opacity:.86;filter:brightness(0) invert(87%) sepia(13%) saturate(508%) hue-rotate(73deg) brightness(95%) contrast(87%);transition:opacity 180ms var(--ease),transform 240ms var(--spring)}.site-footer-v9 .footer-social a:hover,.site-footer-v9 .footer-social a:focus-visible{color:var(--ink)}.site-footer-v9 .footer-social a:hover img,.site-footer-v9 .footer-social a:focus-visible img{opacity:1;transform:translateY(-1px)}.site-footer-v9 .footer-col{display:grid;align-content:start;gap:12px}.site-footer-v9 .footer-col h3{margin:0 0 6px;color:var(--faint);font-size:10px;font-weight:820;letter-spacing:.09em;text-transform:uppercase}.site-footer-v9 .footer-col a,.site-footer-v9 .footer-col button{width:max-content;padding:0;border:0;background:transparent;color:var(--muted);font-size:13px;text-align:left}.site-footer-v9 .footer-col a:hover,.site-footer-v9 .footer-col button:hover{color:var(--ink)}.site-footer-v9 .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:68px;color:var(--faint);font-size:11px}

/* The preview no longer makes users decode numbered funnel steps. */
.experience-progress{color:var(--muted);font-size:12px;font-variant-numeric:normal}

@media(max-width:900px){.story-beat{min-height:61svh}.cascade-step{min-height:50svh}.site-footer-v9 .footer-main{grid-template-columns:1fr 1fr}.site-footer-v9 .footer-trust{grid-column:1/-1}}
@media(max-width:700px){.story-beat{min-height:57svh;padding:60px 20px}.story-beat>p,.story-beat>.system-line,.story-beat>blockquote{font-size:clamp(34px,10.8vw,50px)}.pain-beat{min-height:52svh}.possibility-beat>p{font-size:clamp(29px,8.8vw,42px)}.cascade-step{min-height:47svh}.mid-try{min-height:52svh}.site-footer-v9{padding-top:64px}.site-footer-v9 .footer-main{grid-template-columns:1fr 1fr;gap:40px 26px}.site-footer-v9 .footer-brand{grid-column:1/3}.site-footer-v9 .footer-trust{grid-column:1/-1}.site-footer-v9 .footer-bottom{align-items:flex-start;flex-direction:column;margin-top:48px}.pricing-title{font-size:clamp(58px,17vw,78px)}.pricing-price{margin-top:32px}.pricing-beat span{font-size:17px}.route-hero,.pricing-hero{padding-top:108px}}
@media(prefers-reduced-motion:reduce){.site-header::before,.story-beat>p,.story-beat>.system-line,.story-beat>blockquote,.school-line p{transition-duration:1ms!important}}

/* Final cadence and mobile experience hardening. */
.story-beat{min-height:76svh}.pain-beat{min-height:72svh}.possibility-beat{min-height:80svh}.cascade-step{min-height:58svh}
@media(max-width:700px){
 .story-beat{min-height:76svh}.pain-beat{min-height:72svh}.possibility-beat{min-height:82svh}.payoff-beat{min-height:82svh}.cascade-step{min-height:58svh}
 .experience{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .experience-top{position:sticky;top:0;z-index:20;background:rgba(4,14,8,.72);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}
 .experience-main{display:block;min-height:calc(100svh - 64px);padding-top:24px}
 .exp-step{padding-bottom:52px}.lesson{gap:32px}.source-visual{height:190px;margin-top:22px}.lesson-prompt{padding-top:0}
}

/* A semantic color system: coral marks friction, amber marks transition, green marks understanding and forward motion. */
.hero-sub{display:flex;flex-wrap:wrap;justify-content:center;gap:.14em .42em}
.hero-word{position:relative;display:inline-block;color:var(--soft);animation:hero-word-arrive 950ms var(--spring) both}
.hero-word:nth-child(1){animation-delay:120ms}.hero-word:nth-child(2){animation-delay:310ms}.hero-word:nth-child(3){animation-delay:500ms}
.hero-word::after{position:absolute;left:4%;right:4%;bottom:-.13em;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--hero-accent),transparent);transform:scaleX(0);transform-origin:left;animation:hero-word-trace 760ms var(--spring) both}
.hero-word:nth-child(1){--hero-accent:var(--green)}.hero-word:nth-child(2){--hero-accent:var(--amber)}.hero-word:nth-child(3){--hero-accent:var(--green-strong)}
.hero-word:nth-child(1)::after{animation-delay:600ms}.hero-word:nth-child(2)::after{animation-delay:790ms}.hero-word:nth-child(3)::after{animation-delay:980ms}
@keyframes hero-word-arrive{from{opacity:0;filter:blur(7px);transform:translateY(9px)}to{opacity:1;filter:none;transform:none}}
@keyframes hero-word-trace{to{transform:scaleX(1)}}

.semantic-beat,.concept-line,.cascade-step,.freedom-sequence-v10{position:relative;isolation:isolate;overflow:clip}
.nowrap{white-space:nowrap}
.mobile-cadence-break{display:none}
.story-beat>p,.story-beat>.system-line,.cascade-step p,.school-line p,.section-title,.challenge h2{
  hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;
}
.kinetic{--k-color:var(--green-strong);position:relative;display:inline;color:inherit;font-style:normal;isolation:isolate;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:color 520ms var(--ease),opacity 520ms var(--ease),text-decoration-color 520ms var(--ease)}
.story-beat.active .kinetic,.school-line.active .kinetic,.cascade-step.active .kinetic{color:var(--k-color)}
.kinetic::before,.kinetic::after{pointer-events:none}

/* Trace/race: underline follows every line of the phrase, never a bar under a wrapped box. */
.k-trace,.k-race,.k-branch,.k-rebuild{
  text-decoration:underline;
  text-decoration-thickness:.055em;
  text-underline-offset:.16em;
  text-decoration-skip-ink:auto;
  text-decoration-color:transparent;
}
.story-beat.active .k-trace,.story-beat.active .k-race,.story-beat.active .k-branch,.story-beat.active .k-rebuild,
.school-line.active .k-trace,.school-line.active .k-branch,.cascade-step.active .k-trace{
  text-decoration-color:color-mix(in srgb,var(--k-color) 86%,transparent);
}
.k-rebuild{--k-color:var(--amber)}
.k-race{--k-color:var(--green-strong);text-decoration-thickness:.07em}
.k-branch{--k-color:var(--green-strong)}

/* Strike: deliberately reject a separate study ritual, without turning it into a badge or card. */
.k-strike,.k-strike-soft{--k-color:var(--coral)}
.k-strike::after,.k-strike-soft::after{position:absolute;left:-3%;right:-3%;top:52%;height:.055em;border-radius:99px;content:"";background:linear-gradient(90deg,transparent,var(--coral) 7%,var(--coral) 93%,transparent);transform:rotate(-2deg) scaleX(0);transform-origin:left;opacity:.9;transition:transform 780ms var(--spring)}
.story-beat.active .k-strike::after,.story-beat.active .k-strike-soft::after{transform:rotate(-2deg) scaleX(1)}
.k-strike-soft::after{height:.035em;opacity:.62}

/* Loop: the word is literally caught in the loop it describes. */
.k-loop{--k-color:var(--amber)}
.k-loop::before{position:absolute;inset:-.15em -.28em -.10em;border:1px solid color-mix(in srgb,var(--amber) 70%,transparent);border-left-color:transparent;border-radius:50%;content:"";opacity:0;transform:rotate(-15deg) scale(.72);transition:opacity 420ms var(--ease),transform 900ms var(--spring)}
.story-beat.active .k-loop::before{opacity:.9;transform:rotate(345deg) scale(1)}

/* Empty/gap: the line visibly fails to connect. */
.k-empty,.k-gap{--k-color:var(--coral)}
.k-empty::before,.k-empty::after,.k-gap::before,.k-gap::after{position:absolute;bottom:-.10em;width:42%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--coral));opacity:0;transform:scaleX(0);transition:opacity 420ms var(--ease),transform 780ms var(--spring)}
.k-empty::before,.k-gap::before{left:0;transform-origin:right}.k-empty::after,.k-gap::after{right:0;transform-origin:left;background:linear-gradient(90deg,var(--coral),transparent)}
.story-beat.active .k-empty::before,.story-beat.active .k-empty::after,.cascade-step.active .k-empty::before,.cascade-step.active .k-empty::after,.cascade-step.active .k-gap::before,.cascade-step.active .k-gap::after{opacity:.82;transform:scaleX(1)}

/* Falling: the baseline visibly drops, then holds. */
.k-fall{--k-color:var(--coral)}
.k-fall::after{position:absolute;left:0;right:0;bottom:-.05em;height:1px;content:"";background:linear-gradient(90deg,var(--amber),var(--coral));transform:translateY(-.18em) scaleX(0);transform-origin:left;transition:transform 850ms var(--spring)}
.story-beat.active .k-fall::after,.cascade-step.active .k-fall::after{transform:translateY(.16em) scaleX(1)}

/* Resolve/repair: the word arrives by color, not by changing its size. */
.k-resolve,.k-repair{--k-color:var(--green-strong);opacity:.7}
.story-beat.active .k-resolve,.story-beat.active .k-repair,.cascade-step.active .k-repair{opacity:1;text-shadow:0 0 28px color-mix(in srgb,var(--green) 16%,transparent)}
.k-repair::after{position:absolute;left:6%;right:6%;bottom:-.08em;height:1px;content:"";background:linear-gradient(90deg,var(--coral),var(--amber) 44%,var(--green));transform:scaleX(0);transform-origin:left;transition:transform 900ms var(--spring)}
.story-beat.active .k-repair::after,.cascade-step.active .k-repair::after{transform:scaleX(1)}

/* Subject-specific emphasis. */
.k-orbit{--k-color:rgb(157 199 178);display:inline-block;position:relative;z-index:1;padding-inline:.12em;white-space:nowrap}
.k-orbit::before{position:absolute;inset:-.34em -.32em;border:1px solid color-mix(in srgb,rgb(157 199 178) 68%,transparent);border-left-color:color-mix(in srgb,rgb(157 199 178) 28%,transparent);border-right-color:color-mix(in srgb,rgb(157 199 178) 28%,transparent);border-radius:50%;content:"";opacity:0;transform:rotate(-12deg) scale(.74);transition:opacity 430ms var(--ease),transform 1050ms var(--spring)}
.k-orbit::after{position:absolute;left:-.38em;right:-.38em;top:50%;height:.5em;border-top:1px solid color-mix(in srgb,rgb(157 199 178) 58%,transparent);border-bottom:1px solid color-mix(in srgb,rgb(157 199 178) 24%,transparent);border-radius:50%;content:"";opacity:0;transform:rotate(-12deg) scale(.74);transition:opacity 430ms var(--ease),transform 1050ms var(--spring)}
.school-line.active .k-orbit::before,.school-line.active .k-orbit::after{opacity:.86;transform:rotate(-12deg) scale(1)}
.k-life{--k-color:rgb(179 203 143)}.k-life::after{position:absolute;left:50%;bottom:-.14em;width:1.05em;height:.38em;content:"";border-left:1px solid color-mix(in srgb,rgb(179 203 143) 75%,transparent);border-right:1px solid color-mix(in srgb,rgb(179 203 143) 75%,transparent);border-radius:50%;opacity:0;transform:translateX(-50%) scale(.45);transition:opacity 430ms var(--ease),transform 900ms var(--spring)}.school-line.active .k-life::after,.story-beat.active .k-life::after,.cascade-step.active .k-life::after{opacity:.86;transform:translateX(-50%) scale(1)}
.k-timeline{--k-color:var(--amber)}.k-timeline::after{position:absolute;left:0;right:0;bottom:-.11em;height:1px;content:"";background:linear-gradient(90deg,var(--amber) 0 24%,transparent 24% 29%,var(--amber) 29% 58%,transparent 58% 63%,var(--amber) 63%);transform:scaleX(0);transform-origin:left;transition:transform 950ms var(--spring)}.school-line.active .k-timeline::after{transform:scaleX(1)}
.k-cost{--k-color:var(--amber)}.k-label{--k-color:var(--coral)}
.k-expand{--k-color:var(--green-strong)}

/* The semantic field is deliberately more visible only when it is carrying meaning. */
.school-line.active p,.story-beat.active>p,.cascade-step.active p{position:relative;z-index:2}
.school-line .subject{color:rgb(var(--subject-rgb));opacity:.64;transition:opacity 420ms var(--ease),letter-spacing 720ms var(--spring),text-shadow 420ms var(--ease)}
.school-line.active .subject{opacity:1;letter-spacing:.15em;text-shadow:0 0 22px rgb(var(--subject-rgb)/.25)}
.concept-line{min-height:76svh}
.concept-line p{max-width:1030px}
.freedom-sequence-v10 strong{color:var(--green-strong)}
.quote-beat strong{font-weight:680}

/* The field's linework is now allowed to read as an instrument, not wallpaper. */
#knowledgeField{opacity:.95}
.page-wash{filter:blur(28px) saturate(1.02)}

@media(max-width:700px){
 .hero-sub{gap:.2em .28em}.hero-word::after{bottom:-.10em}
 .concept-line{min-height:80svh}.school-line .subject{margin-bottom:18px;font-size:11px}
 .kinetic::before,.kinetic::after{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .hero-word,.hero-word::after,.kinetic,.kinetic::before,.kinetic::after,.school-line .subject{animation:none!important;transition-duration:1ms!important;filter:none!important;transform:none!important;opacity:1!important}
 .kinetic::before,.kinetic::after{display:none!important}
}

.hero-word{animation-duration:680ms}
.hero-word:nth-child(1){animation-delay:40ms}.hero-word:nth-child(2){animation-delay:130ms}.hero-word:nth-child(3){animation-delay:220ms}
.hero-word:nth-child(1)::after{animation-delay:430ms}.hero-word:nth-child(2)::after{animation-delay:540ms}.hero-word:nth-child(3)::after{animation-delay:650ms}
.payoff-beat>p{max-width:880px}
@media(max-width:700px){
 .school-line p,.story-beat>p{padding-inline:14px}
 .hero-word{animation-duration:520ms}.hero-word:nth-child(1){animation-delay:0ms}.hero-word:nth-child(2){animation-delay:70ms}.hero-word:nth-child(3){animation-delay:140ms}
 .hero-word:nth-child(1)::after{animation-delay:300ms}.hero-word:nth-child(2)::after{animation-delay:370ms}.hero-word:nth-child(3)::after{animation-delay:440ms}
}

#knowledgeField{transform:translateZ(0);will-change:opacity;contain:strict}
@media(max-width:700px){#knowledgeField{opacity:.8}}
@media(prefers-reduced-motion:reduce){#knowledgeField{display:none!important}}

/* V12 - complex ideas are composed as visible sequences, never hidden in a long sentence. */
.story-beat>.process-copy,
.story-beat>.possibility-copy{
  width:min(100%,1100px);max-width:1100px;margin:0;
  color:var(--faint);opacity:.2;transform:translateY(8px);
  transition:opacity 520ms var(--ease),color 520ms var(--ease),transform 720ms var(--spring),text-shadow 520ms var(--ease)
}
.story-beat.active>.process-copy,
.story-beat.active>.possibility-copy{
  color:var(--ink);opacity:1;transform:none;
  text-shadow:0 24px 92px rgba(var(--tone-r),var(--tone-g),var(--tone-b),.08)
}
.process-kicker{
  display:block;margin:0 0 clamp(25px,3vw,42px);
  color:var(--coral);font-size:clamp(12px,1vw,15px);font-weight:840;
  letter-spacing:.14em;text-transform:uppercase
}
.process-flow{
  --steps:4;width:100%;max-width:1040px;margin:0 auto;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:clamp(24px,4vw,66px);
  align-items:start
}
.process-flow li{
  position:relative;min-width:0;padding-top:clamp(27px,2.4vw,36px);
  color:var(--soft);font-family:var(--display);font-size:clamp(25px,3.15vw,46px);
  font-weight:610;letter-spacing:-.052em;line-height:1.02;text-wrap:balance;
  opacity:.14;transform:translateY(12px);
  transition:opacity 440ms var(--ease),transform 650ms var(--spring),color 420ms var(--ease)
}
.process-flow li::before{
  position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;content:"";
  background:color-mix(in srgb,var(--soft) 62%,transparent);
  box-shadow:0 0 15px color-mix(in srgb,var(--soft) 15%,transparent);
  transform:translateX(-50%) scale(.7);
  transition:transform 560ms var(--spring),background 420ms var(--ease),box-shadow 420ms var(--ease)
}
.process-flow li:not(:last-child)::after{
  position:absolute;left:calc(50% + 10px);top:3px;width:calc(100% + clamp(24px,4vw,66px) - 20px);height:1px;content:"";
  background:linear-gradient(90deg,color-mix(in srgb,var(--soft) 28%,transparent),color-mix(in srgb,var(--soft) 9%,transparent));
  transform:scaleX(0);transform-origin:left center;opacity:.7;
  transition:transform 680ms var(--spring)
}
.story-beat.active .process-flow li{opacity:1;transform:none}
.story-beat.active .process-flow li::before{transform:translateX(-50%) scale(1)}
.story-beat.active .process-flow li:not(:last-child)::after{transform:scaleX(1)}
.story-beat.active .process-flow li:nth-child(1){transition-delay:80ms}
.story-beat.active .process-flow li:nth-child(1)::after{transition-delay:180ms}
.story-beat.active .process-flow li:nth-child(2){transition-delay:250ms}
.story-beat.active .process-flow li:nth-child(2)::after{transition-delay:350ms}
.story-beat.active .process-flow li:nth-child(3){transition-delay:420ms}
.story-beat.active .process-flow li:nth-child(3)::after{transition-delay:520ms}
.story-beat.active .process-flow li:nth-child(4){transition-delay:590ms}
.process-flow .process-dead-end{color:var(--coral)}
.process-flow .process-dead-end::before{background:var(--coral);box-shadow:0 0 18px color-mix(in srgb,var(--coral) 35%,transparent)}
.process-beat-two .process-flow{--steps:2;max-width:720px}
.process-beat-three .process-flow{--steps:3;max-width:890px}
.process-beat-four{min-height:72svh}

.possibility-copy{display:grid;justify-items:center;gap:clamp(24px,3vw,38px)}
.possibility-question{
  max-width:1010px;margin:0;color:inherit;font-family:var(--display);
  font-size:clamp(35px,4.8vw,68px);font-weight:610;letter-spacing:-.058em;line-height:1.04;text-wrap:balance
}
.possibility-answer{
  max-width:820px;margin:0;color:var(--green-strong);font-size:clamp(20px,2vw,30px);
  font-weight:680;letter-spacing:-.026em;line-height:1.32;text-wrap:balance;
  opacity:.12;transform:translateY(10px);
  transition:opacity 500ms var(--ease) 430ms,transform 700ms var(--spring) 430ms
}
.story-beat.active .possibility-answer{opacity:1;transform:none}
.possibility-copy>.process-flow{--steps:3;max-width:890px;margin-top:2px}
.possibility-copy>.process-flow li{font-size:clamp(22px,2.65vw,38px)}
.process-positive li{color:var(--green-strong)}
.process-positive li::before{background:var(--green);box-shadow:0 0 17px color-mix(in srgb,var(--green) 34%,transparent)}
.process-positive li:not(:last-child)::after{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 32%,transparent),color-mix(in srgb,var(--green) 8%,transparent))}
.memory-flow{max-width:960px!important}
.memory-flow li{font-size:clamp(21px,2.35vw,34px)!important;line-height:1.08}


/* V17 - rising possibility rail: compositor-only motion, cached geometry, and simplified proof CTA. */
.mid-try-quiet{min-height:30svh;padding:36px 24px 54px}
.mid-try-quiet p,.mid-try-quiet small{display:none}
.mid-try-quiet button{margin-top:0;color:var(--muted);font-size:15px;font-weight:730;border-bottom-color:color-mix(in srgb,var(--green) 32%,transparent)}
.mid-try-quiet button:hover{color:var(--ink);border-bottom-color:var(--green)}

.possibility-ascent-beat{
  min-height:176svh;
  display:block;
  padding:0 24px;
  text-align:center;
  contain:layout style
}
.possibility-ascent-copy{
  position:sticky;
  top:0;
  min-height:100svh;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:clamp(20px,2.6vw,34px);
  padding:clamp(82px,10vh,118px) 0 clamp(58px,7vh,86px)
}
.possibility-ascent{
  --ascent-row:62px;
  --ascent-progress:0;
  --ascent-y:0px;
  position:relative;
  width:min(100%,860px);
  margin:clamp(2px,1vw,10px) auto 0;
  padding-left:clamp(38px,4.6vw,60px);
  isolation:isolate;
  contain:layout paint style;
  transform:translateZ(0)
}
.possibility-ascent::before{
  position:absolute;
  left:-3%;right:4%;top:4%;bottom:4%;z-index:-1;
  content:"";
  pointer-events:none;
  background:radial-gradient(ellipse 44% 52% at 24% 50%,color-mix(in srgb,var(--green) 7%,transparent),transparent 78%);
  opacity:.62
}
.possibility-ascent-rail{
  position:absolute;
  left:12px;
  top:calc(var(--ascent-row) * .5);
  bottom:calc(var(--ascent-row) * .5);
  width:1px;
  pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--green) 17%,transparent),color-mix(in srgb,var(--soft) 10%,transparent) 42%,color-mix(in srgb,var(--soft) 6%,transparent) 72%,transparent)
}
.possibility-ascent-fill{
  position:absolute;
  inset:0;
  display:block;
  background:linear-gradient(180deg,var(--green),color-mix(in srgb,var(--green) 62%,var(--amber)) 64%,var(--amber));
  box-shadow:0 0 12px color-mix(in srgb,var(--green) 17%,transparent);
  transform:scaleY(var(--ascent-progress));
  transform-origin:bottom center;
  will-change:transform
}
.possibility-ascent-marker{
  position:absolute;
  left:50%;bottom:0;
  width:10px;height:10px;
  border-radius:50%;
  background:var(--green-strong);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 8%,transparent),0 0 18px color-mix(in srgb,var(--green) 42%,transparent);
  transform:translate3d(-50%,calc(-1 * var(--ascent-y)),0);
  will-change:transform
}
.possibility-ascent-marker::after{
  position:absolute;
  inset:-6px;
  border:1px solid color-mix(in srgb,var(--green) 30%,transparent);
  border-radius:50%;
  content:"";
  opacity:.68
}
.possibility-ascent-list{
  display:flex;
  flex-direction:column-reverse;
  margin:0;
  padding:0;
  list-style:none
}
.possibility-ascent-item{
  position:relative;
  min-width:0;
  height:var(--ascent-row);
  display:grid;
  align-content:center;
  padding:0 0 0 clamp(20px,2.4vw,31px);
  text-align:left;
  opacity:.17;
  transform:translate3d(0,0,0) scale(.985);
  transition:opacity 190ms var(--ease),transform 300ms var(--spring);
  contain:layout paint style
}
.possibility-ascent-item::before{
  position:absolute;
  left:calc(-1 * clamp(26px,3vw,39px));
  top:50%;
  width:clamp(12px,1.7vw,22px);
  height:1px;
  content:"";
  background:linear-gradient(90deg,color-mix(in srgb,var(--soft) 24%,transparent),transparent);
  transform:translateY(-50%) scaleX(.55);
  transform-origin:left center;
  transition:width 260ms var(--spring),background 190ms var(--ease),transform 260ms var(--spring),opacity 180ms var(--ease);
  opacity:.42
}
.possibility-ascent-item strong{
  display:block;
  color:var(--soft);
  font-family:var(--display);
  font-size:clamp(23px,2.35vw,34px);
  font-weight:620;
  letter-spacing:-.046em;
  line-height:1.01;
  text-wrap:balance;
  transition:color 190ms var(--ease)
}
.possibility-ascent-item span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:clamp(10px,.87vw,12.5px);
  font-weight:700;
  letter-spacing:.012em;
  line-height:1.25;
  transition:color 190ms var(--ease),opacity 190ms var(--ease)
}
.possibility-ascent-item.passed{opacity:.34}
.possibility-ascent-item.upcoming{opacity:.15}
.possibility-ascent-item.active{
  opacity:1;
  transform:translate3d(clamp(5px,.8vw,10px),0,0) scale(1)
}
.possibility-ascent-item.active::before{
  width:clamp(22px,3.1vw,42px);
  background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 18%,transparent));
  transform:translateY(-50%) scaleX(1);
  opacity:1
}
.possibility-ascent-item.active strong{color:var(--green-strong)}
.possibility-ascent-item.active span{color:var(--soft)}
.possibility-ascent-tail{
  margin:2px 0 0;
  color:var(--muted);
  font-size:12px;
  font-weight:680;
  letter-spacing:.015em
}
#knowledgeField{transition:opacity 260ms var(--ease)}
body[data-ascent-active="true"] #knowledgeField{opacity:.56}

.challenge{min-height:88svh;padding-block:clamp(90px,12vh,150px)}
.challenge-copy{max-width:1000px;display:grid;justify-items:center}
.challenge-invitation{
  margin:0 0 clamp(18px,2.2vw,30px);
  color:var(--green-strong);
  font-family:var(--display);
  font-size:clamp(34px,4.4vw,64px);
  font-weight:650;
  letter-spacing:-.055em;
  line-height:1
}
.challenge h2{max-width:980px;margin:0 auto clamp(34px,4vw,54px);font-size:clamp(56px,7.6vw,108px);line-height:.91}
.challenge-free{display:block;margin-top:13px;color:var(--muted);font-size:13px;font-weight:680}

@media(max-width:700px){
  .mid-try-quiet{min-height:24svh;padding-block:28px 45px}.mid-try-quiet button{font-size:14px}
  .possibility-ascent-beat{min-height:178svh;padding-inline:17px}
  .possibility-ascent-copy{gap:18px;padding:58px 0 44px}
  .possibility-ascent{--ascent-row:48px;width:100%;padding-left:31px;margin-top:0}
  .possibility-ascent::before{opacity:.38;background:radial-gradient(ellipse 56% 52% at 24% 50%,color-mix(in srgb,var(--green) 6%,transparent),transparent 80%)}
  .possibility-ascent-rail{left:7px}
  .possibility-ascent-marker{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 7%,transparent),0 0 13px color-mix(in srgb,var(--green) 34%,transparent)}
  .possibility-ascent-item{padding-left:17px;transition-duration:150ms,220ms}
  .possibility-ascent-item::before{left:-24px;width:13px}
  .possibility-ascent-item.active::before{width:25px}
  .possibility-ascent-item strong{font-size:clamp(19px,5.7vw,25px);line-height:1.02}
  .possibility-ascent-item span{margin-top:3px;font-size:9.7px;line-height:1.2}
  .possibility-ascent-tail{font-size:10.5px}
  body[data-ascent-active="true"] #knowledgeField{opacity:.28}
  .challenge{min-height:82svh;padding:82px 18px 100px}
  .challenge-invitation{margin-bottom:20px;font-size:clamp(31px,9.2vw,44px)}
  .challenge h2{font-size:clamp(52px,15vw,76px);line-height:.93;margin-bottom:38px}
}
@media(max-width:700px) and (max-height:690px){
  .possibility-ascent-copy{padding:48px 0 34px;gap:14px}
  .possibility-ascent{--ascent-row:43px}
  .possibility-ascent-item strong{font-size:clamp(18px,5.3vw,23px)}
  .possibility-ascent-item span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .possibility-ascent-item{transition:none}
  .possibility-ascent-fill{transform:scaleY(1)}
  .possibility-ascent-marker{display:none}
}

@media(max-width:700px){
  .cascade-step{padding-right:8px}
  .cascade-step.active p{transform:none}
  .kinetic{padding-bottom:.2em}
  .mobile-cadence-break{display:block}
  .choice-beat .k-empty::before,.choice-beat .k-empty::after{display:none!important}
  .choice-beat.active .k-empty{text-decoration:underline;text-decoration-thickness:.055em;text-underline-offset:.16em;text-decoration-color:color-mix(in srgb,var(--coral) 82%,transparent)}
}

/* Last-pass menu override: the panel is a single vertical reading surface. */
@media(max-width:900px){
  .site-header.menu-open .nav{position:fixed!important;inset:0!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-column:auto!important;gap:0!important;width:100%!important;height:100svh!important;min-height:100svh!important;padding:92px 26px 30px!important;overflow:auto!important;background:linear-gradient(180deg,rgba(4,15,9,.995),rgba(2,9,6,.985))!important;border:0!important;transform:none!important;opacity:1!important;animation:menu-panel-in 360ms var(--ease) both!important}
  .site-header.menu-open .nav> a,.site-header.menu-open .nav-group>a{width:100%!important;flex:0 0 auto!important}
  .site-header.menu-open .nav-group{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-column:auto!important;width:100%!important;height:auto!important;flex:0 0 auto!important;margin:0!important;padding:0!important;border-top:1px solid var(--hair)!important;opacity:1!important;transform:none!important;animation:none!important}
  .site-header.menu-open .nav-group-label{display:block!important;flex:0 0 auto!important;width:100%!important;padding:15px 0 9px!important}
  .site-header.menu-open .nav-group>a{display:flex!important;min-height:49px!important;padding:11px 0!important;border-top:1px solid var(--hair)!important;font-family:var(--body)!important;font-size:20px!important;font-weight:560!important}
  .site-header.menu-open .brand{z-index:4}
  .site-header.menu-open .nav a:focus-visible{outline:1px solid var(--green);outline-offset:4px}
}

/* Public prelaunch surfaces: the same argument-led field, without the unfinished demo. */
.prelaunch-notice{display:inline-flex;align-items:center;gap:9px;margin:0 auto 24px;color:var(--green-strong);font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:none}
.prelaunch-notice::before{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(174,211,170,.55);content:""}
.prelaunch-support{max-width:620px;margin:19px auto 0;color:var(--muted);font-size:15px;line-height:1.55}
.prelaunch-section{position:relative;min-height:82svh;display:grid;align-items:center;padding:clamp(90px,10vw,150px) 0}
.prelaunch-section.center{text-align:center}
.prelaunch-section.center .prelaunch-copy,.prelaunch-section.center .section-title{margin-inline:auto}
.prelaunch-copy{max-width:740px;margin:25px 0 0;color:var(--soft);font-size:clamp(18px,1.5vw,22px);line-height:1.6;letter-spacing:-.018em}
.prelaunch-copy+p{margin-top:18px}
.prelaunch-copy strong{color:var(--ink)}
.prelaunch-steps{max-width:1040px;margin:70px auto 0;border-top:1px solid var(--hair)}
.prelaunch-step{display:grid;grid-template-columns:72px minmax(0,1fr);gap:30px;padding:42px 0;border-bottom:1px solid var(--hair);text-align:left}
.prelaunch-step-index{color:var(--green);font-size:11px;font-weight:820;letter-spacing:.1em;padding-top:8px}
.prelaunch-step h3{max-width:850px;margin:0;color:var(--ink);font-family:var(--display);font-size:clamp(31px,4vw,58px);font-weight:620;letter-spacing:-.055em;line-height:.98}
.prelaunch-step p{max-width:700px;margin:16px 0 0;color:var(--soft);font-size:clamp(17px,1.4vw,21px);line-height:1.57}
.prelaunch-step p+p{margin-top:10px;color:var(--muted)}
.prelaunch-kicker{margin:0;color:var(--green);font-size:11px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
.prelaunch-quote{max-width:950px;margin:45px auto 0;color:var(--ink);font-family:var(--display);font-size:clamp(40px,5.6vw,80px);font-weight:620;letter-spacing:-.064em;line-height:.95}
.prelaunch-quote em{color:var(--green-strong);font-style:normal}
.prelaunch-list{display:grid;gap:10px;max-width:760px;margin:24px 0 0;padding:0;list-style:none}
.prelaunch-list li{position:relative;padding-left:24px;color:var(--soft);font-size:clamp(17px,1.4vw,21px);line-height:1.52}
.prelaunch-list li::before{position:absolute;left:0;top:.65em;width:7px;height:1px;background:var(--green);content:""}
.prelaunch-cta{display:inline-flex;align-items:center;gap:12px;margin-top:33px;padding:13px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--green) 70%,transparent);background:transparent;color:var(--ink);font-size:16px;font-weight:820;transition:color 180ms var(--ease),border-color 180ms var(--ease)}
.prelaunch-cta:hover{color:var(--green-strong);border-color:var(--green)}
.prelaunch-cta i{font-style:normal;transition:transform 360ms var(--spring)}
.prelaunch-cta:hover i{transform:translateX(5px)}
.prelaunch-muted{color:var(--muted)}
.prelaunch-hero .section-title{max-width:1000px}
.prelaunch-hero .prelaunch-copy{margin-inline:auto}
.prelaunch-hero{padding-top:140px}
.prelaunch-close{min-height:78svh;padding-bottom:120px}
.prelaunch-close .prelaunch-copy{margin-inline:auto}
.page-home .prelaunch-close .section-title,.page-route .prelaunch-close .section-title{margin-inline:auto}
.nav-group{display:flex;align-items:center;gap:15px}
.nav-group-label{color:var(--faint);font-size:10px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}
.nav-group a{font-size:12px!important}
.beta-hero{min-height:78svh;padding-top:138px}
.beta-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(42px,8vw,125px);align-items:start;max-width:1120px;margin:0 auto}
.beta-copy h1{max-width:750px;margin:17px 0 0;font-family:var(--display);font-size:clamp(58px,7vw,104px);font-weight:650;letter-spacing:-.072em;line-height:.89}
.beta-copy .prelaunch-copy{max-width:650px}
.beta-form-wrap{padding:28px 0 0}
.beta-form{padding:28px 28px 30px;border:1px solid var(--hair-strong);background:rgba(7,23,14,.62);box-shadow:0 30px 90px rgba(0,0,0,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.beta-form h2,.beta-form h3{margin:0;color:var(--ink);font-family:var(--display);font-size:28px;letter-spacing:-.045em}
.beta-form fieldset{margin:25px 0 0;padding:0;border:0}
.beta-form label{display:block;margin:0 0 8px;color:var(--soft);font-size:13px;font-weight:700}
.beta-form input[type=email],.beta-form textarea,.beta-form select{width:100%;padding:13px 14px;border:1px solid var(--hair-strong);border-radius:2px;background:rgba(1,9,5,.5);color:var(--ink);font-size:16px;line-height:1.4;outline:none}
.beta-form input[type=email]:focus,.beta-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(174,211,170,.13)}
.beta-check{display:grid!important;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin-top:18px!important;font-weight:520!important;line-height:1.45}
.beta-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--green)}
.beta-check a,.beta-form a{color:var(--green-strong);text-decoration:underline;text-decoration-color:rgba(174,211,170,.46);text-underline-offset:3px}
.beta-form .prelaunch-cta{margin-top:24px;width:100%;justify-content:space-between}
.beta-form-status{min-height:23px;margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.turnstile-slot{min-height:65px;margin-top:18px}
.beta-form-note{margin:18px 0 0;color:var(--faint);font-size:12px;line-height:1.5}
.beta-feedback-section[hidden]{display:none}
.beta-feedback-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(42px,8vw,125px);align-items:start;max-width:1120px;margin:0 auto}
.beta-feedback-layout .section-title{max-width:720px}
.beta-feedback-layout .section-copy{max-width:620px}
.contact-block{max-width:760px;margin:50px auto 0;border-top:1px solid var(--hair)}
.contact-row{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--hair)}
.contact-row dt{color:var(--green);font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}
.contact-row dd{margin:0;color:var(--soft);font-size:18px;line-height:1.5}
.contact-row a{color:var(--green-strong);text-decoration:underline;text-decoration-color:rgba(174,211,170,.45);text-underline-offset:4px}
.legal-page{padding-top:138px}
.legal-copy{max-width:850px;margin:52px auto 0;color:var(--soft);font-size:16px;line-height:1.7}
.legal-copy h2{margin:58px 0 15px;color:var(--ink);font-family:var(--display);font-size:clamp(28px,3.5vw,45px);letter-spacing:-.045em;line-height:1}
.legal-copy h3{margin:34px 0 10px;color:var(--ink);font-size:20px}
.legal-copy p{margin:15px 0}.legal-copy ul,.legal-copy ol{padding-left:24px}.legal-copy li{margin:8px 0}
.legal-copy table{width:100%;border-collapse:collapse;margin:24px 0}.legal-copy th,.legal-copy td{padding:12px;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top}.legal-copy th{color:var(--green);font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.legal-copy a{color:var(--green-strong);text-decoration:underline;text-decoration-color:rgba(174,211,170,.45);text-underline-offset:3px}
.page-notice{max-width:720px;margin:23px auto 0;padding:14px 16px;border-left:2px solid var(--green);background:rgba(174,211,170,.06);color:var(--soft);font-size:14px;line-height:1.5;text-align:left}
.sr-only{clip-path:inset(50%)}
@media(max-width:1100px){.nav-group{display:none}.nav{gap:24px}.beta-layout{grid-template-columns:1fr 430px;gap:42px}}
@media(max-width:900px){.beta-feedback-layout{grid-template-columns:1fr;max-width:700px}}
@media(max-width:900px){.beta-layout{grid-template-columns:1fr;max-width:700px}.beta-form-wrap{padding-top:0}.beta-form{max-width:560px}.nav-group{display:grid}.site-header.menu-open .nav-group{grid-column:1/3}.site-header.menu-open .nav-group-label{padding:15px 0 7px}.site-header.menu-open .nav-group a{padding:11px 0;border-top:1px solid var(--hair)}}
@media(max-width:640px){.prelaunch-hero{padding-top:112px}.prelaunch-notice{font-size:11px}.prelaunch-support{font-size:14px}.prelaunch-section{min-height:76svh;padding:80px 0}.prelaunch-steps{margin-top:48px}.prelaunch-step{grid-template-columns:38px minmax(0,1fr);gap:16px;padding:30px 0}.prelaunch-step h3{font-size:clamp(28px,8.5vw,43px)}.prelaunch-step p{font-size:17px}.prelaunch-quote{font-size:clamp(36px,11vw,53px)}.beta-hero{padding-top:112px}.beta-copy h1{font-size:clamp(54px,16vw,76px)}.beta-form{padding:22px 18px 25px}.contact-row{grid-template-columns:1fr;gap:8px}.legal-page{padding-top:112px}.legal-copy{margin-top:38px;font-size:16px}.legal-copy h2{margin-top:45px}}
@media(max-width:700px){
  .story-beat.active .k-rebuild{text-decoration-style:dashed}
  .school-line p,.story-beat>p,.story-beat>.system-line,.story-beat>blockquote{font-size:clamp(32px,9.8vw,44px);line-height:1.06;letter-spacing:-.035em;text-wrap:pretty}
  .possibility-beat>p,.possibility-question{font-size:clamp(30px,8.3vw,36px);line-height:1.09;letter-spacing:-.027em;text-wrap:pretty}
  .process-flow{grid-template-columns:1fr;gap:26px;max-width:280px}
  .process-flow li{padding-top:24px;font-size:clamp(22px,6.5vw,29px);line-height:1.12;text-wrap:pretty}
  .process-flow li::before{left:0;top:0}
  .process-flow li:not(:last-child)::after{left:3px;top:26px;width:1px;height:calc(100% + 26px);transform:scaleY(0);transform-origin:top}
  .story-beat.active .process-flow li:not(:last-child)::after{transform:scaleY(1)}
  .process-beat-two .process-flow,.process-beat-three .process-flow,.process-beat-four .process-flow,.possibility-copy>.process-flow{max-width:280px}
  .possibility-copy>.process-flow li{font-size:clamp(19px,5.4vw,23px);line-height:1.12}
  .memory-flow{max-width:280px!important}
  .possibility-ascent{--ascent-row:78px}
  .possibility-ascent-item strong{font-size:clamp(18px,5.6vw,24px);line-height:1.08;letter-spacing:-.025em;text-wrap:pretty}
  .possibility-ascent-item span{font-size:10px;line-height:1.25;letter-spacing:.01em}
}
@media(max-width:700px) and (max-height:690px){.possibility-ascent{--ascent-row:70px}}

/* Repair pass: keep the public pages on one stable visual system. */
body.menu-open{overflow:hidden}
.site-header{height:76px;background:transparent!important}
.site-header::before{transition:opacity 220ms var(--ease),transform 220ms var(--ease)}
.nav-group{position:relative;display:inline-flex;align-items:center;gap:12px}
.nav-group-label{padding:8px 0;color:var(--muted);font-size:13px;font-weight:680;letter-spacing:0;text-transform:none;white-space:nowrap}
.nav-group:hover .nav-group-label,.nav-group:focus-within .nav-group-label{color:var(--ink)}
.nav-group>a{display:none}
.prelaunch-section{position:relative;min-height:82svh;display:grid;align-items:center;padding:clamp(92px,10vw,150px) 0}
.prelaunch-section.center{text-align:center}
.prelaunch-section.center .section-title,.prelaunch-section.center .section-copy,.prelaunch-section.center .prelaunch-copy{margin-inline:auto}
.prelaunch-hero{min-height:100svh;padding-top:120px}
.prelaunch-copy{max-width:740px;margin:25px 0 0;color:var(--soft);font-size:clamp(18px,1.5vw,22px);line-height:1.56;letter-spacing:-.018em;text-wrap:pretty}
.prelaunch-steps{max-width:1040px;margin:58px auto 0;border-top:1px solid var(--hair)}
.prelaunch-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:26px;padding:34px 0;border-bottom:1px solid var(--hair);text-align:left}
.prelaunch-step-index{padding-top:8px;color:var(--green);font-size:11px;font-weight:820;letter-spacing:.1em}
.prelaunch-step h3{max-width:850px;margin:0;color:var(--ink);font-family:var(--display);font-size:clamp(30px,3.8vw,54px);font-weight:620;letter-spacing:-.055em;line-height:1.01;text-wrap:pretty}
.prelaunch-step p{max-width:700px;margin:14px 0 0;color:var(--soft);font-size:clamp(17px,1.4vw,21px);line-height:1.55;text-wrap:pretty}
.prelaunch-cta{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:13px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--green) 70%,transparent);background:transparent;color:var(--ink);font-size:16px;font-weight:820}
.prelaunch-cta i{font-style:normal}
.prelaunch-notice,.prelaunch-support{display:none}
.mid-try{min-height:42svh}
.mid-try small{display:none}
.revised-challenge .eyebrow{color:var(--green)}
.revised-challenge .free-note{display:none}
.route-hero{min-height:86svh;padding-top:118px}
.page-route .prelaunch-section:not(.prelaunch-hero){min-height:72svh}
.page-route .prelaunch-close{min-height:70svh}
.page-route .story-beat{min-height:66svh}
.site-footer-v9{position:relative;z-index:1}

@media(min-width:901px){
  .nav-group:hover>a,.nav-group:focus-within>a{display:flex;position:absolute;left:-15px;width:174px;align-items:center;padding:10px 15px;background:rgba(4,15,9,.96);border-top:1px solid var(--hair);color:var(--soft);font-size:12px!important}
  .nav-group:hover>a:nth-of-type(1),.nav-group:focus-within>a:nth-of-type(1){top:38px}
  .nav-group:hover>a:nth-of-type(2),.nav-group:focus-within>a:nth-of-type(2){top:76px}
  .nav-group:hover>a:nth-of-type(3),.nav-group:focus-within>a:nth-of-type(3){top:114px}
  .nav-group:hover>a:nth-of-type(4),.nav-group:focus-within>a:nth-of-type(4){top:152px;border-bottom:1px solid var(--hair)}
}

@media(max-width:900px){
  .shell{width:min(calc(100% - 40px),var(--max))}
  .nav .menu-only-link{display:none!important}
  .site-header{grid-template-columns:1fr auto;height:68px;padding:0 18px}
  .header-actions{display:none}
  .menu-button{grid-column:2;position:relative;z-index:4;display:grid;place-items:center}
  .site-header.menu-open .nav{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;height:100svh;min-height:100svh;padding:92px 26px 30px;overflow:auto;background:linear-gradient(180deg,rgba(4,15,9,.995),rgba(2,9,6,.985));border:0;transform:none;opacity:1;animation:menu-panel-in 360ms var(--ease) both;backdrop-filter:blur(28px) saturate(1.15);-webkit-backdrop-filter:blur(28px) saturate(1.15)}
  .site-header.menu-open .nav::before{display:none}
  .site-header.menu-open .nav> a,.site-header.menu-open .nav-group>a{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 0;border-top:1px solid var(--hair);color:var(--soft);font-family:var(--display);font-size:clamp(22px,6.4vw,31px);font-weight:610;letter-spacing:-.04em;opacity:0;transform:translateY(10px);animation:menu-link-in 420ms var(--spring) both}
  .site-header.menu-open .nav> .menu-only-link{display:flex!important}
  .site-header.menu-open .nav> a:nth-child(1){animation-delay:55ms}.site-header.menu-open .nav> a:nth-child(2){animation-delay:100ms}.site-header.menu-open .nav-group{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;border-top:1px solid var(--hair);opacity:0;transform:translateY(10px);animation:menu-link-in 420ms var(--spring) 145ms both}
  .site-header.menu-open .nav-group-label{display:block;padding:15px 0 9px;color:var(--green);font-size:11px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
  .site-header.menu-open .nav-group>a{min-height:49px;padding:11px 0;font-family:var(--body);font-size:20px;font-weight:560}
  .site-header.menu-open .nav-group>a:last-child{border-bottom:0}
  .site-header.menu-open .nav> a:last-child{border-bottom:1px solid var(--hair);animation-delay:360ms}
  .site-header.menu-open .nav .menu-rune-loop{display:none!important}
  .site-header.menu-open .site-header::before{opacity:1}
  .prelaunch-section{min-height:74svh;padding:82px 0}
  .prelaunch-hero{min-height:100svh;padding-top:100px}
  .prelaunch-step{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:27px 0}
  .prelaunch-step h3{font-size:clamp(28px,8.2vw,42px);line-height:1.04}
  .prelaunch-step p{font-size:17px;line-height:1.5}
  .prelaunch-steps{margin-top:42px}
  .prelaunch-cta{margin-top:26px}
  .story-beat{min-height:58svh;padding:60px 18px}
  .story-beat>p,.story-beat>.system-line,.story-beat>blockquote{max-width:100%;font-size:clamp(32px,9.8vw,46px);line-height:1.06;letter-spacing:-.035em;text-wrap:pretty}
  .cascade-step{min-height:48svh;padding:30px 0 30px 64px}
  .cascade-step p{font-size:clamp(31px,9.2vw,45px);line-height:1.06;text-wrap:pretty}
  .mid-try{min-height:40svh;padding:54px 18px}
  .mid-try p{font-size:clamp(28px,8.2vw,42px);line-height:1.06}
  .route-hero{min-height:78svh;padding-top:100px}
  .page-route .prelaunch-section:not(.prelaunch-hero){min-height:62svh}
  .site-footer-v9{padding-top:62px}
  .site-footer-v9 .footer-main{grid-template-columns:1fr 1fr;gap:34px 24px}
  .site-footer-v9 .footer-brand{grid-column:1/-1}
  .site-footer-v9 .footer-trust{display:grid;grid-column:1/-1}
  .site-footer-v9 .footer-bottom{align-items:flex-start;flex-direction:column;margin-top:44px}
}

@media(max-width:420px){
  .hero-inner{width:min(calc(100% - 32px),1080px)}
  .section-title{font-size:clamp(45px,13vw,62px);line-height:.95}
  .hero h1{font-size:clamp(58px,18vw,78px);line-height:.88}
  .hero-sub{font-size:clamp(24px,8vw,32px);gap:.12em .3em}
  .hero-lede,.section-copy,.prelaunch-copy{font-size:17px;line-height:1.48}
  .prelaunch-step h3{font-size:clamp(26px,8.6vw,35px)}
  .prelaunch-step p{font-size:16px}
}

/* The real MetiVis mark: a quiet wordmark that can resolve into its rune system. */
.menu-rune-loop{display:none!important}
.brand-mark{width:29px;height:43px;position:relative;display:block;flex:0 0 29px;border:0;overflow:visible;transform:none!important;box-shadow:none!important;isolation:isolate}
.brand-mark::after{display:none}
.brand-logo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:opacity,transform,filter;transition:opacity 360ms var(--ease),transform 560ms var(--spring),filter 360ms var(--ease)}
.brand-logo-solid{opacity:1;transform:none;filter:none}
.brand-logo-rune{opacity:0;transform:scale(.8) rotate(-5deg);filter:blur(2px)}
.brand:hover .brand-logo-solid,.brand.logo-rune .brand-logo-solid,.brand:focus-visible .brand-logo-solid,.experience-brand:hover .brand-logo-solid,.experience-brand.logo-rune .brand-logo-solid{opacity:0;transform:scale(.9);filter:blur(1px)}
.brand:hover .brand-logo-rune,.brand.logo-rune .brand-logo-rune,.brand:focus-visible .brand-logo-rune,.experience-brand:hover .brand-logo-rune,.experience-brand.logo-rune .brand-logo-rune{opacity:1;transform:none;filter:none}
.experience-brand .brand-mark{width:28px;height:42px;flex-basis:28px}

@media(max-width:900px){
  .brand-mark{width:25px;height:37px;flex-basis:25px}
  .experience-brand .brand-mark{width:25px;height:37px;flex-basis:25px}
  .site-header.menu-open{height:68px;align-items:center;padding-top:0;padding-bottom:0;background:rgba(4,14,8,.88);backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12)}
  .site-header.menu-open .nav{position:fixed;inset:68px 0 0;z-index:2;display:grid;grid-template-rows:repeat(4,max-content) minmax(230px,1fr);align-content:start;gap:0;width:auto;min-height:calc(100svh - 68px);padding:18px clamp(22px,7vw,56px) 22px;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;background:radial-gradient(circle at 86% 4%,rgba(174,211,170,.12),transparent 30%),linear-gradient(180deg,rgba(5,18,10,.88),rgba(2,8,6,.94));border-top:1px solid var(--hair);backdrop-filter:blur(32px) saturate(1.24);-webkit-backdrop-filter:blur(32px) saturate(1.24);isolation:isolate;transform:translateY(-14px);opacity:0;animation:menu-panel-in 520ms var(--spring) forwards}
  .site-header.menu-open .nav::before{position:absolute;inset:0;z-index:1;content:"";background:radial-gradient(circle at 82% 34%,rgba(174,211,170,.12),transparent 42%),linear-gradient(180deg,rgba(4,14,8,.04),rgba(2,8,6,.34));pointer-events:none}
  .site-header.menu-open .nav .menu-rune-loop{position:relative;grid-row:5;justify-self:center;align-self:end;width:min(78vw,300px);height:min(42svh,360px);margin:14px auto 0;z-index:0;display:block!important;object-fit:contain;opacity:.58;mix-blend-mode:screen;filter:blur(.2px) brightness(1.14) saturate(.8) drop-shadow(0 0 22px rgba(174,211,170,.12));transform:none!important;pointer-events:none}
  .site-header.menu-open .nav a{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:18px 2px;border-top:1px solid var(--hair);color:var(--soft);font-family:var(--display);font-size:clamp(22px,6.6vw,31px);font-weight:610;letter-spacing:-.04em;opacity:0;transform:translateY(18px);animation:menu-link-in 560ms var(--spring) both}
  .site-header.menu-open .nav a:hover{color:var(--ink)}
  .site-header.menu-open .nav a:nth-child(1){animation-delay:70ms}.site-header.menu-open .nav a:nth-child(2){animation-delay:125ms}.site-header.menu-open .nav a:nth-child(3){animation-delay:180ms}.site-header.menu-open .nav a:nth-child(4){animation-delay:235ms}
  .site-header.menu-open .nav a:last-child{border-bottom:1px solid var(--hair)}
  .menu-button{position:relative;display:grid;place-items:center}
  .menu-button span,.menu-button::before,.menu-button::after{position:absolute;left:50%;width:24px;height:1.5px;margin:0;border-radius:99px;transform:translateX(-50%);transition:transform 420ms var(--spring),opacity 220ms var(--ease),background 220ms var(--ease)}
  .menu-button::before{transform:translate(-50%,-7px)}.menu-button span{transform:translate(-50%,0)}.menu-button::after{transform:translate(-50%,7px)}
  .site-header.menu-open .menu-button span{opacity:0;transform:translate(-50%,0) scaleX(.35)}
  .site-header.menu-open .menu-button::before{transform:translate(-50%,0) rotate(45deg)}
  .site-header.menu-open .menu-button::after{transform:translate(-50%,0) rotate(-45deg)}
}
@keyframes menu-panel-in{to{opacity:1;transform:none}}
@keyframes menu-link-in{to{opacity:1;transform:none}}

.problem-beat{min-height:55svh}
  .problem-beat>p{max-width:1040px}
  .mechanism-opening{min-height:68svh}
  .mechanism-opening .section-title{max-width:920px;margin-inline:auto}
  .mechanism-opening .section-copy{max-width:600px;margin-inline:auto;color:var(--soft)}
  .mechanism-step{min-height:56svh}
  .mechanism-step>p{display:grid;gap:20px;max-width:940px}
  .mechanism-step>p strong{display:block;color:var(--ink)}
  .mechanism-step>p span{display:block;color:var(--muted);font-family:var(--body);font-size:clamp(17px,1.7vw,24px);font-weight:520;letter-spacing:-.02em;line-height:1.45}
  .mechanism-try{min-height:36svh}
  .mechanism-try small{display:block;margin-top:13px;color:var(--muted);font-size:13px;font-weight:680}
  .compounding-beat{min-height:86svh}
  .compounding-copy{display:grid;justify-items:center;gap:26px;max-width:980px;opacity:.2;transform:translateY(10px) scale(.985);transition:opacity 520ms var(--ease),transform 720ms var(--spring)}
  .compounding-beat.active .compounding-copy{opacity:1;transform:none}
  .compounding-line{max-width:900px;margin:0;color:var(--ink);font-family:var(--display);font-size:clamp(35px,4.8vw,68px);font-weight:610;letter-spacing:-.056em;line-height:1.03;text-wrap:balance}
  .compounding-secondary{margin:0;color:var(--green-strong);font-family:var(--display);font-size:clamp(23px,2.5vw,36px);font-weight:600;letter-spacing:-.04em}
  .compounding-copy .process-flow{margin-top:4px}
  .revised-challenge .challenge-body{margin-top:0;margin-bottom:0;color:var(--soft);font-size:clamp(18px,1.55vw,22px);line-height:1.45}
  .world-opening{min-height:68svh}
  .world-opening .section-title{max-width:900px;margin-inline:auto}
  .world-opening .section-copy{max-width:620px;margin-inline:auto;color:var(--soft)}
  .world-line{min-height:56svh}
  .world-line>p{max-width:940px}
  .world-line.active .k-orbit::before{opacity:.82;transform:rotate(351deg) scale(1)}
  .world-line.active .k-timeline::after{transform:scaleX(1)}
  @media(max-width:700px){
    .problem-beat{min-height:52svh}
    .mechanism-opening{min-height:64svh;padding-inline:18px}
    .mechanism-step{min-height:56svh;padding-inline:20px}
    .mechanism-step>p span{font-size:17px;line-height:1.42}
    .mechanism-try{min-height:30svh;padding-block:36px 52px}
    .compounding-beat{min-height:98svh;padding-inline:20px}
    .compounding-line{font-size:clamp(30px,8.7vw,40px);line-height:1.08;letter-spacing:-.03em}
    .compounding-secondary{font-size:clamp(22px,6.5vw,30px)}
    .revised-challenge .challenge-body{font-size:17px}
    .world-opening{min-height:64svh;padding-inline:18px}
    .world-line{min-height:52svh;padding-inline:20px}
  }

/* Last-pass menu override: the panel is a single vertical reading surface. */
@media(max-width:900px){
  .site-header.menu-open .nav{position:fixed!important;inset:0!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-column:auto!important;gap:0!important;width:100%!important;height:100svh!important;min-height:100svh!important;padding:92px 26px 30px!important;overflow:auto!important;background:linear-gradient(180deg,rgba(4,15,9,.995),rgba(2,9,6,.985))!important;border:0!important;transform:none!important;opacity:1!important;animation:menu-panel-in 360ms var(--ease) both!important}
  .site-header.menu-open .nav> a,.site-header.menu-open .nav-group>a{width:100%!important;flex:0 0 auto!important}
  .site-header.menu-open .nav-group{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-column:auto!important;width:100%!important;height:auto!important;flex:0 0 auto!important;margin:0!important;padding:0!important;border-top:1px solid var(--hair)!important;opacity:1!important;transform:none!important;animation:none!important}
  .site-header.menu-open .nav-group-label{display:block!important;flex:0 0 auto!important;width:100%!important;padding:15px 0 9px!important}
  .site-header.menu-open .nav-group>a{display:flex!important;min-height:49px!important;padding:11px 0!important;border-top:1px solid var(--hair)!important;font-family:var(--body)!important;font-size:20px!important;font-weight:560!important}
}

/* Cinematic restore: one thought at a time, no watermark, no brochure lists. */
.story-beat.mechanism-step,
.story-beat.thought-beat{min-height:82svh}
.mechanism-step>p,
.thought-beat>p{display:grid;gap:18px;max-width:980px}
.mechanism-step>p strong,
.thought-beat>p strong{display:block;color:var(--ink);font-weight:650}
.mechanism-step>p span,
.thought-beat>p span{display:block;color:var(--muted);font-family:var(--body);font-size:clamp(18px,1.7vw,24px);font-weight:520;letter-spacing:-.02em;line-height:1.45}
.story-beat.active.mechanism-step>p span,
.story-beat.active.thought-beat>p span{color:var(--soft)}
.cascade-step[data-field]{min-height:58svh}
.beta-hero{min-height:100svh;display:grid;align-items:center}
.beta-layout{width:min(calc(100% - 40px),1120px);padding-inline:0}
.beta-form{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.beta-form h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.055em}
.beta-form .prelaunch-cta{width:auto;justify-content:flex-start}
.beta-form-note{max-width:42ch}
@media(prefers-reduced-motion:reduce){
  .story-beat>p,.story-beat>.system-line,.story-beat>blockquote,.school-line p,.cascade-step p,.compounding-copy{opacity:1;transform:none}
}
@media(max-width:700px){
  .story-beat.mechanism-step,
  .story-beat.thought-beat{min-height:78svh;padding-inline:20px}
  .mechanism-step>p span,
  .thought-beat>p span{font-size:17px;line-height:1.42}
  .beta-layout{gap:48px}
}

/* Kinetic effects must paint: don't clip the underline/orbit geometry. */
.semantic-beat,.concept-line,.cascade-step,.freedom-sequence-v10{overflow:visible}
.kinetic{padding-bottom:.16em}
.story-beat.active .k-orbit::before,.world-line.active .k-orbit::before{opacity:.82;transform:rotate(351deg) scale(1)}
.story-beat.active .k-timeline::after,.world-line.active .k-timeline::after{transform:scaleX(1)}
.story-beat.active .k-gap::before,.story-beat.active .k-gap::after{opacity:.82;transform:scaleX(1)}
.k-label{position:relative}
.k-label::after{position:absolute;left:0;right:0;bottom:-.08em;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--coral) 12%,var(--coral) 88%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 760ms var(--spring)}
.story-beat.active .k-label::after,.cascade-step.active .k-label::after{transform:scaleX(1)}

/* Mobile menu rune loop sits in the field behind the links. */
.menu-rune-loop{display:none}
@media(max-width:900px){
  body.menu-open .site-header #primary-navigation .menu-rune-loop,
  .site-header.menu-open #primary-navigation .menu-rune-loop{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-6px!important;
    z-index:0!important;
    width:min(64vw,240px)!important;
    height:min(26svh,210px)!important;
    margin:0!important;
    object-fit:contain!important;
    opacity:.42!important;
    mix-blend-mode:screen!important;
    filter:brightness(1.14) saturate(.82) drop-shadow(0 0 22px rgba(174,211,170,.12))!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
    grid-row:auto!important;
  }
  body.menu-open .site-header #primary-navigation{isolation:isolate}
  .site-header.menu-open #primary-navigation>a,
  .site-header.menu-open #primary-navigation>.nav-group{position:relative;z-index:1}
}
@media(prefers-reduced-motion:reduce){
  .menu-rune-loop{display:none!important}
}

/* Launch freeze: one nav, visible use cases, legal chrome, founder beat. */
.nav{gap:clamp(14px,1.6vw,26px)}
.nav a{font-size:12px;white-space:nowrap}
.nav-group{display:none!important}
.founder-beat{min-height:72svh}
.founder-beat .section-copy{margin-inline:auto}
.legal-page{padding-top:132px;padding-bottom:80px;min-height:100svh}
.legal-copy{max-width:760px}
.contact-block{max-width:640px;margin:42px auto 0;text-align:left}
.site-footer-v9 .footer-trust{display:grid!important}
.site-footer-v9 .footer-legal{display:flex;flex-wrap:wrap;gap:10px 16px}
.site-footer-v9 .footer-legal a{color:var(--muted)}
.site-footer-v9 .footer-legal a:hover{color:var(--ink)}
@media(max-width:1100px){
  .nav{gap:16px}
}
@media(max-width:900px){
  .nav-group{display:none!important}
}

/* Mobile reading: break at clauses, not mid-thought. Don't let kinetic geometry split a sentence. */
.only-mobile{display:none}
.only-desktop{display:block}
@media(max-width:700px){
  .only-mobile{display:block}
  .only-desktop{display:none}
  .story-beat>p,
  .story-beat>.system-line,
  .story-beat>blockquote,
  .cascade-step p,
  .school-line p{
    max-width:16.8em;
    margin-inline:auto;
    font-size:clamp(28px,7.8vw,36px);
    line-height:1.22;
    letter-spacing:-.028em;
    text-wrap:pretty;
  }
  .possibility-beat>p,
  .possibility-question{
    font-size:clamp(27px,7.4vw,34px);
    line-height:1.2;
  }
  .kinetic{padding-bottom:.04em}
  .k-repair::after,.k-fall::after,.k-timeline::after{display:none!important}
  .section-title,
  .challenge h2{
    text-wrap:pretty;
    line-height:1.1;
    font-size:clamp(36px,10.4vw,48px);
    letter-spacing:-.05em;
  }
}

.how-band{
  min-height:auto;
  padding:52px 24px 8px;
  display:grid;
  place-items:center;
  text-align:center;
}
.how-band .eyebrow{margin:0}

/* How-it-works narrative: one quiet index, one thought, one short handoff. */
.how-hero .section-title{max-width:980px}
.how-hero-copy{max-width:430px;margin-inline:auto;color:var(--muted)}
.how-flow{position:relative}
.how-flow::before{position:absolute;top:8svh;bottom:8svh;left:50%;width:1px;background:linear-gradient(180deg,transparent,var(--green) 18%,var(--amber) 52%,var(--green) 82%,transparent);content:"";opacity:.18;pointer-events:none}
.how-beat{position:relative;z-index:1;min-height:82svh;padding:84px 24px;display:grid;place-items:center;text-align:center}
.how-beat-frame{position:relative;z-index:1;width:min(100%,940px);display:grid;justify-items:center;gap:19px;opacity:.18;transform:translateY(12px) scale(.985);transition:opacity 620ms var(--ease),transform 850ms var(--spring)}
.how-beat.active .how-beat-frame{opacity:1;transform:none}
.how-beat-index{color:var(--green);font-size:11px;font-weight:820;letter-spacing:.16em}
.how-beat-line{max-width:940px;margin:0;color:var(--ink);font-family:var(--display);font-size:clamp(48px,7vw,102px);font-weight:620;letter-spacing:-.067em;line-height:.94;text-wrap:balance}
.how-beat-support{max-width:35ch;margin:0;color:var(--muted);font-family:var(--body);font-size:clamp(17px,1.65vw,23px);font-weight:520;letter-spacing:-.02em;line-height:1.42;text-wrap:pretty}
.how-beat.active .how-beat-support{color:var(--soft)}
.how-close{min-height:78svh}
.how-close .prelaunch-copy{max-width:430px;margin-inline:auto}
@media(max-width:700px){
  .how-flow::before{left:20px;top:7svh;bottom:7svh}
  .how-beat{min-height:70svh;padding:72px 26px}
  .how-beat-frame{gap:15px}
  .how-beat-index{font-size:10px}
  .how-beat-line{font-size:clamp(39px,11vw,55px);line-height:1.01;letter-spacing:-.045em}
  .how-beat-support{max-width:30ch;font-size:16px;line-height:1.45}
  .how-close{min-height:68svh}
}
@media(prefers-reduced-motion:reduce){.how-beat-frame{opacity:1;transform:none;transition:none}}

/* Empty/gap underline polish: the empty idea gets one clean, responsive underline. */
.k-empty{text-decoration:underline;text-decoration-thickness:.055em;text-underline-offset:.16em;text-decoration-color:transparent}
.k-empty::before,.k-empty::after{display:none!important}
.story-beat.active .k-empty,.cascade-step.active .k-empty{text-decoration-color:color-mix(in srgb,var(--coral) 82%,transparent)}

/* Mobile menu polish: keep the panel below the header, lock the page behind it,
   and blend the rune video without a mask edge around its raster field. */
@media(max-width:900px){
  html.menu-open{overflow:hidden!important;overscroll-behavior:none}
  .prelaunch-cta i,.hero-action i,.challenge-action i,.possibility-next i{display:none!important}
  body.menu-open{overflow:hidden!important;overscroll-behavior:none}
  .site-header.menu-open{background:rgba(4,14,8,.99)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .site-header.menu-open .nav{inset:68px 0 0!important;height:calc(100svh - 68px)!important;min-height:calc(100svh - 68px)!important;padding:18px 26px 30px!important;overflow:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:none;background:linear-gradient(180deg,rgba(4,15,9,.995),rgba(2,9,6,.995))!important}
  .site-header.menu-open .nav::-webkit-scrollbar{display:none}
  .site-header.menu-open .nav::before{display:none!important}
  .site-header.menu-open .nav .menu-rune-loop{display:block!important;opacity:.34!important;mix-blend-mode:screen!important;filter:blur(.25px) brightness(1.06) saturate(.55) drop-shadow(0 0 18px rgba(174,211,170,.08))!important;mask-image:none!important;-webkit-mask-image:none!important}
}
