/* ============================================================
   Service Pro Plumbing Inc — Design A (remapped → data-design="a")
   ALL selectors scoped [data-design="a"]. Source design fully remapped to slot A.
   ============================================================ */

[data-design="a"] {
  /* --- Color tokens (trade-rooted: copper / brass / blueprint-cyan / patina) --- */
  --design-a-primary:   #7a4a1e;  /* aged copper — headlines, primary chrome */
  --design-a-secondary: #0d3b66;  /* blueprint cyan — technical accent */
  --design-a-accent:    #b8421c;  /* gauge-red — peak emphasis (max two/page) */
  --design-a-surface:   #f4ead7;  /* drafting-paper cream — page bg */
  --design-a-sheet:     #fbf6e8;  /* spec-card surface */
  --design-a-ink:       #1f1a14;  /* drafting ink — body text */
  --design-a-muted:     #7a6e58;  /* pencil grey — captions */
  --design-a-critical:  #9a2418;  /* leak red */
  --design-a-success:   #3b6e3a;  /* flow green */
  --design-a-brass:     #b08a3a;  /* polished brass — CTA bezel */
  --design-a-patina:    #5a7d5a;  /* verdigris — hover detail */
  --design-a-cream-glow:#e8c98a;  /* copper-glow halo (hero substrate) */

  /* --- Type --- */
  --design-a-font-display: "Trade Gothic Next", "League Gothic", "Oswald", "Impact", sans-serif;
  --design-a-font-headline: "Sentinel", "Roboto Slab", "Source Serif Pro", Georgia, serif;
  --design-a-font-body: "Source Sans 3", "Inter", -apple-system, system-ui, sans-serif;
  --design-a-font-mono: "JetBrains Mono", "IBM Plex Mono", "Courier Prime", ui-monospace, monospace;

  /* --- Spacing (thread-pitch primitives) --- */
  --design-a-thread: 4px; --design-a-coupling: 8px; --design-a-elbow: 12px;
  --design-a-tee: 16px; --design-a-stub: 24px; --design-a-riser: 32px;
  --design-a-trunk: 48px; --design-a-bay: 80px; --design-a-floor: 120px;

  /* --- Motion --- */
  --design-a-ease-hydraulic: cubic-bezier(0.22, 1, 0.36, 1);
  --design-a-ease-stamp: cubic-bezier(0.5, 0, 0.2, 1);
  --design-a-quick: 180ms; --design-a-settle: 320ms; --design-a-charge: 640ms;

  /* --- Radius --- */
  --design-a-r-thread: 2px; --design-a-r-flange: 6px; --design-a-r-valve: 14px; --design-a-r-pipe: 999px;

  /* --- Elevation --- */
  --design-a-elev-hairline: inset 0 0 0 1px color-mix(in oklab, var(--design-a-ink), transparent 78%);
  --design-a-elev-brass: inset 0 1px 0 color-mix(in oklab, white, transparent 70%), 0 1px 0 color-mix(in oklab, var(--design-a-ink), transparent 88%);
  --design-a-elev-stamp: 0 1px 0 color-mix(in oklab, var(--design-a-ink), transparent 75%), inset 0 -1px 0 color-mix(in oklab, var(--design-a-ink), transparent 86%);
}

@media (prefers-color-scheme: dark) {
  [data-design="a"] {
    --design-a-primary: #c98a4a; --design-a-secondary: #4a8fc4; --design-a-accent: #e26a3e;
    --design-a-surface: #1a1612; --design-a-sheet: #241e18; --design-a-ink: #f0e6cf;
    --design-a-muted: #9a8f78; --design-a-critical: #d94b32; --design-a-success: #6fae5a;
    --design-a-brass: #d4a64a; --design-a-patina: #7ea07a; --design-a-cream-glow: #6e4a1c;
  }
}

[data-design="a"].dq-design {
  background: var(--design-a-surface);
  color: var(--design-a-ink);
  font-family: var(--design-a-font-body);
  font-size: 17px;
  line-height: 1.6;
}
[data-design="a"] h1, [data-design="a"] h2, [data-design="a"] h3 { font-family: var(--design-a-font-headline); }
[data-design="a"] a { color: var(--design-a-secondary); }

