/* ═══════════════════════════════════════════════════════════════
   CINNABAR SWITCHGEAR × PLUMBER — Design-A
   Scoped: [data-design="a"]
   12-16 trade-rooted color tokens (copper/brass/cinnabar warm-industrial)
   ~1000 CSS budget
   ═══════════════════════════════════════════════════════════════ */

/* ── Token system ─────────────────────────────────────────────── */
[data-design="a"] {
  --design-a-primary:       #C8421E; /* cinnabar enamel */
  --a-cinnabar:             #C8421E;
  --a-cinnabar-deep:        #9C2F12;
  --a-graphite:             #1A1612;
  --a-aluminum:             #C5C2BB;
  --a-brass:                #8A6A2A;
  --a-copper:               #B65A2C;
  --a-livewire:             #2A4A8A;
  --a-paper:                #ECE6D5;
  --a-paper-2:              #E2DCC8;
  --a-ink:                  #231C16;
  --a-ink-mute:             #605044;
  --a-success:              #3B7A3F;
  --a-font-display: 'Antique Olive', 'Recoleta', Georgia, 'Iowan Old Style', serif;
  --a-font-body:    'Inter', 'Helvetica Neue', -apple-system, system-ui, sans-serif;
  --a-font-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --a-clack:   90ms;
  --a-throw:   220ms;
  --a-warm:    480ms;
  --a-breath:  4.6s;
  --a-r-bolt:  2px;
  --a-r-plate: 6px;
  --a-r-rocker:10px;

  box-sizing: border-box;
  background: var(--a-paper);
  color: var(--a-ink);
  font-family: var(--a-font-body);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

[data-design="a"] *, [data-design="a"] *::before, [data-design="a"] *::after {
  box-sizing: inherit;
}

/* ── E1: Header ──────────────────────────────────────────────── */
[data-design="a"] .a-header {
  position: sticky; top: 0; z-index: 20;
  background: var(--a-cinnabar);
  color: var(--a-paper);
}
[data-design="a"] .a-header__plate {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px clamp(16px, 4vw, 32px); gap: 16px;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
}
[data-design="a"] .a-logo {
  display: inline-flex; align-items: center; gap: 12px;
  text-decoration: none; color: inherit; min-width: 0;
}
[data-design="a"] .a-logo__mark {
  width: 30px; height: 30px; flex: 0 0 auto;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.4));
}
[data-design="a"] .a-logo__text {
  font-family: var(--a-font-display); font-weight: 700;
  font-size: clamp(16px, 2.2vw, 20px); letter-spacing: -0.01em; line-height: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
[data-design="a"] .a-logo__amp { opacity: 0.75; }
[data-design="a"] .a-hamburger {
  width: 44px; height: 44px; display: inline-flex; flex-direction: column;
  justify-content: center; align-items: center; gap: 5px;
  background: transparent; border: 1px solid rgba(236,230,213,.35);
  border-radius: 6px; cursor: pointer; padding: 0; flex: 0 0 auto;
  color: inherit;
}
[data-design="a"] .a-hamburger span {
  width: 18px; height: 1.5px; background: var(--a-paper); display: block;
}
[data-design="a"] .a-hamburger:hover { background: rgba(0,0,0,.18); }
[data-design="a"] .a-hamburger:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(181,90,44,.6); }

/* copper bus rail */
[data-design="a"] .a-busrail {
  height: 22px; background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.25));
  overflow: hidden;
}
[data-design="a"] .a-busrail__svg { display: block; width: 100%; height: 100%; }
[data-design="a"] .a-phase--r { animation: a-phase-drift 24s linear infinite; }
[data-design="a"] .a-phase--s { animation: a-phase-drift 27s linear infinite; }
[data-design="a"] .a-phase--t { animation: a-phase-drift 31s linear infinite; }
@keyframes a-phase-drift { from { transform: translateX(0); } to { transform: translateX(1600px); } }

