/* ============================================================
   Veronica Hicks Insurance Agency — Brand Design System
   Dark premium palette · Marble art direction · Gold accent
   ============================================================ */

/* ─── Fonts ─────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

/* ─── Design Tokens ─────────────────────────────────────── */
:root {
  /* Type scale */
  --text-xs:   clamp(0.75rem,  0.70rem + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.80rem + 0.35vw, 1rem);
  --text-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 1.00rem + 0.75vw, 1.5rem);
  --text-xl:   clamp(1.5rem,   1.20rem + 1.25vw, 2.25rem);
  --text-2xl:  clamp(2rem,     1.20rem + 2.50vw, 3.5rem);
  --text-3xl:  clamp(2.5rem,   1.00rem + 4.00vw, 5rem);

  /* Spacing */
  --space-1: 0.25rem;  --space-2: 0.5rem;   --space-3: 0.75rem;
  --space-4: 1rem;     --space-5: 1.25rem;  --space-6: 1.5rem;
  --space-8: 2rem;     --space-10: 2.5rem;  --space-12: 3rem;
  --space-16: 4rem;    --space-20: 5rem;    --space-24: 6rem;
  --space-32: 8rem;

  /* Color — dark premium default */
  --color-bg:           #081421;
  --color-bg-soft:      #0d1d2d;
  --color-surface:      rgba(16, 26, 40, 0.90);
  --color-surface-2:    rgba(22, 34, 50, 0.94);
  --color-surface-lit:  rgba(248, 245, 238, 0.96);
  --color-border:       rgba(200, 218, 235, 0.11);
  --color-divider:      rgba(200, 218, 235, 0.08);

  --color-text:         #edf1f5;
  --color-text-muted:   #a8b8c6;
  --color-text-faint:   #6a7f90;
  --color-text-dark:    #1a2736;

  --color-primary:      #c98f86;
  --color-primary-hover:#dfaaa0;
  --color-accent:       #c98f86;
  --color-accent-hover: #e4b4ab;
  --color-accent-soft:  rgba(201, 143, 134, 0.14);

  /* Radii */
  --radius-sm:  0.4rem;
  --radius-md:  0.6rem;
  --radius-lg:  0.9rem;
  --radius-xl:  1.2rem;
  --radius-2xl: 1.8rem;
  --radius-full:9999px;

  /* Shadows */
  --shadow-sm:  0 8px 24px rgba(0,0,0,0.20);
  --shadow-md:  0 20px 56px rgba(0,0,0,0.32);
  --shadow-lg:  0 36px 90px rgba(0,0,0,0.42);

  /* Layout */
  --content-default: 1140px;
  --content-wide:    1320px;
  --content-narrow:   720px;

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Montserrat', Arial, sans-serif;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition: 200ms var(--ease-out);
}

/* Light mode overrides (toggled via data-theme) */
[data-theme="light"] {
  --color-bg:           #f5f2ec;
  --color-bg-soft:      #ede9e0;
  --color-surface:      rgba(255, 252, 245, 0.96);
  --color-surface-2:    rgba(242, 238, 230, 0.96);
  --color-surface-lit:  rgba(255, 252, 245, 0.98);
  --color-border:       rgba(30, 40, 55, 0.10);
  --color-divider:      rgba(30, 40, 55, 0.07);
  --color-text:         #1a2736;
  --color-text-muted:   #4e6070;
  --color-text-faint:   #8fa0ad;
  --color-text-dark:    #1a2736;
  --color-primary:      #38828c;
  --color-primary-hover:#2c6b74;
  --color-accent:       #a07838;
  --color-accent-hover: #8c6428;
  --color-accent-soft:  rgba(160, 120, 56, 0.12);
  --shadow-sm:  0 2px 8px rgba(20,30,45,0.08);
  --shadow-md:  0 8px 28px rgba(20,30,45,0.12);
  --shadow-lg:  0 20px 60px rgba(20,30,45,0.16);
}

/* ─── Base Reset ─────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-padding-top: var(--space-20);
}
body {
  min-height: 100dvh;
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.65;
  color: var(--color-text);
  background-color: var(--color-bg);
}
img, svg { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }
ul[role="list"], ol[role="list"] { list-style: none; }
h1, h2, h3, h4 { text-wrap: balance; line-height: 1.08; }
p, li, figcaption { text-wrap: pretty; }
button { cursor: pointer; background: none; border: none; }

a, button, [role="button"], input, textarea, select {
  transition: color var(--transition), background-color var(--transition),
              border-color var(--transition), box-shadow var(--transition),
              transform var(--transition), opacity var(--transition);
}
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}
::selection {
  background: rgba(201, 143, 134, 0.22);
  color: var(--color-text);
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ─── Layout ─────────────────────────────────────────────── */
.container { width: min(calc(100% - 2.5rem), var(--content-default)); margin-inline: auto; }
.wide      { width: min(calc(100% - 2.5rem), var(--content-wide));    margin-inline: auto; }
.narrow    { width: min(calc(100% - 2.5rem), var(--content-narrow));  margin-inline: auto; }