/* ===== ELEMENT 1 — Header ===== */
[data-design="a"] .rf-header { position: sticky; top: 0; z-index: 50; background: var(--design-a-surface); }
[data-design="a"] .rf-header__bar { display: flex; align-items: center; justify-content: space-between; padding: var(--design-a-stub) clamp(var(--design-a-stub), 4vw, var(--design-a-trunk)); }
[data-design="a"] .rf-logo { text-decoration: none; color: var(--design-a-primary); }
[data-design="a"] .rf-logo__mark { font-family: var(--design-a-font-display); font-size: clamp(18px, 2.2vw, 26px); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
[data-design="a"] .rf-hamburger { background: transparent; border: 1px solid color-mix(in oklab, var(--design-a-ink), transparent 70%); border-radius: var(--design-a-r-thread); padding: 11px 13px; display: flex; flex-direction: column; gap: 4px; cursor: pointer; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
[data-design="a"] .rf-hamburger__line { width: 18px; height: 1.5px; background: var(--design-a-ink); transition: transform var(--design-a-quick) var(--design-a-ease-stamp), opacity var(--design-a-quick); }
[data-design="a"] .rf-hamburger[aria-expanded="true"] .rf-hamburger__line:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
[data-design="a"] .rf-hamburger[aria-expanded="true"] .rf-hamburger__line:nth-child(2) { opacity: 0; }
[data-design="a"] .rf-hamburger[aria-expanded="true"] .rf-hamburger__line:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }
[data-design="a"] .rf-header__rule { height: 6px; overflow: hidden; }
[data-design="a"] .rf-gauge-trace { width: 100%; height: 6px; display: block; }
[data-design="a"] .rf-gauge-trace__baseline { stroke: color-mix(in oklab, var(--design-a-secondary), transparent 60%); stroke-width: 1; stroke-dasharray: 2 3; }
[data-design="a"] .rf-gauge-trace__needle { fill: var(--design-a-accent); filter: drop-shadow(0 0 4px color-mix(in oklab, var(--design-a-accent), transparent 40%)); animation: pp-gauge-sweep 22s var(--design-a-ease-hydraulic) infinite; }
@keyframes pp-gauge-sweep {
  0% { transform: translateX(2%); opacity: 0.5; }
  15% { transform: translateX(28%); opacity: 0.9; }
  45% { transform: translateX(62%); opacity: 1; }
  72% { transform: translateX(88%); opacity: 0.85; }
  100% { transform: translateX(2%); opacity: 0.5; }
}
[data-design="a"] .rf-drawer { position: fixed; inset: 0 0 0 auto; width: min(420px, 92vw); background: var(--design-a-sheet); box-shadow: -1px 0 0 color-mix(in oklab, var(--design-a-ink), transparent 80%); transform: translateX(100%); transition: transform var(--design-a-charge) var(--design-a-ease-hydraulic); padding: var(--design-a-trunk) var(--design-a-stub); clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px); z-index: 60; }
[data-design="a"] .rf-drawer[data-open="true"] { transform: translateX(0); }
[data-design="a"] .rf-drawer__backdrop { position: fixed; inset: 0; background: color-mix(in oklab, var(--design-a-ink), transparent 55%); z-index: 55; }
[data-design="a"] .rf-drawer__close { position: absolute; top: var(--design-a-tee); right: var(--design-a-tee); background: transparent; border: 0; font-size: 30px; line-height: 1; color: var(--design-a-muted); cursor: pointer; min-width: 44px; min-height: 44px; }
[data-design="a"] .rf-drawer__sheet-no { font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--design-a-muted); margin: var(--design-a-stub) 0 var(--design-a-stub); text-transform: uppercase; }
[data-design="a"] .rf-drawer a { display: block; padding: var(--design-a-elbow) 0; font-family: var(--design-a-font-headline); font-size: 22px; color: var(--design-a-ink); text-decoration: none; border-bottom: 1px dashed color-mix(in oklab, var(--design-a-secondary), transparent 60%); }
[data-design="a"] .rf-drawer a:hover { color: var(--design-a-primary); border-bottom-style: solid; border-bottom-color: var(--design-a-secondary); }
[data-design="a"] .rf-drawer__phone { color: var(--design-a-primary) !important; font-family: var(--design-a-font-display) !important; letter-spacing: 0.04em; }