/* drawer */
[data-design="a"] .a-drawer {
  position: fixed; inset: 0; background: var(--a-graphite); color: var(--a-paper);
  padding: 72px 24px 32px; display: flex; flex-direction: column; gap: 0;
  font-family: var(--a-font-display); font-size: clamp(22px, 5vw, 36px);
  transform: translateY(-100%); transition: transform 380ms cubic-bezier(.2,.9,.15,1);
  z-index: 30;
}
[data-design="a"] .a-drawer[data-open="true"] { transform: translateY(0); }
[data-design="a"] .a-drawer a {
  color: var(--a-paper); text-decoration: none;
  border-bottom: 1px solid rgba(236,230,213,.18); padding: 14px 0; display: block;
}
[data-design="a"] .a-drawer a:hover { color: var(--a-cinnabar); }
[data-design="a"] .a-drawer__phone {
  margin-top: 8px; color: var(--a-copper) !important; font-weight: 700;
}
[data-design="a"] .a-drawer__close {
  position: absolute; top: 18px; right: 18px; width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid rgba(255,255,255,.2); border-radius: 6px;
  color: var(--a-paper); cursor: pointer;
}
[data-design="a"] .a-drawer__close:hover { background: rgba(255,255,255,.08); }
[data-design="a"] .a-drawer__backdrop {
  display: none; position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 29;
}
[data-design="a"] .a-drawer__backdrop.is-visible { display: block; }

/* ── HERO (E3 backdrop + text) ──────────────────────────────── */
[data-design="a"] .a-hero {
  position: relative; min-height: clamp(420px, 70vh, 660px);
  background: var(--a-graphite); color: var(--a-paper);
  display: flex; align-items: center; overflow: hidden;
}
[data-design="a"] .a-hero__backdrop {
  position: absolute; inset: 0; z-index: 0; overflow: hidden;
}
[data-design="a"] .a-hero__pipe-svg {
  position: absolute; inset: 0; width: 100%; height: 100%;
  display: block;
}

/* gauge needle sweep — sustained ambient rotation (5s cycle) */
[data-design="a"] .a-gauge__needle {
  transform-origin: 0px 4px;
  animation: a-gauge-sweep 5s cubic-bezier(.42,0,.58,1) infinite;
}
@keyframes a-gauge-sweep {
  0%   { transform: rotate(-80deg); }
  45%  { transform: rotate(45deg);  }
  55%  { transform: rotate(50deg);  }
  100% { transform: rotate(-80deg); }
}

/* copper glow pulse — hero presence floor, opacity ≥0.25, >3s cycle */
[data-design="a"] .a-hero-pulse {
  animation: a-hero-pulse 5.4s cubic-bezier(.42,0,.58,1) infinite;
}
@keyframes a-hero-pulse {
  0%, 100% { opacity: 0.12; }
  50%       { opacity: 0.42; }
}

/* flow dots along main pipe */
[data-design="a"] .a-flow-dot--1 { animation: a-flow-run 8s linear infinite; }
[data-design="a"] .a-flow-dot--2 { animation: a-flow-run 8s linear 3.2s infinite; }
@keyframes a-flow-run {
  0%   { transform: translateX(0);    opacity: 0; }
  5%   { opacity: 0.75; }
  95%  { opacity: 0.55; }
  100% { transform: translateX(900px); opacity: 0; }
}

[data-design="a"] .a-hero__inner {
  position: relative; z-index: 2; width: 100%;
  padding: clamp(56px, 8vw, 96px) clamp(20px, 5vw, 80px);
  max-width: 1200px; margin: 0 auto;
}
[data-design="a"] .a-hero__copy { max-width: 600px; }

