@font-face{font-family:"Switzer";src:url(/fonts/Switzer-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Switzer";src:url(/fonts/Switzer-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Switzer";src:url(/fonts/Switzer-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Zodiak";src:url(/fonts/Zodiak-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
/* Concept: the page is open water at night. Light means a reason. One gold, one cream beat, everything else the wave ramp. */
:root{
  color-scheme:dark;
  --ink:#050E1D;--navy:#0B2147;--n2:#142a54;--prus:#1E4080;--ocean:#2E74AC;--crest:#3FAEDE;--blue:#8FDCF8;
  --foam:#F4EDDF;--paper:#FBF6EB;--cream:#C6BCA3;--mist:#8293b3;--gold:#D4AF5E;--hi:#FFDF8F;--gold-f:#7A6128;
  --sans:"Switzer","Helvetica Neue",Arial,sans-serif;--serif:"Zodiak",Georgia,serif;
  --ease:cubic-bezier(.2,.6,.2,1);
  --edge:max(clamp(20px,5vw,76px),env(safe-area-inset-left,0px));
  --t-h1:clamp(2.6rem,min(4.9vw,10vh),4.875rem);--t-h2:clamp(2rem,min(3.7vw,7.4vh),3.5rem);--t-lead:clamp(1.0625rem,min(1.4vw,2.4vh),1.25rem);--t-body:clamp(1rem,min(1.2vw,2vh),1.0938rem);
  --fg:var(--foam);--fg2:var(--cream);--line:rgba(143,220,248,.16);
}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:auto;overflow-x:clip}
html.locked{overflow:hidden}
body{margin:0;background:var(--ink);color:var(--fg);font:400 var(--t-body)/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;transition:color .4s var(--ease)}
::selection{background:var(--crest);color:var(--ink)}
h1,h2,h3,p,ol,ul,dl,dd,fieldset{margin:0;padding:0}ol,ul{list-style:none}
fieldset{border:0;min-width:0}
legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--crest);outline-offset:3px}
#world{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;display:block;z-index:0;pointer-events:none}
#ring{opacity:0;position:fixed;left:-14px;top:-14px;width:28px;height:28px;border:1px solid rgba(143,220,248,.5);border-radius:50%;z-index:60;pointer-events:none;transition:width .25s var(--ease),height .25s var(--ease),left .25s var(--ease),top .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}
body.moved #ring{opacity:1}
#ring.hot{width:52px;height:52px;left:-26px;top:-26px;border-color:var(--hi);background:rgba(255,223,143,.07)}
@media (pointer:coarse){#ring{display:none}}
#leaders{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:0}
#leaders path{fill:none;stroke:rgba(143,220,248,.14);stroke-width:1;transition:stroke .3s var(--ease)}
#leaders circle{fill:transparent;stroke:rgba(255,223,143,.25);stroke-width:1;transition:all .3s var(--ease)}
#leaders .lit path{stroke:rgba(255,223,143,.42)}#leaders .lit circle{stroke:var(--hi)}
#leaders .hot path{stroke:var(--hi);stroke-width:1.5}#leaders .hot circle{fill:var(--hi)}

/* type */
h1{font:600 var(--t-h1)/.99 var(--sans);letter-spacing:-.042em;text-wrap:balance}
h2{font:600 var(--t-h2)/1.03 var(--sans);letter-spacing:-.034em;text-wrap:balance}
h3{font:500 clamp(1.25rem,min(1.7vw,3vh),1.5rem)/1.15 var(--sans);letter-spacing:-.02em}
em{font:italic 400 1.05em/1 var(--serif);letter-spacing:-.018em;color:var(--blue)}
h1 em{color:var(--hi)}
#reason h2 em{color:var(--hi)}
.label{font-weight:500;font-size:.9375rem;color:var(--fg2);letter-spacing:-.003em}
.lead{font-size:var(--t-lead);line-height:1.46;color:var(--fg2);max-width:33em}
.body{color:var(--fg2);max-width:36em}
.small{font-size:.875rem;color:var(--fg2)}.small b{font-weight:500;color:var(--hi)}
.note{font-size:.8125rem;color:var(--mist);line-height:1.4}
.gold-t{font-weight:500;color:var(--hi)}.gold-f{font-weight:500;color:var(--gold-f)}

/* controls */
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 24px;background:var(--foam);color:var(--navy);font:500 1rem/1 var(--sans);letter-spacing:-.008em;overflow:hidden;white-space:nowrap;transition:transform .35s var(--ease),background .2s var(--ease)}
.btn i{font-style:normal;transition:transform .3s var(--ease)}
.btn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.btn:hover::after,.btn:focus-visible::after{transform:scaleX(1)}.btn:hover i{transform:translateX(5px)}
.btn-s{height:40px;padding:0 16px;font-size:.875rem}
.btn-n{background:var(--navy);color:var(--foam)}
.btn-g{background:transparent;color:var(--foam);box-shadow:inset 0 0 0 1px rgba(143,220,248,.45)}
.btn-g:hover{background:rgba(143,220,248,.08)}
.lnk{display:inline-block;padding-bottom:2px;border-bottom:1px solid currentColor;font-size:.9375rem;color:var(--fg);transition:color .2s var(--ease)}
.lnk:hover{color:var(--hi)}
.cta{display:grid;gap:12px;justify-items:start}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}

