@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--brand:#0071e3;--brand-2:#0a84ff;--brand-3:#5ac8fa;--brand-gradient:linear-gradient(135deg,#0071e3,#0a84ff 60%,#5ac8fa);--brand-gradient-soft:linear-gradient(135deg,rgba(0,113,227,0.12),rgba(10,132,255,0.10) 50%,rgba(90,200,250,0.08));--bg:#f5f5f7;--bg-2:#ffffff;--surface:#ffffff;--surface-2:#f7f7f8;--surface-3:#efeff4;--surface-raised:#ffffff;--text:#0c0c0c;--text-2:#3c3c43;--text-3:#6e6e73;--border:rgba(60,60,67,0.12);--border-strong:rgba(60,60,67,0.18);--border-brand:rgba(0,113,227,0.18);--app-pscale:#0071e3;--app-sscale:#5856d6;--app-escale:#34c759;--app-t1:#ff9500;--app-t2:#ff453a;--ok:#34c759;--ok-soft:rgba(52,199,89,0.12);--danger:#ff3b30;--danger-soft:rgba(255,59,48,0.12);--warning:#ff9f0a;--radius:24px;--radius-sm:16px;--radius-xs:10px;--radius-pill:999px;--shadow-sm:0 4px 12px rgba(0,0,0,0.08);--shadow-md:0 10px 30px rgba(0,0,0,0.08);--shadow-lg:0 18px 50px rgba(0,0,0,0.08);--shadow-xl:0 25px 80px rgba(0,0,0,0.08);--shadow-brand:0 0 40px rgba(0,113,227,0.12);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,svg{display:block}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at top left,rgba(0,113,227,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(10,132,255,.06),transparent 28%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(99,102,241,.3)}50%{box-shadow:0 0 40px rgba(99,102,241,.6),0 0 80px rgba(139,92,246,.3)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes orbit{0%{transform:rotate(0deg) translateX(120px) rotate(0deg)}to{transform:rotate(1turn) translateX(120px) rotate(-1turn)}}.spin{animation:spin .8s linear infinite}.float{animation:float 4s ease-in-out infinite}.fade-up{animation:fade-up .6s var(--ease) both}.bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 20% 0,rgba(99,102,241,.08) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(139,92,246,.07) 0,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(6,182,212,.04) 0,transparent 60%)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:76px;padding:0 32px;justify-content:space-between;border-bottom:1px solid rgba(60,60,67,.12);background:rgba(255,255,255,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px}.nav-logo-mark{width:36px;height:36px;border-radius:10px;background:var(--brand-gradient);display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;box-shadow:var(--glow-brand);flex-shrink:0}.nav-logo-text{font-weight:700;font-size:17px;letter-spacing:.08em;color:var(--text)}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 16px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--text-2);transition:color .2s var(--ease),background .2s var(--ease)}.nav-link:hover{color:var(--text);background:var(--surface)}.btn-nav-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;color:#fff;background:var(--brand-gradient);box-shadow:0 0 20px rgba(99,102,241,.35);transition:transform .2s var(--ease-bounce),box-shadow .2s var(--ease)}.btn-nav-cta:hover{transform:scale(1.04);box-shadow:0 0 30px rgba(99,102,241,.55)}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:var(--radius-pill);font-size:15px;font-weight:700;color:#fff;background:var(--text);box-shadow:0 16px 32px rgba(0,0,0,.12);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 20px 40px rgba(0,0,0,.14)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:var(--radius-pill);font-size:15px;font-weight:600;color:var(--text);background:rgba(255,255,255,.8);border:1px solid var(--border);transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.btn-secondary:hover{color:#000;background:rgba(255,255,255,1);border-color:var(--border-strong);transform:translateY(-1px)}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);box-shadow:0 16px 30px rgba(0,0,0,.06)}.app-card:hover{transform:translateY(-4px);border-color:rgba(0,113,227,.25);box-shadow:0 24px 40px rgba(0,0,0,.08)}.app-card-upcoming{background:var(--surface-2);border-color:rgba(60,60,67,.08)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color .3s var(--ease),transform .3s var(--ease-bounce),box-shadow .3s var(--ease)}.card:hover{border-color:var(--border-brand);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 30px rgba(99,102,241,.08)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-brand{background:rgba(99,102,241,.12);color:#a5b4fc;border:1px solid rgba(99,102,241,.25)}.badge-ok{background:var(--ok-soft);color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-soon{background:rgba(245,158,11,.1);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.section{padding:96px 32px;position:relative;z-index:1}.section-sm{padding:64px 32px}.container{width:100%;max-width:1120px;margin:0 auto}.section-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}.section-title{font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.1;color:var(--text)}.section-desc{font-size:17px;color:var(--text-2);max-width:580px;line-height:1.65}.divider{width:100%;height:1px;background:var(--border)}.app-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff;flex-shrink:0}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px;text-align:center}.stat-number{font-size:42px;font-weight:900;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:6px}.feature-check,.stat-label{font-size:14px;color:var(--text-2);font-weight:500}.feature-check{display:inline-flex;align-items:center;gap:8px}.feature-check-icon{width:20px;height:20px;border-radius:50%;background:var(--ok-soft);display:grid;place-items:center;color:var(--ok);flex-shrink:0;font-size:11px}@media (max-width:768px){.nav{padding:0 20px}.nav-links .nav-link{display:none}.section{padding:72px 20px}.section-sm{padding:48px 20px}.stat-number{font-size:32px}}@media (max-width:480px){.nav{padding:0 16px;height:60px}.btn-primary,.btn-secondary{padding:12px 22px;font-size:14px}}