/* Night channel: warm graphite, signal amber, and real product proof. */
@font-face{font-family:Archivo;src:url("fonts/archivo-var-latin.woff2") format("woff2");font-weight:600 800;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:Geist;src:url("fonts/geist-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url("fonts/geist-sans-latin-500-normal.woff2") format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/geist-mono-latin-400-normal.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{
  --font-display:Archivo,Geist,ui-sans-serif,system-ui,sans-serif;--font-sans:Geist,ui-sans-serif,system-ui,sans-serif;--font-mono:"Geist Mono",ui-monospace,monospace;
  --gutter:clamp(18px,4vw,56px);--max:1340px;--section-y:clamp(88px,11vw,176px);--ease:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.22,1,.36,1);
  --bg:oklch(.165 .008 60);--bg-deep:oklch(.13 .007 60);--bg-alt:oklch(.145 .008 60);--surface:oklch(.205 .009 60);--surface-2:oklch(.24 .01 62);
  --line:oklch(.34 .012 62 / .55);--line-soft:oklch(.34 .012 62 / .3);--line-strong:oklch(.43 .014 62 / .7);--shell:oklch(1 0 0 / .06);--shell-line:oklch(1 0 0 / .2);--inner-hi:inset 0 1px 0 oklch(1 0 0 / .35);
  --text:oklch(.95 .008 80);--text-2:oklch(.76 .012 70);--text-3:oklch(.67 .012 68);--text-4:oklch(.61 .012 68);
  --amber:oklch(.81 .155 70);--amber-soft:oklch(.81 .155 70 / .13);--amber-line:oklch(.81 .155 70 / .45);--amber-glow:oklch(.81 .155 70 / .35);
  --signal:var(--amber);--signal-text:var(--amber);--signal-ink:var(--bg-deep);--signal-soft:var(--amber-soft);--signal-line:var(--amber-line);
  --live:oklch(.8 .16 152);--red:oklch(.74 .15 24);--red-soft:oklch(.74 .15 24 / .13);
  --term-bg:var(--bg-deep);--term-text:var(--text);--term-green:var(--live);--shadow:0 20px 70px oklch(.07 .005 60 / .4);
  color-scheme:dark
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.65 var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}code{font-family:var(--font-mono);font-size:.9em}
:not(pre)>code:not(.install-cmd){padding:.1em .3em;border-radius:5px;background:var(--surface-2);color:var(--text);overflow-wrap:anywhere;white-space:normal}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}::selection{background:var(--amber-soft);color:var(--text)}
.sr-only,.filter-defs{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;top:-70px;left:16px;z-index:50;background:var(--amber);color:var(--bg-deep);border-radius:99px;padding:8px 16px;text-decoration:none}.skip:focus{top:12px}
.wrap{width:min(var(--max),calc(100% - 2 * var(--gutter)));margin-inline:auto}.muted{color:var(--text-3)}
h1,h2,.h3-lg{font-family:var(--font-display);font-weight:780;font-stretch:118%;letter-spacing:-.035em;text-wrap:balance;line-height:1.03}
h1{font-size:clamp(3.9rem,7.1vw,8rem)}h2{font-size:clamp(2.35rem,4.3vw,5rem);max-width:19ch}h3{font-size:1.18rem;line-height:1.3;font-weight:600}.h3-lg{font-size:clamp(1.8rem,2.5vw,3rem)}
.kicker,.channel,.step-n,.tool-tag{font:400 .76rem/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.kicker{margin-bottom:20px}.sec-head{max-width:860px}.sec-lead{max-width:68ch;color:var(--text-2);font-size:clamp(1.04rem,1.2vw,1.23rem);line-height:1.68;margin-top:22px}
/* Glass is reserved for controls and command wells. */
.glass{position:relative;isolation:isolate;overflow:hidden;background:oklch(1 0 0 / .06);border:1px solid oklch(1 0 0 / .2);box-shadow:inset 0 1px 0 oklch(1 0 0 / .35),inset 0 -1px 0 oklch(1 0 0 / .08),0 8px 30px oklch(0 0 0 / .35);backdrop-filter:blur(14px) saturate(1.7);-webkit-backdrop-filter:blur(14px) saturate(1.7)}
.glass::before,.glass::after{content:"";position:absolute;pointer-events:none;z-index:-1}.glass::before{inset:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),oklch(1 0 0 / .19),transparent 72%);opacity:.8;transition:opacity .3s var(--ease-soft)}.glass::after{inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .55),transparent)}.glass:hover::before{opacity:1}
.glass-primary,.btn-primary{background:oklch(.81 .155 70 / .22);border-color:var(--amber-line);color:var(--text);box-shadow:inset 0 1px 0 oklch(1 0 0 / .42),inset 0 -1px 0 oklch(.81 .155 70 / .17),0 8px 30px oklch(0 0 0 / .35)}
@supports not (backdrop-filter:blur(1px)){.glass{background:var(--surface-2)}.glass-primary,.btn-primary{background:oklch(.4 .08 65)}}
.btn,.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 23px;border-radius:999px;font:600 .93rem/1 var(--font-sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .28s var(--ease-soft),background-color .28s var(--ease-soft),border-color .28s var(--ease-soft)}
.btn:hover,.nav-cta:hover{transform:translateY(-2px)}.btn:active,.nav-cta:active,.copy:active{transform:scale(.97)}.btn-ghost{color:var(--text)}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}
/* Floating radio-control navigation */
.nav-wrap{position:fixed;inset:15px 0 auto;z-index:20;display:flex;justify-content:center;padding-inline:var(--gutter);pointer-events:none}.nav{display:flex;align-items:center;gap:6px;width:min(1090px,100%);min-height:60px;padding:6px 7px 6px 18px;border-radius:999px;pointer-events:auto;transition:background-color .3s var(--ease)}.nav.is-scrolled{background:oklch(.19 .009 60 / .89)}.brand{display:inline-flex;align-items:center;gap:9px;margin-right:auto;font:750 1.06rem/1 var(--font-display);font-stretch:115%;text-decoration:none;white-space:nowrap}.mark{width:27px;height:27px;flex:none}.mark rect{fill:var(--surface-2);stroke:var(--line-strong)}.mark path{stroke-width:2.7;stroke-linecap:round;fill:none}.mark .m1{stroke:var(--text)}.mark .m2{stroke:var(--amber)}.nav-links{display:flex;gap:2px;margin-inline:auto}.nav-links a{display:block;padding:9px 10px;border-radius:99px;color:var(--text-2);font-size:.84rem;text-decoration:none;white-space:nowrap}.nav-links a:hover{color:var(--text);background:var(--shell)}.nav-cta{min-height:40px;padding-inline:18px;font-size:.86rem}
/* Opening scene */
.hero{position:relative;min-height:100dvh;display:flex;align-items:center;background:var(--bg-deep);overflow:hidden;padding:clamp(115px,10vw,160px) 0 80px}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-content>*{pointer-events:auto}.hero-content{display:grid;justify-items:start;gap:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border:1px solid var(--amber-line);border-radius:99px;background:oklch(.25 .05 70 / .34);color:var(--text);font:500 .82rem/1.5 var(--font-sans)}.live-dot{position:relative;width:8px;height:8px;flex:none;border-radius:50%;background:var(--live)}.live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--live);animation:ping 2.4s var(--ease) infinite}@keyframes ping{70%,100%{transform:scale(2.7);opacity:0}}
.hero h1{margin-top:32px;max-width:10ch}.headline-line{display:block;overflow:hidden;clip-path:inset(0 0 0 0)}.headline-line span{display:block}.headline-line:last-child{color:var(--amber)}.hero-lead{max-width:49ch;margin-top:34px;color:var(--text-2);font-size:clamp(1.12rem,1.55vw,1.35rem);line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.hero .install{width:min(620px,100%);margin-top:46px}.hero .install-note{max-width:63ch;margin-top:14px}
.hero-art{position:absolute;inset:0 0 0 42%;z-index:1;pointer-events:none;display:grid;place-items:center;mask-image:linear-gradient(90deg,transparent 0%,black 24%,black 72%,transparent 100%)}.hero-art picture,.hero-art video{position:absolute;width:100%;height:100%;object-fit:cover}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-art video{opacity:0;transition:opacity .7s var(--ease)}.hero-art video.is-playing{opacity:1}.hero-bloom{position:absolute;width:80%;aspect-ratio:1;top:10%;left:16%;background:radial-gradient(circle,var(--amber-glow),transparent 65%);filter:blur(42px);opacity:.25;animation:bloom 1.8s var(--ease) both}.signal-ring{position:absolute;left:54%;top:21%;width:110px;aspect-ratio:1;border:1px solid var(--amber-line);border-radius:50%;opacity:0;animation:ring 4.8s var(--ease) infinite}.ring-two{animation-delay:1.6s}.ring-three{animation-delay:3.2s}@keyframes ring{0%{transform:scale(.2);opacity:.65}85%,100%{transform:scale(4.5);opacity:0}}@keyframes bloom{from{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:.25}}
/* Command wells */
.install{border-radius:18px;padding:7px}.install-core{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 8px 7px 16px;border-radius:12px;background:oklch(.13 .007 60 / .82)}.install-cmd{flex:1;min-width:0;white-space:nowrap;overflow-x:auto;color:var(--text);font-size:.8rem;line-height:1.5;scrollbar-width:thin}.install-cmd .p{color:var(--amber);user-select:none}.copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:38px;padding:0 14px;border-radius:10px;color:var(--text);font:500 .83rem/1 var(--font-sans);cursor:pointer;transition:transform .25s var(--ease-soft)}.copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.copy.is-done{color:var(--live)}.install-note{font-size:.85rem;line-height:1.55;color:var(--text-3)}
/* Radio chatter */
.ticker{display:grid;grid-template-columns:auto 1fr;align-items:center;min-height:58px;border-block:1px solid var(--line);background:var(--surface);overflow:hidden}.ticker-label{padding-inline:var(--gutter) 24px;color:var(--amber);font:400 .71rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.ticker-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}.ticker-track{display:flex;align-items:center;gap:48px;width:max-content;white-space:nowrap;animation:ticker 34s linear infinite}.ticker-track span{color:var(--text-2);font:400 .8rem/1.5 var(--font-mono)}.ticker-track span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:12px;vertical-align:middle;border-radius:50%;background:var(--amber)}.ticker-window:hover .ticker-track,.ticker-window:focus-within .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}
/* Product proof */
.section{padding-block:var(--section-y)}.section-alt{background:var(--bg-alt);border-block:1px solid var(--line-soft)}.shot{margin:0}.bezel{padding:7px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.bezel img{width:100%;border-radius:11px}.shot figcaption{margin-top:12px;color:var(--text-3);font-size:.83rem;text-align:left}.mission-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:clamp(36px,5vw,75px);align-items:start;margin-top:60px}.mission-shot{position:sticky;top:105px;transform:perspective(1100px) rotateY(4deg) rotateX(2deg);transform-origin:center;transition:transform 1.2s var(--ease)}.mission-shot.is-settled{transform:perspective(1100px) rotateY(0) rotateX(0)}.features{display:grid}.feature{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:17px 0;border-top:1px solid var(--line)}.feature:last-child{border-bottom:1px solid var(--line)}.feature h3{margin-bottom:5px}.feature p{font-size:.9rem;color:var(--text-2);line-height:1.55}.channel{padding-top:4px}.machine-shot{width:min(900px,100%);margin:90px 0 0 auto}
.agents-section{background:var(--bg-deep);overflow:hidden}.agents-layout{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr);gap:4vw;align-items:center}.agents-copy{position:relative;z-index:1}.agents-art{position:relative}.agents-art img,.direct-art img,.rings-art,.footer-radio{width:100%;mask-image:radial-gradient(ellipse,black 42%,transparent 75%)}.agent-arc{position:absolute;inset:12% 3%;width:94%;height:70%;fill:none;stroke:var(--amber);stroke-width:2;filter:drop-shadow(0 0 10px var(--amber-glow))}
.draw-line path{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 1.5s var(--ease)}.draw-line.is-drawn path{stroke-dashoffset:0}.direct-art{max-width:1120px;margin:28px auto 0}.direct-art img{max-height:590px;object-fit:contain}.steps-wrap{position:relative;margin-top:0}.waveform{position:absolute;inset:-8px 0 auto;width:100%;height:100px;fill:none;stroke:var(--amber);stroke-width:1.6;opacity:.8}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;position:relative;padding-top:110px}.step{display:grid;align-content:start;gap:10px;border-top:1px solid var(--line);padding-top:18px}.step-n{font-size:.9rem}.step h3{font-size:1.4rem}.step p{color:var(--text-2)}.direct-explainer{position:relative}.rings-art{position:absolute;z-index:0;inset:-45% 0 auto 20%;opacity:.18;pointer-events:none}.direct-explainer>*:not(.rings-art){position:relative}
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,90px);align-items:center}.section .story:not(:first-child),.steps-wrap+.story{margin-top:clamp(85px,9vw,150px)}.story-flip .story-text{order:2}.story-text{display:grid;gap:22px;align-content:start}.story-text .sec-lead{margin-top:0}.points{display:grid;gap:13px}.points li{position:relative;padding-left:22px;color:var(--text-2);font-size:.95rem}.points li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--amber)}.points b{color:var(--text)}.phone-shot{justify-self:center;width:min(330px,100%)}.phone-shot .bezel{border-radius:38px;padding:9px}.phone-shot .bezel img{border-radius:29px}
.private-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 7vw;margin-top:50px}.private-list li{padding:22px 0;border-top:1px solid var(--line);color:var(--text-2)}.private-list li b{display:block;color:var(--text);font-weight:600}.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:56px}.tool{display:grid;align-content:start;gap:10px;padding-top:17px;border-top:1px solid var(--line)}.tool-tag{margin-bottom:9px}.tool p{color:var(--text-2);font-size:.93rem}
/* Plans stay solid so pricing is legible over the signal image. */
#pricing{position:relative;isolation:isolate}#pricing::before{content:"";position:absolute;inset:0;z-index:-1;background:url("img/hf-signal-2400.webp") center / cover no-repeat;opacity:.16;mask-image:linear-gradient(0deg,transparent,black 20%,black 80%,transparent)}.price-controls{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-top:54px}.seg{display:inline-flex;gap:3px;padding:4px;border-radius:999px}.seg button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border:0;border-radius:99px;background:transparent;color:var(--text-2);font:500 .91rem/1 var(--font-sans);cursor:pointer}.seg button[aria-checked=true]{background:var(--amber-soft);color:var(--text);box-shadow:inset 0 1px 0 var(--amber-line)}.seg-save{padding:3px 7px;border-radius:99px;color:var(--amber);font-size:.72rem}.stepper{display:grid;gap:6px}.stepper label{color:var(--text-2);font-size:.83rem}.stepper-core{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--surface)}.stepper-core button{width:38px;height:38px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);font:500 1.2rem/1 var(--font-sans);cursor:pointer}.stepper-core button:active{transform:scale(.97)}.stepper-core input{width:5ch;min-height:38px;border:0;background:transparent;color:var(--text);font:500 1rem/1 var(--font-mono);text-align:center;appearance:textfield}.stepper-core input::-webkit-inner-spin-button{-webkit-appearance:none}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:26px}.plan{position:relative;display:flex;flex-direction:column;gap:15px;min-width:0;padding:clamp(24px,2.8vw,36px);border:1px solid var(--line);border-radius:17px;background:var(--surface)}.plan-featured{border-color:var(--amber-line);background:oklch(.235 .021 63)}.plan-flag{align-self:start;padding:5px 11px;border-radius:99px;background:var(--amber-soft);color:var(--amber);font:500 .72rem/1.4 var(--font-mono)}.plan-name{font-size:1.2rem}.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}.plan-price .amt{font:780 clamp(2.5rem,3.8vw,4.3rem)/1 var(--font-display);font-stretch:118%;letter-spacing:-.035em}.plan-price .per{color:var(--text-3);font-size:.87rem}.plan-sub{min-height:3em;color:var(--text-2);font-size:.9rem}.plan-ctas{display:flex;flex-wrap:wrap;gap:8px}.plan-ctas .btn{flex:1 1 auto}.plan>.btn{align-self:stretch}.plan-total{min-height:2.8em;color:var(--text-3);font:400 .78rem/1.5 var(--font-mono)}.plan-total.warn{color:var(--amber)}.plan-list{display:grid;gap:8px;margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}.plan-list li{position:relative;padding-left:18px;color:var(--text-2);font-size:.9rem}.plan-list li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--amber)}.price-fine{max-width:68ch;margin-top:22px;color:var(--text-3);font-size:.9rem}
.faq-grid{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:8vw;align-items:start}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 0;cursor:pointer;list-style:none;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;color:var(--amber);font:400 1.2rem/1 var(--font-sans);transition:transform .35s var(--ease)}.faq details[open] summary::after{transform:rotate(45deg)}.faq .ans-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}.faq details[open] .ans-grid{grid-template-rows:1fr}.faq .ans{min-height:0;overflow:hidden;color:var(--text-2);font-size:.93rem}.faq .ans p{padding:0 40px 24px 0}
.footer{position:relative;overflow:hidden;padding:130px 0 36px;background:var(--bg-deep);border-top:1px solid var(--line)}.footer-cta{position:relative;display:grid;grid-template-columns:1fr minmax(0,.9fr);gap:40px;align-items:end;min-height:340px;margin-bottom:110px}.footer-radio{position:absolute;right:-12%;top:-32%;width:75%;height:140%;object-fit:cover;opacity:.62;pointer-events:none}.footer-message,.footer-cta .install{position:relative;z-index:1}.footer-message{display:grid;justify-items:start;gap:20px}.footer-title{max-width:13ch;font:780 clamp(2.3rem,4vw,4.7rem)/1.04 var(--font-display);font-stretch:118%;letter-spacing:-.035em}.footer-cta .install{align-self:end}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:25px 50px;padding-top:36px;border-top:1px solid var(--line)}.footer-brand p{margin-top:8px;color:var(--text-3);font-size:.9rem}.footer-nav{display:flex;flex-wrap:wrap;max-width:680px;gap:4px 20px}.footer-nav a{color:var(--text-2);font-size:.86rem;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-fine{grid-column:1/-1;color:var(--text-3);font-size:.8rem}.legal{max-width:780px}.legal .draft-label{color:var(--amber);font-weight:600}.legal h2{margin:40px 0 12px}.legal p{color:var(--text-2);margin-top:15px}

/* ---------- welcome ---------- */
.welcome { min-height: 100vh; padding: clamp(120px, 14vw, 180px) 0 96px; }
.welcome .hero::before { display: none; }
.welcome-card {
  max-width: 860px; margin-inline: auto;
  padding: clamp(24px, 4vw, 48px); border-radius: var(--r-lg);
  border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow);
}
.welcome-card h1 { max-width: 20ch; font-size: clamp(2rem, 1.4rem + 2.6vw, 3.2rem); line-height: 1.04; }
.welcome-card .lead { margin-top: 16px; }
.state { display: none; }
.state.is-on { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.state-icon {
  display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  background: var(--signal-soft); color: var(--signal-text);
}
.state-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.state-icon.amber { background: var(--amber-soft); color: var(--amber); }
.state-icon.red { background: var(--red-soft); color: var(--red); }
.spinner {
  width: 22px; height: 22px; border-radius: 50%;
  border: 2px solid var(--signal-line); border-top-color: var(--signal);
  animation: spin 0.9s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.facts { display: flex; flex-wrap: wrap; gap: 8px; }
.fact {
  padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface-2);
  color: var(--text-2); font-size: 0.88rem;
}
.fact b { color: var(--text); font-weight: 600; }
.welcome .install-cmd { white-space: normal; overflow-wrap: anywhere; word-break: break-all; }
.state h1:focus { outline: none; }
.welcome-steps { display: grid; gap: 10px; counter-reset: s; color: var(--text-2); }
.welcome-steps.from-2 { counter-reset: s 1; }
.welcome-steps li { counter-increment: s; position: relative; padding-left: 36px; }
.welcome-steps li::before {
  content: counter(s); position: absolute; left: 0; top: 0.1em;
  display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
  border: 1px solid var(--line-strong); color: var(--text-2); font: 600 0.78rem/1 var(--font-mono);
}
.welcome-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.welcome-note { color: var(--text-3); font-size: 0.92rem; }
.welcome .welcome-note code { white-space: normal; overflow-wrap: anywhere; word-break: break-all; }

.consent { min-width: 0; margin: 10px 0 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; }
.consent legend { padding: 0; margin: 0 0 8px; width: 100%; color: var(--text); font-weight: 600; font-size: 0.98rem; }
.consent-option { display: inline-flex; align-items: center; gap: 8px; color: var(--text-2); font-size: 0.95rem; cursor: pointer; }
.consent-option input { width: 18px; height: 18px; accent-color: var(--signal); flex: none; }
.consent-hint { color: var(--text-3); font-size: 0.86rem; }
.consent-max {
  margin-top: 10px; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--surface-2); display: grid; gap: 8px;
}
.consent-max label { color: var(--text); font-weight: 500; font-size: 0.92rem; }
.consent-max input {
  width: 6ch; min-height: 40px; padding: 0 10px; border: 1px solid var(--line-strong); border-radius: var(--r-sm);
  background: var(--surface); color: var(--text); font: 600 1rem/1 var(--font-mono);
}
.consent-max .welcome-note { margin: 0; }
.consent-option input:focus-visible, .consent-max input:focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }
@media (max-width: 480px) {
  .consent { flex-direction: column; align-items: flex-start; gap: 10px; }
}


