@font-face{font-family:"Inter Tight";src:url(fonts/inter-tight-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--paper:#F3F0E8;--black:#121212;--graphite:#333333;--signal:#FF4B2B;--mid:#6A6862;--signal-ink:#F54528;--rule:#121212;
--sans:"Inter Tight",Arial,Helvetica,sans-serif;--mono:"Plex Mono",ui-monospace,Menlo,monospace;--pad:clamp(20px,3.4vw,56px);--hh:72px}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--black);-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{font-family:var(--sans);color:var(--graphite);font-size:18px;line-height:1.5;font-feature-settings:"tnum" 1;overflow-x:clip;background:var(--paper)}
a{color:inherit}
ul,ol{list-style:none}
.mono,.label,.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
h1,h2,h3,.fig,.quote,.inter{font-family:var(--sans);color:var(--black);font-weight:800;letter-spacing:-.03em;line-height:.92}
.arw{width:16px;height:10px;margin-left:12px;vertical-align:1px}
.btn{display:inline-flex;align-items:center;background:var(--signal);color:var(--black);text-decoration:none;position:relative;overflow:hidden;
font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:17px 22px;border:0;border-radius:0;transition:background .25s,color .25s}
.btn:hover,.btn:focus-visible{background:var(--paper);color:var(--black)}
.btn .arw{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.btn:hover .arw{transform:translateX(5px)}
.wordmark{font-family:var(--sans);font-weight:800;letter-spacing:-.02em;font-size:26px;color:var(--black);text-decoration:none;white-space:nowrap}
.wordmark b{color:var(--signal-ink);font-weight:800}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.menu-btn,.mnav,br.m{display:none}
@media (max-width:767px){br.d{display:none}}
@media (min-width:768px){.m-only{display:none !important}}
#bg,#gl,#fx,#loader,.chapters,header .chap,header .prog{display:none}

/* header */
header.nav{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--rule);color:var(--black)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--hh);gap:24px}
header.nav nav{display:flex;gap:36px}
header.nav nav a{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;font-weight:500;position:relative;padding:6px 0}
header.nav nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--signal);transform:scaleX(0);transform-origin:100% 50%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
header.nav nav a:hover::after,header.nav nav a.on::after{transform:scaleX(1);transform-origin:0 50%}
header.nav .mnav{display:none}
.nav-cta{display:inline-flex;align-items:center;background:var(--black);color:var(--paper);text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;font-weight:500;transition:background .25s,color .25s}
.nav-cta:hover{background:var(--signal);color:var(--black)}

