/* ==========================================================================
   Octadock — an open-water product story.
   Underwater camera journey (journey.js, Three.js) + local-first proof.
   Self-hosted fonts, no CDN, no build step. Teal = local; violet = cloud only.
   ONE void black everywhere (CSS, WebGL clear, fog): #05080f — do not fork it.
   ========================================================================== */

/* ---------- fonts (self-hosted, CSP-clean) ---------- */
@font-face{font-family:'Clash Display';src:url('./vendor/fonts/clash-display-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url('./vendor/fonts/clash-display-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url('./vendor/fonts/clash-display-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Switzer';src:url('./vendor/fonts/switzer-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Switzer';src:url('./vendor/fonts/switzer-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Switzer';src:url('./vendor/fonts/switzer-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

/* ---------- tokens ---------- */
:root{
  --void:#05080f;                      /* THE black. journey.js reads it too. */
  --surface:#0c121e;
  --surface-2:#111a2a;
  --ink:#eef3fa;
  --ink-dim:#b6c2d6;
  --muted:#8b99b2;
  --faint:#828fa8;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.15);

  --teal:#2dd4bf;
  --teal-b:#5eead4;
  --teal-deep:#0d9488;
  --teal-ink:#04201c;
  --cyan:#38bdf8;
  --violet:#a78bfa;
  --violet-b:#c4b5fd;
  --warn:#fbbf24;
  --ok:#4ade80;
  --danger:#fb7185;

  --display:'Clash Display','Segoe UI Variable Display','Segoe UI',system-ui,sans-serif;
  --sans:'Switzer','Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;
  --mono:'Cascadia Code','Cascadia Mono',ui-monospace,Consolas,Menlo,monospace;

  --edge:clamp(1.4rem,5vw,5.5rem);
  --maxw:82rem;
  --measure:66ch;
  --r-sm:9px; --r:14px; --r-lg:22px;

  --ease:cubic-bezier(.16,1,.3,1);
  --dur:170ms;

  /* z scale: canvas 1 · vignette 2 · content 5 · nav 40 · skip 60 · tuner 90 */
  color-scheme:dark;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
[id]{scroll-margin-top:6rem}
body{
  background:var(--void);
  color:var(--ink-dim);
  font-family:var(--sans);
  font-size:clamp(1rem,.96rem + .2vw,1.09rem);
  line-height:1.6;
  letter-spacing:-.005em;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* The bioluminescent pointer is rendered inside the same underwater WebGL pass. Hide
   the OS arrow only over open water on a fine pointer; the effects controller
   restores the native cursor before links, controls, the console, reduced
   motion, coarse input, or forced-colors content. */
@media (hover:hover) and (pointer:fine){
  body.aquarium-cursor-active{cursor:none}
}
@media (prefers-reduced-motion:reduce),(forced-colors:active){
  body.aquarium-cursor-active{cursor:auto}
}
img,svg,canvas{display:block;max-width:100%}
a{color:var(--teal-b);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--display);color:var(--ink);font-weight:600;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
p{text-wrap:pretty}
p,li,dd{max-width:var(--measure)}
b,strong{color:var(--ink);font-weight:600}
code{font-family:var(--mono);font-size:.92em}
:focus-visible{outline:2px solid var(--teal-b);outline-offset:3px;border-radius:4px}
::selection{background:rgba(45,212,191,.3);color:var(--ink)}

.skip-link{position:fixed;top:-100%;left:1rem;z-index:60;padding:.7rem 1.1rem;background:var(--teal);color:var(--teal-ink);font-weight:600;border-radius:var(--r-sm)}
.skip-link:focus{top:1rem;text-decoration:none}

/* ---------- fixed layers ---------- */
.stage{position:fixed;inset:0;z-index:1;pointer-events:none}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}
#gl{z-index:0}
.no-octo .stage{display:none}
.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(135% 105% at 62% 44%,transparent 48%,rgba(2,4,9,.42) 80%,rgba(2,4,9,.85) 100%)}
/* static fallback water when WebGL is unavailable */
.no-octo body,.no-octo .journey{
  background:
    radial-gradient(1100px 640px at 70% 6%,rgba(56,189,248,.075),transparent 62%),
    radial-gradient(860px 620px at 30% 88%,rgba(45,212,191,.06),transparent 60%),
    var(--void);
}
/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem var(--edge);border-bottom:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(5,8,15,.88),rgba(5,8,15,.54));backdrop-filter:blur(16px) saturate(1.15);
  transition:background .28s var(--ease),border-color .28s var(--ease)}
.nav__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:600;font-size:1.04rem;letter-spacing:-.02em;color:#fff}
.nav__brand:hover{text-decoration:none}
.nav__brand .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);animation:beat 1300ms var(--ease) infinite}
@keyframes beat{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.nav__links{display:flex;gap:clamp(1.1rem,2.5vw,2rem);font-size:.85rem;font-weight:500;align-items:center;color:#fff}
.nav__links a{color:#fff;opacity:.72;transition:opacity .3s var(--ease)}
.nav__links a:hover{opacity:1;text-decoration:none}
.nav__stat{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.65;font-variant-numeric:tabular-nums}
.nav__cta{display:inline-flex;align-items:center;min-height:2.35rem;padding:.48rem .9rem;border:1px solid rgba(94,234,212,.28);
  border-radius:100px;color:var(--teal-b);font-size:.8rem;font-weight:600;background:rgba(45,212,191,.07);
  transition:background .16s var(--ease),border-color .16s var(--ease)}
.nav__cta:hover{background:rgba(45,212,191,.13);border-color:rgba(94,234,212,.42);text-decoration:none}
@media(max-width:1040px){.nav__stat{display:none}}
@media(max-width:760px){.nav__links{display:none}.nav{padding:.72rem var(--edge)}.nav__cta{min-height:2.15rem}}

/* ---------- HUD (depth instrument, bottom-left) ---------- */
.hud{position:fixed;left:var(--edge);bottom:1.6rem;z-index:5;display:flex;gap:2.1rem;align-items:baseline;pointer-events:none;
  font-family:var(--mono);font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);
  transition:opacity .5s var(--ease)}
.hud b{color:var(--teal-b);font-weight:400;font-variant-numeric:tabular-nums}
.hud.gone{opacity:0}
.scrollcue{position:fixed;right:var(--edge);bottom:1.6rem;z-index:5;pointer-events:none;
  font-family:var(--mono);font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);
  display:flex;align-items:center;gap:.6rem;transition:opacity .5s var(--ease)}
.scrollcue::after{content:"";width:1px;height:32px;background:linear-gradient(var(--teal),transparent);animation:drop 2.3s var(--ease) infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.scrollcue.gone{opacity:0}
@media(max-width:640px){.hud{gap:1.2rem}.hud span:nth-child(3){display:none}.scrollcue{display:none}}

/* ---------- shared buttons ---------- */
.btn{font-family:var(--sans);font-weight:600;font-size:.96rem;letter-spacing:-.01em;color:var(--teal-ink);background:var(--teal);
  padding:.95rem 1.65rem;border-radius:100px;display:inline-flex;align-items:center;gap:.55rem;border:0;cursor:pointer;
  box-shadow:0 10px 40px -10px rgba(45,212,191,.5);
  transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.btn:hover{background:var(--teal-b);box-shadow:0 14px 48px -12px rgba(45,212,191,.65);text-decoration:none}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2);box-shadow:none}
.btn--ghost:hover{background:rgba(45,212,191,.06);border-color:rgba(45,212,191,.4);box-shadow:none}
.btn--sm{padding:.55rem 1.05rem;font-size:.86rem}
.btn--disabled,.btn:disabled{cursor:not-allowed;background:rgba(45,212,191,.18);color:rgba(211,250,243,.66);
  border:1px solid rgba(94,234,212,.2);box-shadow:none}
.btn--disabled:hover,.btn:disabled:hover{background:rgba(45,212,191,.18);box-shadow:none}
.kbd-note{font-size:.9rem;color:var(--ink-dim);display:inline-flex;align-items:center;gap:.5rem}
.kbd-note .k{font-family:var(--mono);font-size:.72rem;color:var(--muted);border:1px solid var(--line-2);border-radius:5px;padding:.2rem .45rem}

.pending{display:inline-flex;align-items:center;gap:.45rem;color:var(--warn);font-weight:500}
.pending::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn);animation:beat 2.4s ease-in-out infinite}

/* ==========================================================================
   THE JOURNEY — sections the camera descends through
   ========================================================================== */
.journey{position:relative;z-index:5}
.beat{position:relative}
.beat__pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:6.5rem var(--edge) 5rem}
.beat--sticky .beat__pin{position:sticky;top:0}
.beat__in{max-width:var(--maxw);margin-inline:auto;width:100%}