/* ===== HERO — themed-movement: ONE ambient copper-glow layer ===== */
[data-design="a"] .rf-hero { position: relative; overflow: hidden; padding: clamp(var(--design-a-trunk), 9vw, 140px) clamp(var(--design-a-stub), 5vw, var(--design-a-trunk)) clamp(var(--design-a-trunk), 6vw, var(--design-a-bay)); background: var(--design-a-surface); }
[data-design="a"] .rf-hero__substrate { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
[data-design="a"] .rf-hero__halo { position: absolute; top: 8%; left: 50%; width: min(820px, 96%); height: 70%; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(ellipse at center, color-mix(in oklab, var(--design-a-cream-glow), transparent 18%) 0%, color-mix(in oklab, var(--design-a-cream-glow), transparent 55%) 38%, transparent 72%); opacity: 0; filter: blur(8px); animation: pp-hero-arrive 1.4s var(--design-a-ease-hydraulic) forwards, pp-hero-breathe 5.4s 1.4s ease-in-out infinite; }
@keyframes pp-hero-arrive { from { opacity: 0; transform: translateX(-50%) scale(0.92); } to { opacity: 0.5; transform: translateX(-50%) scale(1); } }
@keyframes pp-hero-breathe { 0%, 100% { opacity: 0.42; transform: translateX(-50%) scale(0.99); } 50% { opacity: 0.62; transform: translateX(-50%) scale(1.04); } }
[data-design="a"] .rf-hero__inner { position: relative; z-index: 1; max-width: 940px; margin: 0 auto; }
[data-design="a"] .rf-hero__kicker { font-family: var(--design-a-font-mono); font-size: 12px; letter-spacing: 0.18em; color: var(--design-a-muted); text-transform: uppercase; margin: 0 0 var(--design-a-tee); }
[data-design="a"] .rf-hero__title { font-size: clamp(34px, 6.2vw, 72px); line-height: 1.04; letter-spacing: -0.01em; color: var(--design-a-primary); margin: 0 0 var(--design-a-stub); max-width: 18ch; }
[data-design="a"] .rf-hero__subtitle { font-size: clamp(17px, 2.2vw, 21px); line-height: 1.5; color: var(--design-a-ink); max-width: 56ch; margin: 0 0 var(--design-a-elbow); }
[data-design="a"] .rf-hero__proof { font-family: var(--design-a-font-mono); font-size: 13px; letter-spacing: 0.06em; color: var(--design-a-muted); margin: 0 0 var(--design-a-riser); }
[data-design="a"] .rf-hero__chip { margin: var(--design-a-stub) 0 0; }
[data-design="a"] .rf-tag { display: inline-block; font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--design-a-patina); border: 1px solid color-mix(in oklab, var(--design-a-patina), transparent 55%); border-radius: var(--design-a-r-pipe); padding: 6px 14px; }

