*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--bg-2:#111114;--bg-3:#18181c;--border:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.14);--text:#f0f0f0;--text-muted:#888892;--text-faint:#555560;--accent:#ff6b35;--accent-hover:#ff8555;--accent-dim:rgba(255,107,53,.12);--accent-dim-hover:rgba(255,107,53,.2);--radius:12px;--radius-lg:20px}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}#particles{position:fixed;inset:0;z-index:0;pointer-events:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}.container,section{position:relative;z-index:1}.navbar{position:sticky;top:0;z-index:100;padding:0 24px;border-bottom:1px solid var(--border);background:#0a0a0bd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.navbar-inner{max-width:1100px;margin:0 auto;height:60px;gap:32px}.logo,.navbar-inner{display:flex;align-items:center}.logo{font-weight:700;font-size:17px;text-decoration:none;color:var(--text);letter-spacing:-.3px;flex-shrink:0}.logo .accent{color:var(--accent)}.nav-links{display:flex;gap:4px;list-style:none;margin-left:8px}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;padding:6px 12px;border-radius:8px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0d}.nav-spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;border:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 24px #ff6b3559}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text);background:#ffffff0a}.btn-lg{padding:13px 28px;font-size:15px;border-radius:11px}.hero{padding:100px 0 80px;text-align:center}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,107,53,.3);background:var(--accent-dim);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;margin-bottom:32px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-size:clamp(44px,8vw,78px);font-weight:900;line-height:1.05;letter-spacing:-2.5px;color:#fff;margin-bottom:24px}.hero h1 .line2{display:block;background:linear-gradient(135deg,#fff 30%,#ffffff73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(15px,2.2vw,18px);color:var(--text-muted);max-width:560px;margin:0 auto 40px;font-weight:400;line-height:1.65}.hero-sub kbd{display:inline-block;padding:2px 7px;background:var(--bg-3);border:1px solid var(--border-hover);border-radius:5px;font-family:inherit;font-size:13px;color:var(--text);line-height:1.5}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:64px}.mock-wrapper{position:relative;max-width:680px;margin:0 auto}.mock-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at 50% 50%,rgba(255,107,53,.12) 0,transparent 70%);pointer-events:none}.mock-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff0a}.mock-titlebar{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);gap:7px}.mock-dot{width:11px;height:11px;border-radius:50%}.mock-dot.red{background:#ff5f57}.mock-dot.yellow{background:#ffbd2e}.mock-dot.green{background:#28c840}.mock-title{flex:1;text-align:center;font-size:12px;color:var(--text-faint);font-weight:500}.mock-body{display:grid;grid-template-columns:1fr 1fr;min-height:280px}.mock-screenshot{border-right:1px solid var(--border);background:#0e0e12;padding:16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.mock-screenshot:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 22px,hsla(0,0%,100%,.025) 0,hsla(0,0%,100%,.025) 23px)}.mock-code-line{height:10px;border-radius:4px;background:#ffffff12;position:relative;z-index:1}.mock-code-line.accent{background:#ff6b3540;width:60%}.mock-code-line.w80{width:80%}.mock-code-line.w60{width:60%}.mock-code-line.w90{width:90%}.mock-code-line.w70{width:70%}.mock-code-line.w40{width:40%}.mock-selection{position:absolute;inset:30px 12px 60px;border:1.5px solid var(--accent);border-radius:4px;background:#ff6b350f;z-index:2;animation:selection-appear 2.5s ease-in-out infinite}@keyframes selection-appear{0%,to{opacity:.7}50%{opacity:1}}.mock-response{padding:16px;display:flex;flex-direction:column;gap:10px}.mock-label{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.8px;text-transform:uppercase;display:flex;align-items:center;gap:5px}.mock-label-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 1.5s ease-in-out infinite}.mock-resp-line{height:9px;border-radius:4px;background:#ffffff0f}.mock-resp-line.w95{width:95%}.mock-resp-line.w85{width:85%}.mock-resp-line.w90{width:90%}.mock-resp-line.w75{width:75%}.mock-resp-line.w55{width:55%}.mock-resp-line.w80{width:80%}.mock-resp-line.w65{width:65%}.mock-resp-line.w40{width:40%}.mock-resp-block{background:var(--bg-3);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--border)}.section-label{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:1.2px;text-transform:uppercase;text-align:center;margin-bottom:16px}.section-title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-1.2px;text-align:center;color:#fff;margin-bottom:48px;line-height:1.15}.section-divider{height:1px;background:var(--border);max-width:1100px;margin:0 auto}.features{padding:80px 0}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:border-color .25s,transform .25s,box-shadow .25s}.card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 20px 40px #0006}.card-icon{width:44px;height:44px;border-radius:11px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px;border:1px solid rgba(255,107,53,.2)}.card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.3px}.card p{font-size:14px;line-height:1.6}.card p,.card-shortcut{color:var(--text-muted)}.card-shortcut{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:4px 10px;background:var(--bg-3);border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:500}.how{padding:80px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;margin-top:56px}.steps:before{content:"";position:absolute;top:28px;left:calc(16.666% + 28px);right:calc(16.666% + 28px);height:1px;background:linear-gradient(90deg,var(--accent) 0,transparent 50%,var(--accent) 100%);opacity:.3}.step{text-align:center;padding:0 24px}.step-number{width:56px;height:56px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:20px;font-weight:800;color:var(--accent);position:relative;z-index:1}.step h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.3px}.step p{font-size:14px;color:var(--text-muted);line-height:1.6}.step kbd{display:inline-block;padding:2px 7px;background:var(--bg-3);border:1px solid var(--border-hover);border-radius:5px;font-family:inherit;font-size:12px;color:var(--text)}.pricing{padding:80px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.plan{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;position:relative;transition:border-color .25s,transform .25s;display:flex;flex-direction:column}.plan:hover{transform:translateY(-2px)}.plan.featured{border-color:#ff6b3566;background:linear-gradient(160deg,rgba(255,107,53,.06) 0,var(--bg-2) 60%)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 14px;background:var(--accent);border-radius:999px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.3px;white-space:nowrap}.plan-name{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.plan-price .amount{font-size:40px;font-weight:900;color:#fff;letter-spacing:-2px}.plan-price .period{font-size:14px;color:var(--text-muted);font-weight:400}.plan-desc{font-size:13px;color:var(--text-faint);margin-bottom:24px}.plan-divider{height:1px;background:var(--border);margin-bottom:20px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;flex-grow:1}.plan-features li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text-muted)}.plan-features li:before{content:"✓";color:var(--accent);font-weight:700;font-size:12px;flex-shrink:0;margin-top:2px}.plan .btn{width:100%;justify-content:center;margin-top:auto}.plan.featured .btn-plan{background:var(--accent);color:#fff}.plan.featured .btn-plan:hover{background:var(--accent-hover)}.btn-plan{background:#ffffff0d;color:var(--text);border:1px solid var(--border)}.btn-plan:hover{background:#ffffff17;border-color:var(--border-hover)}.faq{padding:80px 0}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:#ff6b3540}.faq-question{width:100%;background:none;border:none;padding:20px 24px;text-align:left;font-family:inherit;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color .2s}.faq-question:hover{color:#fff}.faq-chevron{color:var(--text-faint);font-size:18px;transition:transform .25s;flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{padding:0 24px 20px;font-size:14px;color:var(--text-muted);line-height:1.7}.faq-answer a{color:var(--accent);text-decoration:none}.faq-answer a:hover{text-decoration:underline}.cta-section{padding:100px 0;text-align:center}.cta-inner{background:linear-gradient(135deg,rgba(255,107,53,.07),transparent 60%);border:1px solid rgba(255,107,53,.15);border-radius:24px;padding:72px 40px;position:relative;overflow:hidden}.cta-inner:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,53,.15) 0,transparent 70%);pointer-events:none}.cta-inner h2{font-size:clamp(28px,4.5vw,46px);font-weight:900;letter-spacing:-1.5px;color:#fff;margin-bottom:14px}.cta-inner p{font-size:16px;color:var(--text-muted);max-width:440px;margin:0 auto 36px}.footer{border-top:1px solid var(--border);padding:36px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-links{display:flex;gap:20px;list-style:none}.footer-links a{color:var(--text-faint);text-decoration:none;font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--text-muted)}.footer-credit{font-size:12px;color:var(--text-faint)}.footer-credit .accent{color:var(--accent)}.legal-page{max-width:760px;margin:0 auto;padding:80px 24px}.legal-page h1{font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-1.5px;color:#fff;margin-bottom:8px}.legal-page .legal-date{font-size:13px;color:var(--text-faint);margin-bottom:48px}.legal-page h2{font-size:18px;font-weight:700;color:var(--text);margin:36px 0 12px}.legal-page p{font-size:14px;color:var(--text-muted);line-height:1.75;margin-bottom:12px}.legal-page ul{padding-left:20px;margin-bottom:12px}.legal-page ul li{font-size:14px;color:var(--text-muted);line-height:1.75;margin-bottom:6px}.legal-page a{color:var(--accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}.chrome-icon{width:16px;height:16px;flex-shrink:0}@media(max-width:900px){.cards-grid,.pricing-grid,.steps{grid-template-columns:1fr;gap:12px}.steps:before{display:none}.mock-body{grid-template-columns:1fr}.mock-screenshot{border-right:none;border-bottom:1px solid var(--border);min-height:160px}.hero{padding:64px 0 48px}}@media(max-width:600px){.nav-links{display:none}.hero h1{letter-spacing:-1.5px}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{justify-content:center}.cta-inner{padding:48px 24px}.footer-inner{flex-direction:column;align-items:flex-start}}