@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/inter-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/inter-900.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/jetbrains-mono-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/jetbrains-mono-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #030712;--surface: #111827;--surface-2: #0b1220;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #e5e7eb;--text-muted: #6b7280;--text-dim: #9ca3af;--sky: #0792fe;--sky-300: #59b6fe;--sky-400: #38a8fe;--indigo-400: #818cf8;--fuchsia-400: #e879f9;--green-400: #00e899;--yellow-400: #ffba0a;--red-400: #ff3e3f;--code-bg: #0d1117;--code-border: #21262d;--heading: #ffffff;--card-grad: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02));--panel-grad: linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.01));--fill-1: rgba(255,255,255,.02);--fill-2: rgba(255,255,255,.04);--fill-2h: rgba(255,255,255,.05);--fill-3: rgba(255,255,255,.08);--grid-line: rgba(255,255,255,.025);--nav-bg: rgba(3,7,18,.7);--modal-grad: linear-gradient(135deg, rgba(17,24,39,.96), rgba(11,18,32,.96));--backdrop: rgba(3,7,18,.72);--card-shadow: none;--code-text: #c9d1d9;--code-tabbar: #0a0e14;--code-header-bg: rgba(255,255,255,.015);--badge-bg: #000;--badge-fg: #fff;--badge-border: rgba(255,255,255,.18);--badge-border-h: rgba(255,255,255,.4);--grad-text: linear-gradient(135deg, #38a8fe, #00e899);--grad-cta: linear-gradient(135deg, #0792fe 0%, #38a8fe 55%, #00e899 120%);--section-y: 120px;--section-x: 32px;--card-pad: 24px;--card-gap: 20px;--max-w: 1200px;--radius-card: 16px;--radius-button: 12px}[data-density=compact]{--section-y: 80px;--card-pad: 18px;--card-gap: 14px}[data-density=spacious]{--section-y: 160px;--card-pad: 32px;--card-gap: 28px}[data-theme=light]{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #ffffff;--text: #1d1d1f;--text-dim: #4b5563;--text-muted: #8a909c;--heading: #0b1220;--border: rgba(0,0,0,.1);--border-strong: rgba(0,0,0,.16);--card-grad: linear-gradient(135deg, #ffffff, #fbfcfe);--panel-grad: linear-gradient(135deg, #ffffff, #f6f8fb);--fill-1: rgba(0,0,0,.025);--fill-2: rgba(0,0,0,.045);--fill-2h: rgba(0,0,0,.06);--fill-3: rgba(0,0,0,.09);--grid-line: rgba(0,0,0,.045);--nav-bg: rgba(255,255,255,.82);--modal-grad: linear-gradient(135deg, #ffffff, #f6f8fb);--backdrop: rgba(15,23,42,.4);--card-shadow: 0 1px 3px rgba(16,24,40,.06), 0 8px 24px -16px rgba(16,24,40,.12);--code-bg: #f6f8fa;--code-border: #d8dee4;--code-text: #1f2328;--code-tabbar: #eef1f4;--code-header-bg: rgba(0,0,0,.02);--badge-bg: #ffffff;--badge-fg: #0b1220;--badge-border: rgba(0,0,0,.16);--badge-border-h: rgba(0,0,0,.32)}[data-theme=light] .s-cmt{color:#6e7781}[data-theme=light] .s-str{color:#0a3069}[data-theme=light] .s-key{color:#cf222e}[data-theme=light] .s-fn{color:#8250df}[data-theme=light] .s-num{color:#953800}[data-theme=light] .s-var{color:#0550ae}[data-theme=light] .s-prop,[data-theme=light] .s-curl{color:#116329}[data-theme=light] .s-flag{color:#953800}[data-theme=light] .stat .num,[data-theme=light] .sdk-tile .sdk-name,[data-theme=light] .compare tbody td.col-us{color:var(--heading)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#0792fe4d;color:var(--heading)}.mono{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-feature-settings:"calt","liga"}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--section-x)}.section{padding:var(--section-y) 0;position:relative}@media(max-width:760px){:root,[data-density=compact],[data-density=spacious]{--section-y: 64px}.section-title{margin-bottom:36px}}.eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-400);margin:0 0 14px;display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:6px;height:6px;background:var(--sky-400);border-radius:9999px;box-shadow:0 0 12px var(--sky-400)}h1,h2,h3,h4{font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:0;color:var(--heading)}h1{font-size:clamp(48px,7vw,88px);font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.03em}h3{font-size:20px;letter-spacing:-.01em}.section-title{max-width:720px;margin:0 auto 56px;text-align:center}.section-title p{color:var(--text-dim);font-size:18px;margin:16px 0 0}.gradient-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--card-pad);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--card-shadow);transition:border-color .22s ease,transform .22s ease,background .22s ease}.card:hover{border-color:#38bdf859;transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-button);font-weight:600;font-size:15px;border:1px solid transparent;transition:all .18s ease;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--sky);color:#fff;box-shadow:0 6px 24px -8px #0792fe99}.btn-primary:hover{background:var(--sky-400);transform:translateY(-1px);box-shadow:0 10px 32px -10px #0792feb3}.btn-gradient{background:var(--sky);color:#fff;box-shadow:0 6px 24px -8px #0792fe99}.btn-gradient:hover{background:var(--sky-400);transform:translateY(-1px);box-shadow:0 10px 32px -10px #0792feb3}.btn-secondary{background:var(--fill-1);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover{background:var(--fill-2h);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:hover{color:var(--heading)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;padding:4px 10px;border-radius:9999px;border:1px solid}.pill-sky{color:var(--sky-400);background:#0ea5e91a;border-color:#0ea5e940}.pill-violet{color:var(--indigo-400);background:#818cf81a;border-color:#818cf840}.pill-fuchsia{color:var(--fuchsia-400);background:#e879f91a;border-color:#e879f940}.pill-green{color:var(--green-400);background:#4ade801a;border-color:#4ade8040}.pill-yellow{color:var(--yellow-400);background:#facc151a;border-color:#facc1540}.pill-red{color:var(--red-400);background:#f871711a;border-color:#f8717140}.pill-gray{color:var(--text-dim);background:var(--fill-2);border-color:var(--border)}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:14px;overflow:hidden;font-family:JetBrains Mono,monospace;font-size:13.5px;line-height:1.7}.code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--code-border);background:var(--code-header-bg)}.dots{display:flex;gap:7px}.dot{width:12px;height:12px;border-radius:9999px}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.code-tabs{display:flex;gap:4px;padding:0 8px;border-bottom:1px solid var(--code-border);background:var(--code-tabbar)}.code-tab{background:transparent;border:none;color:var(--text-muted);padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:12.5px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;letter-spacing:.01em}.code-tab:hover{color:var(--code-text)}.code-tab.active{color:var(--code-text);border-bottom-color:var(--sky-400)}.code-body{padding:18px 20px 20px;overflow-x:auto;white-space:pre;color:var(--code-text)}.code-body .ln-num{display:inline-block;width:28px;color:#4b5563;-webkit-user-select:none;user-select:none}.s-cmt{color:#6b7280;font-style:italic}.s-str{color:#a5d6ff}.s-key{color:#ff7b72}.s-fn{color:#d2a8ff}.s-num{color:#f0883e}.s-var{color:#79c0ff}.s-prop{color:#7ee787}.s-curl{color:#4ade80}.s-flag{color:#ffa657}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}@media(max-width:900px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr;gap:40px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .6s ease both}.hero-glow{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.hero-glow:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:1100px;height:700px;background:radial-gradient(ellipse at center,rgba(7,146,254,.2),rgba(0,232,153,.1) 35%,transparent 65%);filter:blur(20px)}.hero-glow:after{content:"";position:absolute;top:50px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,232,153,.1),transparent 70%);filter:blur(30px)}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at top,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at top,black 30%,transparent 70%);pointer-events:none;z-index:0}.navbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--nav-bg);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--text-dim);font-size:14px;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--heading)}.nav-cta{display:flex;align-items:center;gap:12px}.theme-toggle{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);color:var(--text-dim);transition:color .15s,border-color .15s,background .15s}.theme-toggle:hover{color:var(--heading);border-color:var(--border-strong);background:var(--fill-2)}@media(max-width:800px){.nav-links{display:none}.nav-cta .btn-primary{padding:9px 16px;font-size:13px}}.logo-glyph{width:30px;height:30px;border-radius:9px;background:var(--grad-cta);display:grid;place-items:center;position:relative;box-shadow:0 4px 14px -4px #0ea5e999,inset 0 0 0 1px #ffffff26}.logo-glyph:before{content:"";width:12px;height:12px;border:2px solid white;border-radius:9999px;border-bottom-color:transparent;border-right-color:transparent;transform:rotate(45deg)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:18px;background:var(--panel-grad);overflow:hidden}.stat{padding:32px 28px;border-right:1px solid var(--border);position:relative}.stat:last-child{border-right:none}.stat .num{font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:8px;color:var(--heading)}.stat .lbl{color:var(--text-dim);font-size:13px;font-family:JetBrains Mono,monospace;letter-spacing:.04em}@media(max-width:800px){.stats-bar{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--border)}}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);position:relative}.step{position:relative}.step-num{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--sky-400);margin-bottom:12px}.step h3{margin-bottom:8px}.step p{color:var(--text-dim);font-size:14.5px;margin:0}.step-mini{margin-top:16px;padding:12px 14px;background:var(--code-bg);border:1px solid var(--code-border);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--code-text);overflow-x:auto;white-space:pre}@media(max-width:760px){.steps{grid-template-columns:1fr}}.steps>*{min-width:0}.store-badges{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.store-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:12px;background:var(--badge-bg);color:var(--badge-fg);border:1px solid var(--badge-border);transition:border-color .18s ease,transform .18s ease}.store-badge:hover{border-color:var(--badge-border-h);transform:translateY(-1px)}.store-badge span{display:flex;flex-direction:column;line-height:1.15;text-align:left}.store-badge small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.store-badge strong{font-size:15px;font-weight:700;letter-spacing:-.01em}.feature-clickable{cursor:pointer}.feature-clickable:hover{border-color:#07bdfe59}.feature-clickable:focus-visible{outline:2px solid var(--sky-400);outline-offset:2px}.feature-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.02em;color:var(--sky-400)}.modal-backdrop{position:fixed;inset:0;z-index:100;background:var(--backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;animation:fadeUp .2s ease both}.modal-panel{width:100%;max-width:680px;max-height:86vh;overflow-y:auto;background:var(--modal-grad);border:1px solid var(--border-strong);border-radius:20px;padding:28px;box-shadow:0 40px 100px -30px #000000b3}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-head h3{font-size:22px}.modal-close{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--fill-2);border:1px solid var(--border);color:var(--text-dim);transition:all .15s}.modal-close:hover{color:var(--heading);border-color:var(--border-strong);background:var(--fill-3)}.modal-sub{color:var(--text-muted);font-size:13px;margin:6px 0 20px}.sound-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:640px){.sound-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:440px){.sound-grid{grid-template-columns:repeat(2,1fr)}}.sound-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;border-radius:12px;background:var(--fill-1);border:1px solid var(--border);color:var(--text-dim);transition:all .16s ease}.sound-chip:hover,.sound-chip:focus-visible{outline:none;border-color:#07bdfe80;background:#0792fe14;color:var(--heading);transform:translateY(-2px)}.sound-chip.playing{border-color:var(--sky-400);background:#0792fe1f;color:var(--heading);box-shadow:0 0 0 1px var(--sky-400),0 8px 24px -10px #0792fe99}.sound-chip.silent{opacity:.55}.sound-chip.silent:hover{transform:none}.sound-emoji{color:var(--sky-400);display:grid;place-items:center;height:28px}.sound-chip:hover .sound-emoji,.sound-chip.playing .sound-emoji{color:var(--sky-300)}.sound-name{font-size:10.5px;letter-spacing:.04em}.sound-eq{display:flex;align-items:flex-end;gap:2px;height:10px}.sound-eq i{width:2.5px;height:3px;border-radius:2px;background:var(--sky-400);opacity:0;transition:opacity .15s}.sound-chip.playing .sound-eq i{opacity:1;animation:eq .6s ease-in-out infinite}.sound-chip.playing .sound-eq i:nth-child(2){animation-delay:.15s}.sound-chip.playing .sound-eq i:nth-child(3){animation-delay:.3s}@keyframes eq{0%,to{height:3px}50%{height:10px}}.tool-card{display:flex;flex-direction:column;gap:16px;padding:28px}.tool-head{display:flex;align-items:center;gap:14px}.tool-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#0792fe1a;color:var(--sky-400);border:1px solid rgba(7,146,254,.22)}.tool-icon.green{background:#00e8991a;color:var(--green-400);border-color:#00e89938}.tool-icon.violet{background:#818cf81a;color:var(--indigo-400);border-color:#818cf838}.tool-meta h3{margin:0;line-height:1.1}.tool-url{font-size:12px;color:var(--text-muted)}.tool-card>p{color:var(--text-dim);font-size:15px;margin:0}.tool-visual{background:var(--code-bg);border:1px solid var(--code-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.pg-field{display:flex;align-items:center;gap:10px}.pg-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);width:56px;flex-shrink:0}.pg-input{flex:1;background:var(--fill-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--text)}.pg-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-send{margin-left:auto;padding:6px 14px;font-size:13px}.studio-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-flow svg{color:var(--text-muted);flex-shrink:0}.tool-cta{margin-top:auto;align-self:flex-start}.mcp-bubble{font-size:13px;line-height:1.4;padding:8px 12px;border-radius:12px;max-width:92%}.mcp-bubble.user{align-self:flex-end;background:#0792fe29;border:1px solid rgba(7,146,254,.3);color:var(--heading);border-bottom-right-radius:4px}.mcp-bubble.asst{align-self:flex-start;background:var(--fill-2);border:1px solid var(--border);color:var(--text-dim);border-bottom-left-radius:4px;display:flex;align-items:center;gap:8px}.mcp-bubble.asst .mono{color:var(--sky-400)}.mcp-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.feature{position:relative}.feature .icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;margin-bottom:16px;background:#0ea5e91a;color:var(--sky-400);border:1px solid rgba(14,165,233,.2)}.feature.violet .icon{background:#818cf81a;color:var(--indigo-400);border-color:#818cf833}.feature.fuchsia .icon{background:#e879f91a;color:var(--fuchsia-400);border-color:#e879f933}.feature.green .icon{background:#00e8991a;color:var(--green-400);border-color:#00e89933}.feature h3{margin-bottom:8px}.feature p{color:var(--text-dim);font-size:14.5px;margin:0}.topic-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:var(--fill-1);transition:all .18s}.topic-row:hover{border-color:#38bdf840;background:var(--fill-2)}.topic-row+.topic-row{margin-top:10px}.topic-name{display:flex;align-items:center;gap:12px}.topic-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.topic-meta{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted)}.ios-frame{position:relative;width:100%;max-width:380px;margin:0 auto;aspect-ratio:9 / 18;border-radius:44px;background:linear-gradient(180deg,#0d1117,#1a1f2e);border:8px solid #1a1f2e;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px -20px #0009,0 60px 120px -40px #0ea5e940;overflow:hidden}.ios-screen{position:absolute;inset:0;background:radial-gradient(ellipse at top,#1e293b,#030712 60%),#030712;padding:56px 14px 14px;display:flex;flex-direction:column;gap:8px}.ios-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:110px;height:30px;background:#000;border-radius:18px;z-index:2}.ios-time{position:absolute;top:70px;left:0;right:0;text-align:center;font-family:Inter,sans-serif;font-weight:300;font-size:70px;letter-spacing:-.04em;color:#fffffff2;line-height:1}.ios-date{position:absolute;top:50px;left:0;right:0;text-align:center;font-size:14px;color:#ffffffb3;font-weight:500}.ios-notif{margin-top:auto;background:#232834d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(255,255,255,.08)}.ios-notif-head{display:flex;align-items:center;gap:8px}.ios-notif-app-icon{width:22px;height:22px;border-radius:6px;background:var(--grad-cta);display:grid;place-items:center}.ios-notif-app-icon svg{width:14px;height:14px;color:#fff}.ios-notif-app{font-size:11px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.04em;flex:1}.ios-notif-time{font-size:11px;color:#ffffff80}.ios-notif-title{font-size:14px;font-weight:600;color:#fff;line-height:1.25}.ios-notif-body{font-size:13px;color:#ffffffd9;line-height:1.35}.ios-notif-image{margin-top:4px;height:80px;border-radius:10px;background:linear-gradient(135deg,#0792fe,#38a8fe 60%,#00e899);position:relative;overflow:hidden}.ios-notif-image:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.06) 8px 9px)}.ios-notif-buttons{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.ios-btn{background:#ffffff1a;border:none;border-radius:10px;padding:8px;font-size:12px;font-weight:600;color:#fff;cursor:pointer}.ios-btn-primary{background:#0ea5e9d9}.email-mock{background:#fff;color:#1f2937;border-radius:14px;padding:18px 20px;font-family:Inter,sans-serif;position:relative;border:1px solid var(--border);box-shadow:0 30px 60px -20px #00000080}.email-mock-bar{display:flex;gap:6px;margin-bottom:14px}.email-row{display:flex;gap:12px;font-size:13.5px;padding:6px 0;border-bottom:1px solid #f1f5f9}.email-row:last-of-type{border-bottom:none}.email-label{color:#64748b;width:60px;flex-shrink:0}.email-val{color:#0f172a}.email-subject{font-weight:600}.email-body{margin-top:14px;padding-top:14px;border-top:1px solid #f1f5f9;font-size:14px;line-height:1.6;color:#334155}.grid-2>*{min-width:0}.email-val,.email-body,.split-side .bullets li{overflow-wrap:anywhere}.compare{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel-grad)}.compare table{width:100%;border-collapse:collapse;font-size:14.5px}.compare thead th{padding:18px 22px;text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-family:JetBrains Mono,monospace;border-bottom:1px solid var(--border);background:var(--fill-1);font-weight:500}.compare thead th.us{color:var(--sky-400)}.compare tbody td{padding:16px 22px;border-bottom:1px solid var(--border);vertical-align:middle}.compare tbody tr:last-child td{border-bottom:none}.compare tbody td:first-child{color:var(--text);font-weight:500}.compare tbody td.col-us{background:#0ea5e90a;color:var(--heading)}.compare tbody td.col-them{color:var(--text-dim)}.compare .check{color:var(--green-400)}.compare .x{color:var(--text-muted)}@media(max-width:680px){.compare table,.compare tbody,.compare tr,.compare td{display:block;width:100%}.compare thead{display:none}.compare tbody tr{padding:6px 0 14px;border-bottom:1px solid var(--border)}.compare tbody tr:last-child{border-bottom:none}.compare tbody td{border-bottom:none;padding:6px 20px}.compare tbody td:first-child{color:var(--heading);font-weight:600;font-size:15px;padding-top:16px}.compare tbody td.col-us,.compare tbody td.col-them{background:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.compare tbody td.col-us:before,.compare tbody td.col-them:before{content:attr(data-label);color:var(--text-muted);font-size:12px;font-family:JetBrains Mono,monospace;letter-spacing:.04em}.compare tbody td.col-us{color:var(--heading)}}.sdk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap);margin-bottom:32px}@media(max-width:760px){.sdk-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.sdk-grid{grid-template-columns:1fr}}.sdk-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border-radius:14px;border:1px solid var(--border);background:var(--panel-grad);transition:all .2s}.sdk-tile:hover{border-color:#38bdf84d;transform:translateY(-2px)}.sdk-tile .sdk-icon{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;width:44px;height:44px;border-radius:10px;display:grid;place-items:center}.sdk-tile .sdk-name{font-size:16px;font-weight:600;color:var(--heading)}.sdk-tile .sdk-pkg{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted)}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap);max-width:860px;margin:0 auto;align-items:stretch}@media(max-width:760px){.pricing-grid{grid-template-columns:1fr}}.price-card{display:flex;flex-direction:column;padding:32px;position:relative}.price-card.featured{border-color:#07bdfe80;box-shadow:0 0 0 1px #0792fe66,0 24px 70px -34px #0792fe99}.price-card.featured:hover{transform:none}.price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--sky);color:var(--heading);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.03em;padding:5px 14px;border-radius:9999px;white-space:nowrap}.price-card h3{font-size:17px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.price{display:flex;align-items:baseline;gap:8px;margin:14px 0 6px}.price-amount{font-size:48px;font-weight:800;letter-spacing:-.03em;color:var(--heading);line-height:1}.price-period{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text-muted)}.price-sub{color:var(--text-dim);font-size:14px;line-height:1.5;margin:0 0 22px;min-height:63px}.price-cta{width:100%;justify-content:center}.price-feats{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.price-feats li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text);line-height:1.45}.price-feats li svg{color:var(--sky-400);flex-shrink:0;margin-top:2px}.price-note{text-align:center;color:var(--text-muted);font-size:13px;margin-top:28px}.cta-final{text-align:center;border:1px solid var(--border);border-radius:24px;padding:80px 32px;background:radial-gradient(ellipse at top,rgba(7,146,254,.15),transparent 60%),var(--panel-grad);position:relative;overflow:hidden}.cta-final h2{font-size:clamp(36px,5vw,60px);margin-bottom:16px}.cta-final p{color:var(--text-dim);font-size:18px;max-width:540px;margin:0 auto 32px}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{border-top:1px solid var(--border);padding:64px 0 32px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-weight:500}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:10px}.footer-col a{color:var(--text-dim);font-size:14px;transition:color .15s}.footer-col a:hover{color:var(--heading)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px;font-family:JetBrains Mono,monospace}@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}.hero{position:relative;padding:100px 0 80px;overflow:hidden}.hero-inner{position:relative;z-index:1;text-align:center;max-width:880px;margin:0 auto}.hero h1{margin:18px 0 24px}.hero-sub{font-size:20px;color:var(--text-dim);max-width:620px;margin:0 auto 36px;line-height:1.5}.hero-link{color:var(--sky-400);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(56,168,254,.4);transition:color .15s,border-color .15s}.hero-link:hover{color:var(--sky-300);border-bottom-color:var(--sky-300)}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.hero-code{max-width:760px;margin:0 auto;text-align:left;position:relative;z-index:1}.hero-code-glow{position:absolute;inset:-40px -20px;background:radial-gradient(ellipse at center,rgba(14,165,233,.2),transparent 60%);filter:blur(30px);z-index:-1}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:var(--fill-2);border:1px solid var(--border);padding:6px 14px;border-radius:9999px;font-size:13px;color:var(--text-dim);margin-bottom:8px}.hero-tag .pulse{width:6px;height:6px;border-radius:9999px;background:var(--green-400);box-shadow:0 0 8px var(--green-400);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.split-side h2{margin-bottom:18px}.split-side .lead{color:var(--text-dim);font-size:17px;margin:0 0 24px}.split-side .bullets{list-style:none;padding:0;margin:0}.split-side .bullets li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:14.5px;color:var(--text)}.split-side .bullets li svg{flex-shrink:0;margin-top:3px;color:var(--sky-400)}[data-accent=green]{--sky: #00c281;--sky-300: #55f0bb;--sky-400: #00e899;--grad-text: linear-gradient(135deg, #00e899, #38a8fe)}[data-accent=violet]{--sky: #dd12ff;--sky-300: #ef91ff;--sky-400: #e43fff;--grad-text: linear-gradient(135deg, #e43fff, #38a8fe)}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap);max-width:760px;margin:0 auto}.qr-card{display:flex;flex-direction:column;align-items:center;gap:20px;text-decoration:none;cursor:pointer}.qr-svg{position:relative;display:inline-flex;align-items:center;justify-content:center;width:fit-content;background:#fff;border-radius:20px;padding:16px;box-shadow:0 1px 2px #0792fe1a,0 10px 30px -18px #0792fe8c}.qr-svg svg{display:block}.qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #1018282e}.qr-meta{display:flex;align-items:center;justify-content:center;gap:12px}.qr-meta>svg{color:var(--heading);flex-shrink:0}.qr-store{font-weight:700;font-size:15px;color:var(--heading);line-height:1.1}.qr-os{font-size:12.5px;color:var(--text-muted);margin-top:2px}@media(max-width:640px){.qr-grid{grid-template-columns:1fr;max-width:360px}}.legal{padding:56px 0 96px}.legal-container{max-width:800px}.legal-back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-muted);text-decoration:none;transition:color .15s}.legal-back:hover{color:var(--heading)}.legal-head{text-align:center;padding:28px 0 40px;margin-bottom:32px;border-bottom:1px solid var(--border)}.legal-head .eyebrow{display:inline-flex;align-items:center;gap:6px}.legal-head h1{font-size:clamp(34px,5vw,46px);letter-spacing:-.03em;margin:10px 0 14px;color:var(--heading)}.legal-lead{font-size:18px;color:var(--text-dim);max-width:600px;margin:0 auto;line-height:1.55}.legal-updated{font-size:13px;color:var(--text-muted);margin-top:16px}.legal-section{margin-bottom:36px}.legal-section h2{font-size:22px;letter-spacing:-.02em;color:var(--heading);margin:0 0 14px}.legal-section>p{color:var(--text-dim);line-height:1.7;font-size:15.5px;margin:0 0 12px}.legal-section ol,.legal-section ul{margin:0 0 4px;padding-left:22px}.legal-section li{color:var(--text-dim);line-height:1.7;font-size:15.5px;margin-bottom:9px}.legal-section a{color:var(--sky-400);text-decoration:none;border-bottom:1px solid rgba(56,168,254,.4)}.legal-section a:hover{color:var(--sky-300)}.legal-simplified{margin-top:16px;background:var(--fill-1);border:1px solid var(--border);border-left:3px solid var(--sky-400);border-radius:12px;padding:13px 16px}.legal-simplified-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-400);font-weight:700;margin-bottom:5px}.legal-simplified p{margin:0;color:var(--text);font-size:14.5px;line-height:1.6}.legal-foot-note{margin-top:8px;font-size:13px;color:var(--text-muted);font-style:italic}.legal-delete{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:22px 24px;margin:8px 0 28px}.legal-delete-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--fill-2);color:var(--sky-400);flex-shrink:0}.legal-delete-body{flex:1;min-width:220px}.legal-delete-body h3{margin:0 0 4px;font-size:17px;color:var(--heading)}.legal-delete-body p{margin:0;font-size:14px;color:var(--text-dim);line-height:1.55}.legal-delete-btn{flex-shrink:0}