*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--t:.2s ease}[data-theme=dark]{--bg:#0a0a0a;--surface:#111;--surface-2:#ffffff08;--border:#ffffff14;--border-hover:#ffffff38;--text-primary:#f0f0f0;--text-secondary:#f0f0f07a;--btn-primary-bg:#f0f0f0;--btn-primary-fg:#0a0a0a;--nav-bg:#0a0a0ad9;--shadow:0 40px 80px #0009, 0 0 0 1px #ffffff08;--glow:radial-gradient(ellipse 65% 45% at 50% 0%, #ffffff0d 0%, transparent 70%);--demo-bar:#ffffff12;--demo-bar-fill:#ffffff47;--icon-bg:#ffffff12}[data-theme=light]{--bg:#f8f8f8;--surface:#fff;--surface-2:#00000006;--border:#00000014;--border-hover:#00000038;--text-primary:#0a0a0a;--text-secondary:#0a0a0a7a;--btn-primary-bg:#0a0a0a;--btn-primary-fg:#f8f8f8;--nav-bg:#f8f8f8e6;--shadow:0 24px 60px #00000017, 0 0 0 1px #0000000d;--glow:radial-gradient(ellipse 65% 45% at 50% 0%, #00000005 0%, transparent 70%);--demo-bar:#00000012;--demo-bar-fill:#00000038;--icon-bg:#0000000f}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background var(--t), color var(--t);font-family:Inter,sans-serif;font-size:15px;line-height:1.6}nav{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);height:56px;transition:background var(--t), border-color var(--t);justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:-.01em;color:var(--text-primary);font-size:15px;font-weight:600;text-decoration:none}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--t);font-size:13.5px;text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.nav-right{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:border-color var(--t), color var(--t), background var(--t);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--surface-2)}.theme-toggle svg{width:15px;height:15px}.icon-sun{display:none}.icon-moon,[data-theme=light] .icon-sun{display:block}[data-theme=light] .icon-moon{display:none}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);cursor:pointer;white-space:nowrap;transition:opacity var(--t), background var(--t), color var(--t);border:none;border-radius:22px;justify-content:center;align-items:center;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{opacity:.76}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:border-color var(--t), background var(--t), color var(--t);background:0 0;border-radius:22px;justify-content:center;align-items:center;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:400;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:var(--surface-2)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--glow);pointer-events:none;position:absolute;inset:0}.hero-eyebrow{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.02em;transition:background var(--t), border-color var(--t);border-radius:20px;align-items:center;gap:8px;margin-bottom:32px;padding:5px 14px;font-size:12px;display:inline-flex}.dot-live{background:#4ade80;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero h1{letter-spacing:-.03em;max-width:680px;margin-bottom:20px;font-size:clamp(34px,6vw,62px);font-weight:700;line-height:1.1}.hero p{color:var(--text-secondary);max-width:480px;margin-bottom:36px;font-size:clamp(16px,2vw,19px);font-weight:300;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.demo-wrapper{z-index:1;width:100%;max-width:800px;margin-top:72px;position:relative}.demo-window{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:background var(--t), border-color var(--t), box-shadow var(--t);border-radius:14px;overflow:hidden}.demo-titlebar{border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:13px 18px;display:flex}.traffic-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.traffic-red{background:#ff5f57}.traffic-yellow{background:#ffbd2e}.traffic-green{background:#28c841}.demo-content{grid-template-columns:repeat(3,1fr);gap:14px;padding:28px;display:grid}.demo-card{background:var(--surface-2);border:1px solid var(--border);transition:background var(--t), border-color var(--t);border-radius:10px;flex-direction:column;gap:7px;padding:18px 16px;display:flex}.demo-icon{background:var(--icon-bg);width:28px;height:28px;color:var(--text-secondary);transition:background var(--t);border-radius:7px;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.demo-label{color:var(--text-secondary);font-size:11.5px}.demo-value{letter-spacing:-.025em;font-size:22px;font-weight:600}.demo-bar{background:var(--demo-bar);height:3px;transition:background var(--t);border-radius:2px;margin-top:4px;overflow:hidden}.demo-bar-fill{background:var(--demo-bar-fill);height:100%;transition:background var(--t);border-radius:2px}.section{max-width:960px;margin:0 auto;padding:100px 24px}.section-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:14px;font-size:11.5px}.section-title{letter-spacing:-.025em;max-width:540px;margin-bottom:14px;font-size:clamp(26px,4vw,42px);font-weight:700;line-height:1.15}.section-sub{color:var(--text-secondary);max-width:460px;margin-bottom:56px;font-size:15.5px;font-weight:300;line-height:1.65}.steps{flex-direction:column;display:flex}.step{border-bottom:1px solid var(--border);transition:border-color var(--t);grid-template-columns:36px 1fr;gap:20px;padding:28px 0;display:grid}.step:last-child{border-bottom:none}.step-num{color:var(--text-secondary);padding-top:3px;font-size:11.5px;font-weight:500}.step-title{letter-spacing:-.01em;margin-bottom:5px;font-size:16px;font-weight:600}.step-desc{color:var(--text-secondary);max-width:560px;font-size:14px;line-height:1.65}.feature-grid{background:var(--border);border:1px solid var(--border);transition:background var(--t), border-color var(--t);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-cell{background:var(--bg);transition:background var(--t);flex-direction:column;gap:10px;padding:28px 24px;display:flex}.feature-icon{font-size:18px;line-height:1}.feature-name{letter-spacing:-.01em;font-size:14.5px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.cta-section{text-align:center;padding:100px 24px 120px}.cta-inner{max-width:520px;margin:0 auto}.cta-inner h2{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(26px,4vw,42px);font-weight:700}.cta-inner p{color:var(--text-secondary);margin-bottom:32px;font-size:15.5px;font-weight:300}footer{border-top:1px solid var(--border);color:var(--text-secondary);transition:border-color var(--t);justify-content:space-between;align-items:center;padding:28px 40px;font-size:13px;display:flex}.footer-logo{color:var(--text-primary);font-size:14px;font-weight:600}.gateway-section{text-align:center;padding-top:0;padding-bottom:80px}.gateway-lead{max-width:680px;color:var(--text-primary);margin:0 auto 16px;font-size:clamp(17px,2.2vw,22px);font-weight:400;line-height:1.6}.gateway-sub{color:var(--text-secondary);font-size:15px;font-weight:300}.problem-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);transition:border-color var(--t);padding-top:80px;padding-bottom:80px}.problem-inner{max-width:480px}.problem-list{flex-direction:column;gap:12px;margin-top:28px;list-style:none;display:flex}.problem-list li{color:var(--text-secondary);align-items:center;gap:10px;font-size:15px;display:flex}.problem-list li:before{content:"";background:var(--text-secondary);border-radius:50%;flex-shrink:0;width:4px;height:4px}.stats-section{border-bottom:1px solid var(--border);transition:border-color var(--t)}.stats-inner{align-items:center;gap:0;max-width:960px;margin:0 auto;padding:64px 24px;display:flex}.stat{flex:1;padding:0 40px}.stat:first-child{padding-left:0}.stat:last-child{padding-right:0}.stat-year,.stat-num{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:13.5px;line-height:1.4}.stat-divider{background:var(--border);width:1px;height:60px;transition:background var(--t);flex-shrink:0}.stats-source{max-width:960px;color:var(--text-secondary);margin:0 auto;padding:0 24px 24px;font-size:12px;line-height:1.6}.stats-source a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px;transition:color var(--t), text-decoration-color var(--t)}.stats-source a:hover{color:var(--text-primary);-webkit-text-decoration-color:var(--border-hover);text-decoration-color:var(--border-hover)}.email-form{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.email-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text-primary);width:240px;transition:border-color var(--t), background var(--t), color var(--t);border-radius:22px;outline:none;padding:8px 18px;font-family:inherit;font-size:13px}.email-input::placeholder{color:var(--text-secondary)}.email-input:focus{border-color:var(--border-hover)}.cta-accent{color:var(--text-secondary)}.products-teaser{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;max-width:620px;padding:24px}.products-teaser p{color:var(--text-secondary);margin-bottom:18px;font-size:14px;line-height:1.65}@media (width<=680px){nav{padding:0 20px}.nav-links{display:none}.demo-content,.feature-grid{grid-template-columns:1fr}.stats-inner{flex-direction:column;align-items:flex-start;gap:32px}.stat{padding:0}.stat-divider{width:40px;height:1px}footer{text-align:center;flex-direction:column;gap:10px}}