*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--red:#cd201f;--red-hover:#e52d27;--red-dark:#b31217;--dark:#0f0f0f;--dark2:#1a1a1a;--dark3:#242424;--mid:#3a3a3a;--gray:#606060;--light:#f5f5f5;--lighter:#fafafa;--border:#e5e5e5;--white:#fff;--text:#0f0f0f}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}.container{max-width:1160px;margin:0 auto;padding:0 24px}.red{color:var(--red)}.tag{color:var(--red);letter-spacing:1px;text-transform:uppercase;background:#cd201f1a;border:1px solid #cd201f33;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-hover);transform:translateY(-1px);box-shadow:0 4px 16px #cd201f59}.btn-ghost{color:var(--white);background:0 0;border:1.5px solid #ffffff4d}.btn-ghost:hover{background:#ffffff12;border-color:#ffffffb3}.btn-ghost-dark{color:var(--text);border:1.5px solid var(--border);background:0 0}.btn-ghost-dark:hover{border-color:#aaa}.btn-lg{border-radius:10px;padding:15px 32px;font-size:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cardDrift{0%{transform:perspective(900px)rotateY(-10deg)rotateX(3deg)}25%{transform:perspective(900px)rotateY(-7deg)rotateX(5deg)}50%{transform:perspective(900px)rotateY(-12deg)rotateX(2deg)}75%{transform:perspective(900px)rotateY(-8deg)rotateX(4deg)}to{transform:perspective(900px)rotateY(-10deg)rotateX(3deg)}}@keyframes cardGlow{0%,to{box-shadow:0 32px 80px #0009,0 0 18px 3px #cd201f2e,0 0 0 1px #ffffff12}50%{box-shadow:0 32px 80px #0009,0 0 32px 8px #cd201f52,0 0 0 1px #ffffff1f}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-fade-up{opacity:0;animation:.7s forwards fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.4s}.delay-4{animation-delay:.55s}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger .reveal{transition-delay:calc(var(--i,0) * .1s)}.nav{z-index:100;padding:16px 0;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0ff2;box-shadow:0 1px #ffffff12}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.nav-logo-icon img{object-fit:contain;width:34px;height:34px;display:block}.nav-logo-icon svg{fill:#fff;width:18px;height:18px}.nav-logo-name{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:#ffffffbf;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:#fff}.nav-actions{align-items:center;gap:10px;display:flex}.nav .btn{padding:9px 18px;font-size:14px}.hero{background:var(--dark);align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 60% 40%,#cd201f1f 0%,#0000 70%);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,#0000,#cd201f66,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.hero-eyebrow{margin-bottom:20px}.hero-title{letter-spacing:-2px;color:#fff;margin-bottom:22px;font-size:clamp(38px,5vw,60px);font-weight:900;line-height:1.08}.hero-title .highlight{background:linear-gradient(135deg, var(--red) 0%, #ff6b6b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#fff9;max-width:460px;margin-bottom:36px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-note{color:#ffffff59;margin-top:20px;font-size:13px}.hero-note span{color:#fff9}.mockup-wrap{filter:drop-shadow(0 32px 64px #0009);opacity:1;animation:5s ease-in-out infinite float}.browser{background:#1e1e1e;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.browser-bar{background:#2a2a2a;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 14px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.d1{background:#ff5f57}.d2{background:#febc2e}.d3{background:#28c840}.browser-url{color:#fff6;background:#1a1a1a;border-radius:6px;flex:1;padding:4px 10px;font-family:monospace;font-size:11px}.browser-body{min-height:360px;display:flex}.yt-area{background:#1a1a1a;flex:1;padding:16px}.yt-header{color:#ffffffb3;border-bottom:1px solid #ffffff12;margin-bottom:12px;padding-bottom:10px;font-size:13px;font-weight:700}.yt-comment{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:10px;padding:10px 12px;display:flex}.yt-comment-text{color:#ffffff8c;font-size:11px;line-height:1.4}.yt-comment-actions{gap:6px;display:flex}.yt-btn{border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.yt-btn-plain{color:#ffffff80;background:#ffffff1a}.yt-btn-ai{color:#ff6b6b;background:#cd201f33;border:1px solid #cd201f4d}.yt-draft{color:#fff9;background:#cd201f12;border:1px solid #cd201f40;border-radius:6px;padding:8px 10px;font-size:10px;font-style:italic;line-height:1.5}.ext-sidebar{background:#fff;border-left:1px solid #e5e5e5;flex-direction:column;width:180px;display:flex}.ext-header{border-bottom:2px solid var(--red);background:#0f0f0f;align-items:center;gap:7px;padding:8px 10px;display:flex}.ext-icon{background:var(--red);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.ext-icon svg{fill:#fff;width:10px;height:10px}.ext-title{color:#fff;font-size:10px;font-weight:800}.ext-body{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.ext-row label{text-transform:uppercase;color:#606060;letter-spacing:.4px;margin-bottom:2px;font-size:8px;font-weight:700;display:block}.ext-select{color:#333;background:#fff;border:1px solid #d3d3d3;border-radius:4px;width:100%;padding:4px 6px;font-size:9px}.ext-save{background:var(--red);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:4px;width:calc(100% - 16px);margin:0 8px 8px;padding:6px;font-size:9px;font-weight:700}.comments-mockup{transform-origin:50%;background:#fff;border-radius:18px;max-width:520px;animation:8s ease-in-out infinite cardDrift,4s ease-in-out infinite cardGlow;overflow:hidden}.cm-scroll-inner{transition:transform .6s cubic-bezier(.4,0,.2,1)}.cm-header{color:#0f0f0f;z-index:2;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:14px 20px 12px;font-size:14px;font-weight:700;display:flex;position:relative}.cm-header span{color:#606060;font-size:13px;font-weight:400}.cm-comment{border-bottom:1px solid #f5f5f5;gap:12px;padding:14px 20px;display:flex}.cm-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.cm-body{flex:1;min-width:0}.cm-name{color:#0f0f0f;font-size:12px;font-weight:700}.cm-name span{color:#909090;margin-left:6px;font-weight:400}.cm-text{color:#1a1a1a;margin:4px 0 8px;font-size:13px;line-height:1.45}.cm-actions{gap:6px;display:flex}.cm-btn{cursor:pointer;border:none;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;line-height:1.4}.cm-btn-plain{color:#606060;background:#f2f2f2}.cm-btn-ai{color:var(--red);background:#cd201f12;border:1px solid #cd201f38;justify-content:center;align-items:center;gap:4px;min-width:82px;transition:transform .12s,opacity .12s,background .2s;display:flex}.cm-btn-ai.ai-click{opacity:.55;transform:scale(.86)}.cm-btn-ai.ai-thinking{opacity:1;background:#cd201f24}.think-icon{border:1.5px solid #cd201f4d;border-top-color:var(--red);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cm-draft{opacity:0;color:#2a2a2a;background:#fff8f8;border:1px solid #cd201f2e;border-radius:8px;max-height:0;margin-top:0;padding:0 11px;font-size:12px;font-style:italic;line-height:1.55;overflow:hidden}.cm-draft.draft-show{animation:.45s forwards draftIn}@keyframes draftIn{0%{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0}35%{opacity:0}to{opacity:1;max-height:120px;margin-top:9px;padding-top:9px;padding-bottom:9px}}.cm-draft-label{text-transform:uppercase;letter-spacing:.5px;color:var(--red);align-items:center;gap:4px;margin-bottom:5px;font-size:10px;font-style:normal;font-weight:700;display:flex}.providers{background:var(--dark);border-bottom:1px solid #ffffff0f;padding:20px 0}.providers-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.providers-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.provider-pill{color:#ffffffa6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.provider-pill:hover{color:#ffffffe6;background:#ffffff17}.provider-pill .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.features{background:var(--white);padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-title{letter-spacing:-1.2px;margin-bottom:14px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}.section-sub{color:var(--gray);max-width:520px;margin:0 auto;font-size:17px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border:1px solid var(--border);border-radius:14px;padding:28px 26px;transition:all .25s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--red);transform-origin:0;height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:#cd201f40;transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{background:#cd201f14;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;display:flex}.feature-icon svg{width:22px;height:22px;fill:var(--red)}.feature-title{margin-bottom:8px;font-size:16px;font-weight:700}.feature-desc{color:var(--gray);font-size:14px;line-height:1.6}.how{background:var(--light);padding:100px 0}.steps{grid-template-columns:repeat(3,1fr);gap:0;margin-top:60px;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg, var(--red), #cd201f33);z-index:0;height:1px;position:absolute;top:32px;left:calc(16.6667% + 16px);right:calc(16.6667% + 16px)}.step{text-align:center;z-index:1;padding:0 32px;position:relative}.step-num{background:var(--white);border:2px solid var(--red);width:64px;height:64px;color:var(--red);box-shadow:0 0 0 6px var(--light);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:22px;font-weight:900;display:flex}.step-title{margin-bottom:10px;font-size:17px;font-weight:700}.step-desc{color:var(--gray);font-size:14px;line-height:1.6}.pricing{background:var(--white);padding:100px 0}.billing-toggle{justify-content:center;align-items:center;gap:14px;margin-bottom:52px;display:flex}.toggle-label{color:var(--gray);font-size:14px;font-weight:600}.toggle-label.active{color:var(--text)}.toggle-switch-wrap{background:var(--red);cursor:pointer;border-radius:13px;width:46px;height:26px;transition:background .2s;position:relative}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch-wrap.annual .toggle-knob{transform:translate(20px)}.save-badge{color:var(--red);background:#cd201f1a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.pricing-enterprise{border:1px solid var(--border);background:#fafafa;border-radius:16px;margin-top:24px;padding:32px 36px;transition:all .25s}.pricing-enterprise:hover{box-shadow:0 12px 40px #00000014}.pricing-enterprise-inner{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.pricing-enterprise-left{flex:none;min-width:220px}.pricing-enterprise-features{flex:300px;grid-template-columns:repeat(2,1fr);gap:6px 24px;display:grid!important}.pricing-enterprise-cta{white-space:nowrap;border-radius:10px;flex:none;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.pricing-card{border:1px solid var(--border);border-radius:16px;padding:32px 28px;transition:all .25s;position:relative}.pricing-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000001a}.pricing-card.popular{border-color:var(--red);box-shadow:0 0 0 1px var(--red), 0 16px 48px #cd201f1f}.popular-badge{background:var(--red);color:#fff;white-space:nowrap;letter-spacing:.3px;border-radius:20px;padding:3px 14px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-name{text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:8px;font-size:13px;font-weight:700}.plan-price{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.plan-price .amount{letter-spacing:-2px;font-size:42px;font-weight:900}.plan-price .period{color:var(--gray);font-size:14px}.annual-note{color:var(--gray);min-height:18px;margin-bottom:20px;font-size:12px}.plan-desc{color:var(--gray);margin-bottom:24px;font-size:14px;line-height:1.5}.plan-cta{cursor:pointer;text-align:center;border:none;border-radius:8px;width:100%;margin-bottom:28px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.plan-cta-red{background:var(--red);color:#fff}.plan-cta-red:hover{background:var(--red-hover)}.plan-cta-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.plan-cta-outline:hover{border-color:#aaa}.plan-features{flex-direction:column;gap:10px;list-style:none;display:flex}.plan-features li{align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.check{flex-shrink:0;width:18px;height:18px}.check-yes{color:var(--red)}.check-no{color:#ccc}.feat-locked{color:#bbb}.testimonials{background:var(--dark);padding:100px 0}.testimonials .section-title{color:#fff}.testimonials .section-sub{color:#ffffff80}.testi-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.testi-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:24px}.testi-stars{color:#fbbf24;letter-spacing:1px;margin-bottom:12px;font-size:14px}.testi-text{color:#ffffffa6;margin-bottom:18px;font-size:14px;font-style:italic;line-height:1.65}.testi-author{align-items:center;gap:10px;display:flex}.testi-avatar{background:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.testi-name{color:#ffffffd9;font-size:13px;font-weight:700}.testi-handle{color:#ffffff59;font-size:12px}.faq{background:var(--lighter);padding:100px 0}.faq-list{flex-direction:column;gap:12px;max-width:720px;margin:52px auto 0;display:flex}.faq-item{border:1px solid var(--border);background:var(--white);border-radius:10px;transition:box-shadow .2s;overflow:hidden}.faq-item:hover{box-shadow:0 4px 16px #0000000f}.faq-q{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:15px;font-weight:600;display:flex}.faq-icon{width:24px;height:24px;color:var(--red);background:#cd201f14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:300;line-height:1;transition:transform .3s,background .2s;display:flex}.faq-item.open .faq-icon{background:#cd201f26;transform:rotate(45deg)}.faq-a{max-height:0;color:var(--gray);font-size:14px;line-height:1.65;transition:max-height .35s,padding .35s;overflow:hidden}.faq-item.open .faq-a{max-height:300px;padding:0 22px 18px}.cta-banner{background:var(--dark);text-align:center;padding:100px 0;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(70% 80%,#cd201f26 0%,#0000 70%);position:absolute;inset:0}.cta-title{color:#fff;letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(30px,4vw,48px);font-weight:900}.cta-sub{color:#ffffff80;margin-bottom:36px;font-size:18px}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.cta-note{color:#ffffff40;margin-top:16px;font-size:13px}.footer{background:#080808;border-top:1px solid #ffffff0f;padding:60px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand-name{color:#fff;align-items:center;gap:8px;margin-bottom:10px;font-size:20px;font-weight:800;display:flex}.footer-brand-desc{color:#ffffff59;max-width:240px;margin-bottom:20px;font-size:13px;line-height:1.6}.footer-col-title{text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:16px;font-size:11px;font-weight:700}.footer-col-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col-links a{color:#ffffff73;font-size:13px;text-decoration:none;transition:color .15s}.footer-col-links a:hover{color:#ffffffd9}.footer-bottom{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.footer-copy{color:#ffffff40;font-size:12px}.footer-legal{gap:20px;display:flex}.footer-legal a{color:#ffffff40;font-size:12px;text-decoration:none}.footer-legal a:hover{color:#ffffff8c}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:48px}.mockup-wrap{max-width:480px;margin:0 auto}.comments-mockup{animation:4s ease-in-out infinite cardGlow;transform:perspective(900px)rotateY(-6deg)rotateX(2deg)}.features-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.pricing-enterprise-features{grid-template-columns:1fr}.pricing-enterprise-inner{flex-direction:column;align-items:flex-start;gap:24px}.testi-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr;gap:32px}.steps:before,.nav-links{display:none}}@media (max-width:600px){.features-grid,.footer-grid{grid-template-columns:1fr}.providers-inner{gap:12px}}@media (max-width:480px){.nav-actions .btn-ghost{display:none}.nav-actions .btn-red{padding:8px 14px;font-size:13px}.nav-logo-name{font-size:17px}}