/* hero text — opacity:1 at FIRST PAINT, never hidden */
[data-design="a"] .a-hero__headline {
  font-family: var(--a-font-display);
  font-size: clamp(32px, 5.5vw, 64px);
  line-height: 1.05; letter-spacing: -0.025em;
  color: var(--a-paper); margin: 0 0 clamp(14px, 2vw, 22px);
  opacity: 1; text-shadow: 0 2px 12px rgba(0,0,0,.4);
}
[data-design="a"] .a-hero__subtitle {
  font-family: var(--a-font-body); font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.55; color: rgba(236,230,213,.8);
  margin: 0 0 8px; opacity: 1;
}
[data-design="a"] .a-hero__proof {
  font-family: var(--a-font-mono); font-size: 12px; letter-spacing: .14em;
  color: var(--a-copper); text-transform: uppercase;
  margin: 0 0 clamp(24px, 3vw, 36px); opacity: 1;
}

/* E2 — rocker CTA phone button */
[data-design="a"] .a-rocker {
  position: relative; display: inline-flex; align-items: center; gap: 14px;
  padding: 16px 24px 16px 28px;
  background: linear-gradient(180deg, #D14E29 0%, #C8421E 60%, #B43816 100%);
  color: var(--a-paper); font-family: var(--a-font-display);
  font-size: 17px; font-weight: 700; letter-spacing: .02em;
  text-decoration: none; cursor: pointer; border: none;
  border-radius: var(--a-r-rocker);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -2px 0 rgba(0,0,0,.30),
    0 1px 0 var(--a-brass),
    0 2px 0 #604812,
    0 6px 12px rgba(20,12,8,.35);
  transition:
    transform var(--a-throw) cubic-bezier(.2,.9,.15,1),
    box-shadow var(--a-throw) cubic-bezier(.2,.9,.15,1),
    background-color var(--a-clack) cubic-bezier(.5,1.8,.2,1);
  will-change: transform;
  min-height: 48px;
  --magnetic-x: 0px; --magnetic-y: 0px;
  transform: translate(var(--magnetic-x), var(--magnetic-y));
}
[data-design="a"] .a-rocker__pilot {
  width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto;
  background: radial-gradient(circle at 35% 30%, #FFD68A 0%, #E29A2C 55%, #8A4B0E 100%);
  box-shadow: 0 0 6px rgba(226,154,44,.55), inset 0 0 2px rgba(0,0,0,.4);
  animation: a-pilot-breath var(--a-breath) cubic-bezier(.42,0,.58,1) infinite;
}
[data-design="a"] .a-rocker__label { line-height: 1; }
[data-design="a"] .a-rocker__arrow {
  display: inline-flex; align-items: center; color: #FFD68A;
  transition: color var(--a-warm) cubic-bezier(.32,0,.15,1);
}
[data-design="a"] .a-rocker:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 0 rgba(0,0,0,.32),
    0 1px 0 var(--a-brass), 0 3px 0 #604812, 0 10px 18px rgba(20,12,8,.4);
}
[data-design="a"] .a-rocker:hover .a-rocker__pilot { animation-duration: 2.2s; }
[data-design="a"] .a-rocker:hover .a-rocker__arrow { color: #FFE2A8; }
[data-design="a"] .a-rocker:focus-visible {
  outline: none; box-shadow: 0 0 0 3px rgba(181,90,44,.7), inset 0 1px 0 rgba(255,255,255,.18);
}
[data-design="a"] .a-rocker:active {
  background: linear-gradient(180deg, #9C2F12 0%, #82240C 100%);
  transform: translate(var(--magnetic-x), calc(var(--magnetic-y) + 3px)) rotateX(6deg);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.45), 0 1px 2px rgba(20,12,8,.3);
  transition-duration: 90ms;
}
[data-design="a"] .rocker--ghost,
[data-design="a"] .rocker--secondary {
  background: transparent; color: var(--a-ink);
  padding: 12px 18px; border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--a-brass);
  font-family: var(--a-font-body); font-size: 15px; font-weight: 600;
}
[data-design="a"] .rocker--ghost:hover,
[data-design="a"] .rocker--secondary:hover { background: var(--a-paper-2); }
[data-design="a"] .rocker--ghost:focus-visible,
[data-design="a"] .rocker--secondary:focus-visible {
  box-shadow: 0 0 0 3px rgba(200,66,30,.4); outline: none;
}

@keyframes a-pilot-breath {
  0%, 100% { box-shadow: 0 0 4px rgba(226,154,44,.45), inset 0 0 2px rgba(0,0,0,.4); opacity: .85; }
  50%       { box-shadow: 0 0 9px rgba(255,214,138,.85), inset 0 0 2px rgba(0,0,0,.4); opacity: 1; }
}

[data-design="a"] .a-hero__cta { margin-bottom: clamp(16px, 2vw, 24px); }
[data-design="a"] .a-hero__trust-chip {
  font-family: var(--a-font-mono); font-size: 11px; letter-spacing: .12em;
  color: var(--a-copper); text-transform: uppercase; margin: 0; opacity: 1;
}

/* ── E6: POINTER ─────────────────────────────────────────────── */
[data-design="a"] .a-pointer {
  display: flex; align-items: center; gap: 16px;
  padding: 22px clamp(20px, 5vw, 80px);
  background: var(--a-paper-2);
  border-top: 1px solid rgba(138,106,42,.25);
  border-bottom: 2px solid var(--a-cinnabar);
  opacity: 1; /* MUST be visible */
  min-height: 64px;
  font-variant-numeric: tabular-nums;
  color: var(--a-ink);
}
[data-design="a"] .a-pointer__label {
  font-family: var(--a-font-mono); font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--a-copper); white-space: nowrap;
  margin: 0;
}
[data-design="a"] .a-pointer__bar {
  position: relative; flex: 1; height: 2px;
  background: var(--a-ink); opacity: 0.15; border-radius: 1px; overflow: hidden;
}
[data-design="a"] .a-pointer__bar-fill {
  position: absolute; inset: 0;
  width: var(--a-pointer-progress, 20%);
  background: var(--a-cinnabar); opacity: 1;
  transition: width 480ms cubic-bezier(.22,.61,.36,1);
}
[data-design="a"] .a-pointer__counter {
  font-family: var(--a-font-mono); font-size: 12px; letter-spacing: .16em;
  text-transform: uppercase; opacity: 0.75; white-space: nowrap;
}
[data-design="a"] .a-pointer__counter-now {
  display: inline-block; min-width: 1ch;
  animation: a-pointer-tick 320ms ease-out;
}
[data-design="a"] .a-pointer__chev {
  font-size: 18px; opacity: 0.6;
  animation: a-pointer-chev 4s ease-in-out infinite;
}
@keyframes a-pointer-tick {
  0%   { transform: translateY(-6px); opacity: 0; }
  100% { transform: translateY(0);    opacity: 1; }
}
@keyframes a-pointer-chev {
  0%, 100% { transform: translateX(0);   opacity: 0.45; }
  50%       { transform: translateX(4px); opacity: 0.9; }
}

