@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-0.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-1.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-2.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/martian-3.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/martian-4.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/martian-5.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/martian-6.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--ink:oklch(20% 0.02 175);--deep:oklch(28% 0.05 178);--deeper:oklch(22% 0.045 180);--teal:oklch(52% 0.09 180);--aqua:oklch(78% 0.13 178);--signal:oklch(72% 0.17 45);--sand:oklch(96.5% 0.018 85);--paper:oklch(98.5% 0.008 85);--line:oklch(88% 0.01 85);--muted:oklch(52% 0.015 180);--radius:14px;--font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--font-mono:"Martian Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--aqua);color:var(--deeper)}h1,h2,h3{margin:0;letter-spacing:-.03em;font-weight:800;line-height:.98}p{margin:0}a{color:inherit}.mono{font-family:var(--font-mono),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.top{position:fixed;inset:0 0 auto;z-index:40;justify-content:space-between;padding:16px clamp(20px,4vw,44px);background:color-mix(in oklch,var(--sand) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in oklch,var(--line) 70%,transparent)}.brand,.top{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:-.02em}.brand .dot{width:12px;height:12px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px color-mix(in oklch,var(--signal) 25%,transparent)}.top nav{display:flex;gap:22px;font-size:14px;color:var(--muted)}.top nav a{text-decoration:none}.top nav a:hover{color:var(--ink)}.top .cta{border:1px solid var(--ink);border-radius:999px;padding:8px 16px;font-size:13.5px;text-decoration:none;font-weight:600}.top .cta:hover{background:var(--ink);color:var(--sand)}.hero{padding:150px 0 40px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:40px;gap:40px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}.kicker:before{content:"";width:26px;height:1px;background:currentColor}.hero h1{font-size:clamp(44px,7vw,92px)}.hero h1 em{font-style:normal;color:var(--teal)}.hero .lede{margin-top:22px;max-width:44ch;font-size:clamp(16px,1.6vw,19px);color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px;border:1px solid transparent;transition:transform .15s ease,background .15s ease,color .15s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--deeper);color:var(--sand)}.btn.primary:hover{background:var(--teal)}.btn.ghost{border-color:color-mix(in oklch,var(--ink) 25%,transparent)}.btn.ghost:hover{background:var(--ink);color:var(--sand)}.hero-note{margin-top:18px;font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted);letter-spacing:.04em}.machine-card{position:relative;border-radius:26px;padding:22px;background:radial-gradient(120% 120% at 20% 0,oklch(34% .05 180) 0,var(--deeper) 55%);box-shadow:0 40px 80px -40px oklch(20% .03 180/.6);overflow:hidden}.machine-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(oklch(100% 0 0/.08) 1px,transparent 0);background-size:18px 18px;opacity:.5;pointer-events:none}.machine-svg{width:100%;height:auto;display:block}.machine-led,.machine-svg{position:relative;z-index:1}.machine-led{margin-top:14px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--font-mono),monospace;color:var(--aqua);font-size:clamp(11px,1.2vw,13px);letter-spacing:.06em;text-transform:uppercase}.machine-led b{color:var(--sand);font-weight:600}.machine-caption{position:relative;z-index:1;margin-top:6px;font-family:var(--font-mono),monospace;font-size:11px;color:color-mix(in oklch,var(--aqua) 70%,transparent)}.drum-spin{transform-origin:210px 210px;animation:spin 4.2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.wave{animation:wave 6s ease-in-out infinite alternate}@keyframes wave{0%{transform:translateX(-14px)}to{transform:translateX(14px)}}.bubble{animation:float 5s ease-in-out infinite}.bubble:nth-child(2){animation-delay:1.2s}.bubble:nth-child(3){animation-delay:2.4s}@keyframes float{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-16px);opacity:.95}}.led-blink{animation:blink 1.6s steps(2) infinite}@keyframes blink{50%{opacity:.35}}.marquee{margin-top:34px;border-block:1px solid var(--line);background:var(--paper);overflow:hidden}.marquee-track{display:flex;gap:40px;padding:14px 0;width:max-content;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);animation:slide 28s linear infinite}.marquee-track span{display:inline-flex;align-items:center;gap:40px}.marquee-track span:after{content:"◆";color:var(--signal);font-size:9px}@keyframes slide{to{transform:translateX(-50%)}}section{padding:clamp(70px,10vw,130px) 0}.section-head{max-width:720px}.section-head .kicker{margin-bottom:12px}.section-head h2{font-size:clamp(30px,4.4vw,54px)}.section-head p{margin-top:16px;color:var(--muted);font-size:17px;max-width:56ch}.flow{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:48px;gap:48px;align-items:start;margin-top:48px}.flow-visual{position:-webkit-sticky;position:sticky;top:100px}.flow-steps{display:flex;flex-direction:column;gap:18px}.step{border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;background:var(--paper);transition:border-color .3s ease,transform .3s ease,background .3s ease;opacity:.55}.step.is-active{opacity:1;border-color:var(--teal);background:color-mix(in oklch,var(--aqua) 12%,var(--paper));transform:translateX(6px)}.step .n{font-family:var(--font-mono),monospace;font-size:12px;color:var(--teal);letter-spacing:.1em}.step h3{font-size:21px;margin-top:8px;letter-spacing:-.02em}.step p{margin-top:8px;color:var(--muted);font-size:15px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:44px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--paper);display:flex;flex-direction:column;gap:12px;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px oklch(20% .03 180/.45)}.card .icon{width:40px;height:40px;border-radius:12px;background:color-mix(in oklch,var(--aqua) 22%,var(--paper));display:grid;place-items:center;color:var(--teal)}.card h3{font-size:19px;letter-spacing:-.02em}.card p{color:var(--muted);font-size:15px}.card .tag{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.08em;color:var(--teal);text-transform:uppercase}.numbers{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-top:44px}.number{border-top:2px solid var(--ink);padding-top:14px}.number b{display:block;font-family:var(--font-mono),monospace;font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}.number span{font-size:13.5px;color:var(--muted)}.band{background:var(--deeper);color:var(--sand);padding:clamp(70px,10vw,120px) 0}.band .section-head p{color:color-mix(in oklch,var(--sand) 72%,transparent)}.band .kicker{color:var(--aqua)}.band .card{background:color-mix(in oklch,var(--sand) 6%,transparent);border-color:color-mix(in oklch,var(--sand) 16%,transparent)}.band .card p{color:color-mix(in oklch,var(--sand) 70%,transparent)}.band .card .icon{background:color-mix(in oklch,var(--aqua) 20%,transparent);color:var(--aqua)}.band .card .tag{color:var(--aqua)}.cta-band{text-align:center;padding:clamp(80px,12vw,150px) 0}.cta-band h2{font-size:clamp(34px,6vw,76px)}.cta-band p{margin:20px auto 30px;max-width:52ch;color:var(--muted)}footer{border-top:1px solid var(--line);padding:40px 0;background:var(--paper)}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}footer .mono{font-size:11.5px;letter-spacing:.06em}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.bubble,.drum-spin,.led-blink,.marquee-track,.wave{animation:none}html{scroll-behavior:auto}}@media (max-width:960px){.flow,.hero-grid{grid-template-columns:1fr}.flow-visual{position:relative;top:0}.grid-3,.numbers{grid-template-columns:1fr 1fr}.top nav{display:none}}@media (max-width:640px){.grid-3{grid-template-columns:1fr}.hero{padding-top:120px}}.top{transition:transform .28s ease,box-shadow .28s ease}.top.is-hidden{transform:translateY(-104%)}