:root{--bg: #0a0a0a;--surface: #141414;--card: #1a1a1a;--yellow: #f5c518;--yellow-dark: #3d3000;--ink: #eee;--muted: #666;--green: #22c55e;--red: #ef4444;--max-w: 880px;--font: system-ui, -apple-system, sans-serif}:root[data-theme=light]{--bg: #fafafa;--surface: #fff;--card: #f0f0f0;--ink: #111;--muted: #666}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;top:-100px;left:16px;background:var(--yellow);color:#000;padding:8px 16px;border-radius:4px;font-weight:700;text-decoration:none;z-index:1000}.skip-link:focus{top:16px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:var(--max-w);margin:0 auto}.logo{display:flex;align-items:center;gap:8px;font:700 17px var(--font);color:var(--ink)}.logo-icon{width:26px;height:26px;border-radius:5px}.theme-toggle{width:44px;height:44px;display:grid;place-items:center;background:none;border:none;color:var(--muted);border-radius:50%;cursor:pointer;transition:.15s}.theme-toggle:hover{background:var(--card);color:var(--ink)}.theme-toggle svg{width:18px;height:18px}.icon-sun{display:none}.icon-moon{display:block}:root[data-theme=light] .icon-sun{display:block}:root[data-theme=light] .icon-moon{display:none}.hero{background:var(--yellow);border-radius:20px;padding:40px 28px;color:#000;max-width:calc(var(--max-w) + 32px);margin:0 auto}.hero-centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}.hero-headline{font:800 clamp(32px,9vw,52px)/.95 var(--font);letter-spacing:-.03em;margin:0}.hero-demo{width:100%;max-width:360px}.demo-frame{position:relative;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #00000080}.demo-frame img{display:block;width:100%;height:auto}.demo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);color:#fff;font:700 14px var(--font);padding:32px 16px 16px;margin:0;text-align:center}.hero-cta-block{display:flex;flex-direction:column;align-items:center;gap:12px}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.cta-row-center{justify-content:center}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:99px;font:700 15px var(--font);text-decoration:none;border:none;cursor:pointer;transition:transform .12s,box-shadow .12s}.cta-primary{background:var(--green);color:#fff}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66}.cta-lg{padding:14px 28px;font-size:16px}.cta-version{font:600 10px var(--font);background:#fff3;padding:2px 6px;border-radius:4px;margin-left:4px}.cta-link{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--font);color:var(--yellow-dark);text-decoration:underline;text-underline-offset:2px}.cta-link:hover{color:#000}.trust-line{font:500 12px var(--font);color:var(--yellow-dark);margin:14px 0 0}.mobile-banner{background:#0000001a;border-radius:8px;padding:10px 14px;font:600 12px var(--font);text-align:center;margin-top:16px}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.hero :focus-visible{outline-color:#000}.interrupt{text-align:center;padding:64px 20px;max-width:600px;margin:0 auto}.interrupt-lead{font:600 clamp(16px,3vw,18px) var(--font);color:var(--muted);margin:0 0 12px}.interrupt-hook{font:800 clamp(28px,7vw,42px)/1.1 var(--font);color:var(--ink);margin:0 0 16px;letter-spacing:-.02em}.interrupt-punchline{font:600 clamp(18px,4vw,24px) var(--font);color:var(--yellow);margin:0}.demo-section{padding:48px 20px 64px;text-align:center;max-width:var(--max-w);margin:0 auto}.demo-sub{font:500 16px var(--font);color:var(--muted);margin:0 0 28px}.demo-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:700px;margin:0 auto}.demo-label{display:block;font:700 11px var(--font);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:12px;text-align:center}.escalation{text-align:center;padding:48px 20px;max-width:600px;margin:0 auto}.escalation-line{font:500 clamp(16px,3vw,18px) var(--font);color:var(--muted);margin:0 0 8px}.escalation-hook{font:700 clamp(22px,5vw,32px) var(--font);color:var(--ink);margin:0;letter-spacing:-.02em}.danger-sub{font:600 14px var(--font);color:var(--muted);margin:0 0 20px}.platforms{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:0 20px 40px}.platform{display:flex;align-items:center;gap:6px;font:700 11px var(--font);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.platform svg{width:22px;height:22px;fill:currentColor}h2{font:800 clamp(20px,5vw,26px)/1.1 var(--font);letter-spacing:-.02em;text-align:center;margin:0 0 20px}.how{padding:32px 20px;max-width:var(--max-w);margin:0 auto}.steps{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;display:flex;flex-direction:column;padding-left:36px;position:relative}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:26px;height:26px;background:var(--yellow);color:#000;border-radius:50%;font:700 13px var(--font);display:grid;place-items:center}.steps strong{font:700 14px var(--font);color:var(--ink)}.steps span{font:400 13px var(--font);color:var(--muted)}.benefits{padding:32px 20px;max-width:var(--max-w);margin:0 auto}.benefit-list{display:grid;gap:12px}.benefit{background:var(--card);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}.benefit strong{font:700 14px var(--font);color:var(--ink)}.benefit span{font:400 13px var(--font);color:var(--muted)}.compare{padding:32px 20px;max-width:var(--max-w);margin:0 auto}.compare-cols{display:grid;gap:12px}.compare-before,.compare-after{border-radius:12px;padding:16px 18px}.compare-before{background:#ef44441a}.compare-after{background:#22c55e1a}.compare-tag{display:inline-block;font:800 11px var(--font);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.compare-before .compare-tag{color:var(--red)}.compare-after .compare-tag{color:var(--green)}.compare-cols ul{list-style:none;padding:0;margin:0}.compare-cols li{font:400 13px var(--font);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06)}:root[data-theme=light] .compare-cols li{border-color:#0000000f}.compare-cols li:last-child{border:none}.quotes{padding:32px 20px;max-width:var(--max-w);margin:0 auto}.quote-list{display:flex;flex-direction:column;gap:10px}.quote-list blockquote{margin:0;background:var(--card);border-radius:10px;padding:14px 16px;font:italic 400 14px/1.5 var(--font);color:var(--ink)}.faq{padding:32px 20px;max-width:600px;margin:0 auto}.faq details{background:var(--card);border-radius:8px;margin-bottom:6px}.faq summary{padding:12px 16px;font:600 14px var(--font);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 18px var(--font);color:var(--muted);transition:transform .15s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{margin:0;padding:0 16px 12px;font:400 13px/1.5 var(--font);color:var(--muted)}.final-cta{background:var(--surface);border-radius:16px;padding:40px 24px;text-align:center;max-width:calc(var(--max-w) - 80px);margin:40px auto}.final-cta h2{margin-bottom:6px}.final-cta p{font:400 14px var(--font);color:var(--muted);margin:0 0 20px}.final-cta .cta-link{color:var(--muted)}.final-cta .cta-link:hover{color:var(--ink)}.privacy{padding:32px 20px;max-width:var(--max-w);margin:0 auto}.privacy-grid{display:grid;gap:12px}.privacy-item{background:var(--card);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.privacy-item strong{font:700 14px var(--font);color:var(--ink)}.privacy-item span{font:400 13px var(--font);color:var(--muted)}.footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:24px 20px;font:400 12px var(--font);color:var(--muted);border-top:1px solid rgba(255,255,255,.05)}:root[data-theme=light] .footer{border-color:#0000000d}.footer nav{display:flex;gap:16px}.footer a{color:var(--muted);text-decoration:none;font-weight:600;transition:color .15s}.footer a:hover{color:var(--ink)}@media(min-width:600px){.steps{flex-direction:row;justify-content:center;gap:32px}.steps li{text-align:center;padding-left:0;padding-top:36px}.steps li:before{left:50%;top:0;transform:translate(-50%)}.benefit-list,.compare-cols{grid-template-columns:repeat(2,1fr)}.quote-list{flex-direction:row}.quote-list blockquote{flex:1}.demo-grid{grid-template-columns:repeat(3,1fr);max-width:100%}.privacy-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.hero{padding:64px 56px;border-radius:24px}.hero-demo{max-width:420px}.mobile-banner{display:none}.benefit-list{grid-template-columns:repeat(4,1fr)}.interrupt{padding:80px 20px}.demo-section{padding:64px 20px 80px}.demo-frame-lg{max-width:480px}}