:root{color-scheme:dark;--background:#07090c;--foreground:#e8edf3;--primary:#5fb4ff;--ring:#5fb4ff}
html,body{background:#07090c;color:#e8edf3}
.marketing-site{--site-ink:#e8edf3;--site-muted:#95a3b4;--site-panel:#11161e;--site-panel-2:#141c27;--site-line:rgba(160,190,225,.2);--site-accent:#5fb4ff;background:#07090c;color:#e8edf3}
.marketing-site .site-header{background:rgba(7,9,12,.97)!important;border-color:var(--site-line)}
.marketing-site .site-header,.marketing-site .site-header-inner{height:96px;min-height:96px}.marketing-site .site-logo{width:220px;height:72px}.marketing-site .site-nav a{color:#95a3b4}
.marketing-site .site-page-intro,.marketing-site .site-footer{background-color:#0c1016}.marketing-site .site-model-grid article>div{background-color:#0c1016;background-image:linear-gradient(rgba(160,190,225,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(160,190,225,.08) 1px,transparent 1px);background-size:32px 32px}.marketing-site .site-grid-bg{background-color:#0c1016}
@media(max-width:700px){.marketing-site .site-header-inner{padding-inline:16px}.marketing-site .site-logo{width:180px}.marketing-site .site-language-switch button{min-width:44px;min-height:44px}}
@media(max-width:360px){.marketing-site .site-logo{width:155px}}

/* Readable legal text and visible mobile navigation, including generator access. */
.marketing-site .site-legal{box-sizing:border-box;width:100%;max-width:1000px;margin-inline:auto;padding:64px clamp(20px,5vw,64px)}
@media(max-width:1050px){
 .marketing-site .site-header{position:relative;height:auto;min-height:0}
 .marketing-site .site-header-inner{height:auto;min-height:96px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 16px}
 .marketing-site .site-logo{grid-column:1;grid-row:1;min-width:0;width:min(180px,100%);height:64px}
 .marketing-site .site-header-actions{display:contents}
 .marketing-site .site-language-switch{grid-column:2;grid-row:1;justify-self:end}
 .marketing-site .site-nav{display:flex;grid-column:1/-1;grid-row:2;flex-wrap:wrap;justify-content:flex-start;gap:4px 18px;padding-bottom:8px}
 .marketing-site .site-nav a{display:flex;min-height:44px;align-items:center}
 .marketing-site .site-header-actions>.site-primary-button{display:flex;grid-column:1/-1;grid-row:3;width:100%;height:44px;min-width:0}
 .marketing-site .site-header-actions>.site-link-button{display:none}
 .marketing-site .site-language-switch button{min-width:40px;min-height:44px}
}

/* Match the main page and generator lockup. */
@media(min-width:1101px){.marketing-site .site-header,.marketing-site .site-header-inner{height:144px;min-height:144px}.marketing-site .site-logo{width:360px;height:120px;align-self:center;margin-top:0}}
@media(min-width:721px) and (max-width:1100px){.marketing-site .site-logo{width:280px;height:94px}}
@media(max-width:720px){.marketing-site .site-logo{width:clamp(192px,calc(100vw - 140px),220px);height:80px}}
@media(min-width:1051px) and (max-width:1400px){.marketing-site .site-header-inner{gap:16px}.marketing-site .site-nav{gap:12px}.marketing-site .site-header-actions>.site-link-button{display:none}}

/* AUTO82: contact page, with a readable email address at narrow widths. */
.marketing-site .site-contact{max-width:1100px;padding-block:clamp(44px,8vw,100px)}
.site-contact .site-legal-lead{max-width:680px;margin-bottom:36px}
.site-contact-card{padding:clamp(22px,5vw,44px)!important;border:1px solid var(--site-line);border-radius:12px;background:var(--site-panel)}
.site-contact-card .site-contact-label{font-size:14px;margin:0 0 12px}
.site-contact-email{display:inline-block;max-width:100%;font-size:clamp(20px,4.5vw,42px);font-weight:650;line-height:1.4;letter-spacing:-.025em;color:var(--site-accent);text-decoration:underline;text-underline-offset:8px;overflow-wrap:anywhere}
.site-contact-email:focus-visible{outline:2px solid var(--site-accent);outline-offset:8px}
.site-contact-card .site-contact-note{margin-top:24px;max-width:620px}