/* ===== ELEMENT 2 — Phone CTA (brass valve-tag) ===== */
[data-design="a"] .rf-cta { position: relative; display: inline-flex; align-items: center; gap: var(--design-a-elbow); min-height: 44px; padding: 16px 26px; font-family: var(--design-a-font-display); font-size: clamp(16px, 2vw, 19px); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--design-a-ink); text-decoration: none; background: linear-gradient(180deg, color-mix(in oklab, var(--design-a-brass), white 14%), var(--design-a-brass)); border-radius: var(--design-a-r-valve); box-shadow: var(--design-a-elev-brass); transition: transform var(--design-a-quick) var(--design-a-ease-stamp), box-shadow var(--design-a-quick) var(--design-a-ease-stamp); will-change: transform; animation: pp-cta-breath 4.8s ease-in-out infinite; isolation: isolate; }
[data-design="a"] .rf-cta__bezel { content: ""; position: absolute; inset: 4px; border-radius: calc(var(--design-a-r-valve) - 4px); border: 1px solid color-mix(in oklab, var(--design-a-primary), transparent 55%); pointer-events: none; }
[data-design="a"] .rf-cta:hover, [data-design="a"] .rf-cta:focus-visible { box-shadow: var(--design-a-elev-brass), 0 0 0 2px color-mix(in oklab, var(--design-a-patina), transparent 50%); outline: none; }
[data-design="a"] .rf-cta:active { transform: translateY(1px); box-shadow: inset 0 1px 0 color-mix(in oklab, var(--design-a-ink), transparent 70%); }
[data-design="a"] .rf-cta__stamp { position: absolute; left: 50%; bottom: -22px; transform: translateX(-50%) scale(0.9); opacity: 0; font-family: var(--design-a-font-mono); font-size: 10px; letter-spacing: 0.18em; color: var(--design-a-accent); pointer-events: none; transition: opacity var(--design-a-quick) var(--design-a-ease-stamp), transform var(--design-a-quick) var(--design-a-ease-stamp); white-space: nowrap; }
[data-design="a"] .rf-cta[data-stamped="true"] .rf-cta__stamp { opacity: 1; transform: translateX(-50%) scale(1); }
@keyframes pp-cta-breath {
  0%, 100% { box-shadow: var(--design-a-elev-brass); }
  50% { box-shadow: var(--design-a-elev-brass), 0 0 24px color-mix(in oklab, var(--design-a-brass), transparent 70%); }
}

/* ===== ELEMENT 6 — Pointer (copper-fill drip, wayfinding only) ===== */
[data-design="a"] .rf-pointer { display: flex; flex-direction: column; align-items: center; padding: clamp(40px, 8vw, 80px) 16px clamp(48px, 9vw, 88px); color: var(--design-a-primary); }
[data-design="a"] .rf-pointer__hit { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--design-a-tee); width: 120px; height: 132px; text-decoration: none; }
[data-design="a"] .rf-pointer__pipe { position: absolute; top: 0; left: 50%; width: 2px; height: 96px; margin-left: -1px; background: linear-gradient(to bottom, transparent 0%, currentColor 100%); transform-origin: top center; animation: pp-pointer-fill 5s ease-in-out infinite; opacity: 0.7; }
[data-design="a"] .rf-pointer__drop { position: absolute; top: 0; left: 50%; width: 8px; height: 8px; margin-left: -4px; background: currentColor; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; transform: translateY(24px) scale(0.4); opacity: 0; animation: pp-pointer-drip 5s ease-in infinite; }
[data-design="a"] .rf-pointer__label { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-family: var(--design-a-font-mono); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--design-a-muted); white-space: nowrap; }
@keyframes pp-pointer-fill { 0%, 100% { transform: scaleY(0.4); opacity: 0.45; } 60% { transform: scaleY(1); opacity: 0.85; } }
@keyframes pp-pointer-drip {
  0%, 55% { transform: translateY(24px) scale(0.4); opacity: 0; }
  70% { transform: translateY(24px) scale(1); opacity: 1; }
  92% { transform: translateY(92px) scale(1); opacity: 1; }
  100% { transform: translateY(92px) scale(0.2); opacity: 0; }
}

