/* Website extension pages share the site's typography, theme and persistent shell.
   Keep every rule scoped: the downloadable extension has its own UI stylesheet. */
.extension-site-page{padding:30px 0 44px;color:var(--text)}
.extension-site-page .intro{max-width:760px;margin:0 0 28px}
.extension-site-page .intro .eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:1.6px}
.extension-site-page .intro h1{font-size:clamp(30px,3.2vw,44px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 14px}
.extension-site-page .intro>p:not(.eyebrow){max-width:680px;font-size:15px;line-height:1.65;margin:0;color:var(--muted)}
.extension-site-page .workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:32px;align-items:start}
.extension-site-page .workspace>*{min-width:0}
.extension-site-page h2{font-size:19px;line-height:1.25;letter-spacing:-.35px;margin:0 0 12px}
.extension-site-page h3{font-size:14px;line-height:1.4;letter-spacing:0;margin:0 0 8px}
.extension-site-page p{font-size:13px;line-height:1.7;margin:0 0 12px;color:var(--muted)}
.extension-site-page p:last-child{margin-bottom:0}
.extension-site-page .hint,.extension-site-page small{font-size:12px;line-height:1.65;color:var(--muted)}
.extension-site-page a:not(.download-button){text-decoration:underline;text-underline-offset:3px}
.extension-site-page a:not(.download-button):hover{color:var(--theme-accent)}
.extension-site-page #extension-download,.extension-site-page>section,.extension-site-page [data-extension-page]>section{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.extension-site-page #extension-download{margin-bottom:6px}
.extension-site-page .workspace>div>section:not(#extension-download){padding:24px 0;border-bottom:1px solid var(--line)}
.extension-site-page .workspace>div>section:last-child{border-bottom:0;padding-bottom:0}
.extension-site-page .workspace>aside{border-left:1px solid var(--line);padding-left:26px}
.extension-site-page .workspace>aside>section{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.extension-site-page .workspace>aside>section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.extension-site-page .workspace>aside h2{font-size:16px}
.extension-site-page .workspace>aside p{font-size:12px}
.extension-site-page .download-heading{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:12px}
.extension-site-page .download-heading .eyebrow{margin:0;font-size:10px;letter-spacing:1.4px}
.extension-site-page #extension-browser-detected{font-size:11px;color:var(--muted)}
.extension-site-page #extension-download-title{font-size:24px;letter-spacing:-.7px;margin-bottom:10px}
.extension-site-page #extension-download-description{margin-bottom:18px}
.extension-site-page label{display:block;font-size:12px;line-height:1.5;margin-bottom:8px;color:var(--text)}
.extension-site-page input,.extension-site-page select{font-size:13px;border-radius:6px;min-height:42px}
.extension-site-page #extension-browser{display:block;width:100%;max-width:440px;margin:0 0 18px}
.extension-site-page .download-actions{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.extension-site-page .download-button,.extension-site-page .primary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid var(--brand-red);border-radius:6px;background:var(--brand-red);padding:11px 17px;font-size:13px;line-height:1.5;font-weight:650;color:#fff;text-decoration:none}
.extension-site-page .download-button:hover,.extension-site-page .primary:hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover);color:#fff;text-decoration:none}
.extension-site-page .download-actions>a:not(.download-button){font-size:12px}
.extension-site-page .quiet{min-height:40px;padding:8px 0;background:transparent;border:0;font-size:12px;color:var(--muted)}
.extension-site-page .quiet:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.extension-site-page #extension-copy-status:empty{display:none}
.extension-site-page #extension-copy-status{margin-top:10px}
.extension-site-page #extension-download>.hint{margin-top:14px;margin-bottom:0;font-size:11px}
.extension-site-page #extension-download-options{border-top:1px solid var(--line);margin:18px 0 0;padding:14px 0 0}
.extension-site-page #extension-download-options summary{padding:2px 0;font-size:12px;font-weight:650;cursor:pointer}
.extension-site-page .download-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 0;font-size:12px}
.extension-site-page .download-option>div{min-width:0;flex:1}
.extension-site-page .download-option p{font-size:12px;margin:4px 0 0}
.extension-site-page .download-option>a{flex-shrink:0;font-size:12px}
.extension-site-page .install-steps{margin:14px 0 0;padding-left:20px;font-size:13px;line-height:1.7;color:var(--muted)}
.extension-site-page .install-steps li{margin:0 0 10px;padding-left:3px}
.extension-site-page .install-steps strong{color:var(--text)}
.extension-site-page .extension-usage{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}
.extension-site-page .section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.extension-site-page .section-head h2{margin:0}
.extension-site-page form{max-width:560px}
.extension-site-page form label{margin-bottom:14px}
.extension-site-page form input{margin-top:7px}
.extension-site-page .check{display:flex;align-items:flex-start;gap:10px}
.extension-site-page .check input{width:17px;min-height:17px;height:17px;flex:none;margin-top:2px}
.extension-site-page .danger{min-height:40px;padding:9px 13px;border:1px solid var(--theme-danger-border);border-radius:6px;background:var(--theme-danger-bg);color:var(--theme-danger-text);font-size:12px}
.extension-site-page .device{padding:18px 0;border-top:1px solid var(--line)}
.extension-site-page .device:first-child{border-top:0;padding-top:8px}
.extension-site-page .code{font-size:24px;font-weight:650;letter-spacing:3px;overflow-wrap:anywhere;color:var(--text)}
.extension-site-page #message{margin:0 0 18px;font-size:13px;color:var(--theme-danger-text);overflow-wrap:anywhere}
.extension-site-page #message:empty{display:none}
.extension-site-page :is(#extension-login,#extension-pairing,#extension-devices,#extension-campaigns){margin-top:20px;max-width:900px}
.extension-site-page [hidden]{display:none!important}
@media(max-width:1000px){
 .extension-site-page .workspace{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:24px}
 .extension-site-page .workspace>aside{padding-left:20px}
 .extension-site-page #extension-download{padding:20px}
 .extension-site-page #extension-download-title{font-size:22px}
}
@media(max-width:760px){
 .extension-site-page{padding:22px 0 30px}
 .extension-site-page .intro{margin-bottom:22px}
 .extension-site-page .intro h1{font-size:32px;letter-spacing:-1px}
 .extension-site-page .intro>p:not(.eyebrow){font-size:14px}
 .extension-site-page .workspace{grid-template-columns:minmax(0,1fr);gap:24px}
 .extension-site-page .workspace>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}
 .extension-site-page .workspace>aside>section{padding:0;margin:0;border-bottom:0}
 .extension-site-page .workspace>aside>section:last-child{grid-column:1/-1}
 .extension-site-page .workspace>div>section:not(#extension-download){padding:22px 0}
}
@media(max-width:480px){
 .extension-site-page .intro h1{font-size:30px}
 .extension-site-page #extension-download,.extension-site-page>section,.extension-site-page [data-extension-page]>section{padding:18px}
 .extension-site-page #extension-download-title{font-size:21px}
 .extension-site-page .download-heading{gap:7px;margin-bottom:12px}
 .extension-site-page #extension-browser-detected{font-size:10px}
 .extension-site-page .download-actions{gap:6px 16px}
 .extension-site-page .download-button{width:100%}
 .extension-site-page .download-option{align-items:flex-start;flex-direction:column;gap:10px}
 .extension-site-page .workspace>aside{grid-template-columns:minmax(0,1fr);gap:22px}
 .extension-site-page .workspace>aside>section:last-child{grid-column:auto}
 .extension-site-page .section-head{align-items:flex-start;gap:12px}
}

.extension-site-page .browser-install{border-bottom:1px solid var(--line);padding:12px 0;scroll-margin-top:110px}
.extension-site-page .browser-install summary{font-size:13px;font-weight:650;cursor:pointer}
.extension-site-page .browser-install[open] summary{margin-bottom:12px}
.extension-site-page #extension-install{scroll-margin-top:110px}