/* --- hero --- */
.j-hero{min-height:122svh}
.j-hero .beat__pin{min-height:100svh}
.hero-ey{font-family:var(--mono);font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--teal-b);
  display:flex;align-items:center;gap:.9rem;margin-bottom:1.7rem}
.hero-ey::before{content:"";width:clamp(1.8rem,5vw,3.4rem);height:1px;background:linear-gradient(90deg,var(--teal),transparent)}
.j-hero h1{font-size:clamp(2.9rem,8.6vw,7.6rem);line-height:.92;letter-spacing:-.04em;max-width:15ch}
.j-hero h1 .em{color:transparent;-webkit-text-stroke:1.4px var(--teal)}
.hero-sub{margin-top:1.9rem;max-width:50ch;font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.6}
.hero-cta{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}
.hero-fine{margin-top:1.15rem;font-size:.85rem;color:var(--faint)}
.hero-fine b{color:var(--muted);font-weight:500}

/* --- statement --- */
.j-statement{min-height:92svh;display:flex;align-items:center;padding:0 var(--edge)}
.j-statement p{font-family:var(--display);font-weight:500;font-size:clamp(1.55rem,3.2vw,2.7rem);line-height:1.2;letter-spacing:-.025em;color:var(--muted);max-width:min(88vw,42rem);margin:0}
.j-statement .on{color:var(--ink)}
.j-statement .on.t{color:var(--teal-b)}

/* --- instruments --- */
.j-instruments{min-height:190svh}
.j-instruments h2{font-size:clamp(2rem,4.6vw,3.5rem);margin-bottom:.4em}
.j-instruments .caps-lede{max-width:44ch;color:var(--ink-dim);margin-bottom:clamp(1.8rem,3.5vw,3rem)}
.caps{list-style:none;border-top:1px solid var(--line);max-width:46rem}
.cap{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:.35rem clamp(1.2rem,3.5vw,2.8rem);
  align-items:baseline;padding:clamp(.85rem,1.7vw,1.15rem) 0;border-bottom:1px solid var(--line);position:relative}