:root{--r-sm:8px;--r-md:14px;--r-lg:22px}
/* Join and checkout outcome pages share the same dark controls. */
.welcome{min-height:100dvh;background:radial-gradient(ellipse at 90% 5%,var(--amber-soft),transparent 45%),var(--bg-deep)}
.welcome-card{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow)}
.welcome-card .install{margin-top:2px}.welcome .btn{border:1px solid var(--shell-line)}.welcome .btn-primary{border-color:var(--amber-line)}
.welcome .install-shell{min-width:0}.welcome .install-core{min-width:0}.welcome .install-cmd{white-space:normal;overflow-wrap:anywhere}
.welcome .state-icon{background:var(--amber-soft);color:var(--amber)}
/* Motion touches compositor-friendly properties; content stays visible without JS. */
@media(prefers-reduced-motion:no-preference){
  .hero .eyebrow,.hero .hero-lead,.hero .hero-actions,.hero .install,.hero .install-note{animation:enter .9s var(--ease) both}.hero .eyebrow{animation-delay:.1s}.hero .hero-lead{animation-delay:.38s}.hero .hero-actions{animation-delay:.47s}.hero .install{animation-delay:.55s}.hero .install-note{animation-delay:.64s}
  .headline-line span{animation:headline .95s var(--ease) both}.headline-line:nth-child(1) span{animation-delay:.17s}.headline-line:nth-child(2) span{animation-delay:.26s}
  .hero-art picture{animation:art-in 1.3s var(--ease) both}
  .reveal.in{animation:enter .85s var(--ease) both}
  @keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  @keyframes headline{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}
  @keyframes art-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
}
@media(max-width:1100px){
  .mission-layout{grid-template-columns:1fr}.mission-shot{position:static}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.mission-shot{max-width:1000px}.footer-cta{grid-template-columns:1fr}.footer-cta .install{width:min(620px,100%)}
}
@media(max-width:900px){
  .nav-links{display:none}.nav{width:min(500px,100%)}.story,.agents-layout,.faq-grid{grid-template-columns:1fr}.story-flip .story-text{order:0}.steps{gap:20px}.plans{grid-template-columns:1fr}.plan-sub{min-height:0}.private-list{gap:0 32px}.tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-art{inset:0 0 0 30%;opacity:.57}.hero-content{min-height:600px}.agents-art{width:min(680px,100%);margin-inline:auto}.section .story:not(:first-child){margin-top:72px}
}
@media(max-width:760px){
  :root{--section-y:88px}.hero{align-items:start;min-height:100dvh;padding-top:112px}.hero-content{min-height:0}.hero h1{font-size:clamp(3.45rem,12vw,6rem);margin-top:32px}.hero-art{inset:35% -30% 0 3%;opacity:.38;mask-image:linear-gradient(180deg,transparent 0%,black 24%,black 70%,transparent)}.hero-lead{max-width:43ch}.hero .install{margin-top:34px}.ticker{grid-template-columns:1fr;gap:7px;padding-block:10px}.ticker-label{padding-inline:var(--gutter)}.mission-layout{margin-top:40px}.features{grid-template-columns:1fr}.machine-shot{margin-top:62px}.steps{grid-template-columns:1fr;padding-top:0;gap:0}.waveform{display:none}.step{padding:16px 0 22px}.direct-art{margin-top:42px}.private-list{grid-template-columns:1fr}.footer-radio{right:-35%;top:-20%;width:120%;opacity:.35}.footer-grid{grid-template-columns:1fr}.footer-cta{margin-bottom:75px}.footer-title{max-width:14ch}.welcome{padding-top:120px}
}
@media(max-width:480px){
  body{font-size:1rem}.nav{min-height:54px;padding-left:12px}.brand{font-size:1rem}.hero{padding-bottom:48px}.hero h1{font-size:clamp(3.2rem,13.2vw,4.25rem)}.eyebrow{font-size:.72rem}.hero-actions{width:100%}.hero-actions .btn{flex:1;padding-inline:12px}.install-core{flex-direction:column;align-items:stretch;padding:13px}.install-cmd{white-space:normal;overflow-wrap:anywhere}.copy{width:100%}.tools{grid-template-columns:1fr}.footer{padding-top:95px}.footer-radio{top:0}.stepper{justify-items:start}.price-controls{align-items:start}.seg-save{display:none}.plan{padding:24px}.welcome-card{padding:24px}.consent{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.hero *,.reveal,.ticker-track,.signal-ring,.live-dot::after,.hero-bloom,.spinner{animation:none!important;transition:none!important}.ticker-track{transform:none;flex-wrap:wrap;width:auto;white-space:normal;gap:8px 20px;padding-inline:var(--gutter)}.ticker-track span[aria-hidden=true]{display:none}.ticker-window{mask-image:none}.signal-ring{display:none}.mission-shot{transform:none}.draw-line path{stroke-dashoffset:0}.faq .ans-grid{transition:none}
}
.rings-art{left:0;width:100%}
.nav-compact{width:min(540px,100%)}
.copy-fallback{position:fixed;opacity:0;pointer-events:none}
html:not(.js) .price-controls{display:none}
.hero-art .signal-ring{left:79%;top:8%}
@media(min-width:761px) and (max-width:900px){.hero-art .signal-ring{left:95%}}
@supports(backdrop-filter:url(#sq-liquid)){
  html.sq-refract .glass{backdrop-filter:blur(14px) saturate(1.7)}
  html.sq-refract .glass::before{backdrop-filter:url(#sq-liquid) blur(10px) saturate(1.7);opacity:.16}
}
@media(max-width:760px){
  .hero-art{inset:43% auto 0 -420px;width:1000px;opacity:.3;mask-image:linear-gradient(180deg,transparent 0%,black 22%,black 78%,transparent)}
  .hero-art img,.hero-art video{object-fit:contain}
  .hero-art .signal-ring{left:65%;top:7%}
}
@media(max-width:480px){
  .hero{min-height:1120px}
  .hero h1{font-size:clamp(2.7rem,11vw,3.5rem)}
  .hero-art{inset:700px auto 0 -420px;width:1000px;opacity:.78;mask-image:linear-gradient(180deg,transparent 0%,transparent 25%,black 48%,black 82%,transparent)}
  .hero-art .signal-ring{top:8%}
}

/* Round two: one image-ratio stage holds the still, video and antenna signal. */
:root{--section-y:clamp(68px,8.5vw,132px)}
.hero-art{inset:0;z-index:1;width:auto;opacity:1;overflow:hidden;mask-image:none;container-type:size}
.hero h1{font-size:clamp(3.9rem,6.6vw,7rem)}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-deep) 0%,oklch(.13 .007 60 / .91) 25%,oklch(.13 .007 60 / .55) 44%,transparent 67%);pointer-events:none}
.hero-media{position:absolute;left:62%;top:calc(50% + 40px);width:max(100%,179.2vh);width:max(100%,179.2cqh);aspect-ratio:2752 / 1536;transform:translate(-62%,-50%)}
.hero-media picture,.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.hero-media video{object-fit:cover;object-position:center top;opacity:0;transition:opacity .7s var(--ease)}
.hero-media video.is-playing{opacity:1}
.hero-media .hero-bloom{left:60%;top:6%;width:30%}
.hero-media .signal-ring{left:66%;top:12%;width:110px}
@keyframes ring{0%{transform:translate(-50%,-50%) scale(.2);opacity:.65}85%,100%{transform:translate(-50%,-50%) scale(4.5);opacity:0}}
/* Warm glass and a single sheen crossing each hovered control. */
.glass{background:oklch(1 0 0 / .095);border-color:oklch(1 0 0 / .32);color:var(--text);box-shadow:inset 0 1px 0 oklch(1 0 0 / .48),inset 0 -1px 0 oklch(1 0 0 / .13),0 8px 30px oklch(0 0 0 / .35)}
.glass::before,.glass::after{z-index:0}
.glass::before{opacity:.9}
.glass::after{inset:0 auto 0 0;width:48%;height:100%;background:linear-gradient(105deg,transparent 20%,oklch(1 0 0 / .27) 48%,transparent 76%);transform:translateX(-220%) skewX(-18deg);transition:transform .7s var(--ease-soft)}
.glass-primary::before,.btn-primary::before{background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),oklch(.81 .155 70 / .04),transparent 72%)}
.glass-primary::after,.btn-primary::after{background:linear-gradient(105deg,transparent 20%,oklch(1 0 0 / .14) 48%,transparent 76%)}
.btn.glass:hover::after,.nav-cta.glass:hover::after,.copy.glass:hover::after{transform:translateX(520%) skewX(-18deg)}
.glass-primary,.btn-primary{background:linear-gradient(180deg,oklch(.58 .16 70 / .55),oklch(.60 .12 70 / .28));border-color:oklch(.81 .155 70 / .68);color:var(--text);text-shadow:0 1px 3px oklch(.12 .02 65 / .6);box-shadow:inset 0 1px 0 oklch(1 0 0 / .66),inset 0 -1px 0 oklch(.81 .155 70 / .23),0 0 0 1px oklch(.81 .155 70 / .22),0 10px 30px oklch(.81 .155 70 / .25)}
.glass-primary:hover,.btn-primary:hover{background:linear-gradient(180deg,oklch(.59 .16 70 / .56),oklch(.62 .12 70 / .34))}
.nav-cta.glass-primary{background:linear-gradient(180deg,oklch(.54 .16 70 / .55),oklch(.58 .12 70 / .28)),oklch(.13 .01 60 / .7)}
.nav-cta.glass-primary:hover{background:linear-gradient(180deg,oklch(.55 .16 70 / .56),oklch(.60 .12 70 / .34)),oklch(.13 .01 60 / .7)}
.btn,.nav-cta{transition:transform .28s var(--ease-soft),background-color .28s var(--ease-soft),border-color .28s var(--ease-soft),box-shadow .28s var(--ease-soft)}
@supports(backdrop-filter:url(#sq-liquid)){
  html.sq-refract .glass::before{backdrop-filter:url(#sq-liquid) blur(10px) saturate(1.7);opacity:.55}
}
@supports not (backdrop-filter:blur(1px)){
  .glass{background:var(--surface-2)}
  .glass-primary,.btn-primary{background:oklch(.39 .075 65)}
}
/* Product proof and final CTA keep text next to their own render. */
.machine-layout{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(56px,6.5vw,96px)}
.machine-copy .sec-lead{margin-top:16px}
.machine-shot{width:100%;min-width:0;margin:0}
.section .story:not(:first-child),.steps-wrap+.story{margin-top:clamp(68px,7vw,112px)}
.footer{padding-top:clamp(95px,9vw,120px)}
.footer-cta{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,.45fr);gap:clamp(28px,5vw,80px);align-items:center;min-height:0;margin-bottom:clamp(70px,8vw,100px)}
.footer-controls{display:grid;gap:32px;min-width:0}
.footer-radio{position:static;width:100%;height:auto;object-fit:contain;opacity:1;mask-image:radial-gradient(ellipse,black 45%,transparent 78%)}
.footer-cta .install{width:100%;min-width:0}
@media(max-width:900px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .hero-content{order:0;min-height:0}
  .hero-art{position:relative;order:1;inset:auto;width:100%;height:calc(150vw * 1536 / 2752);margin-top:24px;flex:none}
  .hero-art::after{background:linear-gradient(180deg,var(--bg-deep),transparent 16%,transparent 84%,var(--bg-deep))}
  .hero-media{left:-55%;top:0;width:150%;transform:none}
  .hero-media .signal-ring{left:66%;top:12%}
  .machine-layout{grid-template-columns:1fr}
  .machine-copy{max-width:48ch}
}
@media(max-width:760px){
  :root{--section-y:68px}
  .hero{padding-bottom:36px}
  .hero h1{font-size:clamp(3.45rem,12vw,6rem)}
  .footer-cta{grid-template-columns:1fr}
  .footer-radio{width:min(620px,100%);justify-self:center}
}
@media(max-width:480px){
  .hero{min-height:0}
  .hero h1{font-size:clamp(2.7rem,11vw,3.5rem)}
  .hero-art{height:calc(150vw * 1536 / 2752);margin-top:8px}
  .install-core{flex-direction:row;align-items:center;padding:7px 8px 7px 10px}
  .install-cmd{white-space:nowrap;overflow-wrap:normal;overflow-x:auto;font-size:clamp(.7rem,2.8vw,.8rem)}
  .copy{width:auto;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
  .glass::after{transition:none}
}

/* Review round three: quiet command wells, complete media cover, and accessible motion controls. */
@media(min-width:901px){.hero-media{top:50%}}
.install.glass::before,.install.glass::after,.copy.glass::before,.copy.glass::after{display:none}
.glass-primary,.btn-primary,.nav-cta.glass-primary{background:linear-gradient(180deg,oklch(.84 .15 70 / .96),oklch(.74 .15 70 / .96));color:var(--bg-deep);text-shadow:none}
.glass-primary:hover,.btn-primary:hover,.nav-cta.glass-primary:hover{background:linear-gradient(180deg,oklch(.88 .14 70 / .98),oklch(.79 .15 70 / .98))}
.nav-menu-toggle{display:none;min-height:40px;padding:0 14px;border-radius:999px;color:var(--text);font:500 .86rem/1 var(--font-sans);cursor:pointer}
.mobile-menu{display:none}
.ticker{grid-template-columns:auto auto minmax(0,1fr)}
.ticker-toggle{margin-right:18px;min-height:30px;min-width:44px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-2);color:var(--text);font:500 .72rem/1 var(--font-mono);cursor:pointer}
.ticker.is-paused .ticker-track{animation-play-state:paused}
@media(max-width:900px){
  .nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .mobile-menu:not([hidden]){position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);display:grid;gap:2px;width:min(500px,calc(100% - 2 * var(--gutter)));padding:10px;border-radius:18px;pointer-events:auto}
  .mobile-menu.glass{background:oklch(.2 .008 60 / .94)}
  .mobile-menu.glass::before,.mobile-menu.glass::after{display:none}
  .mobile-menu a{display:block;padding:10px 14px;border-radius:10px;color:var(--text);font-size:.95rem;text-decoration:none}
  .mobile-menu a:hover,.mobile-menu a:focus-visible{background:var(--shell)}
  #pricing::before{background-image:url("img/hf-signal-1200.webp")}
}
@media(max-width:760px){.ticker{grid-template-columns:auto 1fr}.ticker-toggle{justify-self:start}.ticker-window{grid-column:1/-1}}
@media(max-width:480px){
  .install-core{flex-direction:column;align-items:stretch;padding:13px}
  .install-cmd{white-space:normal;overflow-wrap:anywhere;overflow-x:visible}
  .copy{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .nav,.nav-menu-toggle,.btn,.nav-cta,.copy,.glass::before,.glass::after,.hero-art video,.hero-media video,.mission-shot,.draw-line path{transition:none!important}
  .btn:hover,.nav-cta:hover,.btn:active,.nav-cta:active,.copy:active{transform:none}
  .glass::after{display:none}
}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}.stepper-core button:active{transform:none}}