/* B "The Loop" closing band (home-cta-band, "Close the loop"), VERBATIM rules copied from APPROVED/home/src/css/B.css (pruned
   to the band) + the S1 eyebrow seam from APPROVED/home/src/css/approved.css (X3, 2026-10-23). Unchanged on purpose, including
   the `[data-variant="B"] .v1b-cta h2` rule that cannot match (owner 2026-10-23: keep the close H2 at the page H2 size, 78 px). */
/* ---------- variant tokens (per ground) ---------- */
[data-variant="B"] { --v1b-hair: color-mix(in srgb, var(--fg) 14%, transparent);
  --v1b-hair-2: color-mix(in srgb, var(--fg) 26%, transparent);
  --v1b-muted: var(--fg-muted);
  --v1b-shell: color-mix(in srgb, var(--fg) 5%, transparent);
  --v1b-shell-line: color-mix(in srgb, var(--fg) 9%, transparent);
  --v1b-core: var(--surface);
  --v1b-display: clamp(56px, 10.4vw, 150px);
  --v1b-inset: max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter))); }
[data-variant="B"].v1b-ink { --v1b-hair: rgba(237, 236, 236, .12);
  --v1b-hair-2: rgba(237, 236, 236, .26);
  --v1b-muted: var(--fg-on-ink-muted);
  --v1b-shell: rgba(237, 236, 236, .05);
  --v1b-shell-line: rgba(237, 236, 236, .09);
  --v1b-core: var(--ink-2); }
/* ---------- band base ---------- */
[data-variant="B"].v1b-band { position: relative; isolation: isolate; padding-block: var(--band-pad); overflow-x: clip; background: var(--bg); color: var(--fg); --rings-ink: var(--fg); --rings-gap: var(--bg); }
[data-variant="B"] h2 { max-width: 15em; }
[data-variant="B"].v1b-ink { background: var(--bg-ink); color: var(--fg-on-ink); --rings-ink: var(--fg-on-ink); --rings-gap: var(--bg-ink); }
[data-variant="B"] .v1b-kicker { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 26px; font-family: var(--font-utility); font-weight: 600; font-size: var(--utility-size); letter-spacing: .16em; text-transform: uppercase; line-height: 1.2; color: var(--v1b-muted); }
[data-variant="B"] .v1b-kicker-o { position: relative; flex: none; width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px currentColor; }
[data-variant="B"] .v1b-kicker-o::after { content: ''; position: absolute; left: 50%; bottom: -3px; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; background: var(--accent); }
[data-variant="B"]:is(.rv-motion *) [data-v1b-reveal] { opacity: 0; }
[data-variant="B"] .v1b-loop-band { fill: var(--bg-2); }
[data-variant="B"] .v1b-loop-edge { fill: none; stroke: var(--fg); stroke-width: 1.25; vector-effect: non-scaling-stroke; }
[data-variant="B"] .v1b-loop-dot { fill: var(--accent); stroke: var(--bg); stroke-width: 4; vector-effect: non-scaling-stroke; }
[data-variant="B"] .v1b-loop-halo { fill: none; stroke: var(--accent); stroke-width: 2; vector-effect: non-scaling-stroke; }
[data-variant="B"].v1b-cta { overflow: clip; padding-top: clamp(200px, 26vw, 380px); padding-bottom: clamp(150px, 15vw, 230px); text-align: center; }
[data-variant="B"] .v1b-cta-inner { display: grid; justify-items: center; }
[data-variant="B"] .v1b-cta h2 { max-width: 10em; font-size: clamp(56px, 9vw, 136px); line-height: .95; letter-spacing: -0.03em; color: var(--fg-on-ink); }
[data-variant="B"] .v1b-cta-sub { margin-top: 24px; max-width: 46ch; color: var(--fg-on-ink-muted); }
[data-variant="B"] .v1b-cta-anchor { position: relative; margin-top: 64px; }
[data-variant="B"] .v1b-cta-row { position: relative; z-index: 1; justify-content: center; margin-top: 0; }
[data-variant="B"] .v1b-cta-call { position: relative; z-index: 1; margin-top: 64px; }
[data-variant="B"] .v1b-cta-art { --w: min(98vw, 1480px); position: absolute; z-index: -1; left: 50%; top: 50%; width: var(--w); margin-left: calc(var(--w) * -0.4971); margin-top: calc(var(--w) * -0.5214); pointer-events: none; }
[data-variant="B"] .v1b-cta-rings { display: block; width: 100%; height: auto; overflow: visible; }
[data-variant="B"].v1b-cta .v1b-loop-band { fill: color-mix(in srgb, var(--fg-on-ink) 6%, var(--bg-ink)); }
[data-variant="B"].v1b-cta .v1b-loop-edge { stroke: rgba(237, 236, 236, .34); }
[data-variant="B"].v1b-cta .v1b-loop-dot { stroke: var(--bg-ink); }
@media (max-width: 767.98px) {
  [data-variant="B"] .v1b-cta-art { --w: 150vw; }
  [data-variant="B"] .v1b-cta-anchor { width: 100%; margin-top: 48px; }
}
/* approved.css S1: one eyebrow idiom (A micro-pill) on B kickers */
[data-variant="B"] .v1b-kicker {
  padding: 9px 16px 9px 12px; border-radius: var(--r-pill); letter-spacing: var(--utility-track); line-height: 1.2;
  color: var(--fg); background: color-mix(in srgb, var(--fg) 6%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg) 9%, transparent);
  margin-bottom: 28px;
}
[data-variant="B"].v1b-ink .v1b-kicker { color: var(--fg-on-ink); background: rgba(237, 236, 236, .06); box-shadow: inset 0 0 0 1px rgba(237, 236, 236, .1); }