.extension-page{--e-surface:#fff;--e-ink:#08213c;--e-muted:#536579;--e-bg:#f3f5f8;--e-line:#d7dfe8;--e-tint:#eaf0f7;color:var(--e-ink);background:var(--e-bg)}
:root[data-theme=dark] .extension-page{--e-surface:#102335;--e-ink:#f3f6fb;--e-muted:#b7c7d8;--e-bg:#071522;--e-line:#30465c;--e-tint:#152d44;--bs-focus:#f7b718;color-scheme:dark}
.extension-page .eyebrow{color:var(--e-muted)}.extension-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;padding-block:80px 72px}.extension-intro h1{font-size:clamp(2.5rem,4.5vw,3.8rem);line-height:1.12;margin-bottom:24px}.extension-intro h1 em{font-style:normal;color:#966500}:root[data-theme=dark] .extension-intro h1 em{color:#f7b718}.extension-lead{font-size:1rem;line-height:1.85;color:var(--e-muted);max-width:47ch}.extension-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.extension-button,.extension-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;text-decoration:none;font-size:.875rem;font-weight:700}.extension-button{border:1px solid #f7b718;background:#f7b718;color:#04172d;border-radius:9px;padding:12px 20px}.extension-button:hover{background:#ffca39}.extension-secondary:hover{text-decoration:underline}.extension-download-note{font-size:.75rem;color:var(--e-muted);line-height:1.8;margin:16px 0 0}.extension-mobile-note{font-size:.8125rem;color:var(--e-muted);margin-top:20px}.extension-mobile-note a{font-weight:650;color:var(--e-ink)}
.extension-art{min-width:0}.browser-sketch{min-height:370px;position:relative;border:1px solid var(--e-line);border-radius:16px;background:var(--e-surface);box-shadow:0 18px 60px #04172d12}.browser-sketch-toolbar{height:55px;border-bottom:1px solid var(--e-line);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:15px}.browser-sketch-tab{font-size:.75rem;color:var(--e-muted)}.browser-sketch-pinned{width:36px;height:36px;border-radius:7px;background:#eaf0f7;display:grid;place-items:center}.browser-sketch-page{position:absolute;top:55px;left:0;right:0;padding:30px}.browser-sketch-page i{display:block;background:var(--e-tint);border-radius:5px;width:40%;height:8px;margin-bottom:14px}.browser-sketch-page i:first-child{height:20px;width:54%;margin-bottom:22px}.browser-sketch-page i:last-child{width:32%}.extension-sketch{position:relative;margin:12px 18px 20px auto;width:min(260px,80%);border:1px solid #30465c;border-radius:14px;padding:20px;color:#fff;background:#04172d;box-shadow:0 20px 35px #04172d22}.extension-sketch-brand{display:flex;align-items:center;gap:9px;font-family:var(--bs-display);font-size:.875rem;line-height:1.1}.extension-sketch-brand b{color:#f7b718;font-size:.7rem}.extension-sketch-cover{height:108px;display:grid;place-items:center;margin-block:18px;background:#102c47;border-radius:10px}.extension-sketch-caption{font-size:.5rem;letter-spacing:.14em;color:#c5d3e3}.extension-sketch>strong{font-size:.9375rem;display:block;margin-top:5px}.extension-sketch-controls{display:flex;align-items:center;gap:20px;margin-top:18px}.sketch-play{width:44px;height:44px;border-radius:50%;background:#f7b718;color:#04172d;display:grid;place-items:center;padding-left:2px}.sketch-volume{height:4px;width:100px;border-radius:4px;background:linear-gradient(to right,#f7b718 75%,#43566c 75%)}.extension-art>p{font-size:.75rem;text-align:center;margin:18px auto 0;color:var(--e-muted)}
.extension-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding-block:0 64px}.extension-benefits article{border-top:1px solid var(--e-line);padding-top:24px}.extension-number{font:800 .625rem var(--bs-display);letter-spacing:.15em;color:var(--e-muted)}.extension-benefits h2{font-family:var(--bs-body);font-size:1.0625rem;letter-spacing:-.02em;margin:12px 0 10px}.extension-benefits p{font-size:.875rem;color:var(--e-muted);line-height:1.8;margin:0}
.extension-install{background:var(--e-surface);border-block:1px solid var(--e-line);padding-block:64px}.extension-install-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.extension-install-grid>div>p:not(.eyebrow){color:var(--e-muted);font-size:.875rem;max-width:36ch}.extension-app-callout{margin-top:28px;padding:24px;background:var(--e-tint);border-radius:12px;font-size:.875rem}.extension-app-callout p{margin:10px 0 5px;color:var(--e-muted)}.extension-app-callout a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:650}.extension-steps{list-style:none;counter-reset:steps;padding:0;margin:0}.extension-steps li{position:relative;padding-left:54px;counter-increment:steps;margin-bottom:30px}.extension-steps li:last-child{margin-bottom:0}.extension-steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:32px;height:32px;border:1px solid var(--e-line);background:var(--e-bg);border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:700}.extension-steps h3{font-size:1rem;margin-bottom:9px;padding-top:4px}.extension-steps p{font-size:.875rem;line-height:1.8;color:var(--e-muted);margin-bottom:12px}.extension-addresses{display:grid;gap:8px}.extension-addresses>div{display:flex;align-items:center;gap:8px;justify-content:space-between;background:var(--e-bg);border:1px solid var(--e-line);border-radius:8px;padding:3px 4px 3px 12px}.extension-addresses code{font-size:.8125rem;overflow-wrap:anywhere;min-width:0}.extension-addresses button{font-size:.75rem;font-weight:650;flex:none;border:0;border-radius:6px;color:var(--e-ink);background:var(--e-tint);padding:8px 12px;min-width:64px;min-height:44px}.extension-steps .extension-feedback{min-height:1.8em;font-size:.75rem;margin:4px 0 0}.extension-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-block:64px}.extension-faq>div>p:not(.eyebrow){font-size:.875rem;color:var(--e-muted)}.extension-questions details{border-bottom:1px solid var(--e-line)}.extension-questions details:first-child{border-top:1px solid var(--e-line)}.extension-questions summary{cursor:pointer;padding:18px 0;min-height:44px;font-weight:650;font-size:.875rem}.extension-questions details>p,.extension-questions details>a{font-size:.875rem;color:var(--e-muted);line-height:1.8;margin:0 0 18px}.extension-questions details>a{display:inline-flex;min-height:44px;align-items:center}.extension-footer{background:#04172d;color:#c4d1df;padding-block:26px;font-size:.75rem}.extension-footer>.site-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.extension-footer nav{display:flex;gap:22px;flex-wrap:wrap}.extension-footer a{min-height:44px;display:inline-flex;align-items:center}.extension-page :target{scroll-margin-top:20px}
@media(max-width:900px){.extension-hero{gap:32px;padding-block:48px}.extension-intro h1{font-size:2.625rem}.extension-install-grid,.extension-faq{gap:36px}.extension-benefits{gap:24px}.extension-sketch{margin-right:12px;width:230px}.browser-sketch-page{padding:20px}}
@media(max-width:650px){.extension-hero{grid-template-columns:1fr;gap:38px;padding-block:36px}.extension-intro h1{font-size:clamp(2rem,8vw,3rem)}.extension-lead{max-width:55ch}.extension-art{max-width:460px;width:100%;margin-inline:auto}.browser-sketch{min-height:350px}.extension-sketch{width:min(240px,85%);margin-right:18px}.extension-benefits{grid-template-columns:1fr;gap:22px;padding-block:12px 40px}.extension-benefits article{padding-top:18px}.extension-benefits h2{margin-top:6px}.extension-install-grid,.extension-faq{grid-template-columns:1fr;gap:30px}.extension-install,.extension-faq{padding-block:40px}.extension-install-grid>div>p:not(.eyebrow){max-width:none}.extension-app-callout{padding:20px;margin-top:20px}.extension-steps li{padding-left:44px}.extension-footer nav{gap:16px}.extension-download-note{font-size:.75rem}.extension-addresses>div{padding-left:8px}.extension-addresses code{font-size:.75rem}.extension-addresses button{padding-inline:9px;min-width:60px}}
@media(prefers-reduced-motion:reduce){.extension-page{scroll-behavior:auto}}

.extension-page .site-nav [aria-current="page"]{color:#f7b718;text-decoration:underline;text-underline-offset:7px}