:root{--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--border:#e2e8f0;--card:#fff;--primary:#2563eb;--primaryFg:#fff;--ring:rgba(59,130,246,.45)}*{box-sizing:border-box}body,html{height:100%;scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--fg);background:var(--bg)}a{color:inherit;text-decoration:none}.page{min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 16px}.center{text-align:center}.muted{color:var(--muted)}.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(226,232,240,.7);background:rgba(248,250,252,.75);backdrop-filter:blur(10px)}.topbar-inner{height:64px;justify-content:space-between;gap:12px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;border:0;background:transparent;cursor:pointer;padding:6px 8px;border-radius:12px}.brand:focus{outline:2px solid var(--ring);outline-offset:2px}.brand-mark{width:36px;height:36px;border-radius:14px;background:var(--primary);box-shadow:0 10px 40px rgba(2,6,23,.08)}.brand-text{display:flex;flex-direction:column;line-height:1.1;text-align:left}.brand-name{font-size:14px;font-weight:700}.brand-sub{font-size:12px;color:var(--muted)}.nav{display:none;gap:18px;font-size:14px;color:#334155}.navlink:hover{color:#0f172a}.topbar-cta{display:flex;gap:10px}@media (min-width:840px){.nav{display:flex}}.btn{height:40px;padding:0 14px;border-radius:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:focus{outline:2px solid var(--ring);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--primaryFg);box-shadow:0 10px 40px rgba(2,6,23,.08)}.btn-primary:hover{opacity:.95}.btn-outline{background:transparent;border-color:var(--border);color:var(--fg)}.btn-outline:hover{background:rgba(15,23,42,.04)}.badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(226,232,240,.9);background:hsla(0,0%,100%,.6);backdrop-filter:blur(8px);padding:6px 10px;font-size:12px;color:#334155}.badge,.dot{border-radius:999px}.dot{width:4px;height:4px;background:#94a3b8;display:inline-block}.hero{position:relative;overflow:hidden}.hero-inner{padding:76px 0 40px}.hero-center{max-width:720px;margin:0 auto;text-align:center;position:relative}.hero-bg{background:radial-gradient(1000px 500px at 10% 20%,rgba(37,99,235,.14),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(59,130,246,.1),transparent 55%),radial-gradient(900px 600px at 60% 90%,rgba(37,99,235,.1),transparent 55%)}.hero-bg,.hero-lines{position:absolute;inset:0}.hero-lines{opacity:.55;background-image:radial-gradient(circle at 20% 40%,rgba(37,99,235,.1) 0 1px,transparent 1px),radial-gradient(circle at 70% 20%,rgba(37,99,235,.1) 0 1px,transparent 1px);background-size:120px 120px;background-position:0 0,40px 60px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%)}.h1{margin:18px 0 0;font-size:42px;letter-spacing:-.02em;line-height:1.06}.h1-accent{display:block;color:var(--primary)}.lead{margin:16px auto 0;max-width:680px;font-size:16px;line-height:1.6;color:var(--muted)}@media (min-width:840px){.h1{font-size:60px}.lead{font-size:18px}}.hero-actions{margin-top:22px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.device{margin-top:30px;border:1px solid rgba(226,232,240,.9);background:hsla(0,0%,100%,.65);border-radius:18px;padding:18px;box-shadow:0 18px 60px rgba(2,6,23,.12);backdrop-filter:blur(10px)}.device-grid{display:grid;gap:12px}.device-card{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:14px;text-align:left}.device-label{font-size:12px;color:var(--muted)}.device-blank{margin-top:10px;height:90px;border-radius:14px;background:#f1f5f9}@media (min-width:840px){.device-grid{grid-template-columns:repeat(3,1fr)}}.logos{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.65)}.logos-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;opacity:.85}.logo-pill{height:32px;border-radius:12px;border:1px solid var(--border);background:var(--card)}@media (min-width:720px){.logos-grid{grid-template-columns:repeat(6,1fr)}}.section-head{padding:64px 16px 10px}.h2{margin:0;font-size:28px;letter-spacing:-.02em}@media(min-width:840px){.h2{font-size:36px}}.feature{padding:56px 0}.feature-inner{display:grid;gap:22px;align-items:center}.feature-inner.reverse .feature-copy{order:2}.feature-inner.reverse .feature-visual{order:1}.kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--primary)}.bullets{margin-top:18px;display:grid;gap:14px}.bullet{display:flex;gap:12px}.bullet-icon{width:18px;height:18px;border-radius:6px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.2);margin-top:2px}.bullet-title{font-weight:700}.feature-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.card{border:1px solid var(--border);background:var(--card);border-radius:18px;box-shadow:0 10px 40px rgba(2,6,23,.08)}.feature-visual{overflow:hidden}.visual{aspect-ratio:16/10;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:18px}@media(min-width:900px){.feature-inner{grid-template-columns:1.1fr 1fr;gap:36px}}.cta{background:#0b1220;color:#fff;margin-top:22px}.cta-inner{padding:56px 0;display:grid;gap:18px;align-items:center}.invert{color:hsla(0,0%,100%,.9)}.cta-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.cta-card{border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);border-radius:18px;padding:18px}.cta-blank{height:140px;border-radius:14px;background:hsla(0,0%,100%,.08)}.cta-mini{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cta-chip{height:36px;border-radius:12px;background:hsla(0,0%,100%,.08)}@media(min-width:900px){.cta-inner{grid-template-columns:1.2fr .9fr;gap:36px}}.footer{border-top:1px solid var(--border);background:var(--bg)}.footer-inner{padding:44px 0;display:grid;gap:18px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-head{font-weight:800;margin-bottom:10px}.footer-link{display:block;color:var(--muted);margin:8px 0}.footer-link:hover{color:var(--fg)}.footer-bottom{border-top:1px solid rgba(226,232,240,.7);padding:18px 0;text-align:center;color:var(--muted);font-size:12px}@media(min-width:900px){.footer-inner{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}}