/* ── E5: FUNNEL ──────────────────────────────────────────────── */
[data-design="a"] .a-funnel-wrap {
  padding: clamp(48px, 8vw, 96px) clamp(16px, 4vw, 48px);
  background: var(--a-paper);
}
[data-design="a"] .a-funnel-shell {
  max-width: 720px; margin: 0 auto;
  background: var(--a-paper); border: 1px solid var(--a-ink);
  border-radius: 6px; padding: clamp(24px, 4vw, 40px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 var(--a-ink);
  position: relative;
}
[data-design="a"] .a-funnel-shell::before,
[data-design="a"] .a-funnel-shell::after {
  content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, var(--a-aluminum), #604812); top: 12px;
}
[data-design="a"] .a-funnel-shell::before { left: 12px; }
[data-design="a"] .a-funnel-shell::after  { right: 12px; }
[data-design="a"] .a-funnel-head { margin-bottom: 24px; }
[data-design="a"] .a-funnel-title {
  font-family: var(--a-font-display); font-size: clamp(24px, 3.4vw, 36px);
  line-height: 1.1; letter-spacing: -0.02em; color: var(--a-ink); margin: 8px 0;
}
[data-design="a"] .a-funnel-sub { color: var(--a-ink-mute); font-size: 15px; margin: 0; }

/* breaker mini-panel */
[data-design="a"] .a-funnel-panel {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px;
  margin: 24px 0 28px; padding: 12px; background: var(--a-graphite); border-radius: 4px;
}
[data-design="a"] .a-fbrk {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 10px; background: var(--a-aluminum); border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.6);
}
[data-design="a"] .a-fbrk__tip {
  width: 12px; height: 12px; border-radius: 2px; background: var(--a-graphite);
  transition: background var(--a-throw) cubic-bezier(.2,.9,.15,1), box-shadow var(--a-throw);
}
[data-design="a"] .a-fbrk.is-on .a-fbrk__tip { background: var(--a-cinnabar); box-shadow: 0 0 8px rgba(200,66,30,.7); }
[data-design="a"] .a-fbrk.is-active .a-fbrk__tip { background: #E29A2C; box-shadow: 0 0 8px rgba(226,154,44,.85); animation: a-pilot-breath 1.8s cubic-bezier(.42,0,.58,1) infinite; }
[data-design="a"] .a-fbrk__label { font-family: var(--a-font-mono); font-size: 10px; color: var(--a-ink); letter-spacing: .12em; }

/* funnel form */
[data-design="a"] .a-funnel-step { border: 0; padding: 0; margin: 0; }
[data-design="a"] .a-funnel-step[hidden] { display: none; }
[data-design="a"] .a-funnel-step:not([hidden]) { animation: a-step-in var(--a-throw) cubic-bezier(.2,.9,.15,1) both; }
@keyframes a-step-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
[data-design="a"] .a-funnel-legend {
  font-family: var(--a-font-display); font-size: clamp(18px, 2.4vw, 24px);
  line-height: 1.2; color: var(--a-ink); margin: 0 0 16px; padding: 0;
}
[data-design="a"] .a-choices {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
[data-design="a"] .a-choices label {
  display: flex; align-items: center; gap: 10px; padding: 13px 14px;
  background: var(--a-paper); border: 1px solid var(--a-brass); border-radius: 6px;
  cursor: pointer; font-size: 14px; color: var(--a-ink);
  transition: background 140ms cubic-bezier(.32,0,.15,1), border-color 140ms;
  min-height: 44px;
}
[data-design="a"] .a-choices label:hover { background: var(--a-paper-2); border-color: var(--a-cinnabar); }
[data-design="a"] .a-choices input { accent-color: var(--a-cinnabar); }
[data-design="a"] .a-choices label:has(input:checked) {
  background: var(--a-graphite); color: var(--a-paper); border-color: var(--a-cinnabar);
}
[data-design="a"] .a-field {
  display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px;
}
[data-design="a"] .a-field label {
  font-family: var(--a-font-mono); font-size: 11px; letter-spacing: .14em;
  color: var(--a-ink-mute); text-transform: uppercase;
}
[data-design="a"] .a-field__optional { text-transform: none; letter-spacing: 0; font-family: var(--a-font-body); opacity: .6; }
[data-design="a"] .a-field input {
  padding: 12px 14px; background: var(--a-paper); border: 1px solid var(--a-brass);
  border-radius: 6px; font-family: var(--a-font-body); font-size: 16px; color: var(--a-ink);
  box-shadow: inset 0 1px 0 rgba(0,0,0,.05);
}
[data-design="a"] .a-field input:focus-visible {
  outline: none; border-color: var(--a-cinnabar);
  box-shadow: 0 0 0 3px rgba(200,66,30,.25), inset 0 1px 0 rgba(0,0,0,.05);
}
[data-design="a"] .a-funnel-nav {
  display: flex; justify-content: space-between; gap: 10px; margin-top: 22px;
}
[data-design="a"] .a-funnel-submit { width: 100%; justify-content: center; }
[data-design="a"] .a-funnel-done { padding: 24px 0; }
[data-design="a"] .a-funnel-done[hidden] { display: none; }
[data-design="a"] .a-funnel-done h3 {
  font-family: var(--a-font-display); font-size: 28px; margin: 6px 0 10px; color: var(--a-ink);
}
[data-design="a"] .a-funnel-done p { color: var(--a-ink-mute); font-size: 16px; line-height: 1.55; }
[data-design="a"] .a-funnel-done a { color: var(--a-cinnabar); }

/* emergency CTA inside funnel step 2 */
[data-design="a"] .a-funnel-step__emergency {
  background: rgba(200,66,30,.07); border-left: 3px solid var(--a-cinnabar);
  border-radius: 4px; padding: 14px 16px; margin-bottom: 16px;
}
[data-design="a"] .a-funnel-step__emergency p { margin: 0 0 10px; font-size: 14px; }
[data-design="a"] .a-funnel-step__emergency[hidden] { display: none; }

/* ── STAMP ───────────────────────────────────────────────────── */
[data-design="a"] .a-stamp {
  font-family: var(--a-font-mono); font-size: 11px; letter-spacing: .22em;
  color: var(--a-copper); text-transform: uppercase; margin: 0 0 14px;
}
[data-design="a"] .a-stamp--success { color: var(--a-success); }

/* ── SERVICES ────────────────────────────────────────────────── */
[data-design="a"] .a-services {
  background: var(--a-graphite); color: var(--a-paper);
  padding: clamp(56px, 8vw, 96px) clamp(20px, 4vw, 48px);
}
[data-design="a"] .a-services__inner { max-width: 900px; margin: 0 auto; }
[data-design="a"] .a-services .a-stamp { color: var(--a-cinnabar); }
[data-design="a"] .a-section-title {
  font-family: var(--a-font-display); font-size: clamp(28px, 4.5vw, 52px);
  line-height: 1.05; letter-spacing: -0.02em; color: inherit; margin: 0 0 12px;
}
[data-design="a"] .a-section-sub {
  color: var(--a-aluminum); font-size: clamp(15px, 1.5vw, 17px); margin: 0 0 32px; line-height: 1.5;
}

/* E4 mid-page ambient pipe strip */
[data-design="a"] .a-ambient-b { margin: 0 0 36px; overflow: hidden; height: 80px; }
[data-design="a"] .a-ambient-b__svg { display: block; width: 100%; height: 80px; }
[data-design="a"] .a-mid-dot--1 { animation: a-mid-flow 10s linear infinite; }
[data-design="a"] .a-mid-dot--2 { animation: a-mid-flow 10s linear 4.8s infinite; }
@keyframes a-mid-flow {
  0%   { transform: translateX(0);    opacity: 0; }
  4%   { opacity: 0.6; }
  96%  { opacity: 0.45; }
  100% { transform: translateX(900px); opacity: 0; }
}

[data-design="a"] .a-services__list { list-style: none; padding: 0; margin: 0; }
[data-design="a"] .a-service-row {
  display: flex; align-items: center; gap: clamp(12px, 2vw, 24px);
  padding: 18px 0; border-bottom: 1px solid rgba(197,194,187,.12);
  flex-wrap: wrap;
}
[data-design="a"] .a-service-row:first-child { border-top: 1px solid rgba(197,194,187,.12); }
[data-design="a"] .a-service-row__num {
  font-family: var(--a-font-mono); font-size: 11px; letter-spacing: .14em;
  color: var(--a-copper); min-width: 28px; flex: 0 0 auto;
}
[data-design="a"] .a-service-row__body { flex: 1; min-width: 160px; }
[data-design="a"] .a-service-row__body strong { display: block; font-size: 16px; color: var(--a-paper); }
[data-design="a"] .a-service-row__body span { font-size: 13px; color: var(--a-aluminum); }
[data-design="a"] .a-service-row__cta {
  font-family: var(--a-font-mono); font-size: 12px; letter-spacing: .06em;
  color: var(--a-copper); text-decoration: none; white-space: nowrap; flex: 0 0 auto;
  padding: 8px 0; min-height: 44px; display: inline-flex; align-items: center;
}
[data-design="a"] .a-service-row__cta:hover { color: var(--a-cinnabar); }

/* ── SERVICE AREA ────────────────────────────────────────────── */
[data-design="a"] .a-service-area {
  background: var(--a-paper-2); padding: clamp(56px, 8vw, 96px) clamp(20px, 4vw, 48px);
}
[data-design="a"] .a-service-area__inner { max-width: 900px; margin: 0 auto; }
[data-design="a"] .a-service-area .a-section-title { color: var(--a-ink); }
[data-design="a"] .a-service-area .a-section-sub { color: var(--a-ink-mute); }
[data-design="a"] .a-area-list {
  list-style: none; padding: 0; margin: 0 0 32px;
  display: flex; flex-wrap: wrap; gap: clamp(8px, 2vw, 16px);
}
[data-design="a"] .a-area-list li {
  background: var(--a-paper); border: 1px solid var(--a-brass);
  border-radius: var(--a-r-plate); padding: 8px 16px;
  font-size: 14px; color: var(--a-ink); white-space: nowrap;
}

/* ── ABOUT ───────────────────────────────────────────────────── */
[data-design="a"] .a-about {
  background: var(--a-paper); padding: clamp(56px, 8vw, 96px) clamp(20px, 4vw, 48px);
}
[data-design="a"] .a-about__inner { max-width: 680px; margin: 0 auto; }
[data-design="a"] .a-about .a-section-title { color: var(--a-ink); }
[data-design="a"] .a-about__copy {
  font-size: clamp(15px, 1.5vw, 18px); line-height: 1.7; color: var(--a-ink-mute);
  max-width: 62ch; margin: 0 0 18px;
}
[data-design="a"] .a-about__credentials {
  font-family: var(--a-font-mono); font-size: 12px; letter-spacing: .14em;
  color: var(--a-copper); text-transform: uppercase; margin: 0;
}

/* ── FOOTER ──────────────────────────────────────────────────── */
[data-design="a"] .a-footer {
  background: var(--a-graphite); color: var(--a-paper);
  padding: clamp(40px, 6vw, 64px) clamp(20px, 4vw, 48px) 24px;
}
[data-design="a"] .a-footer__inner {
  max-width: 900px; margin: 0 auto; display: flex; flex-wrap: wrap;
  gap: clamp(24px, 4vw, 48px); margin-bottom: 32px;
}
[data-design="a"] .a-footer__brand { display: flex; flex-direction: column; gap: 6px; }
[data-design="a"] .a-footer__name {
  font-family: var(--a-font-display); font-size: 18px; font-weight: 700;
}
[data-design="a"] .a-footer__location { font-size: 13px; color: var(--a-aluminum); }
[data-design="a"] .a-footer__contact { display: flex; flex-direction: column; gap: 6px; }
[data-design="a"] .a-footer__phone {
  font-family: var(--a-font-display); font-size: 20px; font-weight: 700;
  color: var(--a-copper); text-decoration: none;
}
[data-design="a"] .a-footer__phone:hover { color: var(--a-cinnabar); }
[data-design="a"] .a-footer__credentials {
  font-family: var(--a-font-mono); font-size: 11px; letter-spacing: .12em;
  color: var(--a-aluminum); text-transform: uppercase;
}
[data-design="a"] .a-footer__area { font-size: 13px; color: var(--a-aluminum); max-width: 52ch; line-height: 1.5; }
[data-design="a"] .a-footer__bus { margin: 0 clamp(-20px, -4vw, -48px); }
[data-design="a"] .a-footer__copy {
  max-width: 900px; margin: 16px auto 0; text-align: center;
  font-family: var(--a-font-mono); font-size: 11px; letter-spacing: .1em;
  color: var(--a-ink-mute); text-transform: uppercase;
}

/* ── SHARED SECTION SPACING ──────────────────────────────────── */
[data-design="a"] h1, [data-design="a"] h2, [data-design="a"] h3 {
  font-family: var(--a-font-display);
}

/* ── REDUCED MOTION ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  [data-design="a"] .a-phase--r,
  [data-design="a"] .a-phase--s,
  [data-design="a"] .a-phase--t { animation: none; }
  [data-design="a"] .a-drawer { transition: none; }
  [data-design="a"] .a-gauge__needle { animation: none; transform: rotate(-30deg); transform-origin: 0px 4px; }
  [data-design="a"] .a-hero-pulse { animation: none; opacity: 0.25; }
  [data-design="a"] .a-flow-dot--1,
  [data-design="a"] .a-flow-dot--2 { animation: none; opacity: 0; }
  [data-design="a"] .a-rocker { transition: background-color 0ms; }
  [data-design="a"] .a-rocker__pilot { animation: none; }
  [data-design="a"] .a-rocker:active { transform: none; }
  [data-design="a"] .a-fbrk.is-active .a-fbrk__tip { animation: none; }
  [data-design="a"] .a-fbrk__tip { transition: none; }
  [data-design="a"] .a-funnel-step:not([hidden]) { animation: none; }
  [data-design="a"] .a-mid-dot--1,
  [data-design="a"] .a-mid-dot--2 { animation: none; opacity: 0; }
  [data-design="a"] .a-pointer__chev { animation: none; }
  [data-design="a"] .a-pointer__counter-now { animation: none; }
  [data-design="a"] .a-pointer__bar-fill { transition: none; }
}
@media (hover: none) {
  [data-design="a"] .a-rocker { transform: none !important; }
}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  [data-design="a"] .a-funnel-panel { grid-template-columns: repeat(5, 1fr); }
  [data-design="a"] .a-pointer { padding: 16px 20px; gap: 10px; }
  [data-design="a"] .a-pointer__label { display: none; }
}
@media (max-width: 560px) {
  [data-design="a"] .a-choices { grid-template-columns: 1fr; }
  [data-design="a"] .a-funnel-panel { padding: 8px; gap: 5px; }
  [data-design="a"] .a-fbrk { padding: 8px 6px; }
  [data-design="a"] .a-fbrk__label { font-size: 9px; }
  [data-design="a"] .a-logo__text { font-size: 15px; }
  [data-design="a"] .a-service-row { gap: 10px; }
  [data-design="a"] .a-service-row__cta { width: 100%; }
}
@media (max-width: 380px) {
  [data-design="a"] .a-header__plate { padding: 12px 14px; }
  [data-design="a"] .a-logo__mark { width: 26px; height: 26px; }
  [data-design="a"] .a-funnel-title { font-size: 20px; }
  [data-design="a"] .a-rocker { font-size: 15px; padding: 14px 18px 14px 20px; gap: 10px; }
}

/* ── MOBILE OVERFLOW GUARD (HARD REQUIRED) ───────────────────── */
[data-design="a"].dq-design,
[data-design="a"] .dq-design { max-width: 100%; overflow-x: clip; }
[data-design="a"] * { min-width: 0; }
[data-design="a"] img,
[data-design="a"] svg:not([data-keep-size]) { max-width: 100%; height: auto; }

/* Phase-3.4 hero visibility floor (forge_assemble) */
[data-design="a"] [data-mf-role="hero"] :is(h1,h2,p,.headline,.subtitle,.proof,[class*="headline"],[class*="subtitle"],[class*="proof"]),
[data-design="a"] [data-mf-role="cta"] { opacity: 1 !important; }