:root{--bg: #0b0b0e;--pnl: #131318;--pnl2: #191920;--ln: rgba(255, 255, 255, .08);--ln2: rgba(255, 255, 255, .14);--tx: #f5f5f7;--mut: #a1a1aa;--dim: #6f6f78;--acc: #34d399;--ink: #06140e;--sans: "Geist", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.mono{font-family:var(--mono)}.dim{color:var(--dim)}.mut{color:var(--mut)}a{color:var(--tx);text-decoration:none}.nav{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:#0b0b0eb3;border-bottom:1px solid var(--ln)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:500;font-size:16px;letter-spacing:-.01em}.logo{width:26px;height:26px;border-radius:7px;background:var(--acc);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:17px}.logo.lg{width:34px;height:34px;font-size:21px}.logo.sm{width:22px;height:22px;font-size:14px}.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--mut)}.nav-links a{color:var(--mut);display:inline-flex;align-items:center;gap:5px}.nav-links a:hover{color:var(--tx)}.nav-links a.btn-p,.nav-links a.btn-p:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;padding:9px 16px;border-radius:8px;border:1px solid var(--ln2);color:var(--tx);background:transparent;cursor:pointer;transition:background .15s}.btn:hover{background:var(--pnl2)}.btn-p{background:var(--acc);border-color:var(--acc);color:var(--ink)}.btn-p:hover{background:#2bbf8a}.hero{text-align:center;padding:80px 24px 40px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--mut);border:1px solid var(--ln2);border-radius:999px;padding:5px 13px}.chip-acc{color:var(--acc);border-color:#34d3994d}.dot{width:7px;height:7px;border-radius:50%;background:var(--acc);display:inline-block}.dot.off{background:var(--dim)}h1{font-size:clamp(40px,6vw,66px);font-weight:600;letter-spacing:-.035em;line-height:1.04;margin:22px 0 0}.lede{font-size:18px;color:var(--mut);max-width:560px;margin:22px auto 0}.cta{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}.cta .btn{height:44px;padding:0 18px;font-size:14px}.micro{font-size:12.5px;color:var(--dim);margin-top:14px;font-family:var(--mono)}.ph-badge{display:inline-block;margin-top:20px;line-height:0}.ph-badge img{border-radius:8px}.demo-video{max-width:860px;margin:48px auto 0;border:1px solid var(--ln2);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -24px #000000b3;background:var(--pnl)}.demo-video video{display:block;width:100%;height:auto}.clients{text-align:center;font-size:12.5px;color:var(--dim);margin:40px 0 0}.cost{padding-top:80px;text-align:center}.cost-h{font-size:clamp(24px,3.4vw,34px);font-weight:600;letter-spacing:-.025em;margin:0}.cost-lede{color:var(--mut);font-size:16px;margin:12px 0 0}.cost-rows{max-width:720px;margin:38px auto 0;display:grid;gap:16px}.cost-row{display:grid;grid-template-columns:92px 1fr 84px;align-items:center;gap:16px}.cost-name{font-size:13px;color:var(--mut);text-align:right;line-height:1.2}.cost-track{height:32px;background:var(--pnl);border:1px solid var(--ln);border-radius:8px;overflow:hidden}.cost-fill{display:block;height:100%;border-radius:7px 0 0 7px}.cost-fill.big{width:100%;background:#c98341}.cost-fill.small{width:2.8%;min-width:5px;background:var(--acc)}.cost-val{font-family:var(--mono);font-size:18px;font-weight:500;text-align:left}.cost-val.acc{color:var(--acc)}.cost-cap{margin:26px 0 0;font-size:12.5px}.cost-cap a{color:var(--acc)}@media(max-width:560px){.cost-row{grid-template-columns:76px 1fr 64px;gap:10px}.cost-val{font-size:15px}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:80px;padding-bottom:20px}.feat{background:var(--pnl);border:1px solid var(--ln);border-radius:14px;padding:22px}.feat>i{font-size:22px;color:var(--acc)}.feat h3{font-size:16px;font-weight:500;margin:12px 0 6px}.feat p{font-size:14px;color:var(--mut);margin:0}.shots{padding-top:80px}.shot-grid{display:grid;gap:20px;margin-top:24px}.shot{margin:0;background:var(--pnl);border:1px solid var(--ln);border-radius:14px;overflow:hidden}.shot img{display:block;width:100%;height:auto;border-bottom:1px solid var(--ln)}.shot figcaption{font-size:13.5px;color:var(--mut);padding:14px 18px}.how{margin-top:80px;padding:36px;border:1px solid var(--ln);border-radius:16px;background:var(--pnl)}.how-label{text-align:center;margin:0 0 24px;font-size:12.5px}.how-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.how-node{text-align:center;flex:1;min-width:150px}.how-node>i{font-size:26px;color:var(--mut)}.how-title{font-size:15px;font-weight:500;margin:10px 0 3px}.sm{font-size:12px}.arrow{font-size:20px;color:var(--dim)}.stack-svg{display:block;width:100%;height:auto;max-width:940px;margin:4px auto 0}.stack-svg .conn{stroke-dasharray:3 9;animation:dashflow .8s linear infinite}@keyframes dashflow{to{stroke-dashoffset:-12}}.stack-svg .ring{transform-box:fill-box;transform-origin:center;animation:sonar 2.6s ease-out infinite}@keyframes sonar{0%{transform:scale(.7);opacity:.55}to{transform:scale(1.45);opacity:0}}.stack-cap{text-align:center;margin:16px 0 0;font-size:13px}@media(prefers-reduced-motion:reduce){.stack-svg .conn{animation:none;stroke-dasharray:none}.stack-svg .ring{display:none}}.cta-band{text-align:center;margin:80px 0 40px;padding:56px 24px;border:1px solid var(--ln2);border-radius:16px}.cta-band h2{font-size:clamp(26px,4vw,36px);font-weight:600;letter-spacing:-.025em;margin:0}.cta-band p{font-size:16px;color:var(--mut);margin:12px 0 24px}.foot{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:40px;margin-top:40px;border-top:1px solid var(--ln);font-size:13px;color:var(--dim)}.foot-links{display:flex;gap:20px}.foot-links a{color:var(--dim)}.foot-links a:hover{color:var(--mut)}.brand.sm{font-size:14px;color:var(--mut)}@media(max-width:720px){.features{grid-template-columns:1fr}.nav-links a:not(.btn-p){display:none}.hero{padding-top:56px}.arrow{transform:rotate(90deg)}}
