.mkt{--ink:#080b16;--ink-2:#0f1730;--hero-fg:#eef2ff;--hero-muted:#9db0dc;--hero-line:#ffffff1f;--route:#7b93ff}.mkt-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:saturate(1.4) blur(12px)}.mkt-navlink{color:var(--muted);transition:color .15s}.mkt-navlink:hover{color:var(--fg)}.mkt-hero{position:relative;overflow:hidden;color:var(--hero-fg);background:radial-gradient(120% 90% at 82% -10%,#2a3ad9 0,transparent 55%),radial-gradient(90% 80% at 0 110%,#17206b 0,transparent 50%),linear-gradient(160deg,var(--ink-2),var(--ink))}.mkt-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(120% 100% at 50% 0,#000 40%,transparent 78%);opacity:.5;pointer-events:none}.mkt-hero-inner{position:relative;z-index:1}.mkt-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-muted)}.mkt-display{font-weight:700;letter-spacing:-.03em;line-height:1.02;text-wrap:balance;font-size:clamp(2.4rem,6vw,4rem)}.mkt-lede{color:var(--hero-muted);font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6;max-width:34ch}.mkt-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:11px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s}.mkt-btn:active{transform:translateY(1px)}.mkt-btn-primary{background:#ffffff;color:#12183a}.mkt-btn-primary:hover{background:#e7ecff}.mkt-btn-ghost{border:1px solid #ffffff33;color:var(--hero-fg)}.mkt-btn-ghost:hover{background:#ffffff14;border-color:#ffffff55}.mkt-phone{position:relative;width:min(280px,74vw);aspect-ratio:9/19;border-radius:34px;padding:10px;background:linear-gradient(150deg,#2b3352,#0c1122);box-shadow:0 30px 70px -20px #000a,inset 0 0 0 1px #ffffff1a;animation:mkt-float 7s ease-in-out infinite}@keyframes mkt-float{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-14px) rotate(-1.2deg)}}.mkt-phone-screen{position:relative;height:100%;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#101a3a,#0b1020)}.mkt-phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:38%;height:18px;border-radius:0 0 10px 10px;background:#05070f;z-index:3}.mkt-map-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 0),linear-gradient(90deg,#ffffff12 1px,transparent 0);background-size:28px 28px}.mkt-route-path{fill:none;stroke:var(--route);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #7b93ffaa);stroke-dasharray:1;stroke-dashoffset:1;animation:mkt-draw 2.6s ease-out .3s forwards}@keyframes mkt-draw{to{stroke-dashoffset:0}}.mkt-route-dot{fill:#fff;stroke:var(--route);stroke-width:3}.mkt-phone-card{position:absolute;left:12px;right:12px;border-radius:14px;padding:11px 13px;background:#0c1226e0;border:1px solid #ffffff1f;backdrop-filter:blur(4px);color:#eaf0ff}.mkt-phone-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;background:#7b93ff24;color:#b9c6ff}.mkt-section{max-width:1120px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.mkt-h2{font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:700;letter-spacing:-.02em;text-wrap:balance}.mkt-feature{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1.4rem;transition:transform .18s,border-color .18s,box-shadow .18s}.mkt-feature:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow)}.mkt-feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent);margin-bottom:.9rem}.mkt-code{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:#d7e0ff;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.7;padding:1rem 1.1rem;overflow-x:auto;overscroll-behavior-x:contain}.mkt-code .tok-comment{color:#7f8bb5}.mkt-code .tok-flag{color:#9db0dc}.mkt-step-num{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}