.section { padding: clamp(var(--space-12), 8vw, var(--space-24)) 0; }
.section-sm { padding: clamp(var(--space-8), 5vw, var(--space-16)) 0; }

/* Glass card surface */
.glass {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  background: var(--color-surface);
  backdrop-filter: blur(14px);
  box-shadow: var(--shadow-sm);
}
.glass-2 {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface-2);
  backdrop-filter: blur(10px);
}

/* ─── Typography Helpers ─────────────────────────────────── */
h1 { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 700; letter-spacing: -0.03em; }
h2 { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 700; letter-spacing: -0.025em; }
h3 { font-family: var(--font-display); font-size: var(--text-lg);  font-weight: 600; letter-spacing: -0.015em; }
h4 { font-family: var(--font-display); font-size: var(--text-base); font-weight: 600; }
p  { color: var(--color-text-muted); max-width: 68ch; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0.38rem 0.85rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  background: rgba(255,255,255,0.04);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--color-accent);
}
[data-theme="light"] .eyebrow {
  background: rgba(0,0,0,0.04);
  color: var(--color-accent);
}
/* Hero eyebrow: brighter on dark marble so it reads clearly */
.hero-eyebrow {
  color: #ffffff;
  border-color: rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.10);
}

.section-label {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-10);
}
.section-label > h2,
.section-label > h3 { max-width: 14ch; }
.section-label > p  { max-width: 52ch; font-size: var(--text-base); }

/* ─── Buttons ────────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 48px;
  padding: 0.875rem 1.5rem;
  border-radius: var(--radius-full);
  border: 1px solid transparent;
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 600;
  white-space: nowrap;
}
.btn-primary {
  background: var(--color-primary);
  color: #07131c;
}
.btn-primary:hover {
  background: var(--color-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(90,165,174,0.30);
}
.btn-gold {
  background: var(--color-accent);
  color: #1a1008;
}
.btn-gold:hover {
  background: var(--color-accent-hover);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(200,169,106,0.30);
}
.btn-ghost {
  background: rgba(255,255,255,0.05);
  border-color: var(--color-border);
  color: var(--color-text);
}
.btn-ghost:hover {
  background: rgba(255,255,255,0.09);
}
[data-theme="light"] .btn-ghost {
  background: rgba(0,0,0,0.04);
  border-color: var(--color-border);
}
[data-theme="light"] .btn-ghost:hover {
  background: rgba(0,0,0,0.07);
}
.btn-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }

/* ─── Trust pills ────────────────────────────────────────── */
.trust-strip { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.trust-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0.45rem 0.85rem;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border);
  background: rgba(255,255,255,0.04);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
[data-theme="light"] .trust-pill {
  background: rgba(0,0,0,0.04);
}

/* ─── Skip link ──────────────────────────────────────────── */
.skip-link {
  position: absolute;
  left: 1rem;
  top: -4rem;
  background: var(--color-primary);
  color: #07131c;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-full);
  z-index: 200;
  font-weight: 600;
  font-size: var(--text-sm);
}
.skip-link:focus { top: 1rem; }

/* ─── Site Header ────────────────────────────────────────── */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(10, 17, 28, 0.70);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid transparent;
  transition: border-color var(--transition), background var(--transition);
}
[data-theme="light"] .site-header {
  background: rgba(245, 242, 236, 0.80);
}
.site-header.scrolled {
  border-color: var(--color-border);
}

.nav-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: 76px;
}

/* Logo / brand mark */
.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  flex-shrink: 0;
}
.brand-mark {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-border);
  background: linear-gradient(135deg, rgba(200,169,106,0.18), rgba(90,165,174,0.12));
}
.brand-mark svg { width: 24px; height: 24px; }
/* Logo image variant — removes box border, shows actual logo */
.brand-mark--logo {
  border: none;
  background: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.nav-logo-img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}
.brand-copy { display: grid; gap: 0.05rem; }
.brand-copy strong {
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-text);
}
.brand-copy span {
  font-size: var(--text-xs);
  color: var(--color-text-faint);
}

.nav-links {
  display: none;
  align-items: center;
  gap: var(--space-6);
  list-style: none;
}
.nav-links a {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-text-muted);
  padding: 0.25rem 0;
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--color-accent);
  transition: width var(--transition);
}
.nav-links a:hover { color: var(--color-text); }
.nav-links a:hover::after,
.nav-links a.active::after { width: 100%; }
.nav-links a.active { color: var(--color-text); }