/* frame */
#nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:76px;padding-inline:var(--edge);color:var(--fg);transition:color .35s var(--ease)}
.logo{display:flex;align-items:center;gap:10px;font:500 .8125rem/1 Futura,var(--sans);letter-spacing:.2em}.logo img{width:22px;height:22px;display:block}
#nav nav{display:flex;align-items:center;gap:30px;font-size:.9375rem}
#nav nav a{color:var(--fg2);transition:color .2s var(--ease)}#nav nav a:hover{color:var(--fg)}
.on-foam #nav,.on-foam #nav nav a{color:var(--navy)}
.on-foam #nav .btn-s{background:var(--navy);color:var(--foam)}
#rail{position:fixed;right:max(16px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:3px;justify-items:end}
#rail button{display:flex;align-items:center;gap:10px;height:18px;color:var(--mist)}
#rail i{display:block;width:14px;height:1px;background:currentColor;opacity:.55;transition:width .35s var(--ease),background .3s var(--ease),opacity .3s var(--ease)}
#rail span{font-size:.8125rem;white-space:nowrap;opacity:0;transform:translateX(6px);transition:opacity .25s var(--ease),transform .25s var(--ease);pointer-events:none}
#rail button:hover span,#rail button:focus-visible span{opacity:1;transform:none}
#rail button.on{color:var(--hi)}#rail button.on i{width:30px;opacity:1;background:var(--hi)}
#rail button:hover i{width:22px;opacity:1}
.on-foam #rail button{color:#47597a}.on-foam #rail button.on{color:var(--gold-f)}.on-foam #rail button.on i{background:var(--gold-f)}
@media (max-width:899px){#rail{display:none}}

/* chapters */
main{position:relative;z-index:4}
.ch{position:relative;height:var(--h)}
.stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;padding-inline:var(--edge)}
.layer{opacity:var(--op,1);transform:translateY(var(--ty,0px));will-change:opacity,transform}
.copy{display:grid;gap:clamp(14px,2.4vh,24px)}
.copy-l{position:absolute;left:var(--edge);top:clamp(96px,17vh,170px);width:min(35rem,44vw)}
.copy-b{top:auto;bottom:clamp(40px,9vh,96px)}
.copy-l::before{content:"";position:absolute;inset:-70px -130px -70px -90px;z-index:-1;background:radial-gradient(closest-side,rgba(5,14,29,.82),rgba(5,14,29,.55) 60%,transparent);pointer-events:none}

/* glass instrument panel */
.panel{position:relative;background:rgba(5,14,29,.62);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);box-shadow:inset 0 0 0 1px var(--line);--tick:rgba(143,220,248,.7);
  background-image:linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick));
  background-repeat:no-repeat;background-size:12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%}
.panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx,-300px) var(--my,-300px),rgba(143,220,248,.13),transparent 70%)}

/* hero */
.hero-copy{position:absolute;left:var(--edge);top:clamp(92px,15.5vh,160px);display:grid;gap:clamp(14px,2.5vh,26px);max-width:min(50vw,50rem);justify-items:start}
.ln{display:block;animation:rise 1.25s var(--ease) both}.ln:nth-child(2){animation-delay:.14s}
.hero-copy .label{animation:rise 1.1s var(--ease) .05s both}
.hero-copy .lead{max-width:28em;animation:rise 1.2s var(--ease) .3s both}
.hero-copy .cta{animation:rise 1.2s var(--ease) .44s both}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.sig{position:fixed;left:0;top:0;z-index:3;pointer-events:none;width:0;height:0;opacity:0;transition:opacity .45s var(--ease)}
.sig.on{opacity:1}
.sig::before{content:"";position:absolute;left:0;bottom:0;width:1px;height:64px;background:linear-gradient(transparent,var(--hi))}
.sig-d,.sig-t{position:absolute;left:10px;white-space:nowrap}
.sig-d{bottom:66px;font-weight:500;font-size:.8125rem;color:var(--hi);font-variant-numeric:tabular-nums}
.sig-t{bottom:46px;font-size:.875rem;color:var(--foam)}
.hero-note{position:absolute;left:var(--edge);bottom:20px}

/* more below */
.hint{position:absolute;left:50%;bottom:22px;display:grid;justify-items:center;gap:8px;translate:-50% 0;font-size:.8125rem;color:var(--fg2)}
.hint i{display:block;width:1px;height:34px;background:linear-gradient(var(--hi),transparent);transform-origin:top;animation:drop 2.2s var(--ease) infinite}
@keyframes drop{0%{transform:scaleY(0)}55%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}

/* the map */
.scan{position:absolute;top:0;bottom:0;left:var(--scan,0%);width:1px;background:linear-gradient(transparent 4%,var(--blue) 40%,var(--blue) 70%,transparent);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}
.scan.on{opacity:.9}
.scan span{position:absolute;left:12px;top:44%;font-size:.8125rem;color:var(--blue);white-space:nowrap}

/* ledger */
.ledger{position:absolute;right:calc(var(--edge) + 34px);top:clamp(92px,15vh,150px);width:min(31rem,40vw);padding:10px 0}
.p-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 20px 12px;font-weight:500;font-size:.9375rem}
.row{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:baseline;width:100%;padding:13px 20px;box-shadow:inset 0 1px 0 var(--line);font-size:.9375rem;color:var(--fg2);opacity:.42;transition:opacity .45s var(--ease),background .2s var(--ease)}
.row.lit{opacity:1;color:var(--foam)}
.row:hover{background:rgba(255,223,143,.07)}
.row .d{font-variant-numeric:tabular-nums;color:var(--mist);font-size:.875rem}.row.lit .d{color:var(--hi)}
.row .s{font-size:.8125rem;color:var(--mist)}

/* the line */
.copy-c{position:absolute;left:var(--edge);right:calc(var(--edge) + 40px);top:clamp(92px,14.5vh,150px)}
.writer{position:absolute;left:var(--edge);right:calc(var(--edge) + 40px);top:clamp(170px,27vh,260px);display:grid;grid-template-columns:minmax(0,4fr) 72px minmax(0,7fr);align-items:stretch;padding:clamp(16px,2.6vh,30px);min-height:clamp(160px,29vh,270px)}
.w-src{display:grid;align-content:center;gap:10px;padding-right:8px}
.w-ad{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.35;color:var(--foam)}
.w-ad mark{background:none;color:inherit;box-shadow:inset 0 -1px 0 rgba(143,220,248,.4);transition:box-shadow .5s var(--ease),color .5s var(--ease)}
.writer.src .w-ad mark{box-shadow:inset 0 -1.5em 0 rgba(63,174,222,.28)}
.w-beam{position:relative;align-self:center;height:1px;background:var(--line);overflow:hidden}
.w-beam i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--hi),transparent);transform:translateX(-100%)}
.writer.beam .w-beam i{animation:beam 1s var(--ease) both}
.writer.ok .w-beam{background:rgba(255,223,143,.5)}
@keyframes beam{to{transform:translateX(100%)}}
.w-out{display:grid;align-content:center;gap:10px}
/* typed */.w-line{font:500 clamp(1.375rem,min(2.5vw,4.5vh),2.375rem)/1.16 var(--sans);letter-spacing:-.024em;color:var(--foam);min-height:2.4em}
#caret{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.13em;background:var(--hi);opacity:0}
#caret.on{opacity:1;animation:blink .9s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.w-ok{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--mist);transition:color .3s var(--ease)}
.w-ok i{width:14px;height:8px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translate(1px,-2px)}
.w-ok.on{color:var(--hi)}
.line-body{position:absolute;left:var(--edge);top:calc(clamp(170px,27vh,260px) + clamp(160px,29vh,270px) + clamp(16px,3vh,32px));width:min(50rem,66vw);gap:8px}

