:root{--bg:#0a0a0c;--panel:#131316;--panel-2:#1a1a1f;--fg:#ecece9;--dim:#8f8f99;--faint:#5c5c66;--line:#26262e;--line-strong:#3d3d48;--accent:#d9a441;--accent-ink:#141006;--live:#3fbd6e;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", "IBM Plex Mono", Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--maxw:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}.page{min-height:100vh}.site-header{z-index:50;max-width:var(--maxw);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0a0a0cd9;justify-content:space-between;align-items:center;margin:0 auto;padding:1.1rem 1.5rem;display:flex;position:sticky;top:0}.brand{color:var(--fg);align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand-mark{background:var(--accent);width:12px;height:12px}.brand-name{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:13px}.site-nav{gap:1.4rem;display:flex}.site-nav a{color:var(--dim);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:12px;text-decoration:none}.site-nav a:hover{color:var(--fg)}.hero{max-width:var(--maxw);margin:0 auto;padding:4.5rem 1.5rem 5rem}.hero-copy{max-width:660px}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 1.1rem;font-size:12px}h1{letter-spacing:-.01em;margin:0 0 1.4rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;line-height:1.05}h2{letter-spacing:-.01em;margin:0 0 2.2rem;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:600;line-height:1.12}.lede{color:var(--dim);max-width:56ch;margin:0 0 1.8rem;font-size:1.06rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg);border:1px solid var(--line-strong);background:var(--panel);padding:13px 18px;font-size:12px;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--dim);color:#fff}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{background:#e4b45c;border-color:#e4b45c}.hero-devices{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(1.5rem,4vw,3rem);margin-top:3.6rem;display:flex}.device{flex-direction:column;align-items:center;gap:1.1rem;margin:0;display:flex}.device-caption{flex-direction:column;align-items:center;gap:.3rem;display:flex}.device-kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:11px}.device-name{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:11px}.phone-device{transform:rotate(-3deg)}.phone{aspect-ratio:2.15;background:linear-gradient(150deg,#26262d 0%,#101014 55%,#2c2c34 100%);border:1px solid #34343e;border-radius:44px;width:min(440px,86vw);padding:13px;position:relative;box-shadow:0 40px 80px -30px #000000d9,0 0 0 1px #d9a4410f,inset 0 0 0 1px #ffffff08}.phone-screen{background:var(--bg);border-radius:33px;width:100%;height:100%;position:relative;overflow:hidden}.phone-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;top:0;bottom:0;left:0;right:0}.phone-img.active{opacity:1}.phone-island{z-index:2;background:#050507;border:1px solid #1c1c22;border-radius:10px;width:74px;height:16px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.desktop-device{transform:rotate(1.5deg)}.monitor{width:min(680px,92vw)}.monitor-screen{aspect-ratio:1280/820;background:var(--bg);border:9px solid #15151a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 50px 100px -40px #000000e6,0 0 0 1px #2a2a31}.monitor-screen:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff0d,#0000 38%);position:absolute;top:0;bottom:0;left:0;right:0}.monitor-img{object-fit:cover;width:100%;height:100%;display:block}.monitor-stand{clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);background:linear-gradient(#1c1c22,#0f0f13);width:24%;height:26px;margin:-1px auto 0}.monitor-base{background:linear-gradient(#24242b,#101014);border-radius:0 0 5px 5px;width:38%;height:10px;margin:-1px auto 0}.section{max-width:var(--maxw);border-top:1px solid var(--line);margin:0 auto;padding:4.5rem 1.5rem}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;display:grid}.card{border:1px solid var(--line);background:var(--panel);padding:1.6rem 1.5rem 1.7rem}.card-num{font-family:var(--mono);letter-spacing:.2em;color:var(--faint);font-size:12px}.card h3{margin:.8rem 0 .5rem;font-size:1.05rem;font-weight:600}.card p{color:var(--dim);margin:0;font-size:.93rem;line-height:1.6}.steps{gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:var(--panel);align-items:flex-start;gap:1.1rem;padding:1.4rem 1.5rem;display:flex}.step-num{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;min-width:1.6rem;font-size:13px}.steps h3{margin:0 0 .35rem;font-size:1rem}.steps p{color:var(--dim);margin:0;font-size:.92rem;line-height:1.55}.site-footer{border-top:1px solid var(--line)}.footer-inner{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:2.2rem 1.5rem;display:flex}.footer-note{color:var(--faint);font-size:.85rem}@media (max-width:720px){.hero-devices{flex-direction:column;align-items:center}.desktop-device,.phone-device{transform:none}.site-nav{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phone-img{transition:none}}