/* Cedar Arrow */
:root{
  --ground:#2A1A14;
  --ground-2:#24160F;
  --ink:#F4EFE6;
  --muted:rgba(244,239,230,.74);
  --dim:rgba(244,239,230,.62);
  --line:rgba(244,239,230,.09);
  --line-2:rgba(244,239,230,.16);
  --amber:#E8A04B;
  --green:#16302A;
  --ease:cubic-bezier(.22,1,.36,1);
  --serif:"Instrument Serif", Georgia, "Times New Roman", serif;
  --sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cond:"Antonio", "Arial Narrow", sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;
  --maxw:1312px;
  --gut:clamp(24px,4.2vw,64px);
  --fx:max(12px, calc(50% - 656px)); /* frame line x, relative to full-width parents */
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--ground)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:clip;text-rendering:optimizeLegibility}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
em{font-style:normal}
p{margin:0}
h1,h2,h3{margin:0;font-weight:400}
ul,ol{list-style:none;margin:0;padding:0}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#1a100c;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.acc{color:var(--amber)}
.below{position:relative}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}

/* ---------- hairline frame ---------- */
.frame{position:absolute;inset:0;pointer-events:none;z-index:30}
.frame i{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}
.frame-l{left:var(--fx)}
.frame-r{right:var(--fx)}
.rule{position:absolute;top:0;left:0;right:0;height:1px;background:var(--line);pointer-events:none;z-index:31}
.rule::before,.rule::after{content:"";position:absolute;top:-6px;width:13px;height:13px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 0v13M0 6.5h13' stroke='%23F4EFE6' stroke-opacity='.42' stroke-width='1'/%3E%3C/svg%3E") no-repeat}
.rule::before{left:calc(var(--fx) - 6px)}
.rule::after{right:calc(var(--fx) - 6px)}

/* ---------- pills / buttons ---------- */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:.005em;text-decoration:none;white-space:nowrap;transition:background-color .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease),transform .6s var(--ease)}
.pill-amber{background:var(--amber);color:#24150D}
.pill-amber:hover{background:#F0B262}
.pill-line{border:1px solid rgba(244,239,230,.32);color:var(--ink)}
.pill-line:hover{border-color:rgba(244,239,230,.7)}
.pill-lg{min-height:52px;padding:0 26px;font-size:16px}
.pill .arr{display:inline-block;transition:transform .6s var(--ease)}
.pill:hover .arr{transform:translateX(4px)}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:18px calc(var(--fx) + 20px);transition:transform .8s var(--ease),opacity .8s var(--ease)}
.nav.is-hidden{transform:translateY(-120%)}
.nav-how,.nav-pill{transition:opacity .7s var(--ease),transform .7s var(--ease),background-color .7s var(--ease)}
.nav.compact .nav-how{opacity:0;pointer-events:none;transform:translateY(-6px)}
.nav.compact .nav-pill{background:rgba(30,18,13,.8)}
.wordmark{justify-self:start;display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font-family:var(--serif);font-size:24px;letter-spacing:.005em;line-height:1}
.wm-arrow{width:15px;height:15px;fill:none;stroke:var(--amber);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nav-pill{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(42,26,20,.55);border:1px solid rgba(244,239,230,.14);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
.menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 14px;border-radius:999px;font-size:15px;font-weight:500;transition:background-color .4s var(--ease)}
.menu-btn:hover{background:rgba(244,239,230,.08)}
.menu-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.nav-cta{min-height:44px;padding:0 18px}
.nav-how{justify-self:end}

/* ---------- menu overlay ---------- */
.menu{position:fixed;inset:0;z-index:100;background:rgba(26,16,12,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:0;transition:opacity .6s var(--ease);overflow-y:auto}
.menu.is-open{opacity:1}
.menu-inner{min-height:100%;display:flex;flex-direction:column;padding:18px calc(var(--fx) + 20px) 28px}
.menu-top{display:flex;justify-content:space-between;align-items:center;min-height:52px}
.menu-label{font-family:var(--serif);font-size:24px}
.menu-links{margin:auto 0;padding:6vh 0;display:flex;flex-direction:column;gap:2px}
.menu-links li{overflow:hidden}
.menu-links a{display:inline-block;text-decoration:none;font-family:var(--serif);font-size:clamp(40px,7vw,96px);line-height:1.08;padding:2px 0;border-radius:6px}
.menu-links a span{display:inline-flex;align-items:baseline;gap:18px;transform:translateY(105%);transition:transform .9s var(--ease),color .4s var(--ease)}
.menu-links em{font-family:var(--mono);font-size:13px;color:var(--dim);letter-spacing:.08em;transform:translateY(-1.6em)}
.menu.is-open .menu-links a span{transform:none}
.menu-links li:nth-child(1) a span{transition-delay:.08s}
.menu-links li:nth-child(2) a span{transition-delay:.14s}
.menu-links li:nth-child(3) a span{transition-delay:.2s}
.menu-links li:nth-child(4) a span{transition-delay:.26s}
.menu-links li:nth-child(5) a span{transition-delay:.32s}
.menu-links li:nth-child(6) a span{transition-delay:.38s}
.menu-links a:hover span{color:var(--amber)}
.menu-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--dim);font-size:14px;border-top:1px solid var(--line);padding-top:18px;opacity:0;transition:opacity .8s var(--ease) .4s}
.menu.is-open .menu-foot{opacity:1}
.menu-foot a{color:var(--ink);min-height:44px;display:inline-flex;align-items:center}

/* ---------- scenes (pinned, scroll-driven) ---------- */
.scene{position:relative;height:270vh;background:var(--ground)}
.scene-hero{height:280vh}
.scene-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ground)}
.scene-hero .scene-stage{background:#000}
.scene-media{position:absolute;inset:0;overflow:hidden}
.scene-scale{position:absolute;inset:-3%;transform-origin:50% 55%;will-change:transform,filter;backface-visibility:hidden}
.scene-video{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}
.scene-dim{position:absolute;inset:0;background:#120A07;opacity:0;will-change:opacity}
/* legibility + scene edges only */
.scene-shade{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,var(--ground) 0%,rgba(42,26,20,0) 16%,rgba(42,26,20,0) 80%,var(--ground) 100%),
  linear-gradient(90deg,rgba(18,10,7,.62) 0%,rgba(18,10,7,.38) 45%,rgba(18,10,7,.12) 75%)}
.scene-hero .scene-shade{background:linear-gradient(180deg,rgba(18,10,7,.62) 0%,rgba(18,10,7,.48) 34%,rgba(18,10,7,.16) 62%,rgba(42,26,20,.5) 86%,var(--ground) 100%)}
/* Search scene sits on brighter footage (valley): a firmer dark gradient behind the copy side */
.scene-search .scene-shade{background:
  linear-gradient(180deg,var(--ground) 0%,rgba(42,26,20,0) 16%,rgba(42,26,20,0) 80%,var(--ground) 100%),
  linear-gradient(90deg,rgba(18,10,7,.55) 0%,rgba(18,10,7,.3) 38%,rgba(18,10,7,.04) 70%)}
.scene-copy{position:absolute;left:0;right:0;top:50%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);transform:translateY(-50%);z-index:3}
.scene-copy .ln{will-change:transform,opacity}
.h-scene{font-family:var(--serif);font-size:clamp(50px,7.4vw,118px);line-height:.98;letter-spacing:-.014em;max-width:9.5em}
.scene-line{margin-top:26px;max-width:26em;color:rgba(244,239,230,.86);font-size:clamp(16px,1.3vw,19px);line-height:1.55}
.scene .eyebrow{color:rgba(244,239,230,.78)}
.scene-obj{position:absolute;left:50%;top:50%;z-index:4;will-change:transform,opacity;transform:translate3d(-50%,40vh,0) scale(.72);opacity:0}
.scene-hero .scene-obj{opacity:1}
.dash-obj{width:min(1040px,calc(100% - 2 * var(--gut)))}
.glass{border-radius:20px;background:rgba(24,15,11,.64);border:1px solid rgba(244,239,230,.14);
  -webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);
  box-shadow:0 1px 0 rgba(244,239,230,.06) inset,0 50px 100px -40px rgba(0,0,0,.65)}