/* ===== ELEMENT 3 — Ambient segment A (copper-riser schematic + Services) ===== */
[data-design="a"] .rf-ambient-a { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(var(--design-a-stub), 5vw, var(--design-a-trunk)); align-items: center; padding: var(--design-a-bay) clamp(var(--design-a-stub), 5vw, var(--design-a-trunk)); background: var(--design-a-surface); position: relative; }
[data-design="a"] .rf-ambient-a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: color-mix(in oklab, var(--design-a-secondary), transparent 60%); }
[data-design="a"] .rf-ambient-a__kicker { font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.16em; color: var(--design-a-muted); margin: 0 0 var(--design-a-elbow); text-transform: uppercase; }
[data-design="a"] .rf-ambient-a__title { font-size: clamp(28px, 4vw, 48px); line-height: 1.1; color: var(--design-a-primary); margin: 0 0 var(--design-a-stub); letter-spacing: -0.01em; }
[data-design="a"] .rf-services { list-style: none; margin: 0 0 var(--design-a-stub); padding: 0; }
[data-design="a"] .rf-service { display: flex; align-items: baseline; gap: var(--design-a-tee); padding: var(--design-a-tee) 0; border-bottom: 1px solid color-mix(in oklab, var(--design-a-ink), transparent 86%); }
[data-design="a"] .rf-service__no { font-family: var(--design-a-font-display); font-size: clamp(20px, 3vw, 30px); font-weight: 700; color: color-mix(in oklab, var(--design-a-primary), transparent 35%); min-width: 1.6em; }
[data-design="a"] .rf-service__name { font-family: var(--design-a-font-headline); font-size: clamp(17px, 2.2vw, 21px); color: var(--design-a-ink); flex: 1; }
[data-design="a"] .rf-service__tag { font-family: var(--design-a-font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--design-a-secondary); text-transform: uppercase; }
[data-design="a"] .rf-inline-cta { font-size: 16px; color: var(--design-a-ink); margin: var(--design-a-stub) 0 0; }
[data-design="a"] .rf-inline-cta a { color: var(--design-a-primary); font-weight: 700; }
[data-design="a"] .rf-ambient-a__motion { width: 100%; max-width: 100%; }
[data-design="a"] .rf-schematic { width: 100%; height: auto; color: var(--design-a-secondary); }
[data-design="a"] .rf-schematic__drop { filter: drop-shadow(0 0 4px color-mix(in oklab, var(--design-a-secondary), transparent 50%)); }
@keyframes pp-pipe-shine { 0%, 100% { opacity: 0.85; } 50% { opacity: 1; } }
[data-design="a"] .rf-schematic__pipe { animation: pp-pipe-shine 14s ease-in-out infinite; }

/* ===== ELEMENT 4 — Ambient segment B (gauge wall + Service Area + About) ===== */
[data-design="a"] .rf-ambient-b { padding: var(--design-a-bay) clamp(var(--design-a-stub), 5vw, var(--design-a-trunk)); background: var(--design-a-sheet); }
[data-design="a"] .rf-ambient-b__head { max-width: 72ch; margin: 0 auto var(--design-a-trunk); text-align: center; }
[data-design="a"] .rf-ambient-b__kicker { font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.16em; color: var(--design-a-muted); text-transform: uppercase; margin: 0 0 var(--design-a-elbow); }
[data-design="a"] .rf-ambient-b__title { font-size: clamp(24px, 3.4vw, 40px); color: var(--design-a-primary); margin: 0; line-height: 1.15; }
[data-design="a"] .rf-ambient-b__wall { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--design-a-stub); max-width: 920px; margin: 0 auto; }
[data-design="a"] .rf-gauge { margin: 0; display: flex; flex-direction: column; align-items: center; gap: var(--design-a-elbow); }
[data-design="a"] .rf-gauge__svg { width: clamp(140px, 22vw, 200px); height: auto; }
[data-design="a"] .rf-gauge__bezel { fill: var(--design-a-brass); stroke: color-mix(in oklab, var(--design-a-primary), black 12%); stroke-width: 1.5; }
[data-design="a"] .rf-gauge__face { fill: var(--design-a-surface); stroke: color-mix(in oklab, var(--design-a-ink), transparent 80%); stroke-width: 0.5; }
[data-design="a"] .rf-gauge__ticks line { stroke: var(--design-a-ink); stroke-width: 1.5; }
[data-design="a"] .rf-gauge__needle { transform-origin: 60px 60px; animation: pp-needle-drift var(--design-a-gauge-dur) ease-in-out infinite; }
[data-design="a"] .rf-gauge__needle line { stroke: var(--design-a-accent); stroke-width: 2; stroke-linecap: round; filter: drop-shadow(0 0 3px color-mix(in oklab, var(--design-a-accent), transparent 60%)); }
[data-design="a"] .rf-gauge__hub { fill: var(--design-a-primary); }
[data-design="a"] .rf-gauge__label { fill: var(--design-a-muted); font-family: var(--design-a-font-mono); font-size: 7px; letter-spacing: 0.16em; text-anchor: middle; }
[data-design="a"] .rf-gauge figcaption { font-family: var(--design-a-font-mono); font-size: 12px; color: var(--design-a-ink); letter-spacing: 0.08em; text-transform: uppercase; }
[data-design="a"] .rf-gauge__psi { color: var(--design-a-secondary); margin-left: var(--design-a-coupling); }
@keyframes pp-needle-drift {
  0% { transform: rotate(-28deg); } 25% { transform: rotate(12deg); }
  50% { transform: rotate(-6deg); } 75% { transform: rotate(20deg); } 100% { transform: rotate(-28deg); }
}
[data-design="a"] .rf-about { max-width: 64ch; margin: var(--design-a-trunk) auto 0; padding-top: var(--design-a-trunk); border-top: 1px dashed color-mix(in oklab, var(--design-a-secondary), transparent 55%); }
[data-design="a"] .rf-about__kicker { font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.16em; color: var(--design-a-muted); text-transform: uppercase; margin: 0 0 var(--design-a-elbow); }
[data-design="a"] .rf-about__title { font-size: clamp(22px, 3vw, 32px); color: var(--design-a-primary); margin: 0 0 var(--design-a-tee); line-height: 1.15; }
[data-design="a"] .rf-about__body { font-size: 18px; line-height: 1.6; color: var(--design-a-ink); margin: 0; }

