:root{--color-bg: #0f1115;--color-surface: #181b22;--color-surface-2: #20242e;--color-accent: #5b8def;--color-danger: #ef4444;--color-text: #f2f3f5;--color-text-muted: #8b93a3}@media(prefers-color-scheme:light){:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-2: #eef0f4;--color-text: #11131a;--color-text-muted: #6b7280}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,sans-serif}.page{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.header{padding:20px 0;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:18px}.btn-nav{padding:9px 20px;font-size:14px}.nav-actions{display:flex;align-items:center;gap:14px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:64px 24px}.hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;margin:0 0 20px}.lead{color:var(--color-text-muted);line-height:1.6;margin:0 0 32px;max-width:480px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px}.glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 45%,transparent) 0%,transparent 70%);filter:blur(10px)}.mock-card{position:relative;width:100%;max-width:320px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:20px;padding:24px;box-shadow:0 24px 60px -20px #0006}.mock-row{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;margin-bottom:18px}.mock-dot{width:10px;height:10px;border-radius:50%;background:var(--color-success, #2fbf71);flex-shrink:0}.mock-bars{display:flex;align-items:flex-end;gap:6px;height:60px}.mock-bars span{flex:1;border-radius:4px;background:var(--color-accent);opacity:.85}.mock-bars span:nth-child(1){height:40%}.mock-bars span:nth-child(2){height:70%}.mock-bars span:nth-child(3){height:100%}.mock-bars span:nth-child(4){height:55%}.mock-bars span:nth-child(5){height:80%}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 24px 72px}.feature-card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:16px;padding:24px}.feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);margin-bottom:14px}.feature-card h3{margin:0 0 8px;font-size:16px}.feature-card p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.5}.footer{text-align:center;padding:24px;color:var(--color-text-muted);font-size:13px}@media(max-width:860px){.hero{grid-template-columns:1fr;text-align:center;padding:40px 20px;gap:32px}.lead{max-width:none;margin-left:auto;margin-right:auto}.hero-visual{order:-1;min-height:200px}.mock-card{max-width:280px}.features{grid-template-columns:1fr}.btn-nav{display:none}}.btn{border:none;border-radius:12px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}.btn-block{width:100%}.btn-lg{padding:14px 32px;font-size:16px}.btn-primary{background:var(--color-accent);color:#fff;padding:13px 20px;text-align:center}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);padding:13px 20px}.hidden{display:none}.nav-actions .btn-link{margin-top:0}.btn-link{background:none;border:none;color:var(--color-text-muted);font-family:inherit;font-size:14px;cursor:pointer;margin-top:12px;text-decoration:underline}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.overlay.hidden{display:none}.modal{background:var(--color-surface);border-radius:20px;width:100%;max-width:380px;padding:28px 24px;position:relative}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:var(--color-surface-2);color:var(--color-text);cursor:pointer}.modal h2{margin:0 0 16px;font-size:20px;text-align:center}.panel.hidden{display:none}.divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--color-text-muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-surface-2)}.tabs{display:flex;gap:8px;background:var(--color-surface-2);border-radius:12px;padding:4px;margin-bottom:14px}.tab{flex:1;border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-weight:600;font-size:13px;padding:8px;border-radius:9px;cursor:pointer}.tab.active{background:var(--color-accent);color:#fff}.email-form{display:flex;flex-direction:column;gap:10px}.email-form input{width:100%;background:var(--color-surface-2);border:none;border-radius:12px;padding:13px 16px;color:var(--color-text);font-family:inherit;font-size:15px;outline:none}.muted{color:var(--color-text-muted);font-size:13px;margin:0 0 14px;text-align:center}.error{color:var(--color-danger);font-size:13px;margin-top:10px;text-align:center}.error.hidden{display:none}