.hero-head{position:absolute;top:0;left:0;right:0;z-index:3;transform:none;max-width:none;margin:0;height:52vh;height:52svh;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:110px var(--gut) 2svh}
.hero-title{font-family:var(--serif);font-size:clamp(44px,min(6vw,10.4vh),92px);line-height:1;letter-spacing:-.012em;text-shadow:0 1px 30px rgba(18,10,7,.25)}
.hero-title .ln>span{text-wrap:balance}
.hero-sub{text-shadow:0 1px 18px rgba(18,10,7,.6);margin-top:18px;max-width:33em;color:rgba(244,239,230,.86);font-size:clamp(16px,1.2vw,18px);line-height:1.55;text-wrap:pretty}
.hero-head .pill{margin-top:22px;min-height:48px}
.drift{will-change:transform,opacity}
.pill-white{background:var(--ink);color:#24150D}
.pill-white:hover{background:#fff}

/* paid object */
.paid-obj{width:min(660px,calc(100% - 32px));padding:0 0 22px}
.obj-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:48px;padding:0 18px;border-bottom:1px solid var(--line)}
.obj-title{font-family:var(--serif);font-size:20px}
.obj-meta{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.paid-rows{padding:8px 22px 0}
.paid-rows li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 108px;align-items:center;gap:18px;min-height:58px;border-bottom:1px solid var(--line)}
.pr-n{font-size:17px}
.pr-track{position:relative;height:1px;background:var(--line-2);overflow:hidden}
.pr-track i{position:absolute;inset:0;background:var(--amber);transform-origin:0 50%;transform:scaleX(0)}
.pr-s{justify-self:end;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .6s var(--ease),opacity .4s var(--ease)}
.pr-s::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid currentColor;transition:background-color .6s var(--ease)}
.pr-s[data-s="Keep"]{color:var(--amber)}.pr-s[data-s="Keep"]::before{background:var(--amber);border-color:var(--amber)}
.pr-s[data-s="Cut"]{color:rgba(244,239,230,.5)}.pr-s[data-s="Cut"]::before{width:9px;height:1px;border:0;border-radius:0;background:currentColor}
.pr-s[data-s="Next"]{color:var(--dim)}
.pr-s[data-s="Testing"]::before{animation:breathe 2.4s var(--ease) infinite}
.pr-s.flip{opacity:0}
.obj-foot{padding:16px 22px 0;font-size:14px;color:var(--muted);line-height:1.5}