/* hero: dark, the point's home */
.hero{background:var(--black);color:#CFCBC2;border-bottom:1px solid #2A2A2A}
.hero .grid{grid-template-rows:auto auto auto 1fr;padding-top:36px;padding-bottom:56px}
.hero-l{display:contents}
.eyebrow{grid-column:1/13;grid-row:1;color:#9A978F;display:flex;justify-content:space-between;border-bottom:1px solid #3A3A3A;padding-bottom:14px}
.hero h1{grid-column:1/13;grid-row:2;color:var(--paper);font-size:clamp(46px,min(10vw,17.2vh),176px);text-transform:uppercase;margin:0;padding-top:clamp(28px,3vw,52px);letter-spacing:-.045em;line-height:.88}
.hero h1>span{display:block;white-space:nowrap}
.hero-intro{grid-column:1/7;grid-row:3;max-width:560px;margin-top:clamp(28px,3vw,44px);font-size:clamp(18px,1.4vw,21px);line-height:1.45;color:#E9E5DC}
.hero-cta{grid-column:1/7;grid-row:4;display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px;align-self:start}
.support{font-family:var(--mono);font-size:12px;letter-spacing:.08em;font-weight:500;color:#9A978F}
.hero-r{grid-column:8/13;grid-row:3/5;margin-top:clamp(28px,3vw,44px);display:flex;flex-direction:column;gap:14px}
.hero-r .mono{color:#9A978F}
.hero-r .offer{border-top:1px solid #4A4A4A}
.hero-r .offer li{font-family:var(--sans);font-weight:800;color:var(--paper);font-size:clamp(17px,1.35vw,21px);letter-spacing:-.02em;line-height:1.1;padding:9px 0;border-bottom:1px solid #2E2E2E;display:flex;gap:14px;align-items:baseline}
.hero .btn:hover,.hero .btn:focus-visible{background:var(--paper)}

/* sections */
section{padding:clamp(72px,7.6vw,112px) 0;position:relative}
.l{background:var(--paper)}
#model{padding-top:clamp(56px,5vw,80px)}
.label{border-top:1px solid var(--rule);padding-top:14px;color:var(--black);display:flex;justify-content:space-between;position:relative}
h2{font-size:clamp(40px,3.6vw,52px);text-transform:uppercase;margin:32px 0 0;max-width:22ch;line-height:1.05;text-wrap:balance}
h2 span{display:block}
.h2-wide{max-width:none}
h2 span+span{color:var(--mid)}
.body p{margin-top:12px;max-width:52ch}
.body p:first-child{margin-top:0}
.list{margin:14px 0 4px;border-top:1px solid #CFCAC0;max-width:46ch}
.list li{padding:7px 0;border-bottom:1px solid #CFCAC0;font-size:17px}
.strong{font-weight:700;color:var(--black)}
/* 01 model */
.steps{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr) 72px minmax(0,1fr);margin-top:48px;border-top:1px solid var(--rule);position:relative}
.step{padding:28px 0 4px}
.bignum{font-family:var(--sans);font-weight:800;color:var(--signal-ink);font-size:clamp(64px,6vw,104px);letter-spacing:-.05em;line-height:.8;font-variant-numeric:tabular-nums}
.step-k{margin-top:28px;font-size:clamp(26px,2.4vw,40px);letter-spacing:-.03em;line-height:1;text-transform:uppercase}
.step-a{margin-top:14px;color:var(--graphite)}
.step-l{margin-top:12px;font-size:18px;color:var(--graphite);line-height:1.4;max-width:28ch}
.step-arw{color:var(--signal);padding:44px 16px 0}
.step-arw svg{display:block;width:40px;height:16px}
/* 02 evidence */
.dark{background:var(--black);color:#CFCBC2}
.dark .label{border-color:#4A4A4A;color:#E9E5DC}
.dark h2,.dark h3,.dark .fig,.dark .quote,.dark .inter{color:var(--paper)}
.dark h2 span+span{color:#9A978F}
.dark .list,.dark .list li{border-color:#3A3A3A}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border-top:1px solid #4A4A4A;border-bottom:1px solid #4A4A4A;position:relative}
.stat{padding:32px 32px 36px 0;border-right:1px solid #4A4A4A;position:relative}
.stat+.stat{padding-left:32px}
.stat:last-child{border-right:0}
.fig{font-size:clamp(56px,6.4vw,112px);letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums}
.stat-l{margin-top:20px;font-size:18px;color:#E9E5DC;max-width:30ch}
.chart-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:72px}
.chart-head{grid-column:1/13;display:flex;justify-content:space-between;color:#9A978F;border-bottom:1px solid #4A4A4A;padding-bottom:12px;margin-bottom:24px}
.chart-fig{grid-column:1/9}
.chart{width:100%;height:auto;display:block}
.chart-m{display:none}
.chart .g{stroke:#262626;stroke-width:1}
.chart .v{stroke:#4A4A4A;stroke-width:1}
.chart .ax{font-family:var(--mono);font-size:12px;letter-spacing:.06em;fill:#9A978F}
.chart .ax.col{fill:#E9E5DC}
.chart .t{stroke:#9A978F;stroke-width:1;stroke-opacity:.34}
.chart .pk{fill:#8C8A84}
.chart .nw{fill:#E9E5DC}
.chart .m{stroke:var(--signal);stroke-width:2.5}
.chart .md{fill:var(--signal)}
.chart .mg{stroke:var(--signal);stroke-width:1;stroke-dasharray:2 4;stroke-opacity:.8}
.chart .br{stroke:var(--signal);stroke-width:2;fill:none}
.chart .ring{fill:none;stroke:var(--signal);stroke-width:1.5;opacity:0}
.chart-side{grid-column:9/13;border-left:1px solid #4A4A4A;padding-left:32px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.chart-side .body p{max-width:36ch}
.chart-an{font-family:var(--sans);font-weight:800;text-transform:uppercase;color:var(--paper);font-size:clamp(34px,3vw,48px);letter-spacing:-.035em;line-height:.92}
.chart-an span{display:block}
.chart-med{margin-top:18px;padding-top:14px;border-top:2px solid var(--signal);color:#E9E5DC;max-width:30ch;line-height:1.6}
.source-m p{color:#9A978F;line-height:1.6;font-size:11px}
.source-m details{margin-top:10px;border-top:1px solid #3A3A3A;border-bottom:1px solid #3A3A3A}
.source-m summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;color:#E9E5DC;font-size:12px}
.source-m summary::-webkit-details-marker{display:none}
.source{margin:0 0 16px;color:#9A978F;display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.5}
.source span{display:block}
.r-close{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:clamp(80px,8vw,120px);padding-top:40px;border-top:1px solid #4A4A4A;align-items:start}
.bridge{grid-column:1/8;font-family:var(--sans);font-weight:800;text-transform:uppercase;color:var(--paper);font-size:clamp(40px,3.6vw,56px);letter-spacing:-.03em;line-height:.96}
.bridge span{display:block;text-wrap:balance}
.bridge span~span{color:#9A978F;margin-top:.2em}
.r-close .body{grid-column:9/13}
.r-close .body>p{color:#E9E5DC}
.inter{margin-top:clamp(88px,9vw,136px);padding-top:clamp(40px,4vw,56px);border-top:3px solid var(--paper);text-transform:uppercase;font-size:clamp(48px,4.4vw,64px);letter-spacing:-.035em}
.inter>span{display:block}
.inter>span+span{color:#8C8A84;margin-top:.08em}
.inter b{font-weight:inherit}
/* 03 system */
.sys{display:grid;grid-template-columns:128px repeat(5,minmax(0,1fr));margin-top:64px}
.sys-o,.sys-c{position:relative;padding:48px 28px 0 0}
.sys-o::before,.sys-c::before{content:"";position:absolute;top:13px;left:0;right:6px;height:2px;background:var(--signal)}
.sys-o::after,.sys-c::after{content:"";position:absolute;top:8px;right:4px;border-left:11px solid var(--signal);border-top:6px solid transparent;border-bottom:6px solid transparent}
.sys-c:last-child::before{background:repeating-linear-gradient(90deg,var(--signal) 0 8px,transparent 8px 14px)}
.sys-node{position:absolute;top:6px;left:0;width:16px;height:16px;background:var(--black)}
.sys-o .sys-node{position:absolute;top:0;width:auto;height:28px;display:flex;align-items:center;padding:0 12px;color:var(--paper);font-size:12px;z-index:1}
.sys-n{display:block;color:var(--mid)}
.sys-k{margin-top:12px;font-size:clamp(24px,2vw,30px);text-transform:uppercase;letter-spacing:-.03em;line-height:1}
.sys-c p{margin-top:16px;font-size:17px;line-height:1.45;color:var(--graphite)}
.sys-note{margin-top:56px;padding-top:24px;border-top:1px solid var(--rule);font-weight:700;color:var(--black);font-size:clamp(19px,1.5vw,22px);line-height:1.35;max-width:46ch}
.tag{align-self:flex-start;background:var(--signal);color:var(--black);font-size:11px;padding:5px 8px;letter-spacing:.08em}
.nocontrol{margin-top:clamp(56px,5vw,80px);padding-top:20px;border-top:1px solid var(--rule);display:flex;gap:24px;align-items:baseline;flex-wrap:wrap;position:relative}
.nocontrol .mono{font-size:12px;letter-spacing:.08em;color:var(--graphite)}
.nc-l{font-weight:700;font-size:clamp(18px,1.4vw,21px);color:var(--black)}
/* 04 live */
.live{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:32px;align-items:start}
.live-l{grid-column:1/6}
.live-k{color:#E9E5DC}
.live-l h2{margin-top:20px;font-size:clamp(40px,4.4vw,72px)}
.room{grid-column:7/13;border:1px solid #5A5A5A;position:relative}
.room-h{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #5A5A5A;color:#E9E5DC}
.dot{width:9px;height:9px;border-radius:50%;background:var(--signal);animation:pulse 2.8s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.room-r{display:grid;grid-template-columns:170px minmax(0,1fr) 72px;align-items:center;column-gap:20px;min-height:64px;padding:0 24px;border-bottom:1px solid #2E2E2E}
.room-r:last-child{border-bottom:0}
.room-k{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper)}
.room-t{height:9px;border-bottom:1px solid #6A6862;background:repeating-linear-gradient(90deg,#4A4A4A 0 1px,transparent 1px 10%)}
.room-m{font-style:normal;color:#9A978F;text-align:right;font-size:20px;line-height:1}
.room-s{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;color:var(--signal);text-align:right}
/* 05 standard */
.stds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin-top:40px}
.std{border-top:1px solid var(--rule);padding:22px 0 30px;position:relative}
.std-i{color:var(--mid)}
.std h3{margin-top:10px;font-size:clamp(26px,2.4vw,40px);text-transform:uppercase;letter-spacing:-.03em;line-height:1}
.std .body{margin-top:14px;font-size:18px}
/* 06 why */
.why{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:48px;align-items:start}
.why-l{grid-column:1/6}
.why .stack{grid-column:7/13;margin-top:0;columns:2;column-gap:24px;border-top:0;max-width:none}
.why .stack li{break-inside:avoid;border-top:1px solid #CFCAC0;border-bottom:0}
.why-h{font-family:var(--sans);font-weight:800;color:var(--black);font-size:clamp(26px,2.6vw,44px);letter-spacing:-.025em;line-height:1.05}
.stack li{font-size:19px;color:var(--black);padding:11px 0}
.why .quote{grid-column:1/13;margin-top:clamp(72px,7vw,104px);padding-top:clamp(40px,4vw,56px);border-top:1px solid var(--rule);font-size:clamp(48px,4.4vw,64px);text-transform:uppercase;letter-spacing:-.035em;line-height:.92;color:var(--black)}
.why .quote>span{display:block}
.why .quote b{font-weight:inherit}
@media (min-width:1101px){.why .quote>span{white-space:nowrap}}
/* first read */
.final .grid{margin-top:32px;align-items:start}
.final h2{grid-column:1/8;margin:0;font-size:clamp(44px,5.6vw,96px);line-height:.92}
.final .body{grid-column:9/13}
.final .send{font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:22px;color:var(--paper)}
.final .strong{color:#E9E5DC;font-size:20px;margin-top:16px}
.outcome{margin-top:18px;color:#E9E5DC}
.final .btn{margin-top:32px}
/* footer */
footer{background:var(--black);color:#8C8A84;border-top:1px solid #3A3A3A;position:relative}
footer .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px;gap:24px;flex-wrap:wrap}
footer .wrap.foot-big{display:block;padding-top:clamp(48px,6vw,96px);padding-bottom:0}
.foot-mark{display:block;font-family:var(--sans);font-weight:800;color:var(--paper);text-decoration:none;font-size:clamp(64px,15.4vw,236px);letter-spacing:-.055em;line-height:.8;white-space:nowrap}
.foot-mark b{color:var(--signal);font-weight:800;position:relative}
.foot-dot{display:none}
footer .wrap.foot-idx{border-bottom:1px solid #2E2E2E;padding-top:40px}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 32px}
.foot-nav a{text-decoration:none;color:#CFCBC2;display:inline-flex;gap:10px;min-height:32px;align-items:center}
.foot-nav a span{color:#8C8A84}
.foot-nav a:hover{color:var(--signal)}
footer .wordmark{color:var(--paper);font-size:20px}
footer .wordmark b{color:var(--signal)}
.foot-k{font-size:15px;color:#CFCBC2}
.foot-c{text-decoration:none;color:#E9E5DC}
.foot-c:hover{color:var(--signal)}

/* responsive */
@media (max-width:1100px){
 header.nav nav{display:none}
 .hero-intro,.hero-cta{grid-column:1/13}
 .hero-r{grid-column:1/13;grid-row:auto;margin-top:40px}
 .chart-fig,.chart-side{grid-column:1/13}
 .chart-side{border-left:0;padding-left:0;margin-top:32px}
 .sys{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}
 .live-l,.room{grid-column:1/13}
 .room{margin-top:40px}
}
@media (max-width:767px){
 .d-only{display:none !important}
 br.m{display:inline}
 :root{--pad:24px;--hh:60px}
 body{font-size:17px;line-height:1.5}
 section{padding:88px 0;scroll-margin-top:60px}
 #model{padding-top:72px}
 .grid,.chart-wrap,.r-close,.why,.final .grid,.live{grid-template-columns:1fr}
 .grid>*,.r-close>*,.why>*,.final .grid>*,.live>*,.chart-wrap>*{grid-column:1/-1 !important}
 h2{font-size:clamp(32px,9.6vw,38px);margin-top:24px}
 .wordmark{font-size:22px}
 .nav-cta{display:none}
 .menu-btn{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:48px;margin-right:-12px;padding:0 12px;background:none;border:0;color:inherit;
  font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
 header.nav .mnav:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px var(--pad) 24px}
 header.nav .mnav a{display:flex;align-items:center;gap:16px;min-height:56px;border-bottom:1px solid #CFCAC0;text-decoration:none;color:var(--black);
  font-family:var(--mono);font-weight:500;font-size:16px;letter-spacing:.08em;text-transform:uppercase}
 header.nav .mnav a:last-child{border-bottom:0}
 .mnav span{color:var(--graphite);min-width:2ch}
 html:not(.js) .menu-btn{display:none}
 html:not(.js) header.nav .mnav[hidden]{display:flex;flex-wrap:wrap;gap:0 18px;padding:0 var(--pad) 10px}
 html:not(.js) header.nav .mnav a{min-height:36px;font-size:12px;border:0}
 /* hero */
 .hero .grid{display:flex;flex-direction:column;padding-top:0;padding-bottom:0}
 .hero-r{display:contents}
 .hero-r>.mono{display:none}
 .eyebrow{order:1;margin-top:28px;flex-direction:column-reverse;gap:10px;border-bottom:0;padding-bottom:0}
 .eyebrow span:last-child{display:block;color:#9A978F;font-size:11px}
 .eyebrow span:first-child{color:var(--paper);font-size:13px}
 .hero h1{order:2;font-size:clamp(40px,calc((100vw - 48px) / 6.15),54px);padding-top:36px;line-height:.9;letter-spacing:-.04em}
 .hero-intro{order:3;margin-top:28px;font-size:18px;max-width:34ch}
 .hero-r .offer{order:4;margin-top:28px;border-top:1px solid #4A4A4A;display:block}
 .hero-r .offer li{font-weight:700;font-size:19px;letter-spacing:-.01em;line-height:1.25;padding:10px 0;border-bottom:1px solid #2E2E2E}
 .hero-cta{order:5;flex-direction:column;align-items:stretch;gap:20px;margin:32px 0 64px}
 .hero-cta .btn{justify-content:center;min-height:56px}
 .support{font-size:11px;letter-spacing:.06em}
 /* model */
 .steps{grid-template-columns:1fr;margin-top:36px}
 .bignum{font-size:56px}
 .step-k{margin-top:20px;font-size:clamp(24px,7.4vw,28px)}
 .step-l{font-size:17px}
 .step-arw{padding:24px 0 0}
 .step-arw svg{transform:rotate(90deg);transform-origin:20px 8px;width:40px;margin:12px 0 0 -12px}
 /* evidence */
 .stats{grid-template-columns:1fr;margin-top:40px}
 .stat,.stat+.stat{padding:28px 0;border-right:0;border-bottom:1px solid #4A4A4A}
 .stat:last-child{border-bottom:0}
 .fig{font-size:clamp(56px,17vw,68px)}
 .stat-l{margin-top:14px;font-size:17px}
 .chart-wrap{margin-top:64px}
 .chart-head{flex-direction:column;gap:4px;margin-bottom:20px}
 .chart-fig{margin:0}
 .chart-d{display:none}
 .chart-m{display:block;overflow:visible}
 .chart .ax{font-size:13px}
 .chart-note{margin-top:0}
 .chart-an{font-size:clamp(34px,10.2vw,44px)}
 .chart-an span{white-space:nowrap}
 .chart-med{font-size:12px;margin-top:14px;padding-top:12px}
 .chart-side{margin-top:32px;gap:24px}
 .chart-side .body p{font-size:17px}
 .r-close{margin-top:72px;padding-top:32px}
 .bridge{font-size:clamp(32px,9.6vw,38px)}
 .r-close .body{margin-top:32px}
 .inter{margin-top:80px;padding-top:36px;font-size:clamp(34px,calc((100vw - 48px) / 7.6),44px)}
 .inter b{display:block;white-space:nowrap}
 /* system */
 .sys{grid-template-columns:1fr;row-gap:0;margin-top:48px}
 .sys-o{padding:0;height:64px}
 .sys-c{padding:0 0 44px 40px}
 .sys-o::before,.sys-c::before{top:28px;bottom:6px;left:7px;right:auto;width:2px;height:auto}
 .sys-c::before{top:22px}
 .sys-o::after,.sys-c::after{top:auto;bottom:0;right:auto;left:2px;border-top:11px solid var(--signal);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0}
 .sys-c:last-child::before{background:repeating-linear-gradient(180deg,var(--signal) 0 8px,transparent 8px 14px)}
 .sys-c .sys-node{top:2px}
 .sys-n{padding-top:2px}
 .sys-k{margin-top:10px;font-size:clamp(24px,7.4vw,28px)}
 .sys-c p{font-size:17px;margin-top:12px}
 .sys-note{margin-top:24px;font-size:19px}
 .nocontrol{margin-top:48px;display:block}
 .nc-l{margin-top:10px;font-size:18px}
 /* live */
 .live-l h2{font-size:clamp(32px,9.6vw,38px)}
 .room{margin-top:36px}
 .room-h{padding:14px 16px}
 .room-r{grid-template-columns:minmax(0,1fr) 72px;grid-template-areas:"k s" "t t";row-gap:10px;padding:14px 16px;min-height:0}
 .room-k{grid-area:k;font-size:12px}
 .room-t{grid-area:t}
 .room-m,.room-s{grid-area:s}
 /* standard */
 .stds{grid-template-columns:1fr;margin-top:28px}
 .std{padding:20px 0 26px}
 .std h3{font-size:clamp(24px,7.4vw,28px)}
 .std .body{font-size:17px}
 /* why */
 .why{margin-top:36px}
 .why-h{font-size:26px}
 .why .stack{columns:1;margin-top:28px}
 .why .stack li{font-size:24px;font-weight:800;letter-spacing:-.02em;padding:10px 0}
 .why .stack li:last-child{border-bottom:1px solid #CFCAC0}
 .why .quote{font-size:10.2vw;margin-top:56px;padding-top:40px}
 .why .quote b{display:block;white-space:nowrap}
 .why .quote>span+span{margin-top:.25em}
 /* first read */
 .final h2{max-width:none;font-size:clamp(40px,12vw,52px)}
 .final .body{margin-top:28px}
 .outcome{font-size:12px;margin-top:16px}
 .final .btn{display:flex;justify-content:center;min-height:56px;margin-top:32px}
 footer .wrap{flex-direction:column;align-items:flex-start;gap:8px;padding-top:40px;padding-bottom:40px}
 footer .wrap.foot-idx{padding-top:32px;padding-bottom:24px}
 .foot-nav{flex-direction:column;gap:0}
 .foot-nav a{min-height:44px}
 .foot-c{display:inline-flex;align-items:center;min-height:48px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dot{animation:none}}

/* =================== MOTION LAYER (JS on, motion allowed) =================== */
.motion{scroll-behavior:auto}
.motion body{background:transparent;overflow-x:hidden;overflow-x:clip}
.motion #bg{display:block;position:fixed;inset:0;z-index:0;background:var(--black);pointer-events:none;overflow:hidden}
.motion #bg .lp{position:absolute;left:0;top:0;width:100%;height:100vh;background:var(--paper);transform-origin:0 0;transform:scaleY(0);will-change:transform}
.motion #bg .edge{display:none}
.motion #gl,.motion #fx{display:block;position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none}
.motion #gl{z-index:1}.motion #fx{z-index:2}
.motion main,.motion footer{position:relative;z-index:3}
.motion .sc,.motion .hero,.motion footer{background:transparent}
.motion .hero{border-bottom:0}
/* header over the scenes */
.motion header.nav{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom:0;color:var(--paper);transition:color .4s}
.motion header.nav::before{content:"";position:absolute;inset:0;background:var(--black);opacity:1;transition:background .4s,opacity .4s;z-index:-1}
.motion header.nav.on-l{color:var(--black)}
.motion header.nav.on-l::before{background:var(--paper)}
.motion header.nav.top::before{opacity:0}
.motion header.nav .wordmark{color:inherit;transition:color .4s}
.motion header.nav .wordmark b{color:var(--signal)}
.motion header.nav .nav-cta{background:var(--paper);color:var(--black)}
.motion header.nav.on-l .nav-cta{background:var(--black);color:var(--paper)}
.motion header.nav .nav-cta:hover{background:var(--signal);color:var(--black)}
.motion header .prog{display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(140,138,132,.28)}
.motion header .prog i{position:absolute;inset:0;background:var(--signal);transform-origin:0 50%;transform:scaleX(0)}
.motion header .chap{display:flex;gap:10px;align-items:center;order:1;margin-left:16px;margin-right:auto;opacity:.75;white-space:nowrap}
.motion header.nav nav{order:2}.motion header .nav-cta{order:3}.motion header .menu-btn{order:4}
.motion header .chap b{font-weight:500;color:var(--signal)}
@media (min-width:768px){.motion header .chap{margin-left:clamp(24px,3vw,48px);margin-right:auto}}
.motion.intro header.nav{opacity:0}
header.nav{transition:color .4s,opacity .8s}
/* chapter rail */
@media (min-width:1101px){
 .motion .chapters{display:flex;flex-direction:column;gap:2px;position:fixed;right:8px;top:50%;transform:translateY(-50%);z-index:25;color:var(--paper);transition:color .4s,opacity .6s}
 .motion .chapters.on-l{color:var(--black)}
 .motion .chapters.off{opacity:0;pointer-events:none}
 .motion .chapters a{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:22px;text-decoration:none;font-family:var(--mono);font-size:10px;letter-spacing:.08em}
 .motion .chapters a i{display:block;width:8px;height:1px;background:currentColor;opacity:.45;transition:width .35s,opacity .35s,background .35s}
 .motion .chapters a span{opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s}
 .motion .chapters a:hover span,.motion .chapters a:focus-visible span{opacity:1;transform:none}
 .motion .chapters a.on i{width:16px;opacity:1;background:var(--signal)}
}
/* loader */
.motion #loader{display:block;position:fixed;inset:0;z-index:40;pointer-events:none;color:#9A978F}
.motion #loader .ld-top{position:absolute;left:var(--pad);right:var(--pad);top:28px;display:flex;justify-content:space-between}
.motion #loader .ld-bar{position:absolute;left:var(--pad);right:var(--pad);bottom:32px;height:1px;background:#2A2A2A}
.motion #loader .ld-bar i{position:absolute;inset:0;background:var(--signal);transform-origin:0 50%;transform:scaleX(0)}
.motion:not(.intro) #loader{display:none}
/* hero */
.motion .hero .grid{min-height:100vh;min-height:100svh;padding-top:calc(var(--hh) + 24px);padding-bottom:40px;align-content:start}
.motion .hero h1 .stop{position:relative;display:inline-block}
.motion .hero h1 .stopc{color:transparent}
.motion .w,.motion .c{display:inline-block;will-change:transform}
.motion .mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.motion .lmask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.motion .lmask>.li{display:block;will-change:transform}
/* decorative rules drawn on scroll */
.motion .rule-x{position:absolute;left:0;right:0;top:-1px;height:1px;background:currentColor;transform-origin:0 50%;transform:scaleX(0)}
.motion .label,.motion .steps,.motion .stats,.motion .std,.motion .nocontrol,.motion .sys-note,.motion .r-close,.motion .inter,.motion .why .quote{border-top-color:transparent}
.motion .label .rule-x{color:var(--black)}
.motion .dark .label .rule-x{color:#4A4A4A}
.motion .steps .rule-x,.motion .std .rule-x,.motion .nocontrol .rule-x,.motion .sys-note .rule-x,.motion .why .quote .rule-x{color:var(--black)}
.motion .stats .rule-x,.motion .r-close .rule-x{color:#4A4A4A}
.motion .inter .rule-x{color:var(--paper);height:3px;top:-3px}
.motion .rule-y{position:absolute;top:0;bottom:0;right:0;width:1px;background:#4A4A4A;transform-origin:50% 0;transform:scaleY(0)}
@media (max-width:767px){.motion .rule-y{display:none}}
.motion .stat{border-right-color:transparent}
.motion .stat .fig-bar{display:block;height:2px;width:56px;background:var(--signal);margin-top:16px;transform-origin:0 50%}
.motion .lead-dot{position:absolute;top:-5px;left:0;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--signal);opacity:0}
.motion .dark .lead-dot{background:var(--signal)}
/* pinned scenes: one viewport each */
.motion .vh{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--hh) + 16px);padding-bottom:24px}
.motion #model{padding-top:0;padding-bottom:0}
.motion #model .wrap.vh{width:100%}
.motion .steps .step-arw svg{transform-origin:0 50%}
@media (min-width:768px){.motion .steps{margin-top:clamp(48px,7vh,96px)}.motion .steps .step{padding-top:36px}}
.motion .chart-wrap.vh{display:grid;align-content:center;margin-top:0}
.motion .chart-wrap.vh .chart-fig{align-self:center}
.motion .chart-wrap.vh .chart-d{max-height:calc(100vh - var(--hh) - 150px)}
.motion .chart-wrap.vh .chart-head{margin-bottom:16px}
.motion .chart-wrap.vh .chart-side{padding-top:4px;padding-bottom:4px}
.motion .chart-wrap .chart-med{border-top-color:transparent;position:relative}
.motion .chart-med .rule-x{color:var(--signal);height:2px;top:-2px}
.motion .c-pin{display:flex;flex-direction:column;justify-content:center}
/* kinetic type: the biggest moments */
.motion .inter.vh{margin-top:clamp(56px,6vw,96px);padding-top:calc(var(--hh) + 16px);font-size:min(9.6vw,16.6vh);line-height:.88;letter-spacing:-.045em;position:relative}
.motion .inter.vh b{display:block;white-space:nowrap}
.motion .inter.vh>span+span{margin-top:.14em}
.motion .why .quote.vh{border-top:0;margin-top:0;font-size:min(9.6vw,16.6vh);line-height:.88;letter-spacing:-.045em;position:relative}
.motion .why .quote.vh b{display:block;white-space:nowrap}
.motion .why .quote.vh>span+span{margin-top:.14em;color:var(--black)}
.motion .why .quote.vh>span:first-child{color:#8C8A84}
.motion .kin-rule{display:block;height:3px;background:var(--signal);width:min(28vw,360px);margin-top:.28em;transform-origin:0 50%;transform:scaleX(0)}
@media (max-width:767px){
 .motion .inter.vh{font-size:min(calc((100vw - 48px) / 8.1),11vh)}
 .motion .why .quote.vh{font-size:min(calc((100vw - 48px) / 7.6),11vh)}
}
/* system scene */
.motion .sys-pin{display:flex;flex-direction:column;justify-content:center}
@media (min-width:768px){.motion .sys-pin{min-height:100vh;min-height:100svh;padding-top:calc(var(--hh) + 16px);padding-bottom:24px}}
.motion .sys-o::before,.motion .sys-c::before,.motion .sys-o::after,.motion .sys-c::after{display:none}
.motion .sys-ln{position:absolute;top:13px;left:0;right:6px;height:2px;background:var(--signal);transform-origin:0 50%;transform:scaleX(0)}
.motion .sys-c:last-child .sys-ln{background:repeating-linear-gradient(90deg,var(--signal) 0 8px,transparent 8px 14px)}
.motion .sys-hd{position:absolute;top:8px;right:4px;width:0;height:0;border-left:11px solid var(--signal);border-top:6px solid transparent;border-bottom:6px solid transparent;opacity:0}
@media (max-width:767px){
 .motion .sys-ln{top:28px;bottom:6px;left:7px;right:auto;width:2px;height:auto;transform-origin:50% 0;transform:scaleY(0)}
 .motion .sys-c .sys-ln{top:22px}
 .motion .sys-c:last-child .sys-ln{background:repeating-linear-gradient(180deg,var(--signal) 0 8px,transparent 8px 14px)}
 .motion .sys-hd{top:auto;bottom:0;right:auto;left:2px;border-top:11px solid var(--signal);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0}
}
/* live */
.motion .room{border-color:transparent}
.motion .room .frame{position:absolute;inset:-1px;border:1px solid #5A5A5A;pointer-events:none;transform-origin:50% 0}
.motion .room-t{background:none;border-bottom-color:transparent;height:30px}
@media (max-width:767px){.motion .room-t{height:26px}}
.motion .room-m{opacity:0}
/* first read */
.motion .final{padding-top:0;padding-bottom:0}
.motion .final h2 .stop{position:relative;display:inline-block}
.motion .final h2 .stopc{color:transparent}
.motion .final .btn:hover{background:var(--paper);color:var(--black)}
.motion .foot-dot{display:none}
/* phone menu: full panel */
@media (max-width:767px){
 .motion header.nav .mnav:not([hidden]){position:fixed;top:var(--hh);bottom:0;background:var(--black);border:0;padding:16px var(--pad) 40px;overflow:auto}
 .motion header.nav .mnav a{color:var(--paper);border-bottom-color:#2E2E2E;font-size:15px;min-height:64px}
 .motion header.nav .mnav span{color:var(--signal)}
 .motion header.nav.menu-open{color:var(--paper)}
 .motion header.nav.menu-open::before{background:var(--black);opacity:1}
 .motion header .chap{font-size:11px}
 .motion header .chap span{display:none}
}
html.lenis-stopped{overflow:hidden}
html.rec *,html.rec *::before,html.rec *::after{transition:none !important;animation:none !important}

/* ---- polish pass 1 ---- */
/* ghost tracks: the path a scene will draw is visible before the red line runs it */
.motion .steps::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:repeating-linear-gradient(90deg,rgba(18,18,18,.28) 0 2px,transparent 2px 7px)}
@media (min-width:768px){.motion .sys::before{content:"";position:absolute;left:0;right:6px;top:13px;height:2px;background:repeating-linear-gradient(90deg,rgba(18,18,18,.2) 0 2px,transparent 2px 7px)}}
.motion .sys{position:relative}
/* phone: model and system as pinned horizontal tracks */
@media (max-width:767px){
 .motion #model .wrap.vh,.motion #system .wrap{overflow-x:clip}
 .motion .steps.track{display:flex;width:max-content;margin-top:36px}
 .motion .steps.track .step{width:74vw;flex:none;padding-top:28px}
 .motion .steps.track .step-arw{flex:none;padding:46px 12px 0}
 .motion .steps.track .step-arw svg{transform:none;margin:0;width:30px}
 .motion .sys.track{display:flex;width:max-content;margin-top:36px;position:relative}
 .motion .sys.track::before{content:"";position:absolute;left:0;right:6px;top:13px;height:2px;background:repeating-linear-gradient(90deg,rgba(18,18,18,.2) 0 2px,transparent 2px 7px)}
 .motion .sys.track>li{flex:none;width:66vw;height:auto;padding:46px 26px 0 0}
 .motion .sys.track>.sys-o{width:104px}
 .motion .sys.track .sys-ln,.motion .sys.track .sys-c .sys-ln{top:13px;bottom:auto;left:0;right:6px;width:auto;height:2px;transform-origin:0 50%}
 .motion .sys.track .sys-c:last-child .sys-ln{background:repeating-linear-gradient(90deg,var(--signal) 0 8px,transparent 8px 14px)}
 .motion .sys.track .sys-hd{top:8px;bottom:auto;left:auto;right:4px;border-left:11px solid var(--signal);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:0}
 .motion .sys.track .sys-c .sys-node{top:6px}
 .motion .sys.track .sys-n{padding-top:0}
 .motion .sys-pin.vh{min-height:100vh;min-height:100svh;padding-top:calc(var(--hh) + 12px);padding-bottom:16px}
 .motion .c-pin.vh{padding-top:calc(var(--hh) + 12px)}
}
/* sweep 2026-10-05: Standard closing line, Why authority line, First read starts higher */
.std-close{margin-top:clamp(36px,3.6vw,52px);padding-top:22px;border-top:1px solid var(--rule);position:relative;font-family:var(--sans);font-weight:800;color:var(--black);font-size:clamp(22px,1.9vw,30px);letter-spacing:-.02em;line-height:1.1}
.motion .std-close{border-top-color:transparent}
.motion .std-close .rule-x{color:var(--black)}
.motion #first-read{padding-top:0}
@media (max-width:767px){.std-close{margin-top:28px;font-size:22px}}
@media (max-width:359px){.foot-mark{font-size:15.4vw}}
/* r2 (Thomas 2026-10-06) */
.sys-note{margin-top:clamp(112px,11vw,184px);padding-top:clamp(32px,3vw,48px);max-width:none;font-family:var(--sans);font-weight:800;color:var(--black);letter-spacing:-.025em}
.sys-note>span{display:block}
.sys-note>span:first-child{font-size:clamp(56px,6.6vw,116px);text-transform:uppercase;letter-spacing:-.045em;line-height:.9}
.sys-note>span+span{margin-top:.7em;font-size:clamp(26px,2.5vw,42px);line-height:1.08;max-width:26ch;color:var(--mid)}
.sys-note+.nocontrol{margin-top:clamp(96px,9vw,152px)}
@media (max-width:767px){.sys-note{margin-top:96px;padding-top:28px}.sys-note>span:first-child{font-size:clamp(42px,13.4vw,60px)}.sys-note>span+span{font-size:clamp(23px,6.6vw,28px);margin-top:.6em}.sys-note+.nocontrol{margin-top:80px}}
.motion .foot-mark .mask{padding-right:.1em;margin-right:-.1em}
.chart .ax.fl{fill:#C9C5BC}
@media (max-width:767px){.chart .ax.fl{font-size:10.5px}}

/* seo: visually hidden headings that complete the outline (The Standard, Why Order One) */
.sr{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;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}