@layer legacy, a1;
/* Legacy rules retain the content grid while Mineral owns visual primitives. */
@import "../vendor/a1-design-system/1.1.2/marketing.css" layer(legacy);
@import "../vendor/a1-design-system/1.1.2/marketing-expressive.css" layer(legacy);
@import "../vendor/a1-design-system/1.1.2/product-signature.css" layer(legacy);
@import "../vendor/a1-design-system/1.1.2/navigation-preferences.css" layer(legacy);
@import "./landing-v3.css" layer(legacy);
@import "./quote-hero.css" layer(legacy);
@import "../vendor/mineral/3.4.2/styles.css";
:root,html[data-theme=dark]{--paper:var(--a1m-bg);--ink:var(--a1m-text);--muted:var(--a1m-text-2);--line:var(--a1m-line);--surface:var(--a1m-surface);--soft:var(--a1m-hover);--glass:var(--a1m-glass);--glass-edge:var(--a1m-glass-line);--rose:var(--a1m-selected-text)}
.a1s-header{display:flex;justify-content:space-between;gap:16px;padding-inline:20px;min-height:60px;height:60px;max-width:1200px}
.a1s-header[data-compact=true]{background:var(--a1m-popover);border-color:var(--a1m-line);box-shadow:var(--a1m-shadow-2)}
.a1s-header .a1-navbar-tools{margin-left:auto;flex-shrink:0}
.a1s-header .brand{flex-shrink:0}
.a1m-card{border-radius:var(--a1m-radius-card);background:var(--a1m-glass);border:1px solid var(--a1m-line);box-shadow:var(--a1m-shadow-1)}
.a1-system .a1-button{gap:12px}
@media(max-width:900px){.a1s-header{width:calc(100% - 24px);height:auto;min-height:60px;flex-wrap:wrap;gap:8px}.a1s-header>nav{width:100%;order:3}.a1s-header>nav:not([data-open]){display:none}.a1s-header>.a1-navbar-tools{margin-left:auto}.quote-page{display:block;height:auto}.quote-scrollport{overflow:visible}}

.a1s-header>.a1-menu{display:none}
@media(max-width:900px){
  .a1s-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;padding:8px 10px;gap:6px}
  .a1s-header>.brand{grid-column:1;grid-row:1;gap:6px}
  .a1s-header .a1-product-signature__wordmark{width:102px;height:auto}
  .a1s-header .a1-product-signature__symbol{width:24px;height:24px}
  .a1s-header>.a1-navbar-tools{grid-column:2;grid-row:1;gap:4px}
  .a1s-header .a1-language>summary{padding:0 6px}
  .a1s-header>.a1-menu{grid-column:3;grid-row:1;display:inline-flex;width:44px;height:44px;min-height:44px;padding:0;font-size:0}
  .a1s-header>.a1-menu span{font-size:18px}
  .a1s-header>nav{grid-column:1/-1;grid-row:2}
  html:not(.js) .a1s-header>nav{display:flex}
}