/* One semantic surface and an inert, clipped copy follow the hero seam. */
.bout-ca {
  --ca-seam: calc(50% + var(--seam-offset, 0px));
  position: relative;
  grid-column: 1 / -1;
  grid-row: 4;
  width: 100%;
  min-width: 0;
  isolation: isolate;
  background: linear-gradient(90deg, var(--card) var(--ca-seam), var(--bout-steel) var(--ca-seam));
  border-block: 1px solid var(--line);
}
.bout-ca__surface {
  display: grid;
  grid-template-columns: minmax(auto, 1fr) auto;
  align-items: center;
  gap: 12px 24px;
  padding: 20px var(--bout-inset);
  color: var(--ink);
}
.bout-ca [data-ca-mirror] {
  position: absolute;
  inset: 0;
  color: var(--card);
  background: var(--bout-steel);
  clip-path: inset(0 0 0 var(--ca-seam));
  pointer-events: none;
  user-select: none;
}
.bout-ca__identity { min-width: 0; }
.bout-ca__label { display: block; font: 400 12px/1.4 var(--font-mono); letter-spacing: .08em; }
.bout-ca .bout-ca__address {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  min-height: 44px;
  max-width: none;
  text-align: left;
  cursor: copy;
  clip-path: none;
}
.bout-ca__address::before, .bout-ca__address::after { content: none; }
.bout-ca__address code {
  font: 400 clamp(18px, 1.7vw, 28px)/1.5 var(--font-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: visible;
  overflow-wrap: normal;
  word-break: normal;
  text-overflow: clip;
}
.bout-ca__actions { display: flex; align-items: center; gap: 8px; }
.bout-ca .bout-ca__control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 10px;
  font: 500 13px/1.4 var(--font-body);
  white-space: nowrap;
}
.bout-ca__control.bout-cta-primary { background: var(--accent); color: var(--ink); }
.bout-ca__control::after { content: none; }
.bout-ca .bout-ca__control svg[aria-hidden=true] { display: block; flex: none; }
.bout-ca .bout-ca__control.bout-cta-secondary { background: transparent; color: inherit; }
.bout-ca .bout-ca__address:hover { background: transparent; color: inherit; }
.bout-ca [data-ca-focused] { outline: 2px solid currentColor; outline-offset: -5px; }
.bout-ca__caution { grid-column: 1 / -1; max-width: none; font: 400 12px/1.5 var(--font-body); }
.bout-ca--compact .bout-ca__surface { padding-block: 12px; gap: 6px 16px; }
.bout-ca--compact .bout-ca__identity { display: flex; gap: 12px; align-items: center; }
.bout-ca--compact .bout-ca__address code { font-size: 12px; }
.bout-ca--compact .bout-ca__caution { font-size: 12px; }
@media (min-width: 768px) and (max-width: 1023px) {
  .bout-ca__surface { grid-template-columns: minmax(auto, 1fr); }
  .bout-ca__actions { justify-content: flex-end; }
}
@media (max-width: 767px) {
  .bout-ca { background: var(--card); color: var(--ink); }
  .bout-ca [data-ca-mirror] { display: none; }
  .bout-ca__surface, .bout-ca--compact .bout-ca__surface { display: block; padding: 20px 16px; }
  .bout-ca--compact .bout-ca__identity { display: block; }
  .bout-ca .bout-ca__address { width: 100%; margin-block: 8px 16px; }
  .bout-ca__address code, .bout-ca--compact .bout-ca__address code { font-size: clamp(18px, 5vw, 22px); white-space: normal; }
  .bout-ca__address code span { display: block; white-space: nowrap; }
  .bout-ca__actions { display: grid; grid-template-columns: repeat(2, minmax(44px, 1fr)); gap: 8px; }
  .bout-ca .bout-ca__control { width: 100%; min-height: 44px; }
  .bout-ca__caution { margin-top: 12px; }
}

/* lead 2026-09-20, owner after launch: "make the CA more pop". One full-width emerald band closing the hero. */
body[data-mode="live"] .bout-ca:not([hidden]) { position: relative; z-index: 2; grid-column: 1 / -1; width: 100%; background: var(--accent); color: var(--ink); border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
body[data-mode="live"] .bout-ca .bout-ca__surface { display: grid; grid-template-columns: 1fr; justify-items: center; gap: 16px; max-width: 1180px; margin: 0 auto; padding: 32px 24px 28px; background: transparent; color: var(--ink); text-align: center; }
body[data-mode="live"] .bout-ca .bout-ca__identity { display: grid; justify-items: center; gap: 10px; min-width: 0; width: 100%; }
body[data-mode="live"] .bout-ca .bout-ca__label { display: inline-flex; align-items: center; gap: 10px; font: 500 13px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
body[data-mode="live"] .bout-ca .bout-ca__label::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--ink); animation: bout-ca-pulse 1.8s cubic-bezier(.16, 1, .3, 1) infinite; }
body[data-mode="live"] .bout-ca .bout-ca__address { width: 100%; max-width: 100%; min-height: 64px; padding: 12px 20px; background: var(--ink); color: var(--card); border: 2px solid var(--ink); border-radius: 2px; justify-content: center; }
body[data-mode="live"] .bout-ca .bout-ca__address::before, body[data-mode="live"] .bout-ca .bout-ca__address::after { content: none; }
body[data-mode="live"] .bout-ca .bout-ca__address code { font: 500 clamp(15px, 2.55vw, 34px)/1.15 var(--font-mono); letter-spacing: .01em; text-transform: none; color: var(--card); overflow-wrap: anywhere; }
body[data-mode="live"] .bout-ca .bout-ca__address:hover, body[data-mode="live"] .bout-ca .bout-ca__address:focus-visible { background: var(--dark); color: var(--card); }
body[data-mode="live"] .bout-ca .bout-ca__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
body[data-mode="live"] .bout-ca .bout-ca__control { min-height: 48px; padding: 0 22px; background: var(--card); color: var(--ink); border: 2px solid var(--ink); font-weight: 600; }
body[data-mode="live"] .bout-ca .bout-ca__control.bc-button--primary { background: var(--ink); color: var(--card); }
body[data-mode="live"] .bout-ca .bout-ca__control:hover { background: var(--ink); color: var(--card); }
body[data-mode="live"] .bout-ca .bout-ca__caution { margin: 0; font-size: 13px; color: var(--ink); opacity: .82; }
@keyframes bout-ca-pulse { 0% { transform: scale(1); opacity: 1; } 70% { transform: scale(1.9); opacity: 0; } 100% { transform: scale(1.9); opacity: 0; } }
@media (max-width: 767px) { body[data-mode="live"] .bout-ca .bout-ca__surface { padding: 24px 16px; } body[data-mode="live"] .bout-ca .bout-ca__control { flex: 1 1 calc(50% - 12px); justify-content: center; } }
@media (prefers-reduced-motion: reduce) { body[data-mode="live"] .bout-ca .bout-ca__label::before { animation: none; } }body[data-mode="live"] .bout-ca .bout-ca__address code { display: block; width: 100%; text-align: center; white-space: nowrap; }
body[data-mode="live"] .bout-ca .bout-ca__address code > * { display: inline !important; position: static !important; font: inherit !important; color: inherit !important; letter-spacing: inherit !important; clip-path: none !important; transform: none !important; opacity: 1 !important; mix-blend-mode: normal !important; background: none !important; }
@media (max-width: 767px) { body[data-mode="live"] .bout-ca .bout-ca__address code { white-space: normal; } body[data-mode="live"] .bout-ca .bout-ca__address code > * { display: block !important; } }