/* Final layout overrides: fixed header geometry prevents scroll alignment shifts. */
.header-inner{display:grid;grid-template-columns:104px minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:8px 4vw}
.header-inner #nav{grid-column:2;grid-row:1;order:initial;width:auto;justify-content:center;gap:8px;margin:0;flex-wrap:wrap}
.header-inner .brand-logo{grid-column:1;grid-row:1;height:80px}
.theme-toggle{grid-column:3;grid-row:1;padding:10px 12px;border:1px solid var(--line);background:var(--white);color:var(--ink);font-size:.875rem;font-weight:600;white-space:nowrap;min-height:44px;cursor:pointer}
.header-inner .account{grid-column:4;grid-row:1;margin:0;padding-left:16px}
.theme-toggle:hover{border-color:var(--interactive-red);color:var(--interactive-red)}
body>header{width:100%;isolation:isolate}
@media(max-width:1350px) and (min-width:761px){.header-inner{grid-template-columns:104px 1fr auto auto}.header-inner #nav{grid-column:1/-1;grid-row:2;padding-bottom:8px}.theme-toggle{grid-column:3}.header-inner .account{grid-column:4}}
@media(max-width:760px){.header-inner{grid-template-columns:76px 1fr auto auto;gap:10px;padding:8px 5vw}.header-inner .brand-logo{height:66px;width:76px}.menu-button{grid-column:2;grid-row:1;justify-self:end;margin:0}.theme-toggle{grid-column:3;font-size:.75rem;padding:8px}.header-inner .account{grid-column:4;border:0;padding:0;font-size:.75rem}.header-inner #nav{grid-column:1/-1;grid-row:2;display:none;padding:0}.header-inner #nav.open{display:grid;grid-template-columns:1fr 1fr}.header-inner #nav a{white-space:normal}html{scroll-padding-top:130px}}
@media(max-width:380px){.header-inner{grid-template-columns:64px 1fr auto;gap:8px}.header-inner .brand-logo{width:64px}.header-inner .account{grid-column:1/-1;grid-row:2;justify-self:end}.header-inner #nav{grid-row:3}}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--ink:#f3f4f6;--ash:#16181c;--white:#22252b;--line:#414650;--muted:#b9bfc9;--interactive-red:#ff717a;color:var(--ink);background:var(--ash)}
[data-theme="dark"] .header-inner,[data-theme="dark"] body>header,[data-theme="dark"] .service-card,[data-theme="dark"] .card,[data-theme="dark"] .form-panel,[data-theme="dark"] .thread,[data-theme="dark"] .reply,[data-theme="dark"] .filters{background:var(--white)}
[data-theme="dark"] .demo-bar,[data-theme="dark"] .hero-panel,[data-theme="dark"] .join-band,[data-theme="dark"] footer,[data-theme="dark"] .story-video{background:#101216;color:#f3f4f6}
[data-theme="dark"] .brand-logo{background:#f3f3f1;padding:4px}
[data-theme="dark"] .hero-logo{background:#f3f3f1}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea,[data-theme="dark"] .menu-button{background:#191c21;color:var(--ink);border-color:#626a77}
[data-theme="dark"] .notice,[data-theme="dark"] .campaign-demo{background:#2a2d34;color:var(--muted)}
[data-theme="dark"] .vehicle-placeholder{background:#30343c}
[data-theme="dark"] .vehicle-placeholder strong{background:#191c21}
[data-theme="dark"] .vehicle-placeholder small{color:#c3c8d0}
[data-theme="dark"] .vehicle-placeholder span{color:#9098a6}
[data-theme="dark"] .button{background:#c91722;border-color:#c91722;color:white}
[data-theme="dark"] .button.outline{background:transparent;color:var(--ink);border-color:#747c8a}
[data-theme="dark"] nav a:hover,[data-theme="dark"] a.thread:hover,[data-theme="dark"] .service-faq summary:hover,[data-theme="dark"] .menu-button:hover,[data-theme="dark"] input:focus-visible,[data-theme="dark"] select:focus-visible,[data-theme="dark"] textarea:focus-visible,[data-theme="dark"] nav a:focus-visible,[data-theme="dark"] .account:focus-visible,[data-theme="dark"] .text-link:focus-visible,[data-theme="dark"] .tabs a:focus-visible{background:#38252a}
[data-theme="dark"] .form-result:not(:empty){background:#20372b;color:#e2f0e7}
[data-theme="dark"] [aria-invalid="true"],[data-theme="dark"] .form-result.error{background:#42262c}
[data-theme="dark"] .skip{background:var(--white)}
[data-theme="dark"] body>header.is-scrolled{box-shadow:0 5px 20px #0008}

/* Floating theme switch remains beside the scrolling page. */
.theme-toggle{position:fixed;right:18px;top:50%;translate:0 -50%;z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:30px;padding:14px 10px;background:var(--white);color:var(--ink);box-shadow:0 4px 20px #0002;min-width:64px;min-height:104px;grid-column:auto;grid-row:auto}.theme-symbol{font-size:22px;line-height:1}.theme-switch-label{font-size:.75rem}.theme-switch-track{display:block;width:36px;height:20px;border-radius:20px;background:#727986;padding:3px;transition:background 180ms ease}.theme-switch-track>span{display:block;width:14px;height:14px;border-radius:50%;background:white;transition:transform 180ms ease}.theme-toggle[aria-checked="true"] .theme-switch-track{background:#c91722}.theme-toggle[aria-checked="true"] .theme-switch-track>span{transform:translateX(16px)}.header-inner{grid-template-columns:104px minmax(0,1fr) auto}.header-inner .account{grid-column:3}
@media(max-width:1350px) and (min-width:761px){.header-inner{grid-template-columns:104px 1fr auto}}
@media(max-width:760px){.header-inner{grid-template-columns:76px 1fr auto}.header-inner .account{grid-column:3}.theme-toggle{right:10px;top:auto;bottom:20px;translate:none;min-width:58px;min-height:94px;padding:10px 8px}.header-inner #nav{grid-column:1/-1}}
@media(max-width:380px){.header-inner{grid-template-columns:64px 1fr auto}.header-inner .account{grid-column:3;grid-row:1}.header-inner #nav{grid-row:2}}
@media(prefers-reduced-motion:reduce){.theme-switch-track,.theme-switch-track>span{transition:none}}


/* Preserve the supplied transparent PNG without a surrounding logo tile. */
.brand-logo,.footer-logo,[data-theme="dark"] .brand-logo{background:transparent;padding:0}.hero-logo,[data-theme="dark"] .hero-logo{background:transparent;padding:0}.brand-logo img,.hero-logo img{object-fit:contain;filter:none}.footer-logo{width:160px;height:160px}


/* Consistent header layout across viewport sizes. */
.header-inner{grid-template-columns:96px minmax(0,1fr) auto;gap:20px;padding:6px 4vw;max-width:1440px;margin:auto}.header-inner .brand-logo{width:96px;height:76px;grid-column:1;grid-row:1}.header-inner #nav{grid-column:2;grid-row:1;justify-content:center;gap:4px 10px;padding:0;align-items:center}.header-inner #nav a{font-size:.875rem;padding:10px 2px;line-height:1.35}.header-inner .account{grid-column:3;grid-row:1;padding-left:16px;white-space:nowrap;justify-self:end}.header-inner .menu-button{display:none}.demo-bar{padding-top:6px;padding-bottom:6px}html{scroll-padding-top:180px}
@media(max-width:1300px) and (min-width:761px){.header-inner{grid-template-columns:96px 1fr auto;gap:0 20px}.header-inner #nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:4px 16px;padding-bottom:8px}.header-inner .brand-logo{height:64px}}
@media(max-width:760px){.header-inner{grid-template-columns:76px 1fr auto;gap:12px;padding:6px 5vw}.header-inner .brand-logo{width:76px;height:62px}.header-inner .menu-button{display:block;grid-column:2;grid-row:1;margin:0;justify-self:end;min-height:44px}.header-inner .account{grid-column:3;grid-row:1;padding:0;border:0;font-size:.8125rem}.header-inner #nav{grid-column:1/-1;grid-row:2;display:none;padding:0;margin:0;width:100%}.header-inner #nav.open{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:8px 0 12px}.header-inner #nav a{padding:12px 8px;white-space:normal;font-size:.9375rem}.demo-bar{font-size:.6875rem}html{scroll-padding-top:120px}}
@media(max-width:380px){.header-inner{grid-template-columns:66px 1fr auto;gap:8px}.header-inner .brand-logo{width:66px}.header-inner .account{font-size:.75rem}.menu-button{padding:8px 10px}}