/* search object */
.search-obj{width:min(620px,calc(100% - 32px));padding:20px 20px 22px}
.sbar{display:flex;align-items:center;gap:12px;height:54px;padding:0 20px;border-radius:999px;background:rgba(244,239,230,.08);border:1px solid var(--line-2);font-size:17px}
.sbar svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round}
.sbar .caret{width:1px;height:20px;background:var(--amber);margin-left:-8px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.results{position:relative;height:280px;margin-top:14px}
.res{position:absolute;left:0;right:0;top:0;height:52px;display:flex;align-items:center;gap:14px;padding:0 14px;border-radius:12px;transition:transform 1.1s var(--ease),background-color .8s var(--ease)}
.res i{width:30px;height:30px;border-radius:8px;flex:none;background:rgba(244,239,230,.1);border:1px solid var(--line)}
.res b{display:block;height:4px;border-radius:2px;background:rgba(244,239,230,.2);width:60%}
.res:nth-child(2) b{width:48%}.res:nth-child(3) b{width:66%}.res:nth-child(4) b{width:40%}
.res.you{background:rgba(232,160,75,.12);border:1px solid rgba(232,160,75,.45);font-size:16px}
.res.you i{background:var(--amber);border-color:var(--amber)}
.res.you span{flex:1}
.rank{width:18px;height:18px;fill:none;stroke:var(--amber);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .9s var(--ease)}
.res.you.up .rank{animation:nudge 1.1s var(--ease)}
@keyframes nudge{0%,100%{transform:none}40%{transform:translateY(-5px)}}
.search-obj .obj-foot{padding:6px 2px 0}

/* load choreography */
.js .scene-hero .scene-media{opacity:0}
.js.ready .scene-hero .scene-media{opacity:1;transition:opacity 1s cubic-bezier(.4,0,.2,1)}
.js .hero-title .ln>span{transform:translateY(105%)}
.js.lines .hero-title .ln>span{transform:none;transition:transform 1s var(--ease)}
.js.lines .hero-title .ln+.ln>span{transition-delay:.12s}
.js [data-intro]>*,.js p[data-intro]{transition:opacity 1s var(--ease)}
.js .hero-head [data-intro]{opacity:0}
.js.lines .hero-head [data-intro]{opacity:1;transition:opacity 1.1s var(--ease)}
.js.lines .hero-head [data-intro="1"]{transition-delay:.55s}
.js.lines .hero-head [data-intro="2"]{transition-delay:.8s}
.js.intro-done .hero-head [data-intro],.js.intro-done [data-intro]>*{transition:none!important}
.js .dash-intro{transform:translateY(50vh)}
.js.dash-in .dash-intro{transform:none;transition:transform 1.6s var(--ease)}
.js .tabs{opacity:0;transform:translateY(8px)}
.js.dash-tabs .tabs{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .panels{opacity:0}
.js.dash-tabs .panels{opacity:1;transition:opacity .6s var(--ease)}

/* statement interlude */
.statement{position:relative;height:220vh;background:var(--ground)}
.seen-stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.seen-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,104px);align-items:center}
.seen-lede .wd{transition:none}
.seen-obj{width:100%;max-width:520px;justify-self:end;padding:0 0 26px;will-change:transform,opacity;transform-origin:50% 60%}
.steps-wrap{position:relative;padding:22px 26px 0 26px}
.rail{position:absolute;left:26px;top:34px;bottom:30px;width:1px;background:var(--line-2)}
.rail-fill{position:absolute;left:0;top:0;width:1px;height:100%;background:var(--amber);transform-origin:50% 0;transform:scaleY(0)}
.rail-head{position:absolute;left:-12px;top:0;width:24px;height:20px;max-width:none;overflow:visible;transform:translate3d(0,-10px,0) rotate(90deg)}
.rail-head path{fill:none;stroke:var(--amber);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.steps{padding-left:30px}
.step{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:14px 0 16px;border-bottom:1px solid var(--line);opacity:.34;transition:opacity .7s var(--ease)}
.step:last-child{border-bottom:0}
.step.past{opacity:.6}
.step.on{opacity:1}
.step em{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--amber);padding-top:7px}
.step-t{font-family:var(--serif);font-size:clamp(24px,2vw,30px);line-height:1.1}
.step-p{margin-top:6px;font-size:15.5px;line-height:1.5;color:var(--muted)}