/* twelve */
.count{position:fixed;left:0;top:0;z-index:3;pointer-events:none;font:600 clamp(4rem,min(9.5vw,17vh),9rem)/1 var(--sans);letter-spacing:-.05em;color:var(--hi);font-variant-numeric:tabular-nums;opacity:0}
.tw-head{position:absolute;left:var(--edge);top:clamp(84px,11.5vh,120px);width:min(35rem,44vw);gap:12px}
.tw-list{position:absolute;right:calc(var(--edge) + 44px);top:50%;width:min(42rem,44vw);margin-top:calc(var(--ty,0px));translate:0 -50%;display:grid}
.tw-list li{position:relative;padding:min(1.05vh,10px) 0 min(1.05vh,10px) 30px;box-shadow:inset 0 1px 0 var(--line);font-size:clamp(.875rem,min(1.1vw,1.95vh),1rem);line-height:1.32;color:var(--fg2);opacity:.38;transition:opacity .35s var(--ease),color .35s var(--ease)}
.tw-list li::before{content:"";position:absolute;left:3px;top:calc(min(1.05vh,10px) + .34em);width:11px;height:6px;border-left:1.5px solid var(--mist);border-bottom:1.5px solid var(--mist);transform:rotate(-45deg);transition:border-color .25s var(--ease)}
.tw-list li.on{opacity:1;color:var(--foam)}.tw-list li.on::before{border-color:var(--hi)}

/* the day */
.day-head{position:absolute;left:var(--edge);top:clamp(84px,12vh,130px);width:min(46rem,62vw);gap:12px}
.day-labels{position:absolute;left:11vw;width:78vw;top:calc(50% + 7.2vh);display:flex}
.day-labels li{width:var(--w);padding-right:18px;font-size:.9375rem;line-height:1.3;color:var(--fg2);opacity:.45;transition:opacity .4s var(--ease),color .4s var(--ease)}
.day-labels li b{display:block;margin-bottom:6px;font-weight:600;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.03em;color:var(--foam)}
.day-labels li.on{opacity:1;color:var(--foam)}
.day-line{position:absolute;left:11vw;bottom:clamp(36px,8.5vh,84px);font:500 clamp(1.25rem,min(2.15vw,3.9vh),2rem)/1.2 var(--sans);letter-spacing:-.024em;color:var(--foam);opacity:.3;transition:opacity .6s var(--ease)}
.day-line.on{opacity:1;color:var(--hi)}

/* replies */
.rp-copy{top:clamp(96px,15vh,150px);width:min(31rem,36vw)}
.lanes{position:absolute;right:calc(var(--edge) + 44px);top:0;bottom:0;width:140px}
.lanes span{position:absolute;right:0;top:calc(50% + var(--f)*50vh);translate:0 -50%;padding:7px 12px;background:rgba(5,14,29,.72);box-shadow:inset 0 0 0 1px var(--line);font-size:.875rem;color:var(--fg2);transition:color .3s var(--ease),box-shadow .3s var(--ease)}
.lanes span:first-child{color:var(--hi)}
.lanes span.on{color:var(--ink);background:var(--foam);box-shadow:none}
.card{position:absolute;left:46%;top:50%;width:min(23rem,27vw);padding:18px;translate:0 -50%;transform:translateY(calc(var(--ty,0px) + var(--y,0px)));transition:transform .75s var(--ease);display:grid;gap:10px}
.r-q{font:500 1.0938rem/1.28 var(--sans);letter-spacing:-.012em;color:var(--foam)}
.r-d{font-size:.9375rem;line-height:1.4;color:var(--fg2);opacity:.28;transition:opacity .45s var(--ease)}
.card.sorted .r-d{opacity:1}
.r-a{display:flex;align-items:center;gap:12px;opacity:.28;transition:opacity .4s var(--ease) .1s}
.card.sorted .r-a{opacity:1}
.r-go{padding:7px 12px;box-shadow:inset 0 0 0 1px rgba(143,220,248,.4);font-size:.875rem;font-weight:500;color:var(--foam);transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}
.card.approved .r-go{background:var(--hi);color:var(--ink);box-shadow:none}

/* why */
.why{position:absolute;left:var(--edge);right:calc(var(--edge) + 44px);top:clamp(88px,12.5vh,130px);display:grid;gap:clamp(18px,3.2vh,34px)}
.tbl{display:grid}
.tr{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,6fr);gap:20px;padding:clamp(9px,1.5vh,15px) 22px;box-shadow:inset 0 1px 0 var(--line);font-size:clamp(.9375rem,min(1.15vw,2vh),1.0625rem);line-height:1.3;align-items:baseline}
.tr>:first-child{color:var(--mist);font-size:.9375rem}.tr>:nth-child(2){color:var(--mist)}.tr>:nth-child(3){color:var(--foam)}
.th{box-shadow:none;font-size:.875rem;font-weight:500}.th>:nth-child(3){color:var(--hi)}
.tbl{background-color:rgba(5,14,29,.74)}
.tr:not(.th){opacity:.3;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.tr.on{opacity:1!important;transform:none!important}
.tr:not(.th):hover{background:rgba(143,220,248,.05)}
.tr>:nth-child(2){position:relative;justify-self:start}
.tr:not(.th)>:nth-child(2)::after{content:"";position:absolute;left:0;right:0;top:54%;height:1px;background:var(--mist);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease) .18s}
.tr.on>:nth-child(2)::after{transform:scaleX(1)}
.why-no{max-width:44em}