.nav-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.icon-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  background: rgba(255,255,255,0.05);
  display: grid;
  place-items: center;
  color: var(--color-text-muted);
}
.icon-btn:hover { color: var(--color-text); background: rgba(255,255,255,0.09); }
[data-theme="light"] .icon-btn { background: rgba(0,0,0,0.04); }
[data-theme="light"] .icon-btn:hover { background: rgba(0,0,0,0.07); }

.menu-toggle { display: grid; }

.mobile-nav {
  display: none;
  padding: var(--space-4) 0 var(--space-6);
  gap: 0;
  list-style: none;
}
.mobile-nav.open { display: grid; }
.mobile-nav a {
  display: block;
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--color-divider);
  font-size: var(--text-base);
  color: var(--color-text-muted);
}
.mobile-nav a:hover { color: var(--color-text); }

/* ─── Compliance Footer Bar ──────────────────────────────── */
.compliance-bar {
  background: rgba(6,10,16,0.92);
  border-top: 1px solid var(--color-divider);
  padding: var(--space-6) 0;
}
[data-theme="light"] .compliance-bar {
  background: rgba(235, 230, 220, 0.95);
}
.compliance-bar p {
  font-size: var(--text-xs);
  line-height: 1.7;
  color: var(--color-text-faint);
  max-width: 100%;
}
[data-theme="light"] .compliance-bar p {
  color: var(--color-text-muted);
}

/* ─── Site Footer ────────────────────────────────────────── */
.site-footer {
  background: var(--color-bg-soft);
  border-top: 1px solid var(--color-border);
  padding: var(--space-16) 0 var(--space-8);
}
[data-theme="light"] .site-footer {
  background: #e8e3d8;
}
.footer-grid {
  display: grid;
  gap: var(--space-10);
  margin-bottom: var(--space-10);
}
.footer-col h4 {
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-faint);
  margin-bottom: var(--space-4);
}
.footer-col p,
.footer-col li {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  line-height: 1.7;
}
.footer-col ul { list-style: none; display: grid; gap: var(--space-2); }
.footer-col a { color: var(--color-text-muted); }
.footer-col a:hover { color: var(--color-primary); }

.footer-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-divider);
  font-size: var(--text-xs);
  color: var(--color-text-faint);
}

/* ─── Bullet list ────────────────────────────────────────── */
.check-list { list-style: none; display: grid; gap: var(--space-4); }
.check-list li {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  color: var(--color-text-muted);
  font-size: var(--text-base);
}
.check-list li::before {
  content: '';
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 0.22em;
  border-radius: 50%;
  background: var(--color-accent-soft);
  border: 1.5px solid var(--color-accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23c8a96a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

/* ─── Marble background (hero) ───────────────────────────── */
.marble-bg {
  position: relative;
  overflow: hidden;
}
.marble-bg::before {
  content: '';
  position: absolute;
  inset: -5%;
  background:
    radial-gradient(ellipse at 18% 28%, rgba(230,235,242,0.78) 0%, transparent 18%),
    radial-gradient(ellipse at 30% 38%, rgba(110,120,140,0.50) 0%, transparent 22%),
    radial-gradient(ellipse at 65% 30%, rgba(200,169,106,0.28) 0%, transparent 16%),
    radial-gradient(ellipse at 80% 20%, rgba(218,222,232,0.32) 0%, transparent 12%),
    radial-gradient(ellipse at 72% 65%, rgba(8,14,22,0.95)    0%, transparent 26%),
    radial-gradient(ellipse at 88% 82%, rgba(188,142,84,0.22)  0%, transparent 10%),
    linear-gradient(112deg,
      transparent  0%  15%,
      rgba(215,220,230,0.58) 17%,
      transparent 25%,
      rgba(196,152,90,0.78)  28%,
      transparent 33%,
      transparent 43%,
      rgba(222,226,234,0.46) 47%,
      transparent 53%,
      rgba(184,138,80,0.74)  57%,
      transparent 62%,
      transparent 100%
    ),
    linear-gradient(180deg, rgba(8,14,22,0.28), rgba(8,14,22,0.64));
  filter: blur(1.8px) saturate(1.08);
  transform: scale(1.06);
  z-index: 0;
  pointer-events: none;
}
.marble-bg > * { position: relative; z-index: 1; }

/* ─── Carrier logo strip ─────────────────────────────────── */
.carrier-strip {
  padding: var(--space-8) 0;
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-divider);
}
.carrier-strip-label {
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--color-text-faint);
  margin-bottom: var(--space-5);
}
.carrier-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-8);
}
.carrier-logo-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 90px;
  opacity: 0.45;
  filter: grayscale(1) brightness(1.4);
  transition: opacity var(--transition), filter var(--transition);
}
.carrier-logo-slot:hover {
  opacity: 0.75;
  filter: grayscale(0.6) brightness(1.2);
}
/* Placeholder slot style (before real logos are dropped in) */
.carrier-logo-placeholder {
  width: 100px;
  height: 30px;
  border-radius: var(--radius-md);
  background: rgba(255,255,255,0.07);
  border: 1px dashed var(--color-border);
  display: grid;
  place-items: center;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-faint);
  font-family: var(--font-body);
}
[data-theme="light"] .carrier-logo-placeholder {
  background: rgba(0,0,0,0.05);
}