/* ---------- dashboard ---------- */
.dash{border-radius:18px;background:rgba(24,15,11,.72);border:1px solid rgba(244,239,230,.13);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);
  box-shadow:0 1px 0 rgba(244,239,230,.06) inset,0 40px 90px -30px rgba(0,0,0,.6);overflow:hidden}
.dash-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:46px;padding:0 16px;border-bottom:1px solid var(--line)}
.dots{display:flex;gap:7px}
.dots i{width:10px;height:10px;border-radius:50%;background:rgba(244,239,230,.2)}
.url{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--muted);padding:5px 22px;border-radius:999px;background:rgba(244,239,230,.06);border:1px solid var(--line)}
.dash-meta{justify-self:end;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.dash-body{padding:22px 28px 28px}
.tabs{position:relative;display:flex;gap:clamp(18px,3vw,40px);border-bottom:1px solid var(--line)}
.tabs button{font-family:var(--serif);font-size:clamp(28px,3.1vw,44px);line-height:1;padding:6px 0 16px;color:rgba(244,239,230,.4);transition:color .6s var(--ease);min-height:44px}
.tabs button[aria-selected="true"]{color:var(--ink)}
.tabs button:hover{color:rgba(244,239,230,.75)}
.tab-line{position:absolute;left:0;bottom:-1px;height:1px;width:100px;background:var(--amber);transform-origin:0 0;transition:transform .8s var(--ease),width .8s var(--ease)}
.panels{display:grid;margin-top:22px}
.panel{grid-area:1/1;opacity:0;transform:translateX(28px);visibility:hidden;transition:opacity .55s var(--ease),transform .9s var(--ease),visibility 0s linear .9s}
.panel.before{transform:translateX(-28px)}
.panel.is-active{opacity:1;transform:none;visibility:visible;transition:opacity .7s var(--ease) .12s,transform .9s var(--ease) .12s,visibility 0s}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{opacity:0;transform:translateY(14px);transition:opacity .3s linear .6s,transform 0s linear .9s;position:relative;padding:18px 18px 14px;border-radius:14px;background:rgba(244,239,230,.045);border:1px solid rgba(244,239,230,.09);display:flex;flex-direction:column}
.tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.tag::before{content:"";width:7px;height:7px;border-radius:50%}
.tag-keep{color:var(--amber)}.tag-keep::before{background:var(--amber)}
.tag-cut{color:var(--muted)}.tag-cut::before{border:1px solid var(--muted)}
.tag-next{color:var(--ink)}.tag-next::before{background:var(--ink)}
.card-t{margin-top:10px;font-size:16px;line-height:1.4;min-height:2.8em}
.spark{width:100%;height:46px;margin-top:14px;overflow:visible}
.spark path{fill:none;stroke:var(--amber);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 0s linear .9s}
.card:nth-child(2) .spark path{stroke:rgba(244,239,230,.55)}
.card:nth-child(3) .spark path{stroke:var(--ink)}
.panel.is-active .spark path{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease) .5s}
.panel.is-active .card:nth-child(2) .spark path{transition-delay:.65s}
.panel.is-active .card:nth-child(3) .spark path{transition-delay:.8s}
.panel.is-active .card{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--k,0) * 150ms + .1s)}
.cap{margin-top:6px;align-self:flex-end;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--dim)}
.chan{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
.chan li,.tests li{opacity:0;transform:translateY(10px);transition:opacity .2s linear .6s,transform 0s linear .9s}
.panel.is-active .chan li,.panel.is-active .tests li{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--k,0) * 60ms + .18s)}
.chan li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid var(--line);font-size:16px}
.st{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;display:inline-flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}
.st::before{content:"";width:7px;height:7px;border-radius:50%}
.st-run{color:var(--amber)}.st-run::before{background:var(--amber)}
.st-test::before{border:1px solid var(--ink);animation:breathe 2.4s var(--ease) infinite}
.st-next{color:var(--dim)}.st-next::before{width:9px;height:1px;border-radius:0;background:var(--dim)}
@keyframes breathe{0%,100%{opacity:1}50%{opacity:.35}}
.tests li{padding:14px 0 16px;border-bottom:1px solid var(--line)}
.tests-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:17px}
.track{display:block;position:relative;height:1px;margin-top:14px;background:var(--line-2);overflow:hidden}
.track::after{content:"";position:absolute;top:0;bottom:0;left:0;width:28%;background:var(--amber)}
.track.run::after{animation:scan 3.2s var(--ease) infinite}
.track.read::after{width:100%;background:rgba(244,239,230,.55);animation:breathe 3s var(--ease) infinite}
@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(360%)}}