/* the cream beat */
.foam{color:var(--navy)}
.foam h2,.foam h3{color:var(--navy)}.foam em{color:var(--prus)}
.foam .body,.foam dd{color:#47597a}.foam .note{color:#47597a}
.list-copy{position:absolute;left:var(--edge);top:clamp(92px,14vh,140px);width:min(34rem,43vw);gap:clamp(16px,3vh,28px);justify-items:start}
.list-copy::before{content:"";position:absolute;inset:-40px -80px -40px -60px;z-index:-1;background:radial-gradient(closest-side,rgba(244,237,223,.98),rgba(244,237,223,.93) 72%,transparent)}
.triple{display:grid;gap:clamp(8px,1.7vh,16px)}
.triple dt{font-weight:600;font-size:.9375rem;letter-spacing:-.01em}.triple dd{font-size:clamp(.9375rem,min(1.15vw,2vh),1.0625rem);line-height:1.42}
.sheet{position:absolute;right:calc(var(--edge) + 44px);top:50%;width:min(33rem,42vw);translate:0 -50%;rotate:-1deg;padding:clamp(18px,3vh,32px);background:var(--paper);box-shadow:0 0 0 1px rgba(11,33,71,.16);display:grid;gap:8px;transition:rotate .5s var(--ease)}
.sheet:hover{rotate:0deg}
.sheet h3{margin-top:2px}
.sheet dl{display:grid;margin:clamp(8px,1.6vh,14px) 0}
.sheet dl>div{display:grid;grid-template-columns:7.2em 1fr;gap:12px;padding:clamp(8px,1.3vh,12px) 0;box-shadow:inset 0 1px 0 rgba(11,33,71,.14);font-size:.9375rem;line-height:1.36}
.sheet dt{color:#47597a}.sheet dd{color:var(--navy)}

/* agents */
.ag-copy{position:absolute;left:var(--edge);top:clamp(90px,13.5vh,140px);width:min(32rem,40vw);gap:clamp(12px,2.2vh,20px);justify-items:start}
.tabs{display:grid;width:100%;margin-top:4px}
.tabs button{position:relative;padding:clamp(8px,1.4vh,13px) 0 clamp(8px,1.4vh,13px) 22px;box-shadow:inset 0 1px 0 var(--line);font:500 clamp(1.0625rem,1.5vw,1.3125rem)/1.1 var(--sans);letter-spacing:-.018em;color:var(--mist);transition:color .25s var(--ease)}
.tabs button::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;translate:0 -50%;box-shadow:inset 0 0 0 1px var(--mist);transition:background .25s var(--ease),box-shadow .25s var(--ease)}
.tabs button:hover{color:var(--foam)}
.tabs button[aria-selected=true]{color:var(--foam)}.tabs button[aria-selected=true]::before{background:var(--hi);box-shadow:none}
.tp{min-height:4.4em}

/* close */
.close-copy{position:absolute;left:var(--edge);right:var(--edge);bottom:clamp(40px,13vh,130px);display:grid;gap:clamp(14px,2.4vh,24px);justify-items:start}
.close-copy::before{content:"";position:absolute;inset:-80px -60px -60px -120px;z-index:-1;background:radial-gradient(70% 90% at 24% 60%,rgba(5,14,29,.82),transparent);pointer-events:none}
.wont{display:grid;gap:12px;max-width:44rem;margin-bottom:clamp(6px,2vh,20px)}
.wont ul{display:grid;gap:5px;font-size:.9375rem;color:var(--fg2)}.wont li b{font-weight:500;color:var(--foam)}
.last{font-size:var(--t-h1);line-height:.99;letter-spacing:-.042em}.last em{color:var(--hi)}
#foot{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 34px;padding:26px var(--edge) calc(26px + env(safe-area-inset-bottom,0px));background:var(--ink);box-shadow:inset 0 1px 0 var(--line);font-size:.875rem;color:var(--fg2)}
#foot .tag{margin-right:auto;font-size:1.125rem;color:var(--foam)}#foot .tag em{color:inherit}

/* the free list */
#scrim{position:fixed;inset:0;z-index:38;background:rgba(5,14,29,.42);opacity:0;transition:opacity .45s var(--ease)}
#scrim.open{opacity:1}
#drawer{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(600px,100%);padding:clamp(22px,4vh,44px) clamp(22px,3.4vw,48px) calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;background:var(--foam);color:var(--navy);transform:translateX(102%);transition:transform .55s var(--ease);--mist:#47597a;--line:rgba(11,33,71,.16)}
#drawer.open{transform:none}
#drawer h2{font-size:clamp(1.75rem,3.2vw,2.5rem);margin:6px 0 clamp(16px,3vh,28px);color:var(--navy)}
.dr-x{float:right;font-size:.9375rem;border-bottom:1px solid currentColor;padding-bottom:1px}
.ten{display:flex;gap:9px;margin-bottom:clamp(18px,3.4vh,34px)}
.ten i{width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(11,33,71,.34);transition:background .4s var(--ease) calc(var(--i)*40ms),box-shadow .4s var(--ease) calc(var(--i)*40ms),transform .4s var(--ease) calc(var(--i)*40ms)}
.ten i.on{background:var(--gold);box-shadow:none;transform:scale(1.08)}
#form fieldset{display:grid;gap:clamp(12px,2.2vh,20px)}
#form label{display:grid;gap:6px;font-weight:500;font-size:.9375rem}
#form input[type=text],#form input[type=email],#form input[type=tel],#form textarea{width:100%;padding:11px 12px;background:var(--paper);border:0;box-shadow:inset 0 0 0 1px rgba(11,33,71,.22);color:var(--navy);font:400 1rem/1.38 var(--sans);border-radius:0;resize:none;transition:box-shadow .2s var(--ease)}
#form input::placeholder,#form textarea::placeholder{color:#68779a}
#form input:focus,#form textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--navy)}
#form .bad{box-shadow:inset 0 0 0 2px #B34A4A!important}
.q{font-weight:500;font-size:.9375rem}.q .note{font-weight:400;margin-left:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.chips.bad{outline:2px solid #B34A4A;outline-offset:3px}
.chips label{display:block!important;cursor:pointer}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:block;padding:10px 14px;box-shadow:inset 0 0 0 1px rgba(11,33,71,.28);font-weight:400;font-size:.9375rem;transition:background .18s var(--ease),color .18s var(--ease)}
.chips span:hover{background:rgba(11,33,71,.06)}
.chips input:checked+span{background:var(--navy);color:var(--foam);box-shadow:none}
.chips input:focus-visible+span{outline:2px solid var(--crest);outline-offset:2px}
.fitnote{padding:10px 12px;background:rgba(212,175,94,.2);font-size:.9375rem;line-height:1.35}
.err{margin-top:10px;font-size:.9375rem;font-weight:500;color:#B34A4A}
.dr-go{display:flex;align-items:center;gap:22px;margin:clamp(14px,2.6vh,24px) 0 12px}
#drawer .small{color:#47597a}#drawer .small .note{display:block;margin-top:3px}
#drawer .lnk{color:var(--navy)}
#done{display:grid;gap:clamp(12px,2.2vh,20px);outline:0}#done .body{color:var(--navy);font-weight:500;font-size:1.0625rem}
#done h2{margin:0}
.next3{display:grid;gap:0}.next3 li{padding:12px 0;box-shadow:inset 0 1px 0 rgba(11,33,71,.16);font-size:.9375rem;line-height:1.4;color:#47597a}.next3 b{font-weight:600;color:var(--navy)}

/* tablet and phone: the words run in normal flow, the water keeps moving behind */
@media (max-width:899px){
  .hint{display:none}
  .tr:not(.th){opacity:1;transform:none}
  #nav{height:62px;background:linear-gradient(var(--ink) 58%,transparent)}.on-foam #nav{background:linear-gradient(var(--foam) 58%,transparent)}#nav nav a{display:none}
  .tw-list li{opacity:.72}
  .hero-note{position:absolute;left:var(--edge);bottom:14px}
  .ch{height:auto}
  .stick{position:relative;height:auto;min-height:100svh;overflow:visible;padding-block:92px 56px;display:grid;align-content:start;gap:26px}
  .layer{opacity:1;transform:none}
  .copy-l,.copy-c,.copy-b,.hero-copy,.ledger,.writer,.line-body,.tw-head,.tw-list,.day-head,.day-labels,.day-line,.rp-copy,.card,.why,.list-copy,.sheet,.ag-copy,.close-copy,.hero-note{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;translate:none;rotate:none;margin:0;transform:none}
  #hero .stick{min-height:100svh}
  .copy-l::before{inset:-30px -40px;background:rgba(5,14,29,.62)}
  .count{display:none}
  .writer{grid-template-columns:1fr;gap:16px;min-height:0}.w-beam{height:22px;width:1px;justify-self:start;margin-left:6px;background:var(--line)}.w-beam i{display:none}
  .w-line{min-height:3.7em}
  .day-labels{display:grid;gap:14px}.day-labels li{width:auto}
  .lanes{display:none}.card{left:auto}.card.sorted{}
  .tr{grid-template-columns:1fr;gap:3px;padding:12px 16px}.th{display:none}.tr>:nth-child(2)::before{content:"Most: "}
  .sheet dl>div{grid-template-columns:1fr;gap:2px}
  .list-copy::before,.close-copy::before{display:none}
  .stick.foamfix{}
  .tp{min-height:6.2em}
  #agents .stick{padding-bottom:56vh}
  #close .stick{padding-top:44vh}
  h1 .ln{display:inline}
}
.no-gl #world,.no-gl #leaders,.no-gl .scan,.no-gl .count,.no-gl #ring,.no-gl .lanes,.no-gl #rcard,.no-gl #sig,.no-gl .hint{display:none}
.no-gl .ch{height:auto}.no-gl .stick{position:relative;height:auto;min-height:0;padding-block:96px;overflow:visible}
.no-gl .layer,.no-gl .copy-l,.no-gl .copy-c,.no-gl .hero-copy,.no-gl .ledger,.no-gl .writer,.no-gl .line-body,.no-gl .tw-head,.no-gl .tw-list,.no-gl .day-head,.no-gl .day-labels,.no-gl .day-line,.no-gl .why,.no-gl .list-copy,.no-gl .sheet,.no-gl .ag-copy,.no-gl .close-copy{position:relative;inset:auto;width:auto;translate:none;rotate:none;margin-block:16px;opacity:1}
.no-gl .foam{background:var(--foam)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}

/* ---------- round two components ---------- */
#nav nav a[aria-current=page]{color:var(--fg)}
.ln{display:block}
.hero-narrow{max-width:min(46vw,44rem)}

/* market funnel */
.funnel{position:absolute;right:calc(var(--edge) + 34px);top:clamp(92px,15vh,150px);width:min(29rem,36vw);padding:10px 0}
.fn{padding:clamp(10px,1.6vh,16px) 20px;box-shadow:inset 0 1px 0 var(--line);opacity:.42;transition:opacity .45s var(--ease)}
.fn.on{opacity:1}.fn.done{opacity:.62}
.fn p{display:flex;align-items:baseline;gap:12px}
.fn-n{font:600 clamp(1.5rem,2.3vw,2.125rem)/1 var(--sans);letter-spacing:-.03em;color:var(--foam);font-variant-numeric:tabular-nums}
.fn.on .fn-n{color:var(--hi)}
.fn p span{font-size:.9375rem;color:var(--fg2)}
.fn>i{display:block;height:3px;margin:9px 0 7px;background:linear-gradient(90deg,var(--crest),var(--blue));width:var(--w);transition:width .7s var(--ease)}
.fn em.note{font:400 .8125rem/1.35 var(--sans);letter-spacing:0;color:var(--mist);display:block}
.fn-s{display:grid;gap:5px;margin-top:9px}
.fn-s span{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--fg2)}.fn-s span::before{content:"";width:9px;height:9px;background:var(--c)}.fn-s b{margin-left:auto;font-weight:500;color:var(--foam);font-variant-numeric:tabular-nums}
.seglab{position:fixed;left:0;top:0;z-index:3;padding:5px 10px;background:rgba(5,14,29,.8);box-shadow:inset 0 0 0 1px var(--c);color:var(--c);font-size:.875rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0}
.scan span{top:58%}

/* signals with detail */
.ledger{width:min(33rem,43vw);top:clamp(84px,12vh,120px)}
.row{grid-template-columns:58px 1fr auto;padding:clamp(8px,1.25vh,12px) 20px;cursor:pointer}
.row.act{background:rgba(255,223,143,.08);opacity:1}
.st{display:flex;gap:3px;align-self:center}.st i{width:9px;height:3px;background:rgba(143,220,248,.22)}.st i.f{background:var(--hi)}
.sigd{padding:clamp(10px,1.7vh,16px) 20px;box-shadow:inset 0 1px 0 var(--line);display:grid;gap:clamp(7px,1.1vh,11px)}
.sigd.in{animation:sdin .5s var(--ease)}
@keyframes sdin{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.sd-q{font-size:clamp(.9375rem,1.2vw,1.0625rem);line-height:1.3;color:var(--foam)}
.sigd dl{display:grid;gap:5px}.sigd dl div{display:grid;grid-template-columns:7.2em 1fr;gap:10px;font-size:.875rem;line-height:1.32}.sigd dt{color:var(--mist)}.sigd dd{color:var(--fg2)}
.clocks{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clocks>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px;font-size:.8125rem;color:var(--mist)}.clocks b{font-weight:500;color:var(--hi);font-variant-numeric:tabular-nums}.clocks i{grid-column:1/-1;height:2px;background:rgba(143,220,248,.16);position:relative}.clocks i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);background:var(--hi);transition:width .7s var(--ease)}.sd-b2::after{background:var(--crest)!important}

/* twelve, each with a small drawing */
.tw-list{width:min(52rem,54vw);grid-template-columns:1fr 1fr;column-gap:22px;right:calc(var(--edge) + 34px)}
.tw-head{width:min(28rem,34vw)}
.tw-list li{display:grid;grid-template-columns:clamp(38px,3.6vw,50px) 1fr;gap:12px;align-items:center;padding:min(1.25vh,12px) 0;font-size:clamp(.8125rem,min(1.02vw,1.85vh),.9375rem);line-height:1.28;color:var(--fg2)}
.tw-list li::before{display:none}
.tw-list svg{width:100%;height:auto;display:block;fill:none;stroke:var(--mist);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:stroke .3s var(--ease)}
.tw-list svg *{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .8s var(--ease),stroke .3s var(--ease)}
.tw-list li.on svg{stroke:var(--blue)}.tw-list li.on svg *{stroke-dashoffset:0}.tw-list li.on svg .g{stroke:var(--hi)}
.no-gl .tw-list svg *,.still .tw-list svg *{stroke-dashoffset:0}

/* assistants */
.ag-copy{width:min(30rem,37vw)}
.tabs button{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:10px;font:inherit;letter-spacing:0}
.tabs button b{font:500 clamp(1.0625rem,1.45vw,1.25rem)/1.1 var(--sans);letter-spacing:-.018em}
.tabs button span{font-size:.8125rem;font-weight:400;color:var(--mist)}
.aps{position:relative;width:100%;min-height:clamp(150px,21vh,190px)}
.ap{position:absolute;inset:0;display:grid;align-content:start;gap:7px;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none}
.ap.on{opacity:1;transform:none;pointer-events:auto}
.ap div{display:grid;grid-template-columns:7.6em 1fr;gap:10px;font-size:clamp(.875rem,1.08vw,.9688rem);line-height:1.34}.ap dt{color:var(--mist)}.ap dd{color:var(--foam)}
.ag-copy .cta-row{gap:14px}.ag-copy .cta-row .small{max-width:17em}

/* six steps */
.st-head{position:absolute;left:var(--edge);top:clamp(86px,12vh,120px)}
.nodes b{position:fixed;left:0;top:0;z-index:3;width:30px;height:30px;display:grid;place-items:center;background:var(--ink);box-shadow:inset 0 0 0 1px var(--mist);font-size:.875rem;font-weight:500;color:var(--mist);transition:background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.nodes{opacity:0}.nodes b.on{background:var(--hi);color:var(--ink);box-shadow:none}
.st-panels{position:absolute;left:var(--edge);bottom:clamp(30px,6.5vh,64px);width:min(44rem,62vw);min-height:clamp(170px,23vh,210px)}
.step{position:absolute;left:0;right:0;bottom:0;padding:clamp(16px,2.4vh,24px);background:rgba(5,14,29,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none}
.step.on{opacity:1;transform:none;pointer-events:auto}
.step h3{font-size:clamp(1.375rem,2.1vw,1.875rem);font-weight:600;letter-spacing:-.028em}

/* inbox ring */
.g-core{position:fixed;left:0;top:0;z-index:3;display:grid;justify-items:center;gap:2px;font-weight:600;font-size:clamp(.9375rem,1.2vw,1.125rem);letter-spacing:-.015em;color:var(--foam);pointer-events:none;opacity:0;white-space:nowrap}
.g-core small{font-size:.8125rem;font-weight:400;letter-spacing:0;color:var(--hi)}
.in-copy{position:absolute;right:calc(var(--edge) + 34px);top:50%;translate:0 -50%;width:min(31rem,38vw)}

/* tide */
.wh-head{position:absolute;left:var(--edge);top:clamp(86px,12vh,124px);gap:10px}
.tide-l{position:absolute;left:0;right:0;bottom:clamp(20px,5vh,52px);padding-inline:var(--edge);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;font-size:clamp(.8125rem,1vw,.9375rem);line-height:1.3;color:#47597a;background:linear-gradient(transparent,rgba(244,237,223,.97) 22%)}
.tide-l li{padding-top:40px;opacity:.4;transition:opacity .45s var(--ease)}.tide-l li.on{opacity:1}
.tide-l b{display:block;margin-bottom:4px;font-weight:600;font-size:clamp(.9375rem,1.15vw,1.0625rem);line-height:1.15;letter-spacing:-.015em;color:var(--navy)}

/* your part */
.part-grid{position:absolute;left:var(--edge);right:calc(var(--edge) + 44px);top:clamp(86px,12vh,124px);bottom:clamp(20px,4vh,40px);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-rows:auto 1fr;gap:clamp(18px,3.2vh,34px) clamp(28px,4vw,60px)}
.tick4{display:grid;gap:7px;margin-top:6px;font-size:clamp(.9375rem,1.2vw,1.0625rem);color:var(--foam)}.tick4 li{position:relative;padding-left:24px}.tick4 li::before{content:"";position:absolute;left:2px;top:.4em;width:11px;height:6px;border-left:1.5px solid var(--hi);border-bottom:1.5px solid var(--hi);transform:rotate(-45deg)}
.tick4.num{counter-reset:n;margin-top:12px}.tick4.num li{counter-increment:n;padding-left:30px;color:var(--fg2)}.tick4.num li::before{content:counter(n);border:0;transform:none;left:0;top:0;width:auto;height:auto;font-weight:600;color:var(--hi)}
.fit{display:grid;gap:clamp(14px,2.2vh,22px);align-content:start}.fit h3{margin-bottom:5px}
.faqs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,3vw,44px);align-content:start;overflow:hidden}
details{box-shadow:inset 0 1px 0 var(--line)}
summary{list-style:none;position:relative;padding:clamp(9px,1.4vh,13px) 26px clamp(9px,1.4vh,13px) 0;font-weight:500;cursor:pointer;color:var(--foam)}summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:2px;top:50%;translate:0 -50%;color:var(--hi);font-weight:400;font-size:1.125rem}details[open] summary::after{content:"\2212"}
details p{padding-bottom:12px;font-size:.9375rem;line-height:1.42;color:var(--fg2)}

/* jobs and cards */
.jobs,.howb{position:absolute;left:var(--edge);right:calc(var(--edge) + 44px);top:50%;translate:0 -50%;display:grid;gap:clamp(20px,4vh,42px)}
.jg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.jg .panel{padding:clamp(18px,2.6vh,26px);display:grid;align-content:start;gap:10px;min-height:clamp(160px,27vh,240px)}
.jg .body{font-size:.9375rem;line-height:1.42}
.howb ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
.howb.bel ol{grid-template-columns:repeat(4,minmax(0,1fr))}
.howb li{display:grid;gap:8px;align-content:start;padding-top:14px;box-shadow:inset 0 1px 0 var(--line)}.howb li b{font-weight:600;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.04em;line-height:1;color:var(--hi)}
.who{display:grid;gap:6px;margin-top:6px}
.tbl3 .tr{grid-template-columns:minmax(0,3.4fr) minmax(0,4.4fr) minmax(0,6fr)}.tbl3 .tr>:first-child{color:var(--foam);font-size:inherit}.tbl3 .tr>:first-child b{font-weight:500}.tbl3 .tr>:nth-child(2)::after{display:none}
.lc-lead{margin-top:-4px}

/* wheel tag */
.wh-tag{position:fixed;left:0;top:0;z-index:3;padding:5px 10px;background:rgba(5,14,29,.82);box-shadow:inset 0 0 0 1px var(--foam);font-size:.875rem;font-weight:500;color:var(--foam);white-space:nowrap;pointer-events:none;opacity:0}

/* free list page */
.lh{display:block}
.lh-copy{max-width:min(44vw,42rem);top:clamp(96px,17vh,170px)}
#drawer.inline{position:absolute;top:clamp(84px,11.5vh,110px);right:calc(var(--edge) + 34px);bottom:auto;left:auto;z-index:6;width:min(32rem,40vw);max-height:calc(100svh - 124px);transform:none;transition:none;padding:clamp(18px,2.8vh,30px)}
#drawer.inline h2{display:none}
.etabs{display:grid;width:100%}
.etabs button{padding:clamp(10px,1.5vh,14px) 0;box-shadow:inset 0 1px 0 rgba(11,33,71,.16);font-weight:500;font-size:clamp(1rem,1.3vw,1.1875rem);letter-spacing:-.015em;color:#47597a;transition:color .2s var(--ease)}
.etabs button[aria-selected=true]{color:var(--navy);box-shadow:inset 0 1px 0 rgba(11,33,71,.16),inset 3px 0 0 var(--gold);padding-left:14px}
.ent{display:none;gap:8px}.ent.on{display:grid;animation:sdin .4s var(--ease)}

.callcover{margin:2px 0 4px;max-width:30rem}

/* footer */
#foot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) auto;gap:18px 40px;align-items:start}
.f-a{display:grid;gap:5px}#foot .tag{margin:0 0 6px}
.f-b{display:grid;grid-template-columns:repeat(2,max-content);gap:6px 34px}.f-b a{color:var(--fg2);transition:color .2s var(--ease)}.f-b a:hover{color:var(--fg)}

@media (max-width:899px){
  .funnel,.in-copy,.st-head,.st-panels,.wh-head,.tide-l,.part-grid,.jobs,.howb,.ledger,#drawer.inline,.lh-copy,.ag-copy,.hero-narrow,.tw-list,.tw-head{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;translate:none;margin:0;transform:none}
  .nodes,.g-core,.seglab,.wh-tag{display:none}
  .tw-list{grid-template-columns:1fr}
  .st-panels{min-height:0;display:grid;gap:10px}.step{position:relative;opacity:1;transform:none;pointer-events:auto}
  .tide-l{grid-template-columns:1fr;background:none;padding-inline:0;gap:12px}.tide-l li{padding-top:0;opacity:1}
  .part-grid{grid-template-columns:1fr;display:grid}.faqs{grid-template-columns:1fr}
  .jg{grid-template-columns:1fr}.jg .panel{min-height:0}
  .howb ol,.howb.bel ol{grid-template-columns:1fr}
  .aps{min-height:0}.ap{position:relative;display:none;transform:none}.ap.on{display:grid;opacity:1}
  #assistants .stick{padding-bottom:64vh}
  #inbox .stick{padding-bottom:58vh}
  #drawer.inline{max-height:none;z-index:6}
  .lh-copy{top:auto}
  .lh{display:grid}
  #foot{grid-template-columns:1fr}
  .clocks{grid-template-columns:1fr}
}
.no-gl .funnel,.no-gl .in-copy,.no-gl .st-head,.no-gl .st-panels,.no-gl .wh-head,.no-gl .tide-l,.no-gl .part-grid,.no-gl .jobs,.no-gl .howb,.no-gl .lh-copy,.no-gl #drawer.inline{position:relative;inset:auto;width:auto;translate:none;margin-block:16px;transform:none}
.no-gl .step{position:relative;opacity:1;transform:none;margin-bottom:10px}
.no-gl .nodes,.no-gl .g-core,.no-gl .seglab,.no-gl .wh-tag{display:none}

/* round two, after first look */
.on-foam #nav nav a[aria-current=page]{color:var(--navy)}
.tw-list{width:min(47rem,49vw)}
.hero-narrow{max-width:min(40vw,40rem)}
.wh-tag{background:rgba(5,14,29,.9)}
/* copy stays readable over the chart */
.lh-copy,#map .stick>.layer:first-child,#reason .stick>.layer:first-child{isolation:isolate}
.lh-copy::before,#map .stick>.layer:first-child::before,#reason .stick>.layer:first-child::before{content:"";position:absolute;inset:-16% -13% -18% -22%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(5,14,29,.92),rgba(5,14,29,.76) 62%,rgba(5,14,29,0))}
.funnel,.ledger{background:rgba(5,14,29,.82)}
@media (max-width:899px){.hero-narrow{max-width:none}.lh-copy::before{display:none}}
@media (min-width:900px){
  .jobs{top:clamp(92px,14vh,140px);translate:none}
  .jg .panel{background:rgba(5,14,29,.8)}
  #wrong .why{top:50%;translate:0 -50%}
  #wrong .tr{padding-block:clamp(12px,2.3vh,22px);font-size:clamp(.9375rem,min(1.2vw,2.1vh),1.125rem)}
}
@media (min-width:900px) and (max-height:760px){
  .ag-copy{gap:10px;top:clamp(70px,11vh,90px)}
  .ag-copy h2{font-size:clamp(1.625rem,3.9vh,2rem)}
  .ag-copy .body{font-size:.875rem;line-height:1.36}
  .tabs button{padding-block:6px}
  .aps{min-height:112px}
  .ap{gap:4px}.ap div{font-size:.8125rem;line-height:1.28}
  .ag-copy .cta-row .small{display:none}
}

/* phone menu */
.m-btn{display:none;font-weight:500;font-size:.9375rem;color:var(--fg);padding:8px 2px}
#mlist{position:fixed;inset:0;z-index:29;display:grid;align-content:center;gap:4px;padding:80px var(--edge);background:var(--ink)}
#mlist[hidden]{display:none}
#mlist a{padding:12px 0;font-weight:600;font-size:clamp(1.75rem,8vw,2.25rem);letter-spacing:-.03em;color:var(--foam);box-shadow:inset 0 1px 0 var(--line)}
.jg .panel{background:rgba(5,14,29,.8)}
@media (max-width:899px){
  .m-btn{display:block}
  .on-foam .m-btn{color:var(--navy)}
  #nav nav{gap:14px}
  .tbl3 .tr{grid-template-columns:1fr;gap:4px}
  .tbl3 .tr>:nth-child(2)::before{content:none}
  .tbl3 .tr>:first-child{font-weight:500}
}
@media (max-height:600px){.hero-note,.ex-note{display:none}}

/* brand gate: square marks, no glass, one gold per section, readable before reveal */
#ring,.ten i{border-radius:0}
#ring.hot{border-color:var(--blue);background:rgba(143,220,248,.07)}
.panel,.step{-webkit-backdrop-filter:none;backdrop-filter:none}
.ch:not(.foam) .panel{background:rgba(5,14,29,.88)}
.step{background:rgba(5,14,29,.92)}
.small b{color:var(--foam)}
.hint i{background:linear-gradient(var(--blue),transparent)}
.sig-d{color:var(--blue)}.sig::before{background:linear-gradient(transparent,var(--blue))}
#reason h2 em{color:var(--blue)}
.row.lit .d{color:var(--foam)}.st i.f{background:var(--blue)}.row.act{background:rgba(143,220,248,.07)}
#leaders .lit path{stroke:rgba(143,220,248,.42)}#leaders .lit circle{stroke:var(--blue)}
#leaders .hot path{stroke:var(--blue)}#leaders .hot circle{fill:var(--blue)}
.w-beam i{background:linear-gradient(90deg,transparent,var(--blue),transparent)}
#caret{background:var(--blue)}.w-ok.on{color:var(--blue)}
.tw-list li.on svg .g{stroke:var(--crest)}
.lanes span:first-child{color:var(--foam)}
.card.approved .r-go{background:transparent;color:var(--hi);box-shadow:inset 0 0 0 1px var(--hi)}
.nodes b.on{background:var(--ink);color:var(--foam);box-shadow:inset 0 0 0 1px var(--foam)}
.nodes b.cur{background:var(--hi);color:var(--ink);box-shadow:none}
.tick4 li::before{border-color:var(--blue)}.tick4.num li::before{color:var(--blue)}
summary::after{color:var(--blue)}
.howb li b{color:var(--foam)}
#rail button.on{color:var(--blue)}#rail button.on i{background:var(--blue)}
/* gold on cream only ever in the dark gold */
.ten i.on{background:var(--gold-f)}
.etabs button[aria-selected=true]{box-shadow:inset 0 1px 0 rgba(11,33,71,.16),inset 3px 0 0 var(--gold-f)}
.btn::after{background:var(--gold-f)}
#drawer :focus-visible,.foam :focus-visible,.btn:focus-visible{outline-color:#176F9E}
#form input::placeholder,#form textarea::placeholder{color:#47597a}
.fn,.fn.done{opacity:1}.fn:not(.on) .fn-n{color:var(--mist)}.fn p span{color:var(--mist)}.fn.on p span{color:var(--foam)}
@media (min-width:900px){
  .row{opacity:.82}.row.lit{opacity:1}
  .tw-list li{opacity:.63}.tw-list li.on{opacity:1}
  .tr:not(.th){opacity:.82}
  .r-d,.r-a{opacity:.63}.card.sorted .r-d,.card.sorted .r-a{opacity:1}
  .day-labels li{opacity:.63}.day-labels li.on{opacity:1}
  .day-line{opacity:.49}.day-line.on{opacity:1}
  .tide-l li{opacity:.87}.tide-l li.on{opacity:1}
}
.writer.ok .w-beam{background:rgba(143,220,248,.5)}
.fitnote{background:rgba(11,33,71,.07)}
@media (min-width:900px){.hero-narrow h1{font-size:clamp(2.375rem,min(4.3vw,7vh),4rem)}}
.scrim{isolation:isolate}
.scrim::before{content:"";position:absolute;inset:-14% -12% -16% -22%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(5,14,29,.9),rgba(5,14,29,.72) 62%,rgba(5,14,29,0))}
@media (max-width:899px){.scrim::before{display:none}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.jobs-note{max-width:46em;color:var(--foam)}
#foot a[href^="mailto"]{color:inherit}
.lanes span:first-child.on{color:var(--ink)}
.scan span{top:80%}
@media (max-width:899px){.callcover~.cta .lnk{background:rgba(5,14,29,.85);padding-inline:6px}}
.lanes span{transition:color .3s var(--ease),background-color .3s var(--ease),box-shadow .3s var(--ease)}