.cap::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;
  background:linear-gradient(90deg,var(--teal),transparent 70%);opacity:0;transform:scaleX(.4);transform-origin:left;
  transition:opacity .45s var(--ease),transform .45s var(--ease)}
.cap:hover::before,.cap.on::before{opacity:.6;transform:scaleX(1)}
.cap h3{font-size:clamp(1.15rem,2.1vw,1.6rem);letter-spacing:-.025em;transition:transform .4s var(--ease)}
.cap:hover h3,.cap.on h3{transform:translateX(5px)}
.cap p{color:var(--muted);font-size:.94rem;line-height:1.5;transition:color .4s var(--ease)}
.cap:hover p,.cap.on p{color:var(--ink-dim)}
.cap .t{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--warn);white-space:nowrap;margin-top:.4rem}
@media(max-width:720px){.cap{grid-template-columns:1fr}.cap p{grid-column:1}}

/* --- cloud boundary --- */
.j-cloud{min-height:150svh;text-align:center}
.j-cloud h2{font-size:clamp(2.2rem,5.6vw,4.6rem);line-height:.98}
.j-cloud h2 .v{color:transparent;-webkit-text-stroke:1.5px var(--violet)}
.j-cloud p{margin:1.8rem auto 0;max-width:50ch;color:var(--ink-dim);font-size:clamp(1.02rem,1.4vw,1.18rem)}
.j-cloud .tag{display:inline-flex;align-items:center;gap:.6rem;margin-top:2.1rem;font-family:var(--mono);font-size:.7rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--violet-b);border:1px solid rgba(167,139,250,.35);border-radius:100px;padding:.55rem 1.1rem}
.j-cloud .tag .d{width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 10px var(--violet)}