/* ─── Interior page hero (shorter) ──────────────────────── */
.page-hero {
  padding: clamp(var(--space-10), 6vw, var(--space-20)) 0 clamp(var(--space-8), 4vw, var(--space-16));
  background: var(--color-bg);
}

/* ─── Breadcrumb ─────────────────────────────────────────── */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  list-style: none;
  font-size: var(--text-xs);
  color: var(--color-text-faint);
  margin-bottom: var(--space-6);
}
.breadcrumb li + li::before { content: '/'; margin-right: var(--space-2); }
.breadcrumb a { color: var(--color-text-faint); }
.breadcrumb a:hover { color: var(--color-primary); }

/* ─── Info card ──────────────────────────────────────────── */
.info-card {
  padding: var(--space-8);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
}
.info-card + .info-card { margin-top: var(--space-4); }
.info-card h3 { margin-bottom: var(--space-3); }
.info-card p  { margin-top: var(--space-2); }

/* ─── Accent rule ─────────────────────────────────────────── */
.accent-rule {
  display: block;
  width: 48px;
  height: 3px;
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--color-accent), var(--color-primary));
  margin-bottom: var(--space-5);
}

/* ─── State badge ────────────────────────────────────────── */
.state-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 0.28rem 0.65rem;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border);
  background: var(--color-accent-soft);
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-accent);
}
.state-badges { display: flex; flex-wrap: wrap; gap: var(--space-2); }

/* ─── Responsive breakpoints ─────────────────────────────── */
@media (min-width: 780px) {
  .nav-links  { display: flex; }
  .menu-toggle { display: none; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
}


/* 2026 rebrand: midnight navy, ivory, brushed rose gold */
.vh-monogram {
  width: 46px; height: 46px; border-radius: 50%;
  border: 1.5px solid var(--color-accent);
  display: grid; place-items: center;
  color: var(--color-accent);
  font-family: var(--font-display);
  font-size: 1.15rem; font-weight: 600; letter-spacing: .04em;
  background: rgba(8,20,33,.78);
  box-shadow: inset 0 0 0 4px rgba(201,143,134,.035);
}
.brand-copy strong { font-family: var(--font-display); font-size: 1.08rem; letter-spacing: .025em; }
.brand-copy span { letter-spacing: .13em; text-transform: uppercase; font-size: .62rem; }
.btn-primary { background: var(--color-accent); color: #081421; }
.btn-primary:hover { background: var(--color-accent-hover); box-shadow: 0 8px 26px rgba(201,143,134,.28); }
.site-header { background: rgba(8,20,33,.84); }
.hero-inner { min-height: 680px; display:flex; align-items:center; }
.hero-inner::before {
  inset:0 !important; transform:none !important; filter:none !important;
  background-image: linear-gradient(90deg, rgba(5,14,24,.93) 0%, rgba(5,14,24,.78) 48%, rgba(5,14,24,.38) 100%), url('marble-header-new.png') !important;
  background-size: cover !important; background-position:center !important;
}
.hero-grid { width:100%; grid-template-columns:minmax(0, 1fr) !important; }
.hero-copy { max-width: 720px; padding: clamp(1rem,3vw,2.5rem); }
.hero-copy h1 { font-size: clamp(3.35rem,7vw,6.6rem); line-height:.92; font-weight:600; letter-spacing:-.035em; max-width:10ch; }
.hero-copy .lede { max-width: 52ch; font-size: clamp(1.05rem,1.5vw,1.3rem); }
.hero-art { display:none; }
.hero-stats { max-width: 620px; }
.hero-stat { backdrop-filter: blur(12px); background:rgba(8,20,33,.52); border-color:rgba(255,255,255,.14); }
.section-label > h2 { max-width: 18ch; }
.pillar,.service-card,.cta-card { box-shadow: 0 18px 50px rgba(0,0,0,.16); }
.site-footer { position:relative; overflow:hidden; }
.site-footer::before { content:''; position:absolute; inset:0; background:url('marble-header-new.png') center/cover; opacity:.10; pointer-events:none; }
.site-footer > * { position:relative; }
@media(max-width:700px){
  .hero-inner{min-height:620px;border-radius:1.2rem}
  .hero-copy h1{font-size:clamp(3rem,16vw,4.6rem)}
  .hero-stats{grid-template-columns:1fr}
  .brand-copy strong{font-size:.92rem}
}