:root{--font-sans:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Cabinet Grotesk",var(--font-sans);--font-mono:"JetBrains Mono",ui-monospace,monospace;--bg:#fff;--bg-alt:#f7f8fa;--bg-card:#fff;--bg-code:#f4f5f7;--text:#1a1a2e;--text-secondary:#555770;--text-muted:#8c8ca1;--border:#e2e4ea;--border-light:#eeeff3;--accent:#0073aa;--accent-hover:#005b8a;--accent-light:#e8f4fd;--success:#00a32a;--success-light:#e6f7eb;--warning:#dba617;--warning-light:#fef8e5;--danger:#d63638;--danger-light:#fce8e8;--gradient-start:#0073aa;--gradient-end:#00a0d2;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 12px 40px rgba(0,0,0,.1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}:root.dark{--bg:#0f1117;--bg-alt:#161822;--bg-card:#1c1e2d;--bg-code:#1e2030;--text:#e8e9ed;--text-secondary:#a0a3b5;--text-muted:#6b6e82;--border:#2a2d3e;--border-light:#232538;--accent:#3db2e0;--accent-hover:#5cc4ee;--accent-light:rgba(61,178,224,.12);--success:#3dd66f;--success-light:rgba(61,214,111,.12);--warning:#f0c040;--warning-light:rgba(240,192,64,.12);--danger:#f05050;--danger-light:rgba(240,80,80,.12);--gradient-start:#3db2e0;--gradient-end:#00d4aa;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 12px 40px rgba(0,0,0,.5)}.plugin-page{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.plugin-page *,.plugin-page :after,.plugin-page :before{box-sizing:border-box;margin:0;padding:0}.plugin-container{max-width:1120px;margin:0 auto;padding:0 24px}.plugin-section{padding:80px 0}.plugin-section--alt{background:var(--bg-alt)}.plugin-section--dark{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff}.section-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.section-title{font-family:var(--font-heading);font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15;color:var(--text);margin-bottom:16px}.section-title--white{color:#fff}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:640px;line-height:1.6}.section-subtitle--white{color:hsla(0,0%,100%,.85)}.section-subtitle--center{margin-left:auto;margin-right:auto}.text-center{text-align:center}.plugin-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border-light);transition:box-shadow .2s}.plugin-nav.scrolled{box-shadow:var(--shadow-md)}.plugin-nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.plugin-nav__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:var(--font-heading);font-weight:800;font-size:20px}.plugin-nav__logo-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:900}.plugin-nav__links{display:flex;align-items:center;gap:28px}.plugin-nav__link{text-decoration:none;color:var(--text-secondary);font-size:15px;font-weight:500;transition:color .15s}.plugin-nav__link:hover{color:var(--accent)}.plugin-nav__actions{display:flex;align-items:center;gap:12px}.plugin-nav__toggle{display:none;background:none;border:none;width:40px;height:40px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.plugin-nav__toggle span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .2s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .15s;line-height:1}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.btn--white{background:#fff;color:var(--gradient-start)}.btn--white:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn--small{padding:8px 16px;font-size:14px}.btn--large{padding:16px 32px;font-size:17px;border-radius:var(--radius-md)}.btn--icon{background:none;border:1px solid var(--border);color:var(--text-secondary);width:40px;height:40px;padding:0;border-radius:var(--radius-sm)}.btn--icon:hover{border-color:var(--accent);color:var(--accent)}.hero{padding:140px 0 80px;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--success-light);color:var(--success);font-size:13px;font-weight:600;border-radius:100px;margin-bottom:24px}.hero__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.hero__title{font-family:var(--font-heading);font-size:clamp(36px,6vw,60px);font-weight:900;line-height:1.08;color:var(--text);max-width:820px;margin:0 auto 20px}.hero__gradient{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:19px;color:var(--text-secondary);max-width:600px;margin:0 auto 32px;line-height:1.6}.hero__buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.hero__meta{margin-top:24px;font-size:14px;color:var(--text-muted)}.hero__meta strong{color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;transition:all .2s}.card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.card--accent{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.reality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.reality-card__number{font-family:var(--font-heading);font-size:48px;font-weight:900;color:var(--danger);line-height:1;margin-bottom:12px}.reality-card__text{font-size:16px;color:var(--text-secondary);line-height:1.5}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.solution-card__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:20px}.solution-card__label--before{background:var(--danger-light);color:var(--danger)}.solution-card__label--after{background:var(--success-light);color:var(--success)}.solution-list{list-style:none;display:flex;flex-direction:column;gap:14px}.solution-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--text-secondary);line-height:1.5}.solution-list li .icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:2px}.solution-list li .icon--x{background:var(--danger-light);color:var(--danger)}.solution-list li .icon--check{background:var(--success-light);color:var(--success)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.feature-card{padding:24px}.feature-card__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.feature-card__title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.feature-card__desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.urgency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.urgency-card{text-align:center;padding:32px 24px}.urgency-card__icon{font-size:36px;margin-bottom:16px}.urgency-card__title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px}.urgency-card__desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.audience-card{text-align:center;padding:32px 24px}.audience-card__icon{font-size:40px;margin-bottom:16px}.audience-card__title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.audience-card__desc{font-size:15px;color:var(--text-secondary);line-height:1.5}.install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.install-step{text-align:center;padding:32px 24px;position:relative}.install-step__number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;font-family:var(--font-heading);font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.install-step__title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px}.install-step__desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.example-card{padding:0;overflow:hidden}.example-card__header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:10px}.example-card__badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:100px;background:var(--accent-light);color:var(--accent)}.example-card__type{font-size:14px;font-weight:700;color:var(--text)}.example-card__body{padding:20px 24px}.example-card__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.example-card__after,.example-card__before{margin-bottom:16px}.example-card__text{font-size:14px;color:var(--text-secondary);line-height:1.5}.example-card__code{background:var(--bg-code);padding:14px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;color:var(--text);overflow-x:auto;line-height:1.5;white-space:pre}.example-card__arrow{text-align:center;font-size:18px;color:var(--success);margin-bottom:16px}.faq-list{max-width:720px;margin:48px auto 0;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px 24px}.faq-item__question{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.faq-item__answer{font-size:15px;color:var(--text-secondary);line-height:1.6}.final-cta{text-align:center;padding:80px 0}.final-cta__title{font-family:var(--font-heading);font-size:clamp(28px,4vw,40px);font-weight:900;color:#fff;margin-bottom:16px}.final-cta__subtitle{font-size:18px;color:hsla(0,0%,100%,.85);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.plugin-footer{padding:48px 0 32px;border-top:1px solid var(--border-light)}.plugin-footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.plugin-footer__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:800;font-size:18px;color:var(--text);text-decoration:none}.plugin-footer__brand-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:900}.plugin-footer__links{display:flex;align-items:center;gap:24px}.plugin-footer__link{text-decoration:none;font-size:14px;color:var(--text-muted);transition:color .15s}.plugin-footer__link:hover{color:var(--accent)}.plugin-footer__copy{font-size:13px;color:var(--text-muted)}.plugin-footer__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light);flex-wrap:wrap;gap:12px}.animate-in{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1)}.animate-in.visible{opacity:1;transform:translateY(0)}.animate-in--scale{opacity:0;transform:scale(.96);transition:all .5s cubic-bezier(.16,1,.3,1)}.animate-in--scale.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.theme-toggle{background:none;border:1px solid var(--border);width:36px;height:36px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px;transition:all .15s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}.audience-grid,.examples-grid,.install-grid,.reality-grid,.solution-grid,.urgency-grid{grid-template-columns:1fr}.plugin-nav__links{display:none}.plugin-nav__toggle{display:flex}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}.plugin-section{padding:56px 0}.hero{padding:110px 0 56px}.hero__buttons{flex-direction:column;width:100%}.hero__buttons .btn{width:100%}.plugin-footer__bottom,.plugin-footer__inner{flex-direction:column;align-items:flex-start}}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99;opacity:0;pointer-events:none;transition:opacity .2s}.nav-overlay.active{opacity:1;pointer-events:auto}.nav-mobile{position:fixed;top:0;right:0;width:300px;height:100vh;background:var(--bg);z-index:101;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);padding:80px 24px 24px;display:flex;flex-direction:column;gap:16px}.nav-mobile.active{transform:translateX(0)}.nav-mobile__link{display:block;padding:12px 0;font-size:16px;font-weight:600;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-light)}.nav-mobile__link:hover{color:var(--accent)}