/* --- close / seabed --- */
.j-close{min-height:170svh;text-align:center}
.j-close p{margin-inline:auto}
.j-close .price-lead{font-family:var(--mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--teal-b)}
.j-close .price-big{font-family:var(--display);font-weight:600;font-size:clamp(3.4rem,8.5vw,5.8rem);color:var(--ink);letter-spacing:-.04em;line-height:.9;margin-top:.35em}
.j-close .price-big .u{font-size:.2em;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:.5rem}
.j-close .price-meta{margin:1rem auto 0;color:var(--muted);font-size:.92rem;max-width:44ch}
.j-close ul{list-style:none;margin:1.6rem auto 0;display:flex;flex-direction:column;gap:.6rem;font-size:.98rem;color:var(--ink-dim);width:fit-content;text-align:left}
.j-close li{display:flex;gap:.7rem;align-items:baseline}
.j-close li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);flex:none;transform:translateY(.45em)}
.j-close li.v{color:var(--violet-b)}
.j-close li.v::before{background:var(--violet)}
.j-close h2{margin-top:2.6rem;font-size:clamp(2.4rem,6.5vw,5.4rem);line-height:1.28;letter-spacing:-.045em}
.j-close h2 .mark{background:var(--teal-deep);color:#fff;border-radius:10px;padding:.02em .26em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 16px 55px -18px rgba(45,212,191,.45)}
.j-close h2 em{font-style:normal;color:var(--teal-deep)}
.j-close .hero-cta{justify-content:center}
.j-close .close-fine{margin-top:1.2rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ==========================================================================
   THE RECORDS — verification deck after the journey (normal flow)
   ========================================================================== */
.records{position:relative;z-index:5;background:linear-gradient(180deg,transparent,rgba(5,8,15,.6) 8%,var(--void) 20%)}
.records__in{max-width:var(--maxw);margin-inline:auto;padding:clamp(4.5rem,9vw,7.5rem) var(--edge) 0}
.records h2{font-size:clamp(1.9rem,4.2vw,3.2rem);margin-bottom:.35em}
.records .lede{color:var(--ink-dim);font-size:1.05rem;max-width:52ch}

.trust{margin-top:clamp(2.2rem,5vw,3.4rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media(max-width:820px){.trust{grid-template-columns:1fr}}
.callout{display:flex;gap:.95rem;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:var(--r);
  background:linear-gradient(180deg,rgba(17,26,42,.5),rgba(9,14,24,.65))}
.callout--accent{border-color:rgba(45,212,191,.32);background:linear-gradient(180deg,rgba(45,212,191,.07),rgba(9,14,24,.65))}
.callout--cloud{border-color:rgba(167,139,250,.32);background:linear-gradient(180deg,rgba(167,139,250,.06),rgba(9,14,24,.65))}
.callout__icon{flex:none;width:20px;height:20px;margin-top:.2rem;color:var(--teal)}
.callout--cloud .callout__icon{color:var(--violet)}
.callout h3{font-size:1.02rem;margin-bottom:.3em;font-family:var(--sans);font-weight:600;letter-spacing:-.01em}
.callout p{margin:0;color:var(--muted);font-size:.93rem}

.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin-top:clamp(1.8rem,4vw,2.6rem);
  background:linear-gradient(180deg,#0a101d,#080d17)}
table.data{width:100%;border-collapse:collapse;font-size:.92rem;min-width:43rem}
table.data caption{text-align:left;padding:1.05rem 1.2rem .3rem;font-weight:600;color:var(--ink);font-family:var(--sans)}
table.data th,table.data td{text-align:left;padding:.8rem 1.2rem;border-top:1px solid rgba(37,51,78,.55);vertical-align:top}
table.data thead th{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-top:0;padding-top:.85rem}
table.data tbody tr{transition:background var(--dur) var(--ease)}
table.data tbody tr:hover{background:rgba(45,212,191,.035)}
table.data td:first-child{color:var(--ink);font-weight:500}
table.data td{color:var(--muted)}
.tag-inline{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.72rem;font-weight:600;white-space:nowrap}
.tag-inline.onetime{background:rgba(56,189,248,.12);color:#7dd3fc;border:1px solid rgba(56,189,248,.3)}
.tag-inline.local{background:rgba(45,212,191,.12);color:var(--teal-b);border:1px solid rgba(45,212,191,.32)}
.tag-inline.optin{background:rgba(167,139,250,.12);color:var(--violet-b);border:1px solid rgba(167,139,250,.34)}
.records__foot{margin-top:1rem;font-size:.86rem;color:var(--faint);max-width:var(--measure)}

/* CLI strip */
.autom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;
  margin-top:clamp(3.5rem,7vw,5.5rem)}
@media(max-width:860px){.autom{grid-template-columns:1fr}}
.autom h2{font-size:clamp(1.7rem,3.6vw,2.7rem)}
.autom .muted{color:var(--muted);font-size:.97rem}
.term{border:1px solid var(--line);border-radius:var(--r);background:#04060c;overflow:hidden;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 40px -18px rgba(45,212,191,.2)}
.term__bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .95rem;border-bottom:1px solid rgba(255,255,255,.06);
  color:var(--faint);font:500 .72rem/1 var(--mono)}
.term__bar i{width:9px;height:9px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line)}
.term__bar span{margin-left:.35rem}
.term pre{margin:0;padding:1.05rem 1.15rem 1.2rem;overflow-x:auto;font:500 .84rem/1.9 var(--mono);color:var(--ink-dim)}
.term .p{color:var(--teal);user-select:none}
.term .c{color:var(--ink)}
.term .f{color:#7dd3fc}
.term .o{color:var(--faint)}

/* download block */
.getblock{margin-top:clamp(4rem,8vw,6.5rem);padding:clamp(2.2rem,5vw,3.4rem);border:1px solid rgba(45,212,191,.3);border-radius:var(--r-lg);
  text-align:center;background:radial-gradient(480px 240px at 50% 0%,rgba(45,212,191,.08),transparent 65%),linear-gradient(180deg,#0b1322,#080d17)}
.getblock h2{font-size:clamp(2rem,4.5vw,3.3rem)}
.getblock .lede{margin:.6rem auto 1.8rem;max-width:40ch}
.getblock .hero-cta{justify-content:center;margin-top:0}
.getblock .hash{display:block;margin:1.5rem auto 0;padding:.7rem .9rem;max-width:34rem;background:#0a1220;border:1px dashed var(--line-2);
  border-radius:var(--r-sm);font:500 .76rem/1.5 var(--mono);color:var(--faint);overflow-wrap:anywhere}
.getblock .fine{margin-top:.9rem;font-size:.85rem;color:var(--faint)}
.getblock .fine code{color:var(--muted)}

/* footer */
.foot{border-top:1px solid var(--line);margin-top:clamp(4rem,8vw,6rem);padding:2.6rem var(--edge) 2.2rem;position:relative;z-index:5;background:#04060b}
.foot__grid{max-width:var(--maxw);margin-inline:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}
@media(max-width:760px){.foot__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.foot__grid{grid-template-columns:1fr}}
.foot h3{font-family:var(--mono);font-weight:500;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:.8rem}
.foot ul{list-style:none;display:grid;gap:.45rem;font-size:.9rem}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--ink)}
.foot__brand{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:600;color:var(--ink);margin-bottom:.7rem}
.foot__brand .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}
.foot__blurb{font-size:.85rem;color:var(--faint);max-width:24rem}
.foot__bottom{max-width:var(--maxw);margin:2.4rem auto 0;padding-top:1.3rem;border-top:1px solid rgba(37,51,78,.4);
  display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between;
  font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}

/* ==========================================================================
   OPEN-WATER SITE — the product story floats over one continuous aquarium.
   Display words sit on the decorative plane; readable copy and controls stay
   above the animals with small, local light veils instead of opaque sections.
   ========================================================================== */
.site-section,.workflow{position:relative;z-index:5;padding-inline:var(--edge)}
.section-shell,.section-head{width:100%;max-width:var(--maxw);margin-inline:auto}
.section-ey{font:500 .68rem/1.3 var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--teal-b)}
.section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(17rem,.7fr);gap:clamp(1.5rem,5vw,5rem);align-items:end}
.section-head .section-ey{grid-column:1/-1;margin-bottom:-.4rem}
.section-head h2{font-size:clamp(2.35rem,5vw,4.9rem);max-width:14ch}
.section-head>p:last-child{color:var(--ink-dim);font-size:clamp(1rem,1.2vw,1.12rem);padding-bottom:.35rem}
.section-head--wide h2{max-width:17ch}
.copy-island{position:relative;isolation:isolate}
.copy-island::before{content:"";position:absolute;z-index:-1;inset:-2.8rem -4rem;
  background:radial-gradient(ellipse at 35% 50%,rgba(5,8,15,.84) 0,rgba(5,8,15,.62) 45%,transparent 76%);
  filter:blur(8px);pointer-events:none}

/* hero */
.j-hero{min-height:122svh}
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.52fr);align-items:center;gap:2rem}
.hero-copy{position:relative;z-index:3;max-width:57rem}
.j-hero h1{font-size:clamp(3.3rem,8.4vw,7.35rem);max-width:12ch}
.j-hero h1 .em{-webkit-text-stroke:1.2px rgba(94,234,212,.9)}
.hero-sub{max-width:49ch;color:#c7d1e0}
.hero-proof{margin-top:1rem;max-width:55ch;color:var(--teal-b);font-size:.91rem}
.hero-watermark,.workflow-ghost,.final-ghost{pointer-events:none;user-select:none;color:rgba(94,234,212,.035);
  -webkit-text-stroke:1.35px rgba(94,234,212,.58);font-family:var(--display);font-weight:700;line-height:.76;
  letter-spacing:-.08em;filter:drop-shadow(0 0 28px rgba(45,212,191,.12))}
.hero-watermark{position:absolute;right:clamp(1rem,2vw,2rem);top:47%;display:flex;gap:.24em;
  writing-mode:vertical-rl;text-orientation:mixed;transform:translateY(-50%) rotate(180deg);white-space:nowrap;
  font-size:clamp(3.8rem,5.4vw,5.5rem)}
.hero-watermark span{display:inline}

/* story hinge */
.j-statement{min-height:92svh;display:flex;align-items:center;padding-inline:var(--edge)}
.story-lockup{width:min(100%,var(--maxw));margin-inline:auto;padding-left:clamp(0rem,7vw,7rem)}
.j-statement .story-lockup .section-ey{font-family:var(--mono);font-size:.68rem;line-height:1.3;letter-spacing:.25em;color:var(--teal-b);margin-bottom:1.4rem}
.j-statement .story-lockup h2{max-width:14ch;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.96}
.j-statement .story-lockup h2 span{color:transparent;-webkit-text-stroke:1.2px var(--teal-b)}
.j-statement .story-lockup>p:last-child{margin-top:1.7rem;max-width:48ch;color:var(--ink-dim);font:400 clamp(1rem,1.25vw,1.14rem)/1.65 var(--sans);letter-spacing:-.005em}

/* Capture -> Use -> Keep */
.workflow{padding-top:clamp(4rem,6vw,6rem);padding-bottom:clamp(5rem,8vw,8rem);overflow:hidden}
.workflow>.section-head{position:relative;z-index:4;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.workflow-step{position:relative;min-height:92svh;max-width:var(--maxw);margin-inline:auto;display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.workflow-copy{position:relative;z-index:4;grid-column:1/7;max-width:40rem}
.workflow-step--use .workflow-copy{grid-column:7/13}
.workflow-step--keep .workflow-copy{grid-column:2/8}
.step-no{display:block;margin-bottom:1.1rem;color:var(--teal-b);font:500 .7rem/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase}
.workflow-copy h3{font-size:clamp(2.15rem,4.7vw,4.2rem);max-width:11ch}
.workflow-copy>p:not(.workflow-note){margin-top:1.35rem;color:#c2cddd;font-size:clamp(1rem,1.2vw,1.12rem)}
.feature-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}
.feature-tags li{border:1px solid rgba(94,234,212,.24);border-radius:100px;background:rgba(5,24,26,.48);
  padding:.38rem .75rem;color:#a7f3e8;font:500 .75rem/1.25 var(--mono)}
.workflow-note{margin-top:1.2rem;color:#8998ad;font-size:.82rem;line-height:1.55}
.workflow-note::before{content:"Note · ";color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}
.workflow-ghost{position:absolute;right:-.03em;top:50%;transform:translateY(-50%);font-size:clamp(7rem,18vw,17rem);z-index:1}
.workflow-step--use .workflow-ghost{right:auto;left:-.05em;-webkit-text-stroke-color:rgba(56,189,248,.58);color:rgba(56,189,248,.035)}
.workflow-step--keep .workflow-ghost{right:-.02em;-webkit-text-stroke-color:rgba(94,234,212,.54)}

/* complete instrument index — the detailed list remains part of the story */
.instrument-index{max-width:var(--maxw);margin-inline:auto;padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(7rem,11vw,11rem)}
.instrument-index__head{margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.instrument-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line-2)}
.instrument{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:clamp(.8rem,2vw,1.4rem);
  padding:clamp(1.35rem,2.5vw,1.9rem) clamp(0rem,2.5vw,2rem);border-bottom:1px solid var(--line)}
.instrument:nth-child(even){border-left:1px solid var(--line)}
.instrument__no{padding-top:.22rem;color:var(--teal-b);font:500 .7rem/1.4 var(--mono);letter-spacing:.12em}
.instrument h3{font-size:clamp(1.3rem,2vw,1.75rem)}
.instrument p{margin-top:.5rem;color:var(--ink-dim);font-size:.92rem;line-height:1.58}
.instrument__tag{display:block;margin-top:.35rem;color:var(--warn);font:500 .58rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.instrument-index__foot{margin-top:1.2rem;max-width:var(--measure);color:var(--muted);font-size:.84rem}

/* local proof and bounded egress */
.records{background:linear-gradient(180deg,transparent 0%,rgba(3,13,20,.08) 42%,rgba(5,8,15,.14) 100%);
  padding-top:clamp(7rem,11vw,11rem);padding-bottom:clamp(7rem,10vw,10rem)}
.records .section-head{margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.records .section-head h2{font-size:clamp(2.3rem,5vw,4.75rem);margin:0}
.records .section-head>p:last-child{color:var(--ink-dim);font-size:clamp(1rem,1.2vw,1.12rem)}
.proof-editorial{border-block:1px solid rgba(255,255,255,.12)}
.proof-line{position:relative;display:grid;grid-template-columns:3.5rem minmax(15rem,.78fr) minmax(18rem,1fr);
  gap:clamp(1.5rem,4vw,4.5rem);align-items:end;padding:clamp(2.2rem,5vw,4.5rem) 0;border-bottom:1px solid rgba(255,255,255,.09)}
.proof-line:last-child{border-bottom:0}
.proof-line--local::before{content:"";position:absolute;left:0;top:1.6rem;bottom:1.6rem;width:1px;
  background:linear-gradient(180deg,transparent,rgba(94,234,212,.55),transparent);pointer-events:none}
.proof-line--network{margin-left:clamp(0rem,5vw,5rem)}
.proof-index{align-self:start;padding-top:.2rem;color:rgba(94,234,212,.72);font:500 .68rem/1 var(--mono);letter-spacing:.15em}
.proof-label{display:block;color:var(--teal-b);font:500 .68rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.proof-title h3{margin-top:.7rem;max-width:13ch;font-size:clamp(1.75rem,3vw,2.75rem)}
.proof-copy{max-width:50ch;color:var(--ink-dim);font-size:.96rem}
.cloud-boundary{display:grid;grid-template-columns:minmax(9rem,.25fr) 1fr;gap:1.5rem;align-items:start;margin-top:0;padding:1.25rem 0 0;
  border:0;border-top:1px solid rgba(167,139,250,.4);border-radius:0;background:transparent;backdrop-filter:none}
.cloud-boundary span{color:var(--violet-b);font:500 .68rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.cloud-boundary p{color:#c8bee5;font-size:.91rem}
.ledger-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.55fr);gap:2rem;align-items:end;margin-top:clamp(4rem,8vw,7rem)}
.ledger-head h3{margin-top:.65rem;font-size:clamp(1.8rem,4vw,3.3rem)}
.ledger-head>p{color:var(--muted);font-size:.93rem;padding-bottom:.25rem}
.table-scroll{margin-top:1.6rem;border-inline:0;border-color:rgba(255,255,255,.11);border-radius:0;
  background:rgba(4,10,18,.54);backdrop-filter:blur(10px);box-shadow:none}
table.data caption{padding:1rem 1.2rem;color:var(--faint);font:500 .72rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
table.data th,table.data td{padding:.9rem 1.1rem;border-color:rgba(255,255,255,.07)}
table.data td{color:#96a6bd}
table.data td:first-child{color:#e2e9f2}
.limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;border-block:1px solid var(--line)}
.limits p{max-width:none;padding:1.15rem 1.2rem;background:transparent;border-right:1px solid var(--line);color:var(--muted);font-size:.84rem;line-height:1.55}
.limits p:last-child{border-right:0}
.limits b{display:block;margin-bottom:.25rem;color:var(--ink);font-size:.87rem}

/* automation instrument */
.automation{padding-top:clamp(7rem,12vw,12rem);padding-bottom:clamp(7rem,12vw,12rem)}
.automation-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(27rem,1.22fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}
.automation-copy h2{margin-top:1rem;max-width:12ch;font-size:clamp(2.25rem,5vw,4.6rem)}
.automation-copy>p:last-child{margin-top:1.45rem;color:var(--ink-dim)}
.automation .term{position:relative;background:rgba(3,7,13,.88);backdrop-filter:blur(12px);border-color:rgba(94,234,212,.19)}
.term__bar{min-height:3.15rem;padding:.55rem .72rem .55rem .9rem;gap:.75rem}
.term__lights{display:flex;gap:.4rem;align-items:center}
.term__bar .term__lights i{display:block}
.term__copy{margin-left:auto;min-height:2.1rem;padding:.38rem .72rem;border:1px solid rgba(94,234,212,.22);border-radius:7px;
  background:rgba(45,212,191,.06);color:var(--teal-b);font:600 .68rem/1 var(--sans);cursor:pointer;
  transition:background .16s var(--ease)}
.term__copy:hover{background:rgba(45,212,191,.13)}
.term__copy:focus-visible{outline-offset:1px}
.term__status{min-height:1.8rem;max-width:none;padding:0 1.15rem .7rem;color:var(--teal-b);font:500 .7rem/1.4 var(--mono)}

/* pricing */
.pricing{padding-top:clamp(7rem,11vw,11rem);padding-bottom:clamp(8rem,12vw,12rem);background:linear-gradient(180deg,transparent,rgba(4,15,20,.28),transparent)}
.pricing-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(24rem,1fr);gap:clamp(3rem,8vw,8rem);align-items:center}
.price-big{display:flex;align-items:flex-end;gap:.8rem;margin:1.1rem 0 .65rem;color:var(--ink)}
.price-big span{font:600 clamp(4.8rem,11vw,9rem)/.78 var(--display);letter-spacing:-.075em}
.price-big small{padding-bottom:.5rem;color:var(--teal-b);font:500 .7rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.price-lockup h2{font-size:clamp(2rem,4.3vw,3.8rem)}
.price-lockup>p:last-child{margin-top:1.35rem;color:var(--ink-dim)}
.price-details ul{list-style:none;border-top:1px solid var(--line-2)}
.price-details li{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,.8fr);gap:1.5rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}
.price-details li b{font-weight:500}
.price-details li span{text-align:right;color:var(--muted);font-size:.9rem}
.pro-note{margin-top:1rem;padding:.7rem .9rem;border-left:2px solid var(--violet);background:rgba(167,139,250,.06);color:var(--violet-b);font-size:.85rem}
.price-details .hero-cta{margin-top:1.8rem}

/* final open-water conclusion */
.final-cta{min-height:100svh;display:grid;place-items:center;overflow:hidden;text-align:center;padding-block:clamp(7rem,12vw,11rem)}
.final-inner{position:relative;z-index:4;width:min(100%,58rem);margin-inline:auto}
.final-inner h2{margin:1rem auto 0;max-width:15ch;font-size:clamp(2.8rem,7vw,6.6rem)}
.final-inner>p:not(.section-ey):not(.release-note){margin:1.4rem auto 0;color:var(--ink-dim);font-size:clamp(1rem,1.25vw,1.13rem)}
.final-inner .hero-cta{justify-content:center}
.release-note{margin:1.25rem auto 0;color:var(--faint);font-size:.81rem;max-width:56ch}
.release-note .pending{margin-right:.4rem}

/* release waitlist — replaces the pre-release download button; first-party POST */
.waitlist{position:relative;width:min(100%,34rem);margin:2.1rem auto 0}
.waitlist__label{display:block;margin-bottom:.75rem;color:var(--ink-dim);font-size:.92rem}
.waitlist__row{display:flex;gap:.7rem;align-items:stretch}
.waitlist__input{flex:1 1 auto;min-width:0;min-height:3.15rem;padding:.75rem 1.15rem;color:var(--ink);
  font:400 1rem/1.2 var(--sans);letter-spacing:-.005em;text-align:left;background:rgba(4,10,18,.55);
  border:1px solid var(--line-2);border-radius:100px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.waitlist__input::placeholder{color:var(--faint)}
.waitlist__input:hover{border-color:rgba(94,234,212,.4)}
.waitlist__input:focus-visible{outline:2px solid var(--teal-b);outline-offset:2px;border-color:var(--teal-b);border-radius:100px}
.waitlist__row .btn{flex:0 0 auto;white-space:nowrap}
.waitlist__hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.waitlist__status{min-height:1.4rem;margin:.85rem 0 0;font-size:.9rem;color:var(--teal-b)}
.waitlist__status[data-state="error"]{color:var(--warn)}
.waitlist__status[data-state="busy"]{color:var(--muted)}
.final-links{margin:1.2rem 0 0}
@media(max-width:520px){
  .waitlist__row{flex-direction:column}
  .waitlist__input,.waitlist__row .btn{width:100%}.waitlist__row .btn{justify-content:center}
}
/* comfortable tap targets on touch devices for the two compact controls */
@media(pointer:coarse){
  .nav__cta{min-height:2.75rem}
  .term__copy{min-height:2.75rem}
}

.final-ghost{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:.15em;
  white-space:nowrap;font-size:clamp(7rem,16vw,16rem)}

/* the water continues through legal/support instead of ending at a black wall */
.foot{margin-top:0;background:linear-gradient(180deg,rgba(5,8,15,.16),rgba(3,7,13,.72));backdrop-filter:blur(8px);border-top-color:rgba(255,255,255,.075)}
.foot a{color:#8494ad}
.foot__blurb,.foot__bottom{color:var(--faint)}

@media(max-width:900px){
  .section-head{grid-template-columns:1fr;gap:1.1rem}.section-head .section-ey{margin-bottom:0}.section-head h2{max-width:16ch}
  .workflow-step{min-height:78svh}.workflow-copy,.workflow-step--use .workflow-copy,.workflow-step--keep .workflow-copy{grid-column:1/8}
  .workflow-step--use .workflow-copy{grid-column:6/13}.workflow-step--keep .workflow-copy{grid-column:2/9}
  .proof-line{grid-template-columns:3rem minmax(13rem,.7fr) minmax(15rem,1fr);gap:clamp(1rem,3vw,2.5rem)}
  .proof-line--network{margin-left:0}
  .automation-grid,.pricing-grid{grid-template-columns:1fr;gap:3rem}.automation-copy{max-width:40rem}.automation .term{max-width:52rem;width:100%}
  .price-lockup{max-width:48rem}.price-details{max-width:48rem;width:100%}
}
@media(max-width:760px){
  [id]{scroll-margin-top:4.5rem}.hud{bottom:1rem}.copy-island::before{inset:-2rem -1.3rem}
  .beat__pin{padding-top:5.5rem}.hero-layout{grid-template-columns:1fr}.hero-watermark{display:none}
  .j-hero{min-height:116svh}.j-hero h1{font-size:clamp(3rem,14vw,5.4rem)}.hero-sub{font-size:1rem}.hero-proof{font-size:.84rem}
  .j-statement{min-height:84svh}.story-lockup{padding-left:0}.j-statement .story-lockup h2{font-size:clamp(2.75rem,13vw,5.5rem)}
  .workflow{padding-top:3.75rem}.workflow-step{min-height:auto;padding:clamp(6.5rem,19vw,8rem) 0 clamp(5rem,16vw,7rem);display:block}
  .workflow-copy,.workflow-step--use .workflow-copy,.workflow-step--keep .workflow-copy{max-width:34rem;margin:0}
  .workflow-step--use .workflow-copy{margin-left:auto}.workflow-ghost{top:2.2rem;right:0;transform:none;font-size:clamp(4.5rem,20vw,7.9rem);
    color:rgba(94,234,212,.05);-webkit-text-stroke-width:1.1px;-webkit-text-stroke-color:rgba(94,234,212,.5);filter:drop-shadow(0 0 20px rgba(45,212,191,.12))}
  .workflow-step--use .workflow-ghost{left:0;-webkit-text-stroke-color:rgba(56,189,248,.5)}.workflow-step--keep .workflow-ghost{right:0}
  .instrument-index{padding-top:5rem;padding-bottom:7rem}.instrument-list{grid-template-columns:1fr}
  .instrument:nth-child(even){border-left:0}.instrument{grid-template-columns:2.5rem minmax(0,1fr);padding-inline:0}
  .records{padding-top:6rem}.proof-line{grid-template-columns:2.5rem minmax(0,1fr);gap:.8rem 1rem;padding:2.4rem 0}
  .proof-index{grid-row:1/3}.proof-title,.proof-copy{grid-column:2}.proof-title h3{max-width:15ch}.proof-copy{margin-top:.35rem}
  .cloud-boundary,.ledger-head{grid-template-columns:1fr;gap:.65rem}.ledger-head{align-items:start}.ledger-head>p{padding-bottom:0}
  .limits{grid-template-columns:1fr}.limits p{border-right:0;border-bottom:1px solid var(--line)}.limits p:last-child{border-bottom:0}
  .automation{padding-block:7rem}.automation-grid{grid-template-columns:minmax(0,1fr)}
  .pricing{padding-block:7rem}.pricing-grid{grid-template-columns:minmax(0,1fr)}.price-details li{grid-template-columns:1fr;gap:.2rem}.price-details li span{text-align:left}
  .final-cta{min-height:90svh}.final-inner .hero-cta{align-items:stretch;flex-direction:column}.final-inner .btn{justify-content:center}
  .final-ghost{flex-direction:column;gap:0;font-size:clamp(6.5rem,27vw,11rem);-webkit-text-stroke-color:rgba(94,234,212,.32);color:rgba(94,234,212,.02)}

  .table-scroll{overflow:visible;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
  table.data{display:block;min-width:0;width:100%;font-size:.88rem}
  table.data caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  table.data thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  table.data tbody{display:grid;gap:0;border-top:1px solid var(--line)}
  table.data tr{display:block;padding:1rem 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(4,10,18,.22);overflow:hidden}
  table.data td,table.data td:first-child{display:grid;grid-template-columns:minmax(6.8rem,.36fr) minmax(0,1fr);gap:1rem;align-items:start;
    padding:.48rem .9rem;border:0;color:#9fadc1;font-weight:400;overflow-wrap:anywhere}
  table.data td::before{content:attr(data-label);color:var(--faint);font:500 .61rem/1.45 var(--mono);letter-spacing:.07em;text-transform:uppercase}
  table.data td:first-child{color:var(--ink)}
  table.data .tag-inline{justify-self:start}
}
@media(max-width:480px){
  .hero-cta{align-items:stretch;flex-direction:column}.hero-cta .btn{justify-content:center}.hero-fine{line-height:1.55}
  .section-head h2{font-size:clamp(2.2rem,11vw,3.45rem)}.workflow-copy h3{font-size:clamp(2rem,10vw,3.25rem)}
  .cloud-boundary{padding-top:1rem}.price-big{align-items:flex-start;flex-direction:column;gap:.6rem}.price-big small{padding:0}
  .term pre{font-size:.73rem}.term__bar>span:not(.term__lights){display:none}
  table.data td,table.data td:first-child{grid-template-columns:1fr;gap:.16rem}
}

/* ---------- reveals (enhance-only; landing.js adds .js) ---------- */
.js .rev{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .rev.in{opacity:1;transform:none}

/* ---------- dev tuner (backtick) ---------- */
#tune{position:fixed;top:3.6rem;right:.8rem;z-index:90;width:236px;background:rgba(8,12,20,.95);border:1px solid var(--line-2);border-radius:8px;
  padding:.8rem;font-family:var(--mono);font-size:.6rem;color:var(--ink-dim);display:none;flex-direction:column;gap:.34rem}
#tune.show{display:flex}
#tune .h{color:var(--teal-b);letter-spacing:.05em}
#tune label{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
#tune input[type=range]{width:118px;accent-color:var(--teal)}
#tune pre{margin:.3rem 0 0;color:var(--teal-b);white-space:pre-wrap;word-break:break-word;font-size:.56rem;background:rgba(0,0,0,.4);padding:.4rem;border-radius:5px;user-select:all}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .js .rev{opacity:1;transform:none}
  .beat--sticky .beat__pin{position:static}
  .j-hero,.j-statement,.workflow-step,.records,.automation,.pricing,.final-cta{min-height:auto}
  .beat__pin{min-height:auto;padding-block:clamp(4rem,9vw,7rem)}
  .scrollcue{display:none}
}