.ext-page{background:var(--page)}.ext-container{max-width:1120px;padding-bottom:60px}.ext-hero{margin-bottom:clamp(3rem,6vw,5rem);padding-top:clamp(1rem,5vw,4rem)}.ext-hero-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:-.04em;color:var(--ink);margin-bottom:24px;font-size:clamp(2.75rem,7.4vw,6rem);font-weight:600;line-height:.98}.ext-hero-accent{color:var(--accent-ink)}.ext-hero-desc{font-size:var(--fs-base);color:var(--ink-2);max-width:520px;margin-bottom:28px;line-height:1.75}.ext-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.ext-hero-note{font-size:var(--fs-xs);color:var(--ink-3);align-items:center;gap:6px;font-weight:500;display:flex}.ext-download-btn{background:var(--ink);color:var(--page);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:"";background:color-mix(in srgb, var(--accent) 15%, transparent);opacity:0;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:var(--fs-md);font-weight:600;display:block;position:relative}.ext-download-meta{font-size:var(--fs-xs);color:#fafaf8b8;margin-top:2px;font-weight:400;display:block;position:relative}.ext-download-btn--alt{border-radius:16px;padding:18px 32px}.ext-how-link{min-height:var(--tap);font-size:var(--fs-md);color:var(--ink-2);align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.ext-how-link:hover{color:var(--ink)}.ext-sites{margin-bottom:56px}.ext-sites-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);margin-bottom:14px;font-weight:600}.ext-sites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ext-site-chip{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;transition:all .3s;display:flex}.ext-site-chip:hover{border-color:var(--line-strong)}.ext-site-name{font-size:var(--fs-sm);color:var(--ink);font-weight:600;display:block}.ext-site-domain{font-size:var(--fs-xs);color:var(--ink-3);font-weight:400;display:block}.ext-section{margin-bottom:56px}.ext-section-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;font-size:var(--fs-2xl);color:var(--ink);letter-spacing:-.015em;margin-bottom:12px;font-weight:600;line-height:1.25}.ext-section-desc{font-size:var(--fs-md);color:var(--ink-2);max-width:480px;margin-bottom:32px;line-height:1.7}.ext-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.ext-feature-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 22px;transition:all .4s cubic-bezier(.4,0,.2,1)}.ext-feature-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 8px 28px #0000000d}.ext-feature-icon{background:var(--surface-2);width:44px;height:44px;color:var(--accent-ink);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.ext-feature-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;font-size:var(--fs-md);color:var(--ink);margin-bottom:6px;font-weight:600}.ext-feature-desc{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.65}.ext-install-section{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:40px 36px}.ext-steps{margin:8px 0 0;padding:0;list-style:none}.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{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;font-family:var(--font-space,"Space Grotesk"), sans-serif;font-size:var(--fs-xs);color:var(--accent-ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.ext-step-connector{background:var(--line);width:1px;height:100%;min-height:24px}.ext-step-content{min-width:0;padding-bottom:28px}.ext-step-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;font-size:var(--fs-md);color:var(--ink);margin-top:8px;margin-bottom:4px;font-weight:600}.ext-step-desc{font-size:var(--fs-sm);color:var(--ink-2);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;font-size:var(--fs-base);color:var(--ink);margin-bottom:16px;font-weight:600}.ext-tips-grid{flex-direction:column;gap:12px;display:flex}.ext-tip{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.ext-tip-icon{color:var(--ok-ink);flex-shrink:0;margin-top:1px}.ext-tip strong{font-size:var(--fs-sm);color:var(--ink);margin-bottom:2px;font-weight:600;display:block}.ext-tip p{font-size:var(--fs-sm);color:var(--ink-2);margin:0;line-height:1.55}.ext-final-cta{text-align:center;background:var(--surface-2);border-radius:16px;margin-bottom:32px;padding:44px 24px}.ext-final-cta h2{font-family:var(--font-space,"Space Grotesk"), sans-serif;font-size:var(--fs-lg);color:var(--ink);margin-bottom:8px;font-weight:600}.ext-final-cta p{font-size:var(--fs-md);color:var(--ink-2);max-width:400px;margin:0 auto 20px;line-height:1.6}.ext-cta-btn{background:var(--ink);color:var(--page);font-size:var(--fs-md);border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.ext-cta-btn:hover{background:var(--ink-2);transform:translateY(-1px);box-shadow:0 8px 30px #0000001f}.ext-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ext-usage-grid>:last-child:nth-child(odd){grid-column:1/-1}.ext-usage-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 22px;transition:all .4s cubic-bezier(.4,0,.2,1)}.ext-usage-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 8px 28px #0000000d}.ext-usage-header{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.ext-usage-emoji{font-size:var(--fs-2xl);background:var(--surface-2);width:44px;height:44px;color:var(--accent-ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ext-usage-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;font-size:var(--fs-md);color:var(--ink);margin-bottom:2px;font-weight:600}.ext-usage-where{font-size:var(--fs-xs);color:var(--accent-ink);letter-spacing:.02em;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;font-size:var(--fs-sm);color:var(--ink-2);align-items:flex-start;gap:10px;line-height:1.55;display:flex}.ext-usage-steps li:before{content:counter(usage-step);background:var(--surface-2);width:20px;height:20px;font-size:var(--fs-xs);color:var(--accent-ink);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-weight:700;display:flex}.ext-faq-grid{flex-direction:column;gap:8px;display:flex}.ext-faq{background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:all .3s;overflow:hidden}.ext-faq:hover,.ext-faq[open]{border-color:var(--line-strong)}.ext-faq-q{font-size:var(--fs-sm);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-weight:600;list-style:none;transition:color .2s;display:flex}.ext-faq-q::-webkit-details-marker{display:none}.ext-faq-q:after{content:"+";font-size:var(--fs-lg);color:var(--accent-ink);flex-shrink:0;font-weight:300;transition:transform .3s}.ext-faq[open] .ext-faq-q:after{content:"−"}.ext-faq-q:hover{color:var(--accent-ink)}.ext-faq-a{font-size:var(--fs-sm);color:var(--ink-2);margin:0;padding:0 20px 16px;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)}}@media (max-width:640px){.ext-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ext-features-grid,.ext-usage-grid{grid-template-columns:minmax(0,1fr)}.ext-install-section{padding:28px 22px}.ext-download-btn,.ext-download-btn--alt{padding:14px 20px}}@media (max-width:400px){.ext-sites-grid{grid-template-columns:minmax(0,1fr)}}