/* ===== ELEMENT 5 — Funnel (triage-style 5-step) ===== */
[data-design="a"] .rf-interactive { padding: var(--design-a-floor) clamp(var(--design-a-stub), 5vw, var(--design-a-trunk)); background: var(--design-a-surface); position: relative; }
[data-design="a"] .rf-funnel__head { max-width: 64ch; margin: 0 auto var(--design-a-trunk); text-align: center; }
[data-design="a"] .rf-funnel__kicker { font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.18em; color: var(--design-a-muted); text-transform: uppercase; margin: 0 0 var(--design-a-tee); }
[data-design="a"] .rf-funnel__head h2 { font-size: clamp(28px, 4vw, 48px); color: var(--design-a-primary); margin: 0 0 var(--design-a-elbow); line-height: 1.1; }
[data-design="a"] .rf-funnel__sub { font-size: 17px; color: var(--design-a-ink); line-height: 1.5; margin: 0; }
[data-design="a"] .rf-funnel__sub a { color: var(--design-a-primary); font-weight: 700; }
[data-design="a"] .rf-flow__steps { list-style: none; margin: 0 auto; padding: 0; max-width: 720px; position: relative; min-height: 380px; }
[data-design="a"] .rf-step { position: absolute; inset: 0; opacity: 0; transform: translateX(28px); pointer-events: none; transition: opacity var(--design-a-charge) var(--design-a-ease-hydraulic), transform var(--design-a-charge) var(--design-a-ease-hydraulic); background: var(--design-a-sheet); padding: var(--design-a-trunk) var(--design-a-stub); border: 1px solid color-mix(in oklab, var(--design-a-ink), transparent 82%); border-radius: var(--design-a-r-flange); box-shadow: var(--design-a-elev-hairline); }
[data-design="a"] .rf-step[data-active="true"] { opacity: 1; transform: translateX(0); pointer-events: auto; }
[data-design="a"] .rf-step__no { font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.16em; color: var(--design-a-secondary); margin: 0 0 var(--design-a-elbow); text-transform: uppercase; }
[data-design="a"] .rf-step__q { font-family: var(--design-a-font-headline); font-size: clamp(20px, 2.4vw, 28px); color: var(--design-a-ink); margin: 0 0 var(--design-a-stub); line-height: 1.25; }
[data-design="a"] .rf-step__choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--design-a-elbow); }
[data-design="a"] .rf-choice { font-family: var(--design-a-font-body); font-size: 15px; color: var(--design-a-ink); background: var(--design-a-surface); border: 1px solid color-mix(in oklab, var(--design-a-ink), transparent 72%); border-radius: var(--design-a-r-flange); padding: var(--design-a-tee) var(--design-a-stub); text-align: left; cursor: pointer; transition: transform var(--design-a-quick) var(--design-a-ease-stamp), border-color var(--design-a-quick), background var(--design-a-quick); position: relative; min-height: 44px; }
[data-design="a"] .rf-choice::before { content: "\25CB"; position: absolute; right: var(--design-a-tee); top: 50%; transform: translateY(-50%); color: var(--design-a-muted); font-size: 18px; }
[data-design="a"] .rf-choice:hover, [data-design="a"] .rf-choice:focus-visible { border-color: var(--design-a-secondary); background: color-mix(in oklab, var(--design-a-secondary), transparent 92%); outline: none; }
[data-design="a"] .rf-choice:active { transform: translateY(1px); }
[data-design="a"] .rf-choice[data-picked="true"] { border-color: var(--design-a-accent); background: color-mix(in oklab, var(--design-a-accent), transparent 90%); }
[data-design="a"] .rf-choice[data-picked="true"]::before { content: "\25CF"; color: var(--design-a-accent); }
[data-design="a"] .rf-step__hint { font-size: 15px; color: var(--design-a-critical); margin: var(--design-a-tee) 0 0; }
[data-design="a"] .rf-step__hint a { color: var(--design-a-primary); font-weight: 700; }
[data-design="a"] .rf-field { display: block; margin-top: var(--design-a-stub); }
[data-design="a"] .rf-field__label { display: block; font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--design-a-muted); margin-bottom: var(--design-a-coupling); }
[data-design="a"] .rf-field__input { width: 100%; font-family: var(--design-a-font-body); font-size: 16px; color: var(--design-a-ink); background: var(--design-a-surface); border: 0; border-bottom: 1px solid color-mix(in oklab, var(--design-a-ink), transparent 70%); padding: var(--design-a-elbow) var(--design-a-coupling); border-radius: var(--design-a-r-thread) var(--design-a-r-thread) 0 0; }
[data-design="a"] .rf-field__input:focus { outline: none; border-bottom-color: var(--design-a-secondary); border-bottom-width: 2px; }
[data-design="a"] .rf-field__input--area { resize: vertical; min-height: 72px; }
[data-design="a"] .rf-back { background: transparent; border: 0; font-family: var(--design-a-font-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--design-a-muted); margin-top: var(--design-a-stub); cursor: pointer; padding: var(--design-a-coupling) 0; min-height: 44px; }
[data-design="a"] .rf-back:hover { color: var(--design-a-secondary); }
[data-design="a"] .rf-stamp { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--design-a-font-display); font-size: 15px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; border-radius: var(--design-a-r-valve); padding: 14px 24px; }
[data-design="a"] .rf-stamp--primary { color: var(--design-a-ink); background: linear-gradient(180deg, color-mix(in oklab, var(--design-a-brass), white 14%), var(--design-a-brass)); border: 0; box-shadow: var(--design-a-elev-brass); margin-top: var(--design-a-stub); }
[data-design="a"] .rf-stamp--primary:active { transform: translateY(1px); }
[data-design="a"] .rf-final__head { font-family: var(--design-a-font-headline); font-size: clamp(22px, 2.6vw, 30px); color: var(--design-a-primary); margin: 0 0 var(--design-a-stub); line-height: 1.2; }
[data-design="a"] .rf-final__card { background: var(--design-a-surface); border: 1px solid var(--design-a-secondary); border-radius: var(--design-a-r-flange); padding: var(--design-a-stub); margin-bottom: var(--design-a-stub); }
[data-design="a"] .rf-final__row { display: flex; justify-content: space-between; gap: var(--design-a-tee); padding: var(--design-a-elbow) 0; border-bottom: 1px dashed color-mix(in oklab, var(--design-a-ink), transparent 78%); font-family: var(--design-a-font-mono); font-size: 13px; }
[data-design="a"] .rf-final__row:last-child { border-bottom: 0; }
[data-design="a"] .rf-final__row span { color: var(--design-a-muted); letter-spacing: 0.12em; }
[data-design="a"] .rf-final__row strong { color: var(--design-a-ink); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
[data-design="a"] .rf-final__row--eta strong { color: var(--design-a-accent); }
[data-design="a"] .rf-final__note { font-size: 15px; color: var(--design-a-ink); margin: 0 0 var(--design-a-tee); }
[data-design="a"] .rf-final__note a { color: var(--design-a-primary); font-weight: 700; }
[data-design="a"] .rf-progress { height: 2px; background: color-mix(in oklab, var(--design-a-ink), transparent 88%); margin-top: var(--design-a-trunk); max-width: 720px; margin-inline: auto; overflow: hidden; }
[data-design="a"] .rf-progress__bar { display: block; height: 100%; width: 20%; background: var(--design-a-secondary); transition: width var(--design-a-charge) var(--design-a-ease-hydraulic); }
[data-design="a"] .rf-interactive[data-step="2"] .rf-progress__bar { width: 40%; }
[data-design="a"] .rf-interactive[data-step="3"] .rf-progress__bar { width: 60%; }
[data-design="a"] .rf-interactive[data-step="4"] .rf-progress__bar { width: 80%; }
[data-design="a"] .rf-interactive[data-step="5"] .rf-progress__bar { width: 95%; }
[data-design="a"] .rf-interactive[data-step="final"] .rf-progress__bar { width: 100%; background: var(--design-a-accent); }

/* ===== Footer — drafting title block ===== */
[data-design="a"] .rf-footer { background: var(--design-a-sheet); padding: var(--design-a-bay) clamp(var(--design-a-stub), 5vw, var(--design-a-trunk)) var(--design-a-trunk); border-top: 1px solid color-mix(in oklab, var(--design-a-secondary), transparent 55%); }
[data-design="a"] .rf-footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--design-a-trunk); max-width: 1000px; margin: 0 auto var(--design-a-trunk); }
[data-design="a"] .rf-footer__h { font-family: var(--design-a-font-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--design-a-muted); text-transform: uppercase; margin: 0 0 var(--design-a-elbow); }
[data-design="a"] .rf-footer__line { font-size: 15px; color: var(--design-a-ink); margin: 0 0 var(--design-a-coupling); }
[data-design="a"] .rf-footer__phone { font-family: var(--design-a-font-display); font-size: 22px; font-weight: 700; letter-spacing: 0.04em; color: var(--design-a-primary); text-decoration: none; }
[data-design="a"] .rf-footer__legal { font-family: var(--design-a-font-mono); font-size: 12px; color: var(--design-a-muted); text-align: center; max-width: 1000px; margin: 0 auto; padding-top: var(--design-a-stub); border-top: 1px dashed color-mix(in oklab, var(--design-a-secondary), transparent 60%); }

