:root{--bg0: #f8fafc;--bg1: #eef2ff;--card: rgba(255, 255, 255, .78);--border: rgba(226, 232, 240, .95);--text: #0f172a;--muted: #475569;--primary: #0284c7;--primary2: #0ea5e9;--dark: #0c4a6e;--shadow: 0 25px 60px rgba(2, 8, 23, .18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 18% 10%,rgba(2,132,199,.2),transparent 55%),radial-gradient(1200px 700px at 80% 30%,rgba(99,102,241,.14),transparent 55%),linear-gradient(180deg,var(--bg0),#ffffff 65%)}a{color:inherit}.container{max-width:1480px;margin:0 auto;padding:22px clamp(18px,4vw,72px) 56px}.nav{position:sticky;top:0;z-index:20;padding:14px 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(to bottom,#f8fafcd9,#f8fafc59);border-bottom:1px solid rgba(226,232,240,.7)}.navInner{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.3px}.brandMark{width:28px;height:28px;border-radius:8px;box-shadow:0 14px 26px #02081729;border:1px solid rgba(226,232,240,.85);background:#fff;object-fit:cover}.navLinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.mobileMenuButton{display:none;border:1px solid rgba(226,232,240,.92);background:#ffffffd9;color:#0f172ae0;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:900}.link{text-decoration:none;color:#0f172ad1;font-weight:850;font-size:13px;padding:9px 10px;border-radius:12px}.link:hover{background:#0284c714;color:#0c4a6e}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:950;font-size:13px;padding:10px 12px;border-radius:14px;border:1px solid rgba(2,132,199,.25);background:linear-gradient(180deg,#0284c7eb,#0ea5e9db);color:#fff;box-shadow:0 20px 40px #0284c738}.cta:hover{filter:brightness(.98)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:26px 0 8px}.heroMedia{display:flex;justify-content:flex-end}.heroMediaInner{transform:translateY(6px)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(2,132,199,.18);background:#f0f9ffb8;color:#0c4a6e;font-weight:950;font-size:12px}.h1{margin:14px 0 10px;font-weight:1000;letter-spacing:-.8px;font-size:46px;line-height:1.05}.sub{margin:0;color:#475569f2;font-size:16px;line-height:1.5;font-weight:600}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:950;border-radius:16px;padding:12px 14px;font-size:14px;text-decoration:none}.btnPrimary{background:linear-gradient(180deg,#0284c7f2,#0ea5e9d9);color:#fff;border:1px solid rgba(2,132,199,.25);box-shadow:0 22px 44px #0284c73d}.btnGhost{background:#ffffffbf;border:1px solid rgba(226,232,240,.92);color:#0f172ad9}.btnGhost:hover{background:#ffffffe0}.fine{margin-top:10px;font-size:12px;color:#475569d9;font-weight:700}.glass{background:var(--card);border:1px solid rgba(226,232,240,.75);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.section{margin-top:26px;padding:20px}.sectionTitle{font-size:13px;font-weight:950;letter-spacing:.22px;color:#475569e6;text-transform:uppercase}.sectionH{margin:8px 0 0;font-size:26px;font-weight:1000;letter-spacing:-.4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.feature{padding:14px;border-radius:18px;border:1px solid rgba(226,232,240,.86);background:#ffffffbf}.featureTitle{font-weight:1000;letter-spacing:-.2px;margin:2px 0 6px}.featureText{margin:0;color:#475569f2;font-size:13px;line-height:1.45;font-weight:650}.feature ul.featureText{padding-left:18px}.feature li{margin:6px 0}.feature strong{color:#0f172ae0}.feature a{color:#0284c7f2;font-weight:900;text-decoration:none}.feature a:hover{text-decoration:underline}.mockRow{display:flex;gap:16px;margin-top:16px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.mockRow::-webkit-scrollbar{height:10px}.mockRow::-webkit-scrollbar-thumb{background:#64748b38;border-radius:999px}.mockRow>*{flex:0 0 auto;scroll-snap-align:start}.footer{margin-top:26px;padding:18px 4px 0;color:#475569d9;font-size:12px;font-weight:700;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}@media(max-width:980px){.hero{grid-template-columns:1fr}.h1{font-size:40px}.grid{grid-template-columns:1fr}.heroMedia{justify-content:center}.navInner{flex-wrap:wrap;align-items:center}.mobileMenuButton{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.navLinks{display:none;width:100%;flex-direction:column;align-items:stretch;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(226,232,240,.75)}.navLinks.open{display:flex}.navLinks .link,.navLinks .cta{width:100%;justify-content:center;text-align:center}}@media(min-width:1200px){.hero{grid-template-columns:1.15fr .85fr;gap:34px;padding:34px 0 10px}.h1{font-size:54px;letter-spacing:-1px}.sub{font-size:17px}.section{padding:24px}.grid{gap:14px}}@media(min-width:1600px){.h1{font-size:58px}.container{max-width:1600px;padding-left:clamp(22px,5vw,96px);padding-right:clamp(22px,5vw,96px)}}.phone{width:320px;height:640px;border-radius:40px;border:8px solid rgba(15,23,42,.92);background:#fff;box-shadow:0 28px 60px #02081738;overflow:hidden;display:flex;flex-direction:column}.phoneBar{height:34px;padding:12px 22px 0;display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:#0f172adb;background:#fff}.phoneBody{flex:1;padding:20px;display:flex;flex-direction:column;background:#f8fafc}.phoneTag{font-size:11px;font-weight:900;color:#0284c7f2;text-transform:uppercase;letter-spacing:.5px}.phoneH{margin:8px 0 2px;font-size:20px;font-weight:1000;letter-spacing:-.3px;color:#0c4a6e}.phoneP{margin:0 0 14px;color:#475569f2;font-size:12px;line-height:1.35;font-weight:650}.miniCard{background:#fffffff2;border:1px solid rgba(226,232,240,.95);border-radius:16px;padding:12px}.rowCard{display:flex;gap:10px;align-items:center;background:#fffffff2;border:1px solid rgba(226,232,240,.95);border-radius:16px;padding:12px;margin-bottom:10px}.thumb{width:46px;height:46px;border-radius:12px;background:#e2e8f0}.badge{margin-left:auto;font-size:11px;font-weight:1000;letter-spacing:.35px;color:#0284c7}.badgeMuted{color:#64748b}.miniBtn{border:1px solid rgba(226,232,240,.95);background:#f8fafc;color:#0f172adb;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:1000}.descCard{margin-top:10px;background:#fffffff2;border:1px solid rgba(226,232,240,.95);border-radius:16px;padding:12px}.descHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.descTitle{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.4px;color:#64748b}.descMeta{font-size:12px;color:#475569eb;line-height:1.35;font-weight:650}.descText{margin-top:10px;font-size:12px;color:#0f172adb;line-height:1.42;font-weight:650}.phoneActions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.phoneCta{padding:12px;border-radius:16px;font-weight:1000;border:1px solid rgba(2,132,199,.25);background:linear-gradient(180deg,#0284c7eb,#0ea5e9db);color:#fff}.phoneCtaGhost{padding:12px;border-radius:16px;font-weight:1000;border:1px solid rgba(226,232,240,.95);background:#fffffff2;color:#0f172adb}.videoStage{position:relative;flex:1;background:#0b1220;border-radius:22px;overflow:hidden;border:1px solid rgba(226,232,240,.18)}.videoStage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.videoStage.landscape video{object-fit:contain;background:#000}.videoOverlayTop{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2}.videoPill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);color:#fffffff2;font-size:11px;font-weight:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.videoOverlayBottom{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 12px;z-index:2;background:linear-gradient(to top,#0f172adb,#0f172a00)}.videoH{color:#fffffffa;font-weight:1000;letter-spacing:-.2px;font-size:16px}.videoText{margin-top:6px;color:#e2e8f0eb;font-size:12px;line-height:1.35;font-weight:650}.zoomRow{display:flex;justify-content:center;gap:8px;margin-top:10px}.zoomPill{padding:6px 10px;border-radius:999px;border:1px solid rgba(226,232,240,.95);background:#0f172a1f;color:#0f172acc;font-size:11px;font-weight:1000}.zoomPillActive{background:#0284c729;border-color:#0284c759;color:#0c4a6e}