/* ---------- section scaffolding ---------- */
.sec{position:relative;padding:clamp(96px,13vw,180px) 0}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:22px;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:1px;background:var(--amber)}
.h-xl{font-family:var(--serif);font-size:clamp(44px,6vw,92px);line-height:1;letter-spacing:-.012em}
.h-lg{font-family:var(--serif);font-size:clamp(38px,4.6vw,68px);line-height:1.02;letter-spacing:-.01em}
.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.ln>span{display:inline-block}
.js [data-lines] .ln>span{transform:translateY(105%)}
.js [data-lines].in .ln>span{transform:none;transition:transform .9s var(--ease)}
.js [data-lines].in .ln:nth-child(2)>span{transition-delay:.09s}
.js [data-lines].in .ln:nth-child(3)>span{transition-delay:.18s}
.js [data-reveal]{opacity:0;transform:translateY(24px);filter:blur(6px)}
.js [data-reveal].in{opacity:1;transform:none;filter:blur(0);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:var(--rd,0ms)}
.lede{margin-top:28px;max-width:34em;color:var(--muted);font-size:clamp(17px,1.35vw,20px);line-height:1.55}

/* ---------- momentum ---------- */
.momentum{position:relative;height:320vh;background:var(--ground)}
.mom-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.mom-bg .scene-scale{opacity:.34;filter:blur(7px)}
.mom-bg .scene-shade{background:linear-gradient(180deg,var(--ground) 0%,rgba(42,26,20,.55) 22%,rgba(42,26,20,.55) 78%,var(--ground) 100%)}
.mom-sticky{position:relative;z-index:2;height:100%;max-width:var(--maxw);margin:0 auto;padding:96px var(--gut) 56px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;overflow:hidden}
.mom-h{font-family:var(--serif);font-size:clamp(26px,2.4vw,36px);line-height:1.1;color:var(--ink);margin-bottom:clamp(18px,2.6vh,32px)}
.mom-words{display:flex;flex-direction:column}
.mw{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(52px,7.4vw,124px);line-height:.94;letter-spacing:-.005em;color:transparent;-webkit-text-stroke:1px rgba(244,239,230,.34);transition:color .7s var(--ease),-webkit-text-stroke-color .7s var(--ease),transform .9s var(--ease);transform:translateX(0)}
.mw.is-on{color:var(--ink);-webkit-text-stroke-color:var(--ink)}
.mom-caps{display:grid;margin-top:clamp(18px,3vh,30px);max-width:30em}
.mc{grid-area:1/1;color:var(--muted);font-size:clamp(16px,1.25vw,18px);line-height:1.55;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .7s var(--ease)}
.mc.is-on{opacity:1;transform:none;transition-delay:.12s}
.mom-count{margin-top:22px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--dim)}
.mom-count span{color:var(--amber)}
.chart{width:100%;height:auto;overflow:visible}
.chart .grid line{stroke:rgba(244,239,230,.1);stroke-width:1}
.chart .grid line.base{stroke:rgba(244,239,230,.28)}
.chart .grid line.v{stroke:rgba(244,239,230,.06)}
.chart .grid text,.chart .axis,.chart .ends text{font-family:var(--mono);font-size:11px;letter-spacing:.12em;fill:rgba(244,239,230,.55);text-transform:uppercase}
.curve{fill:none;stroke:rgba(244,239,230,.22);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transition:stroke .7s var(--ease),stroke-width .7s var(--ease)}
.curve.is-on{stroke:var(--amber);stroke-width:2}
.ends text{opacity:0;transition:opacity .6s var(--ease)}
.ends text.show{opacity:1}
.ends text.on{fill:var(--amber)}
.head path{fill:none;stroke:var(--amber);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- what's stuck ---------- */
.stuck{position:relative;background:var(--green);padding:clamp(110px,13vw,190px) 0 clamp(110px,12vw,170px);overflow:hidden;isolation:isolate}
.stuck-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.stuck-drift{position:absolute;left:-6%;right:-6%;top:-18%;bottom:-18%;will-change:transform}
.stuck-drift video{width:100%;height:100%;object-fit:cover;filter:blur(38px) saturate(1.15);transform:scale(1.12)}
.stuck-tint{position:absolute;inset:0;background:rgba(22,48,42,.8)}
.glass-panel{max-width:1180px;margin-left:auto;margin-right:auto;padding:clamp(40px,4vw,64px) clamp(20px,3vw,48px) clamp(36px,3.6vw,56px);border-radius:28px;background:rgba(22,48,42,.38);border:1px solid rgba(244,239,230,.14);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 50px 120px -50px rgba(0,0,0,.55)}
.stuck-head{text-align:center;display:flex;flex-direction:column;align-items:center}
.stuck .eyebrow{color:rgba(244,239,230,.72)}
.board{margin-top:clamp(28px,4vw,56px)}
.stage{position:relative;width:min(820px,calc(100% - 380px));margin:0 auto;aspect-ratio:1000/520}
.arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.arc-line{fill:none;stroke:rgba(244,239,230,.32);stroke-width:1}
.arc-ticks line{stroke:rgba(244,239,230,.5);stroke-width:1}
.arc-dot{fill:var(--ink)}
.opts{position:absolute;inset:0}
.opt{position:absolute;min-height:44px;width:max-content;max-width:200px;padding:8px 4px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.35;color:rgba(244,239,230,.62);transition:color .5s var(--ease)}
.opt:hover{color:rgba(244,239,230,.9)}
.opt[aria-checked="true"]{color:var(--ink)}
.opt::after{content:"";position:absolute;left:4px;right:4px;bottom:4px;height:1px;background:var(--amber);transform:scaleX(0);transition:transform .7s var(--ease)}
.opt[aria-checked="true"]::after{transform:scaleX(1)}
.opt:nth-child(1){left:7%;top:69.3%;transform:translate(-100%,-50%);text-align:right}
.opt:nth-child(1)::after{transform-origin:100% 0}
.opt:nth-child(2){left:23.4%;top:25.8%;transform:translate(-100%,-100%);text-align:right}
.opt:nth-child(2)::after{transform-origin:100% 0}
.opt:nth-child(3){left:50%;top:9.2%;transform:translate(-50%,-100%);text-align:center;max-width:none;white-space:nowrap}
.opt:nth-child(4){left:76.6%;top:25.8%;transform:translate(0,-100%);text-align:left}
.opt:nth-child(4)::after{transform-origin:0 0}
.opt:nth-child(5){left:93%;top:69.3%;transform:translate(0,-50%);text-align:left}
.opt:nth-child(5)::after{transform-origin:0 0}
.ans-title{position:absolute;left:50%;bottom:4%;width:64%;transform:translateX(-50%);text-align:center;font-family:var(--serif);font-size:clamp(34px,3.6vw,54px);line-height:1.04;text-wrap:balance}
.answer{max-width:620px;margin:clamp(30px,3vw,44px) auto 0;text-align:center;min-height:132px}
.ans-k{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}
.ans-t{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ink)}
.ans-t b{font-weight:600}
.swap-out{opacity:0;transform:translateY(8px);filter:blur(4px)}
.ans-title,.ans-t{transition:opacity .45s var(--ease),transform .6s var(--ease),filter .45s var(--ease)}
.stages{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:14px}
.stages-l{font-size:14px;color:rgba(244,239,230,.74)}
.stage-pills{display:flex;gap:6px;padding:4px;border-radius:999px;border:1px solid rgba(244,239,230,.2)}
.sp{min-height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:500;color:rgba(244,239,230,.8);transition:background-color .5s var(--ease),color .5s var(--ease)}
.sp:hover{color:var(--ink)}
.sp[aria-checked="true"]{background:var(--ink);color:var(--green)}