/* ===== Responsive ===== */
@media (max-width: 768px) {
  [data-design="a"] .rf-ambient-a { grid-template-columns: 1fr; padding: var(--design-a-trunk) var(--design-a-tee); }
  [data-design="a"] .rf-ambient-a__motion { order: 2; }
}
@media (max-width: 640px) {
  [data-design="a"] .rf-ambient-b__wall { grid-template-columns: 1fr; gap: var(--design-a-trunk); }
}
@media (max-width: 560px) {
  [data-design="a"] .rf-header__bar { padding: var(--design-a-elbow) var(--design-a-tee); }
  [data-design="a"] .rf-logo__mark { font-size: 16px; letter-spacing: 0.04em; }
  [data-design="a"] .rf-flow__steps { min-height: 520px; }
  [data-design="a"] .rf-step { padding: var(--design-a-stub) var(--design-a-tee); }
  [data-design="a"] .rf-step__choices { grid-template-columns: 1fr; }
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
  [data-design="a"] .rf-gauge-trace__needle { animation: none; transform: translateX(45%); }
  [data-design="a"] .rf-drawer { transition: none; }
  [data-design="a"] .rf-cta { animation: none; }
  [data-design="a"] .rf-hero__halo { animation: none; opacity: 0.5; }
  [data-design="a"] .rf-pointer__pipe, [data-design="a"] .rf-pointer__drop { animation: none; opacity: 0.55; }
  [data-design="a"] .rf-pointer__drop { transform: translateY(60px) scale(0.8); }
  [data-design="a"] .rf-schematic__pipe { animation: none; }
  [data-design="a"] .rf-schematic__drop { display: none; }
  [data-design="a"] .rf-gauge__needle { animation: none; transform: rotate(0deg); }
  [data-design="a"] .rf-step { transition: opacity 0ms; transform: none; }
  [data-design="a"] .rf-step[data-active="true"] { transform: none; }
  [data-design="a"] .rf-progress__bar { transition: none; }
}

/* ===== Mobile overflow guard (REQUIRED — appended at bottom) ===== */
[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; }