:root{--bg: #0a0e18;--bg-2: #0c111e;--surface: #111726;--surface-2: #151c2e;--line: #1f2740;--line-2: #2a3452;--ink: #e9edf6;--muted: #8a93ab;--accent: #e8a857;--accent-soft: rgba(232, 168, 87, .12);--accent-ink: #1a1206;--signal: #7cc7e8;--signal-soft: rgba(124, 199, 232, .12);--ok: #7fd6a4;--font-display: "Clash Display", "Inter Tight", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--max: 1120px;--pipe-x: 40px;--shadow-1: 0 1px 2px rgba(3, 6, 12, .5), 0 8px 24px rgba(3, 6, 12, .35);--shadow-2: 0 2px 6px rgba(3, 6, 12, .55), 0 24px 64px rgba(3, 6, 12, .5);--grid-line: rgba(138, 147, 171, .055)}html[data-theme=light]{--bg: #f2f3f7;--bg-2: #eceef4;--surface: #ffffff;--surface-2: #f7f8fc;--line: #dde1ec;--line-2: #cbd1e0;--ink: #161a26;--muted: #5a6277;--accent: #b87718;--accent-soft: rgba(184, 119, 24, .1);--accent-ink: #ffffff;--signal: #1d7fb5;--signal-soft: rgba(29, 127, 181, .1);--ok: #1e9459;--shadow-1: 0 1px 2px rgba(22, 26, 38, .08), 0 8px 24px rgba(22, 26, 38, .08);--shadow-2: 0 2px 6px rgba(22, 26, 38, .1), 0 24px 64px rgba(22, 26, 38, .14);--grid-line: rgba(22, 26, 38, .045)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:clip}body{margin:0;overflow-x:clip;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--ink);background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),var(--bg);background-size:56px 56px,56px 56px,auto;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.eyebrow{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.eyebrow:before{content:"▸ ";color:var(--muted)}.muted{color:var(--muted)}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.01em;margin:0 0 18px}h1{font-size:clamp(40px,6.2vw,68px)}h2{font-size:clamp(28px,4vw,42px)}h3{font-size:21px}.accent{color:var(--accent)}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.nav-logo{font-family:var(--font-mono);font-size:14px;text-decoration:none;color:var(--ink)}.nav-logo b{color:var(--accent);font-weight:600}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{font-size:13.5px;text-decoration:none;color:var(--muted);transition:color .15s ease}.nav-links a:hover{color:var(--ink)}.nav-cta{font-family:var(--font-mono);font-size:12.5px!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:8px;padding:6px 12px;transition:background .15s ease,color .15s ease}.nav-cta:hover{background:var(--accent-soft)}.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.theme-btn:hover{color:var(--accent);border-color:var(--accent)}.theme-btn svg{width:15px;height:15px}html[data-theme=light] .icon-sun{display:none}html:not([data-theme=light]) .icon-moon{display:none}.pipeline{position:relative}.pipeline:before{content:"";position:absolute;left:var(--pipe-x);top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--line-2) 6%,var(--line-2) 94%,transparent)}.section{position:relative;padding:110px 24px}.section:before{content:"";position:absolute;left:calc(var(--pipe-x) - 4px);top:122px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 0 18px #e8a85759}.section>*{margin-left:56px}.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:14.5px;font-weight:500;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-1);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-2)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-1)}.btn svg{width:16px;height:16px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,white)}.links-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero{padding-top:84px;padding-bottom:96px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}.hero>*{margin-left:56px}.hero .hero-visual{margin-left:0}.hero .lede{font-size:17.5px;color:var(--muted);max-width:54ch;margin:0 0 30px}.hero .lede strong{color:var(--ink);font-weight:500}.hero-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:22px;background:var(--surface)}.hero-status .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.stack-scene{perspective:1400px;display:grid;justify-items:center;padding:30px 0 10px}.stack3d{position:relative;width:300px;height:300px;transform-style:preserve-3d;transform:rotateX(calc(58deg + var(--tilt-x, 0deg))) rotate(calc(-38deg + var(--tilt-z, 0deg)));transition:transform .25s ease-out}.stack3d .layer{position:absolute;inset:0;border-radius:18px;border:1px solid color-mix(in srgb,var(--signal) 35%,var(--line-2));background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 82%,var(--signal)) 0%,var(--surface) 60%);opacity:.92;transform:translateZ(calc(var(--i) * 52px));transform-style:preserve-3d;box-shadow:0 0 0 1px #03060c40,0 -18px 40px #03060c2e;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.stack3d .layer.top{border-color:color-mix(in srgb,var(--accent) 55%,var(--line-2));background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 74%,var(--accent)) 0%,var(--surface) 65%)}.stack3d .layer .chip{position:absolute;top:14px;left:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--muted)}.stack3d .layer:after{content:"";position:absolute;inset:10px;border-radius:10px;background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.stack3d .layer.hl{border-color:var(--accent);opacity:1;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 62%,var(--accent)) 0%,var(--surface) 70%)}.stack3d .packet{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent),0 0 40px var(--accent);animation:ascend 3.6s cubic-bezier(.4,0,.4,1) infinite}@keyframes ascend{0%{transform:translateZ(0) scale(.7);opacity:0}12%{opacity:1}82%{transform:translateZ(208px) scale(1);opacity:1}to{transform:translateZ(230px) scale(1.5);opacity:0}}.stack-legend{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:2px;font-family:var(--font-mono);font-size:12px;width:100%;max-width:340px}.stack-legend li{display:flex;align-items:baseline;gap:10px;padding:7px 10px;border-radius:8px;color:var(--muted);cursor:default;transition:background .15s ease,color .15s ease}.stack-legend li:hover,.stack-legend li.hl{background:var(--accent-soft);color:var(--ink)}.stack-legend .idx{color:var(--accent)}.stack-legend .what{letter-spacing:.04em;text-transform:uppercase}.stack-legend .with{margin-left:auto;text-align:right;opacity:.75;font-size:11px}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 55%,transparent)}.proof-inner{display:grid;grid-template-columns:repeat(5,1fr);padding:30px 24px;gap:18px}.stat{font-family:var(--font-mono);border-left:1px solid var(--line);padding-left:18px}.stat:first-child{border-left:none;padding-left:0}.stat b{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:500;color:var(--accent);letter-spacing:-.02em}.stat span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.svc{position:relative;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:26px 24px 24px;box-shadow:var(--shadow-1);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.svc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:var(--shadow-2)}.svc .svc-no{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.1em}.svc h3{margin:10px 0}.svc p{margin:0 0 16px;font-size:14.5px;color:var(--muted)}.svc ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px}.svc ul li{padding-left:18px;position:relative;color:var(--ink)}.svc ul li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.cases{display:grid;gap:16px;margin-top:40px}.case{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:26px 28px;display:grid;grid-template-columns:120px 1fr;gap:24px;box-shadow:var(--shadow-1);transition:border-color .18s ease}.case:hover{border-color:var(--line-2)}.case-idx{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.1em}.case-idx small{display:block;color:var(--muted);margin-top:6px;letter-spacing:.05em}.case h3{margin-bottom:6px}.case .stackline{font-family:var(--font-mono);font-size:12px;color:var(--signal);margin-bottom:14px;letter-spacing:.02em}.case ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;color:var(--muted)}.case ul li{padding-left:18px;position:relative}.case ul li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.case ul li strong{color:var(--ink);font-weight:500}.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:44px;box-shadow:var(--shadow-1);margin-top:28px}.product.flip .product-visual{order:2}.product-kicker{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-bottom:12px}.product-kicker .live{display:inline-flex;align-items:center;gap:6px;color:var(--ok)}.product-kicker .live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.product h3{font-size:clamp(24px,3vw,32px);margin-bottom:4px}.product .domain{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);margin-bottom:16px;display:block}.product p{color:var(--muted);font-size:15px;margin:0 0 18px}.product p strong{color:var(--ink);font-weight:500}.feat{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:13.5px}.feat li{padding-left:18px;position:relative;color:var(--ink)}.feat li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0}.tags li{font-family:var(--font-mono);font-size:11.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);background:var(--surface)}.product-visual{display:grid;justify-items:center;perspective:1000px}.phone{width:250px;border-radius:32px;border:1px solid var(--line-2);background:#0f0b09;padding:12px;box-shadow:var(--shadow-2);transform:rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));transform-style:preserve-3d;transition:transform .2s ease-out,box-shadow .2s ease;will-change:transform}.phone-screen{border-radius:22px;overflow:hidden;min-height:420px;display:flex;flex-direction:column;font-family:var(--font-mono)}.mock-hb{background:#140f0c;color:#e8dfd5;padding:20px 18px}.mock-hb .hb-brand{font-size:13px;letter-spacing:.02em;margin-bottom:4px}.mock-hb .hb-brand b{color:#d98e4a;font-weight:700}.mock-hb .hb-eyebrow{font-size:9px;letter-spacing:.16em;color:#8a7462;text-transform:uppercase;margin-bottom:22px}.mock-hb .hb-clock{font-family:var(--font-mono);font-size:44px;font-weight:500;color:#f3e9dd;letter-spacing:-.02em;text-align:center;margin:4px 0 2px}.mock-hb .hb-phase{text-align:center;font-size:10px;letter-spacing:.18em;color:#d98e4a;text-transform:uppercase;margin-bottom:20px}.mock-hb .hb-carafe{height:110px;border:1px solid #3a2c21;border-top:none;border-radius:0 0 26px 26px;margin:0 34px 18px;position:relative;overflow:hidden}.mock-hb .hb-fill{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,#b06a2e,#7c4a1f);animation:hbfill 5s ease-in-out infinite alternate}@keyframes hbfill{0%{height:42%}to{height:72%}}.mock-hb .hb-stream{position:absolute;top:-6px;left:50%;width:3px;height:46%;margin-left:-1.5px;background:linear-gradient(180deg,#d98e4a,#d98e4a00)}.mock-hb .hb-segs{display:flex;gap:4px;margin:0 18px 14px}.mock-hb .hb-segs i{height:5px;border-radius:3px;flex:1}.mock-hb .hb-segs i.pour{background:#d98e4a}.mock-hb .hb-segs i.rest{background:#48604f}.mock-hb .hb-segs i.dim{opacity:.35}.mock-hb .hb-tip{margin:auto 4px 4px;border:1px solid #2c221a;border-radius:12px;background:#1b140f;padding:10px 12px;font-size:10px;line-height:1.5;color:#a08d7b}.mock-hb .hb-tip b{color:#e8dfd5;font-weight:500}.mock-di{background:#f6f1e7;color:#2b2118;padding:20px 18px}.mock-di .di-name{font-family:var(--font-display);font-size:19px;font-weight:600;text-align:center;letter-spacing:.01em}.mock-di .di-sub{text-align:center;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#a08a6c;margin:3px 0 16px}.mock-di .di-rule{height:1px;background:#dbcfba;margin:0 8px 14px;position:relative}.mock-di .di-rule:after{content:"◆";position:absolute;top:-7px;left:50%;transform:translate(-50%);font-size:9px;color:#b6935a;background:#f6f1e7;padding:0 8px}.mock-di .di-cat{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#b6935a;margin:12px 2px 8px}.mock-di .di-item{display:flex;align-items:baseline;gap:8px;font-size:11.5px;padding:5px 2px}.mock-di .di-item .n{font-weight:600}.mock-di .di-item .dots{flex:1;border-bottom:1px dotted #cbbb9e}.mock-di .di-item .p{font-family:var(--font-mono);font-size:10.5px;color:#6d5a41}.mock-di .di-veg{display:inline-block;width:8px;height:8px;border:1px solid #2e7d43;border-radius:2px;position:relative;margin-right:2px}.mock-di .di-veg:after{content:"";position:absolute;inset:1.5px;border-radius:50%;background:#2e7d43}.mock-di .di-foot{margin-top:auto;text-align:center;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#a08a6c}.deck{position:relative;transform-style:preserve-3d}.deck:before,.deck:after{content:"";position:absolute;inset:0;border-radius:32px;border:1px solid var(--line-2);background:var(--surface-2);z-index:-1}.deck:before{transform:rotate(-7deg) translate(-16px) translateZ(-40px)}.deck:after{transform:rotate(6deg) translate(18px) translateZ(-80px);opacity:.6}.gate{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:20px;background:radial-gradient(600px 220px at 12% -20%,var(--accent-soft),transparent),linear-gradient(180deg,var(--surface-2),var(--surface));padding:46px 48px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:center;box-shadow:var(--shadow-2)}.gate h2{margin-bottom:10px}.gate .gate-note{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-top:18px}.gate form{display:grid;gap:12px}.field label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);font-family:var(--font-body);font-size:14.5px;transition:border-color .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.gate .form-status{font-family:var(--font-mono);font-size:12.5px;min-height:18px;color:var(--muted)}.gate .form-status.ok{color:var(--ok)}.gate .form-status.err{color:#e07a6a}.contact .big-cta{font-size:clamp(30px,4.6vw,52px)}.contact-mail{font-family:var(--font-mono);font-size:14px;color:var(--muted)}.contact-mail a{color:var(--accent);text-decoration:none}.contact-mail a:hover{text-decoration:underline}.footer{border-top:1px solid var(--line);padding:26px 0;background:color-mix(in srgb,var(--surface) 40%,transparent)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sig{font-family:var(--font-mono);font-size:12.5px;color:var(--muted)}.footer-links{display:flex;gap:18px}.footer-links a{font-size:13px;color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}@media(max-width:960px){.hero{grid-template-columns:1fr;gap:20px}.hero .hero-visual{margin-left:56px;margin-top:30px}.stack-scene{padding-top:120px}.stack3d{width:240px;height:240px}.stack3d .layer{transform:translateZ(calc(var(--i) * 42px))}@keyframes ascend{0%{transform:translateZ(0) scale(.7);opacity:0}12%{opacity:1}82%{transform:translateZ(168px) scale(1);opacity:1}to{transform:translateZ(186px) scale(1.5);opacity:0}}.proof-inner{grid-template-columns:repeat(3,1fr);row-gap:24px}.stat:nth-child(4){border-left:none;padding-left:0}.svc-grid{grid-template-columns:1fr}.case{grid-template-columns:1fr;gap:10px}.product,.gate{grid-template-columns:1fr;padding:30px 26px}.product.flip .product-visual{order:0}}@media(max-width:680px){:root{--pipe-x: 14px}.section{padding:68px 18px}.section>*,.hero>*,.hero .hero-visual{margin-left:18px}.section:before{top:80px;left:calc(var(--pipe-x) - 4px)}.hide-sm{display:none}.hero{padding-top:48px;padding-bottom:56px}.hero .lede{font-size:16px}.hero .hero-visual{margin-top:8px}.stack-scene{padding-top:96px}.stack3d{width:190px;height:190px}.stack3d .layer{transform:translateZ(calc(var(--i) * 34px));border-radius:14px}.stack-legend{margin-top:20px;font-size:11px}@keyframes ascend{0%{transform:translateZ(0) scale(.7);opacity:0}12%{opacity:1}82%{transform:translateZ(136px) scale(1);opacity:1}to{transform:translateZ(152px) scale(1.5);opacity:0}}.proof-inner{grid-template-columns:1fr 1fr;padding:22px 18px}.stat{border-left:none;padding-left:0}.stat:nth-child(5){grid-column:1 / -1}.svc{padding:22px 18px 20px}.case{padding:20px 18px}.product,.gate{padding:24px 18px;gap:30px}.feat{grid-template-columns:1fr}.phone{width:210px}.deck:before{transform:rotate(-5deg) translate(-10px)}.deck:after{transform:rotate(4deg) translate(12px);opacity:.5}.btn{padding:11px 16px;font-size:14px}h1{font-size:clamp(33px,10vw,44px)}h2{font-size:clamp(25px,7vw,34px)}.contact .big-cta{font-size:clamp(27px,8.5vw,40px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.stack3d{transition:none}.stack3d .packet,.hero-status .dot,.mock-hb .hb-fill{animation:none}.btn,.svc,.phone{transition:none}}