.ext-page{background:#fafaf8}.ext-container{max-width:700px;padding-bottom:60px}.ext-hero{margin-bottom:48px;padding-top:20px}.ext-hero-badge{color:#9b8abf;letter-spacing:.04em;background:linear-gradient(135deg,#9b8abf14,#c8b4a014);border:1px solid #9b8abf26;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.ext-hero-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:-.025em;color:#1a1a1a;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.15}.ext-hero-accent{background:linear-gradient(135deg,#9b8abf,#c4a882);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ext-hero-desc{color:#6b6b6b;max-width:520px;margin-bottom:28px;font-size:1rem;line-height:1.75}.ext-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.ext-hero-note{color:#9b9b9b;align-items:center;gap:6px;font-size:.72rem;font-weight:500;display:flex}.ext-download-btn{color:#fafaf8;background:#1a1a1a;border-radius:14px;align-items:center;gap:14px;padding:14px 28px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.ext-download-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#9b8abf26,#c8b4a026);transition:opacity .3s;position:absolute;inset:0}.ext-download-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.ext-download-btn:hover:before{opacity:1}.ext-download-label{font-size:.88rem;font-weight:600;display:block;position:relative}.ext-download-meta{color:#fafaf880;margin-top:2px;font-size:.68rem;font-weight:400;display:block;position:relative}.ext-download-btn--alt{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px;padding:18px 32px}.ext-how-link{color:#6b6b6b;align-items:center;gap:6px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.ext-how-link:hover{color:#1a1a1a}.ext-sites{margin-bottom:56px}.ext-sites-label{text-transform:uppercase;letter-spacing:.15em;color:#9b9b9b;margin-bottom:14px;font-size:.7rem;font-weight:600}.ext-sites-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ext-site-chip{background:#fff;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;transition:all .3s;display:flex}.ext-site-chip:hover{border-color:#9b8abf33;box-shadow:0 4px 16px #9b8abf0f}.ext-site-dot{background:linear-gradient(135deg,#7ba37a,#a3c9b8);border-radius:50%;flex-shrink:0;width:8px;height:8px}.ext-site-name{color:#1a1a1a;font-size:.8rem;font-weight:600;display:block}.ext-site-domain{color:#9b9b9b;font-size:.65rem;font-weight:400;display:block}.ext-section{margin-bottom:56px}.ext-section-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#1a1a1a;letter-spacing:-.015em;margin-bottom:12px;font-size:1.4rem;font-weight:600;line-height:1.25}.ext-section-desc{color:#6b6b6b;max-width:480px;margin-bottom:32px;font-size:.9rem;line-height:1.7}.ext-features-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;display:grid}.ext-feature-card{background:#fff;border:1px solid #0000000d;border-radius:14px;padding:24px 22px;transition:all .4s cubic-bezier(.4,0,.2,1)}.ext-feature-card:hover{border-color:#9b8abf26;transform:translateY(-2px);box-shadow:0 8px 28px #9b8abf14}.ext-feature-icon{color:#9b8abf;background:linear-gradient(135deg,#9b8abf14,#c8b4a00f);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.ext-feature-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#1a1a1a;margin-bottom:6px;font-size:.88rem;font-weight:600}.ext-feature-desc{color:#6b6b6b;font-size:.78rem;line-height:1.65}.ext-install-section{background:linear-gradient(135deg,#9b8abf08,#c8b4a008);border:1px solid #0000000a;border-radius:20px;padding:40px 36px}.ext-steps{margin-top:8px}.ext-step{align-items:flex-start;gap:20px;display:flex}.ext-step-num-wrap{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.ext-step-num{width:40px;height:40px;font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#9b8abf;background:#fff;border:1px solid #9b8abf26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.ext-step-connector{background:linear-gradient(#9b8abf33,#9b8abf0d);width:1px;height:100%;min-height:24px}.ext-step-content{padding-bottom:28px}.ext-step-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#1a1a1a;margin-top:8px;margin-bottom:4px;font-size:.9rem;font-weight:600}.ext-step-desc{color:#6b6b6b;font-size:.82rem;line-height:1.6}.ext-install-cta{text-align:center;margin-top:12px}.ext-tips{margin-bottom:40px}.ext-tips-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#1a1a1a;margin-bottom:16px;font-size:1rem;font-weight:600}.ext-tips-grid{flex-direction:column;gap:12px;display:flex}.ext-tip{background:#fff;border:1px solid #0000000d;border-radius:12px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.ext-tip-icon{color:#7ba37a;flex-shrink:0;margin-top:1px}.ext-tip strong{color:#1a1a1a;margin-bottom:2px;font-size:.82rem;font-weight:600;display:block}.ext-tip p{color:#6b6b6b;margin:0;font-size:.78rem;line-height:1.55}.ext-final-cta{text-align:center;background:linear-gradient(135deg,#9b8abf0a,#c8b4a00a);border-radius:16px;margin-bottom:32px;padding:44px 24px}.ext-final-cta h3{font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#1a1a1a;margin-bottom:8px;font-size:1.15rem;font-weight:600}.ext-final-cta p{color:#6b6b6b;max-width:400px;margin:0 auto 20px;font-size:.85rem;line-height:1.6}.ext-cta-btn{color:#fafaf8;background:#1a1a1a;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.ext-cta-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 8px 30px #0000001f}@media (max-width:640px){.ext-sites-grid{grid-template-columns:repeat(2,1fr)}.ext-features-grid{grid-template-columns:1fr}.ext-hero-title{font-size:1.6rem}.ext-install-section{padding:28px 22px}.ext-usage-grid{grid-template-columns:1fr}}@media (max-width:400px){.ext-sites-grid{grid-template-columns:1fr}}.ext-usage-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ext-usage-grid>:last-child:nth-child(odd){grid-column:1/-1}.ext-usage-card{background:#fff;border:1px solid #0000000d;border-radius:16px;padding:24px 22px;transition:all .4s cubic-bezier(.4,0,.2,1)}.ext-usage-card:hover{border-color:#9b8abf26;transform:translateY(-2px);box-shadow:0 8px 28px #9b8abf14}.ext-usage-header{border-bottom:1px solid #0000000a;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.ext-usage-emoji{background:linear-gradient(135deg,#9b8abf0f,#c8b4a00f);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex}.ext-usage-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#1a1a1a;margin-bottom:2px;font-size:.9rem;font-weight:600}.ext-usage-where{color:#9b8abf;letter-spacing:.02em;font-size:.68rem;font-weight:500}.ext-usage-steps{counter-reset:usage-step;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ext-usage-steps li{counter-increment:usage-step;color:#4a4a4a;align-items:flex-start;gap:10px;font-size:.78rem;line-height:1.55;display:flex}.ext-usage-steps li:before{content:counter(usage-step);color:#9b8abf;background:linear-gradient(135deg,#9b8abf1a,#c8b4a014);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.6rem;font-weight:700;display:flex}.ext-faq-grid{flex-direction:column;gap:8px;display:flex}.ext-faq{background:#fff;border:1px solid #0000000d;border-radius:12px;transition:all .3s;overflow:hidden}.ext-faq:hover{border-color:#9b8abf26}.ext-faq[open]{border-color:#9b8abf33;box-shadow:0 4px 16px #9b8abf0f}.ext-faq-q{color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:.84rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.ext-faq-q::-webkit-details-marker{display:none}.ext-faq-q:after{content:"+";color:#9b8abf;flex-shrink:0;font-size:1.1rem;font-weight:300;transition:transform .3s}.ext-faq[open] .ext-faq-q:after{content:"−"}.ext-faq-q:hover{color:#9b8abf}.ext-faq-a{color:#6b6b6b;margin:0;padding:0 20px 16px;font-size:.8rem;line-height:1.7;animation:.3s ext-faq-reveal}@keyframes ext-faq-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