/* ---------- network ---------- */
.network{background:var(--ground)}
.net-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.net-grid>div:first-child{position:sticky;top:120px}
.net-eyebrow{margin-top:56px}
.runlist{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-top:1px solid var(--line)}
.runlist li{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-bottom:1px solid var(--line)}
.runlist b{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15}
.runlist span{font-size:15px;line-height:1.5;color:var(--muted)}
.net-p{color:var(--muted);font-size:clamp(17px,1.35vw,20px);line-height:1.6;padding-top:44px}
.promises{margin-top:48px;border-top:1px solid var(--line)}
.promises li{display:flex;align-items:baseline;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:clamp(26px,2.5vw,38px);line-height:1.15}
.promises em{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--amber);transform:translateY(-.6em)}

/* ---------- final CTA ---------- */
.cta{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate}
.cta-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.cta-par{position:absolute;inset:-9% 0;will-change:transform;transform-origin:50% 50%}
.cta-bg video{width:100%;height:100%;object-fit:cover;object-position:50% 70%;animation:kb 28s ease-in-out infinite alternate;transform-origin:60% 60%}
.cta.paused .cta-bg video{animation-play-state:paused}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12) translate3d(-1%,-1%,0)}}
.cta-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,16,10,.74) 0%,rgba(30,16,10,.56) 45%,rgba(24,13,9,.66) 100%)}
.cta-inner{position:relative;z-index:2;padding:0 var(--gut);margin-top:-14svh;display:flex;flex-direction:column;align-items:center}
.h-cta{font-family:var(--serif);font-size:clamp(44px,6.2vw,96px);line-height:1;letter-spacing:-.012em}
.cta .pill{margin-top:36px}
.yours{position:absolute;left:var(--fx);right:var(--fx);top:64%;height:22%;z-index:1;pointer-events:none}
.yours svg{width:100%;height:100%;overflow:visible}
#yoursPath{stroke:var(--amber);stroke-width:1.8;stroke-dasharray:7 9;stroke-linecap:round}
#yoursHead{transition:opacity .4s var(--ease)}
.yours-q{position:absolute;font-family:var(--serif);font-size:clamp(40px,4vw,60px);line-height:1;color:var(--amber);transform:translate(10px,-55%);opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease)}
.yours.in .yours-q{opacity:1;transform:translate(16px,-55%)}
.living{position:absolute;left:0;right:0;bottom:clamp(24px,5vh,48px);z-index:2;padding:0 var(--gut);text-align:center;font-size:14.5px;color:rgba(244,239,230,.86);display:flex;flex-direction:column;gap:4px}
.living p{display:flex;justify-content:center;align-items:baseline;gap:10px}
.living-date{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,239,230,.7)}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:none;transform:translateY(-1px);animation:breathe 2.2s var(--ease) infinite}

