*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#0a0a0a;--surface2:#1f1f1f;--border:#ffffff12;--border2:#ffffff1f;--muted:#444;--subtle:#666;--text:#f0f0f0;--accent:#3ab0ff;--accent-h:#1a9ff0;--accent-lo:#3ab0ff1f;--radius:12px;--font:"Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#3ab0ff0f,#0000 70%);position:fixed;inset:0}#app{z-index:1;position:relative}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}.btn{font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;transition:all .15s;display:inline-flex}.btn-lg{padding:12px 22px;font-size:15px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-h);border-color:var(--accent-h)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--subtle)}.btn-ghost:hover{color:var(--text)}.btn-outline{border-color:var(--border2);color:var(--subtle)}.btn-outline:hover{color:var(--text);border-color:#ffffff40}.nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#000000d1;position:sticky;top:0}.nav-inner{align-items:center;gap:32px;height:60px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-text{letter-spacing:-.2px;color:var(--text);font-size:16px}.logo-text strong{font-weight:700}.nav-links{flex:1;gap:24px;display:flex}.nav-links a{color:var(--subtle);font-size:14px;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.hero{padding:104px 0 88px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(#3ab0ff12 0%,#3ab0ff05 40%,#0000 70%);width:900px;height:700px;position:absolute;top:-160px;left:50%;transform:translate(-50%)}.hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.badge{color:#3ab0ff;background:#3ab0ff14;border:1px solid #3ab0ff4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-flex}.badge-dot{background:#3ab0ff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 6px #3ab0ffb3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:-2px;max-width:820px;margin-bottom:22px;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.08}.hero-sub{color:var(--subtle);max-width:520px;margin-bottom:38px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:56px;display:flex}.hero-code{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface2);text-align:left;width:100%;max-width:600px;overflow:hidden}.code-bar{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 16px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f57}.dot-amber{background:#febc2e}.dot-green{background:#28c840}.code-title{color:var(--muted);margin-left:8px;font-size:12px}.hero-code pre{padding:20px;overflow-x:auto}.hero-code code{color:#cdd6f4;white-space:pre;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.75}.hero-code .c{color:var(--muted)}.hero-code .ck{color:#3ab0ff}.hero-code .cs{color:#80d4a0}.strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:14px 0}.strip-inner{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.strip-label{color:var(--muted);margin-right:4px;font-size:13px}.pill{border:1px solid var(--border);color:var(--subtle);background:var(--surface2);border-radius:100px;padding:4px 12px;font-size:12px;font-weight:500}.features{padding:100px 0}.section-head{margin-bottom:52px}.features h2,.how h2,.cta h2{letter-spacing:-1.2px;margin-bottom:14px;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.1}.section-sub{color:var(--subtle);max-width:480px;font-size:17px;line-height:1.6}.features-grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--surface);padding:32px 28px;transition:background .15s}.feature-card:hover{background:var(--surface2)}.feature-card:hover .feature-icon{background:#3ab0ff0f;border-color:#3ab0ff33}.feature-icon{border:1px solid var(--border);background:var(--surface2);width:40px;height:40px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card h3{color:var(--text);margin-bottom:8px;font-size:15px;font-weight:600}.feature-card p{color:var(--subtle);font-size:14px;line-height:1.65}.how{border-top:1px solid var(--border);padding:100px 0}.how-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.steps{flex-direction:column;display:flex}.step{border-bottom:1px solid var(--border);align-items:flex-start;gap:24px;padding:28px 0;display:flex}.step:last-child{border-bottom:none}.step-num{width:36px;height:36px;color:var(--accent);background:#3ab0ff0f;border:1px solid #3ab0ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step h3{margin-bottom:6px;font-size:16px;font-weight:600}.step p{color:var(--subtle);font-size:14px;line-height:1.65}.cta{border-top:1px solid var(--border);background:var(--surface);padding:100px 0}.cta-inner{text-align:center;max-width:560px;margin:0 auto}.cta-badge{text-transform:uppercase;letter-spacing:.08em;color:#3ab0ff;background:#3ab0ff14;border:1px solid #3ab0ff4d;border-radius:100px;align-items:center;margin-bottom:20px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.cta h2{margin-bottom:14px}.cta p{color:var(--subtle);margin-bottom:36px;font-size:16px;line-height:1.65}.beta-form{width:100%}.beta-fields{gap:8px;max-width:480px;min-height:46px;margin:0 auto 12px;display:flex}.beta-input{border:1px solid var(--border2);background:var(--surface2);height:46px;color:var(--text);font-family:var(--font);border-radius:8px;outline:none;flex:1;padding:0 16px;font-size:14px;transition:border-color .15s}.beta-input::placeholder{color:var(--muted)}.beta-input:focus{border-color:#3ab0ff80}.beta-submit{height:46px}.beta-note{color:var(--muted);min-height:20px;font-size:13px}.beta-note.beta-success{color:#3ab0ff}.beta-note.beta-error{color:#ff6b6b}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.footer{border-top:1px solid var(--border);padding:28px 0}.footer-inner{align-items:center;gap:24px;display:flex}.footer-copy{color:var(--muted);text-align:center;flex:1;font-size:13px}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--muted);font-size:13px;transition:color .15s}.footer-links a:hover{color:var(--text)}@media (width<=900px){.how-inner{grid-template-columns:1fr;gap:48px}}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.burger span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{border-top:1px solid var(--border);background:#000000f5;flex-direction:column;display:none}.mobile-menu.open{display:flex}.mobile-link{color:var(--subtle);border-bottom:1px solid var(--border);padding:14px 24px;font-size:15px;transition:color .15s,background .15s}.mobile-link:last-child{border-bottom:none}.mobile-link:hover{color:var(--text);background:var(--surface)}@media (width<=768px){.nav-links,.nav-actions .btn-ghost,.nav-actions .btn-primary{display:none}.burger{display:flex}.features-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-.8px}.footer-inner{text-align:center;flex-direction:column;gap:12px}.footer-copy{flex:none}}@media (width<=520px){.hero{padding:72px 0 56px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.beta-fields{min-height:unset;flex-direction:column;gap:10px;max-width:100%}.beta-input{width:100%;min-height:44px;padding:0 20px;font-size:16px;height:44px!important}.beta-submit{justify-content:center;width:100%;min-height:54px;font-size:16px;height:54px!important}}