:root{--bg-primary: #0a0d14;--bg-secondary: #111726;--bg-tertiary: #192238;--card-bg: rgba(22, 29, 47, .7);--card-border: rgba(255, 255, 255, .08);--accent-primary: #5b61f6;--accent-hover: #484ef0;--accent-glow: rgba(91, 97, 246, .35);--accent-code: #00d2ff;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.ambient-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(140px);z-index:-1;pointer-events:none;opacity:.25}.glow-1{top:-100px;left:20%;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%)}.glow-2{top:600px;right:10%;background:radial-gradient(circle,#3b82f6 0%,transparent 70%)}.navbar{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);background:#0a0d14bf;border-bottom:1px solid var(--card-border)}.nav-container{max-width:1240px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px;color:var(--text-primary)}.brand-badge{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-outline{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--card-border)}.btn-outline:hover{background:#ffffff1a}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.hero{max-width:1240px;margin:0 auto;padding:80px 24px 60px;text-align:center}.pill-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#5b61f626;border:1px solid rgba(91,97,246,.4);border-radius:var(--radius-full);color:#c7d2fe;font-size:13px;font-weight:600;margin-bottom:24px}.hero h1{font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.hero h1 span.gradient-text{background:linear-gradient(135deg,#a5b4fc,#6366f1,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p.subtitle{font-size:clamp(16px,2.5vw,20px);color:var(--text-secondary);max-width:760px;margin:0 auto 36px}.hero-cta-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.hero-trust-row{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:var(--text-muted)}.trust-avatars{display:flex}.trust-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg-primary);margin-left:-8px;background:#334155;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.trust-avatar:first-child{margin-left:0}.simulator-container{max-width:860px;margin:50px auto 0;background:#121826d9;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 60px #000000b3,0 0 40px #5b61f633;overflow:hidden;text-align:left;backdrop-filter:blur(20px)}.sim-header{background:#0a0d14e6;padding:12px 18px;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between}.sim-window-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.sim-top-bar{padding:12px 16px;display:flex;gap:10px;align-items:center;background:#0f152299;border-bottom:1px solid var(--card-border);flex-wrap:wrap}.sim-btn-pill{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none}.sim-record-btn{background:#ef444433;color:#ef4444}.sim-input-box{flex:1;background:#0006;border:1px solid var(--card-border);border-radius:var(--radius-full);padding:6px 14px;font-size:12px;color:var(--text-secondary)}.sim-gen-btn{background:var(--accent-primary);color:#fff}.sim-code-btn{background:#5b61f633;color:var(--accent-code);border:1px solid rgba(0,210,255,.3)}.sim-tabs{display:flex;padding:8px 18px 0;gap:20px;border-bottom:1px solid var(--card-border)}.sim-tab{padding:8px 4px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative}.sim-tab.active{color:#fff}.sim-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-primary)}.sim-body{padding:24px;min-height:280px}.answer-card{background:#00000080;border:1px solid var(--card-border);border-radius:var(--radius-md);padding:18px}.question-title{color:var(--accent-orange);font-size:14px;font-weight:700;margin-bottom:12px}.code-block{background:#06090e;border-radius:var(--radius-sm);padding:14px;font-family:var(--font-mono);font-size:12px;color:#e2e8f0;line-height:1.5;margin-bottom:12px;overflow-x:auto}.bullet-list{font-size:13px;color:#cbd5e1;list-style-type:none}.bullet-list li{margin-bottom:6px;display:flex;gap:8px}.bullet-list li span.accent{color:var(--accent-green);font-weight:700}.logos-section{max-width:1100px;margin:60px auto 40px;text-align:center;padding:0 24px}.logos-section p{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-weight:700}.logos-grid{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;opacity:.65}.logo-tag{font-size:16px;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.section{max-width:1240px;margin:0 auto;padding:80px 24px}.section-header{text-align:center;max-width:700px;margin:0 auto 50px}.section-header h2{font-size:clamp(28px,4vw,42px);font-weight:800;margin-bottom:14px}.section-header p{color:var(--text-secondary);font-size:16px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:32px 28px;transition:transform .2s,border-color .2s;backdrop-filter:blur(12px)}.feature-card:hover{transform:translateY(-4px);border-color:#5b61f666}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#5b61f626;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;color:var(--accent-primary)}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:10px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.pricing-section{background:linear-gradient(180deg,transparent 0%,rgba(17,23,38,.5) 100%);padding:100px 24px}.pricing-grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;align-items:stretch}.pricing-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:36px 30px;display:flex;flex-direction:column;position:relative;backdrop-filter:blur(16px)}.pricing-card.featured{border-color:var(--accent-primary);box-shadow:0 0 40px #5b61f640;background:linear-gradient(180deg,#1b2238cc,#121826e6)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-primary),#38bdf8);color:#fff;padding:4px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase}.plan-name{font-size:20px;font-weight:700;margin-bottom:8px}.plan-desc{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.plan-price{font-size:40px;font-weight:800;margin-bottom:24px;display:flex;align-items:baseline;gap:6px}.plan-price span.period{font-size:14px;font-weight:500;color:var(--text-muted)}.plan-features{list-style:none;margin-bottom:32px;flex-grow:1}.plan-features li{font-size:14px;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:10px}.plan-features li:before{content:"\2713";color:var(--accent-green);font-weight:700}.modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.modal-card{background:#111726;border:1px solid var(--card-border);border-radius:20px;max-width:480px;width:100%;padding:32px;position:relative;box-shadow:0 24px 60px #000c}.modal-close{position:absolute;top:18px;right:18px;background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer}.modal-title{font-size:22px;font-weight:700;margin-bottom:8px}.form-group{margin-bottom:16px;text-align:left}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;background:#0006;border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:10px 14px;color:#fff;font-size:14px}.form-input:focus{outline:none;border-color:var(--accent-primary)}.footer{border-top:1px solid var(--card-border);padding:50px 24px 30px;text-align:center;font-size:13px;color:var(--text-muted)}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--text-primary)}@media(max-width:768px){.nav-links{display:none}.hero{padding:50px 16px 40px}.sim-top-bar{flex-direction:column;align-items:stretch}}