/* ---------- footer ---------- */
.foot{position:relative;background:var(--ground)}
.foot-in{display:flex;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:28px;font-size:14px;color:var(--muted)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .stage{width:min(760px,100%);aspect-ratio:auto}
  .arc{display:none}
  .opts{position:relative;inset:auto;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .opts::-webkit-scrollbar{display:none}
  .opt,.opt:nth-child(n){position:relative;left:auto;top:auto;transform:none;flex:none;scroll-snap-align:start;max-width:none;white-space:nowrap;text-align:center;padding:0 18px;border-radius:999px;border:1px solid rgba(244,239,230,.24);font-size:12px}
  .opt::after{display:none}
  .opt[aria-checked="true"]{background:var(--ink);color:var(--green);border-color:var(--ink)}
  .ans-title{position:static;transform:none;width:auto;margin-top:36px;font-size:clamp(34px,6vw,48px)}
}
@media (max-width:900px){
  .runlist{grid-template-columns:1fr}
  .seen-grid{grid-template-columns:1fr;gap:28px}
  .seen-obj{justify-self:stretch;max-width:none}
  .seen-stage{align-items:flex-start;padding-top:88px}
  .seen-copy .h-xl{font-size:clamp(38px,10vw,56px)}
  .seen-copy .lede{margin-top:16px;font-size:16px}
  .seen-copy .eyebrow{margin-bottom:14px}
  .step{padding:10px 0 12px}
  .step-t{font-size:22px}
  .step-p{font-size:14.5px;margin-top:4px}
  .steps-wrap{padding:14px 18px 0}
  .rail{left:18px;top:24px}
  .net-grid{grid-template-columns:1fr;gap:0}
  .net-grid>div:first-child{position:static}
  .net-p{padding-top:28px}
  .mom-sticky{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:20px;padding:84px var(--gut) 32px}
  .mom-right{order:2}
  .mom-left{display:contents}
  .mom-h{order:0;margin-bottom:0}
  .mom-words{order:1}
  .mom-right{order:2}
  .mom-caps{order:3;margin-top:0}
  .mom-count{display:none}
  .chart{max-height:30svh;width:auto;margin:0 auto}
  .chart .grid text,.chart .axis,.chart .ends text{font-size:17px;letter-spacing:.06em}
}
@media (max-width:720px){
  body{font-size:16px}
  .nav{grid-template-columns:auto 1fr;padding:14px calc(var(--fx) + 10px)}
  .nav-how{display:none}
  .nav-pill{justify-self:end}
  .menu-btn{padding:0 12px}
  .nav-cta{padding:0 14px;font-size:14px}
  .wordmark{font-size:21px}
  .hero-head{height:86svh;min-height:0;justify-content:center;padding:84px var(--gut) 0}
  .hero-title{font-size:clamp(40px,11vw,56px)}
  .hero-sub{font-size:15.5px;margin-top:14px}
  .hero-head .pill{margin-top:18px}
  .dash-obj{width:calc(100% - 28px)}
  .h-scene{font-size:clamp(46px,13vw,64px)}
  .scene-copy:not(.hero-head){top:40%}
  .scene-line{font-size:16px;margin-top:18px}
  .scene-shade{background:linear-gradient(180deg,var(--ground) 0%,rgba(42,26,20,0) 16%,rgba(42,26,20,0) 80%,var(--ground) 100%),linear-gradient(180deg,rgba(18,10,7,.35),rgba(18,10,7,.55))}
  .paid-rows{padding:6px 16px 0}
  .paid-rows li{grid-template-columns:minmax(0,1fr) auto;min-height:52px}
  .pr-track{display:none}
  .obj-foot{padding:14px 16px 0}
  .search-obj{padding:16px 14px 18px}
  .glass-panel{padding:36px 18px 32px;border-radius:22px}
  .dash-body{padding:16px 16px 18px}
  .dash-bar{padding:0 12px}
  .dash-meta{display:none}
  .dash-bar{grid-template-columns:auto 1fr}
  .url{justify-self:center;margin-right:30px}
  .tabs{gap:20px}
  .tabs button{font-size:26px;padding-bottom:12px}
  .cards{grid-template-columns:1fr;gap:10px}
  .card{display:grid;grid-template-columns:1fr 92px;grid-template-rows:auto auto auto;column-gap:14px;padding:14px}
  .card .tag{grid-column:1;grid-row:1}
  .card-t{grid-column:1;grid-row:2;min-height:0;margin-top:6px;font-size:15px}
  .spark{grid-column:2;grid-row:1/3;height:40px;margin-top:0;align-self:center}
  .cap{grid-column:2;grid-row:3;margin-top:4px}
  .chan{grid-template-columns:1fr}
  .chan li{font-size:15px;min-height:42px}
  .tests-row{font-size:15.5px;flex-direction:column;gap:6px}
  .stage-pills .sp{padding:0 16px}
  .promises li{gap:16px}
  .h-cta{font-size:clamp(40px,11vw,56px)}
  .yours{top:62%;height:16%}
  .living{font-size:13.5px}
  .living p{display:block}
  .living .pulse{display:inline-block;margin-right:8px}
  .foot-in{flex-direction:column;gap:4px}
  .mw{font-size:clamp(46px,14.5vw,84px)}
  .mom-h{font-size:24px}
  .mc{font-size:15.5px}
}
@media (max-width:380px){
  .nav-cta{display:none}
}

/* ---------- reduced motion ---------- */
.rm *,.rm *::before,.rm *::after{transition:none!important;animation:none!important}
.rm [data-intro],.rm .dash-intro,.rm [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}
.rm [data-lines] .ln>span{transform:none!important}
.rm .scene-media,.rm .tabs,.rm .panels,.rm .card,.rm .dash-intro,.rm .hero-head [data-intro]{opacity:1!important;transform:none!important}
.rm .scene{height:auto}
.rm .scene-stage{position:relative;height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:72px;padding:140px 0 110px}
.rm .scene-copy,.rm .hero-head,.rm .scene-obj{position:relative;top:auto;left:auto;right:auto;height:auto;min-height:0;transform:none!important;opacity:1!important;margin-left:auto;margin-right:auto}
.rm .hero-head{padding-top:0;padding-bottom:0}
.rm .scene-copy .ln,.rm .drift{transform:none!important;opacity:1!important}
.rm .momentum{height:auto}.rm .mom-pin{position:relative}
.rm .statement{height:auto}.rm .seen-stage{position:relative;height:auto;padding:120px 0}
.rm .hero-title .ln>span{transform:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}