:root {
  color-scheme: dark;
  --bca-bg: #10072b;
  --bca-panel: #21114b;
  --bca-panel-strong: #341575;
  --bca-line: rgba(224,255,94,.28);
  --bca-ink: #fff8f0;
  --bca-muted: #c4b8da;
  --bca-accent: #dfff55;
  --bca-accent-2: #ff6fae;
  --bca-radius: 28px;
  --bca-stage: #16073a;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--bca-ink);
  background: var(--bca-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
a { color: inherit; }
.bca-skip { position: absolute; left: 16px; top: -60px; z-index: 10; padding: 10px 14px; border-radius: 8px; background: var(--bca-accent); color: #07100f; font-weight: 800; }
.bca-skip:focus { top: 12px; }
.bca-shell { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.bca-nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--bca-line); }
.bca-brand { font-weight: 820; letter-spacing: -.035em; }
.bca-nav nav { display: flex; align-items: center; gap: 16px; }
.bca-nav small { color: var(--bca-muted); font-size: 11px; opacity: .6; }
.bca-nav-action { padding: 8px 13px; border: 1px solid var(--bca-line); border-radius: 999px; color: #d9e7e2; font-size: 12px; font-weight: 760; text-decoration: none; }
.bca-nav-action:hover { border-color: var(--bca-accent); color: var(--bca-accent); }
.bca-hero { min-height: 74vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 1.08fr); gap: clamp(26px, 3.6vw, 54px); align-items: center; padding: 54px 0 46px; }
.bca-hero-copy { position: relative; z-index: 3; }
/* Design-first heroes: the hero grid drops the centred shell so the selected
   design runs to the viewport edge. An explicit gutter column keeps the copy on
   exactly the same measure as .bca-shell without viewport-unit rounding. */
/* The visual reaches past the centred shell toward the viewport edge, but a
   slim final gutter keeps the design fully on the page — a component cut off
   by the viewport reads as broken, not as a design choice. */
.bca-hero[data-hero-bleed="right"] { width: 100%; padding-inline: 0; column-gap: 0; grid-template-columns: max(16px, calc((100% - 1120px) / 2)) minmax(0, 1fr) minmax(0, 1.28fr) max(18px, calc((100% - 1320px) / 2)); }
.bca-hero[data-hero-bleed="right"] > .bca-hero-copy { grid-column: 2; padding-inline-end: clamp(26px, 3.6vw, 54px); }
.bca-hero[data-hero-bleed="right"] > .bca-hero-visual { grid-column: 3; }
.bca-hero[data-hero-bleed="full"] { width: 100%; padding-inline: 0; grid-template-columns: minmax(0, 1fr); gap: clamp(26px, 3vw, 44px); align-items: start; padding-bottom: 0; }
.bca-hero[data-hero-bleed="full"] > .bca-hero-copy { padding-inline: max(16px, calc((100% - 1120px) / 2)); }
.bca-hero-immersive { position: relative; display: block; width: 100%; min-height: 84vh; overflow: hidden; padding: 0; }
.bca-hero-immersive::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(7,16,15,.96) 0%, rgba(7,16,15,.77) 48%, rgba(7,16,15,.18) 82%), linear-gradient(180deg, rgba(7,16,15,.2), transparent 55%, #07100f 100%); }
.bca-hero-immersive .bca-hero-copy { display: flex; min-height: 84vh; flex-direction: column; justify-content: center; align-items: flex-start; padding-block: 88px; }
.bca-hero-immersive .bca-hero-copy > * { max-width: 720px; }
.bca-hero-visual-immersive { position: absolute; inset: 0; overflow: hidden; background: #07100f; }
.bca-hero-visual-immersive .bca-design-stage { position: absolute; inset: -4%; }
.bca-hero-visual-immersive .bca-design-frame { opacity: 1; filter: none; }
.bca-hero-visual-immersive .bca-visual-note { position: absolute; z-index: 3; left: auto; right: max(20px, calc((100% - 1120px) / 2)); bottom: 18px; width: min(420px, calc(100% - 32px)); margin: 0; text-align: right; }
.bca-hero-conservative .bca-design-frame,.bca-hero-visual-conservative .bca-design-frame,
.bca-hero-balanced .bca-design-frame,.bca-hero-visual-balanced .bca-design-frame { opacity: 1; filter: none; }
.bca-eyebrow { color: var(--bca-accent); text-transform: uppercase; letter-spacing: .15em; font: 700 12px/1.3 ui-monospace, monospace; }
h1 { max-width: 820px; margin: 18px 0; font-size: clamp(44px, 6.6vw, 78px); line-height: .99; letter-spacing: -.06em; }
.bca-lead { max-width: 700px; color: #c9d7d2; font-size: clamp(17px, 2vw, 20px); }
.bca-hero-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.bca-hero-meta span { padding: 6px 9px; border: 1px solid var(--bca-line); border-radius: 999px; color: #9fb5ad; background: rgba(10, 24, 21, .72); font: 700 10px ui-monospace, monospace; }
.bca-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.bca-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 22px; border-radius: 999px; background: var(--bca-accent); color: #07100f; text-decoration: none; font-weight: 820; box-shadow: 0 14px 34px rgba(63, 208, 153, .14); }
.bca-button-secondary { background: transparent; color: var(--bca-ink); border: 1px solid var(--bca-line); }
.bca-design-stage { position: relative; overflow: hidden; isolation: isolate; background: var(--bca-stage); }
.bca-static-fallback { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: #16241f; color: #f5faf7; }
/* Once the live design is running, fully drop the fallback from the paint
   tree (visibility, after the fade) — glow/shadow-heavy fallbacks left at
   opacity 0 still cost compositing under an animating canvas. */
.bca-design-stage.is-live-loaded .bca-static-fallback { opacity: 0; visibility: hidden; transition: opacity .28s ease, visibility 0s linear .3s; }
.bca-static-fallback.fallback-poster { background: var(--bca-stage); }
.bca-poster-fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.fallback-game { display: grid; place-items: center; background: radial-gradient(circle at 50% 50%,#5430a3,#17083a 72%); }
.fallback-game .fallback-game { position: absolute; inset: 12%; border: 4px solid #dfff55; border-radius: 28px; background: repeating-linear-gradient(90deg,transparent 0 48%,rgba(223,255,85,.18) 49% 51%,transparent 52%),#241054; box-shadow: inset 0 0 70px rgba(255,111,174,.25); }
.fallback-game i { position: absolute; top: calc(50% - 42px); width: 82px; height: 82px; border: 9px solid #ff6fae; border-radius: 50%; box-shadow: 0 0 30px rgba(255,111,174,.65); }
.fallback-game i:first-child { left: 9%; }.fallback-game i:nth-child(2) { right: 9%; border-color: #7cecff; box-shadow: 0 0 30px rgba(124,236,255,.65); }
.fallback-game b { width: 30px; height: 30px; border-radius: 50%; background: #dfff55; box-shadow: 0 0 30px #dfff55; }
.fallback-game span { position: absolute; top: 9%; font: 900 clamp(20px,4vw,46px)/1 "Arial Rounded MT Bold",sans-serif; letter-spacing: .08em; }
.fallback-calculator { display: grid; place-items: center; background: linear-gradient(145deg,#0f201a,#294238); }
.fallback-calculator .fallback-calculator { width: min(80%,390px); padding: 22px; border-radius: 28px; background: #f7f6ed; box-shadow: 0 28px 70px rgba(0,0,0,.35); }
.fallback-calculator output { display: block; padding: 18px; border-radius: 14px; color: #13271f; background: #dce9dd; font: 700 32px ui-monospace,monospace; text-align: right; }
.fallback-calculator div { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 14px; }
.fallback-calculator kbd { display: grid; min-height: 48px; place-items: center; border: 0; border-radius: 12px; color: #203a30; background: #fff; box-shadow: 0 2px 0 #ccd4cd; font: 700 16px ui-monospace,monospace; }
.fallback-calculator kbd:nth-child(4n),.fallback-calculator kbd:last-child { color: #fff; background: #087c5b; }
.fallback-calculator small { display: block; margin-top: 14px; color: #667770; font: 700 9px ui-monospace,monospace; text-transform: uppercase; letter-spacing: .1em; }
.fallback-credit-score { display: grid; place-items: center; background: linear-gradient(145deg,#17245b,#3157ed); }
.fallback-credit-score .fallback-credit { width: min(82%,440px); padding: 28px; border-radius: 22px; color: #16204d; background: #fff; box-shadow: 0 28px 65px rgba(10,18,55,.32); }
.fallback-credit span,.fallback-credit small { display: block; color: #667091; font: 700 9px ui-monospace,monospace; letter-spacing: .08em; text-transform: uppercase; }
.fallback-credit strong { display: block; margin-top: 10px; font-size: clamp(22px,4vw,38px); letter-spacing: -.04em; }
.fallback-credit div { display: flex; height: 150px; align-items: end; gap: 9px; margin: 24px 0 17px; border-bottom: 1px solid #d9def3; }
.fallback-credit i { width: 15%; height: 28%; border-radius: 8px 8px 0 0; background: #cbd4ff; }.fallback-credit i:nth-child(2){height:42%}.fallback-credit i:nth-child(3){height:38%}.fallback-credit i:nth-child(4){height:61%;background:#91a6ff}.fallback-credit i:nth-child(5){height:72%;background:#5e7afa}.fallback-credit i:nth-child(6){height:86%;background:#3157ed}
.fallback-dna { background: radial-gradient(circle at 50% 50%,#153e36,#061914 72%); }
.fallback-dna .fallback-dna { position: absolute; inset: 8% 24%; display: flex; flex-direction: column; justify-content: space-around; transform: rotate(-12deg); }
.fallback-dna i { position: relative; display: flex; justify-content: space-between; height: 3px; background: linear-gradient(90deg,#68d9b0,#d4f5e8,#7a8ee9); transform: scaleX(calc(.42 + (var(--i) % 5) * .12)); }
.fallback-dna b { width: 17px; height: 17px; margin-top: -7px; border: 3px solid #89e3c2; border-radius: 50%; background: #0b2922; box-shadow: 0 0 18px rgba(137,227,194,.5); }
.fallback-dna b:last-child { border-color: #95a5ff; }
.fallback-data-label { position: absolute; right: 18px; bottom: 15px; font: 700 8px ui-monospace,monospace; letter-spacing: .12em; color: #a7c9bd; }
.fallback-dashboard { display: grid; place-items: center; background: linear-gradient(145deg,#dcecff,#f8fbff); }
.fallback-dashboard .fallback-dashboard { position: absolute; inset: 10%; display: grid; grid-template-columns: 22% 1fr; grid-template-rows: 58% 1fr; gap: 12px; padding: 14px; border: 1px solid #c7d8ec; border-radius: 18px; background: #fff; box-shadow: 0 24px 65px rgba(27,67,120,.18); }
.fallback-side { grid-row: 1 / -1; border-radius: 10px; background: linear-gradient(#1769e0 0 20%,#e8f0fa 20%); }
.fallback-chart { display: flex; align-items: end; gap: 8px; padding: 24px; border-radius: 10px; background: #f4f8fd; }
.fallback-chart i { width: 14%; height: 35%; border-radius: 5px 5px 0 0; background: #86b7f5; }.fallback-chart i:nth-child(2){height:60%}.fallback-chart i:nth-child(3){height:48%;background:#1769e0}.fallback-chart i:nth-child(4){height:82%}.fallback-chart i:nth-child(5){height:68%}
.fallback-rows { display: grid; grid-column: 2; gap: 6px; }.fallback-rows b { border-radius: 6px; background: linear-gradient(90deg,#d9e6f5 22%,transparent 22% 28%,#edf3fa 28%); }
.fallback-gallery { background: #3c2c22; }
.fallback-gallery .fallback-gallery { position: absolute; inset: 14px; display: grid; grid-template-columns: 1.45fr .8fr; grid-template-rows: 1fr 1fr; gap: 9px; }
.fallback-gallery i { grid-row: 1 / -1; background: linear-gradient(135deg,#9b6947,#d6bf9d 45%,#594237); }.fallback-gallery i:nth-child(2){grid-column:2;grid-row:1;background:linear-gradient(145deg,#e6dac7,#8b6a52)}.fallback-gallery i:nth-child(3){grid-column:2;grid-row:2;background:linear-gradient(145deg,#5c7356,#c8b99f)}
.fallback-gallery span { position: absolute; left: 18px; bottom: 14px; padding: 8px 10px; background: rgba(34,23,16,.8); font: 700 9px ui-monospace,monospace; letter-spacing: .08em; text-transform: uppercase; }
.fallback-system { background: radial-gradient(circle at 60% 40%,#b9a6ff,#eee9ff 58%,#d8cdfb); }
.fallback-system .fallback-system { position: absolute; inset: 7%; border-radius: 24px; background: linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.28)); border: 1px solid rgba(70,48,150,.2); }
.fallback-system i { position: absolute; width: clamp(42px,9vw,100px); aspect-ratio: 1; border-radius: 22px; background: #fff; box-shadow: 0 18px 45px rgba(73,45,164,.18); }.fallback-system i:nth-child(1){left:8%;top:15%}.fallback-system i:nth-child(2){right:12%;top:8%;background:#241d43}.fallback-system i:nth-child(3){left:42%;top:40%;background:#6847ee}.fallback-system i:nth-child(4){left:14%;bottom:7%;background:#ffd5e5}.fallback-system i:nth-child(5){right:9%;bottom:12%;background:#fff}
.fallback-system b { position:absolute;height:2px;width:32%;background:rgba(104,71,238,.38);transform-origin:left }.fallback-system b:nth-of-type(1){left:20%;top:30%;transform:rotate(15deg)}.fallback-system b:nth-of-type(2){left:49%;top:48%;transform:rotate(-24deg)}.fallback-system b:nth-of-type(3){left:24%;bottom:27%;transform:rotate(-18deg)}
.fallback-editorial { display: grid; place-content: center; background: linear-gradient(145deg,#ebe6dc,#d8d1c4); color:#302b28; }
.fallback-editorial .fallback-editorial { width:min(78%,430px);padding:36px;border-left:5px solid var(--bca-accent);background:#fff;box-shadow:0 24px 60px rgba(60,48,38,.16) }.fallback-editorial span{font:700 10px ui-monospace,monospace;color:var(--bca-accent)}.fallback-editorial strong{display:block;margin:18px 0;font:500 28px/1.1 Georgia,serif}.fallback-editorial i{display:block;width:100%;height:7px;margin-top:9px;background:#ece8e2}.fallback-editorial i:last-child{width:58%}
.bca-design-frame,.bca-direct-embed { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; border: 0; opacity: 1; pointer-events: auto; }
.bca-design-stage[data-interactivity-required="false"] .bca-design-frame { pointer-events: none; }
.bca-interactive-stage .bca-design-frame,.bca-interactive-stage .bca-direct-embed { opacity:1 !important; filter:none !important; pointer-events:auto !important; }
.bca-direct-embed:focus-visible,.bca-design-frame:focus-visible { outline: 4px solid var(--bca-accent); outline-offset: -4px; }
.bca-design-surface { position: absolute; inset: 0; }
/* The selected design is the hero feature, so the stage carries no card shell,
   device border, scrim or caption panel — only a quiet boundary line beneath. */
.bca-hero-visual { position: relative; display: grid; grid-template-rows: minmax(0, 1fr) auto; min-height: clamp(430px, 62vh, 660px); border: 0; border-radius: var(--bca-radius); background: none; box-shadow: none; }
.bca-hero-visual .bca-design-surface { position: relative; inset: auto; min-height: 0; overflow: hidden; border-radius: inherit; background: var(--bca-stage); }
.bca-hero-visual .bca-design-stage { position: absolute; inset: 0; }
.bca-visual-note { margin: 9px 0 0; padding-inline: 4px 18px; }
.bca-visual-note small { display: block; max-width: 62ch; margin-left: auto; color: var(--bca-muted); font: 500 9px/1.5 ui-monospace, monospace; letter-spacing: .01em; text-align: right; opacity: .4; }
.bca-hero-visual-immersive .bca-visual-note small { color: #9db3ab; }
.bca-interactive-visual { display:grid; grid-template-rows:minmax(0,1fr) auto; overflow:visible; }
.bca-interactive-visual::after { display:none; }
.bca-interactive-visual .bca-design-surface { position:relative; inset:auto; min-height:430px; }
.bca-interactive-visual .bca-design-frame,.bca-interactive-visual .bca-direct-embed { opacity:1; filter:none; }
.bca-hero-interactive { grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr); align-items:center; }
/* Hero layout families. Each composition mode gets a different arrangement so
   the same left-copy/right-card split does not repeat across generated sites. */
/* tool-first — the live tool takes the larger share of the first viewport. */
.bca-hero[data-hero-layout="tool-first"][data-hero-bleed="right"] { grid-template-columns: max(16px, calc((100% - 1120px) / 2)) minmax(0, .84fr) minmax(0, 1.5fr) max(18px, calc((100% - 1320px) / 2)); }
.bca-hero[data-hero-layout="tool-first"] .bca-hero-visual { min-height: clamp(540px, 78vh, 820px); border-radius: calc(var(--bca-radius) + 14px); }
.bca-hero[data-hero-layout="tool-first"] .bca-interactive-visual .bca-design-surface { min-height: clamp(500px, 70vh, 760px); }
/* console-bleed — dashboard/product pages deliberately ignore the centred
   editorial shell. Copy starts at the page gutter and the live product owns
   most of the viewport, while retaining a real right gutter on wide screens. */
.bca-hero[data-hero-layout="console-bleed"][data-hero-bleed="right"] { width:100%; min-height:calc(100vh - 76px); margin:0; padding:30px clamp(24px,3.2vw,66px) 36px; column-gap:clamp(24px,2.2vw,44px); overflow:hidden; align-items:center; grid-template-columns:minmax(340px,.42fr) minmax(0,1.58fr); }
.bca-hero[data-hero-layout="console-bleed"] > .bca-hero-copy { grid-column:1; width:100%; min-width:0; max-width:440px; justify-self:start; padding:28px 0; }
.bca-hero[data-hero-layout="console-bleed"] .bca-hero-copy h1 { max-width:11ch; margin:14px 0 18px; font-size:clamp(44px,4.25vw,68px); line-height:.98; }
.bca-hero[data-hero-layout="console-bleed"] .bca-lead { width:100%; min-width:0; max-width:44ch; font-size:clamp(16px,1.2vw,19px); line-height:1.5; }
.bca-hero[data-hero-layout="console-bleed"] .bca-actions { width:100%; min-width:0; flex-flow:row wrap; align-items:center; }
.bca-hero[data-hero-layout="console-bleed"] .bca-button { flex:0 0 auto; min-width:154px; width:auto; border-radius:12px; white-space:nowrap; }
.bca-hero[data-hero-layout="console-bleed"] > .bca-hero-visual { grid-column:2; width:100%; min-width:0; max-width:100%; min-height:clamp(610px,calc(100vh - 116px),760px); overflow:hidden; border-radius:calc(var(--bca-radius) + 12px); box-shadow:-24px 32px 80px rgba(27,67,120,.16); }
/* band-stage — wide product canvases get the whole viewport so no part of the
   component is cropped. The copy above it stays deliberately compact so the
   design still owns the first screen. */
.bca-hero[data-hero-bleed="full"] { min-height: auto; padding-top: 40px; }
/* Full-bleed band modes split the masthead horizontally — headline left, lead
   and actions right — so the copy stays shallow, nothing sits in an empty right
   half, and the design band starts inside the first viewport. */
.bca-hero[data-hero-bleed="full"] .bca-hero-copy { display: grid; width: 100%; max-width: none; grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); column-gap: clamp(32px, 5vw, 84px); align-items: end; padding-bottom: 30px; }
.bca-hero[data-hero-bleed="full"] .bca-hero-copy .bca-eyebrow { grid-column: 1 / -1; }
.bca-hero[data-hero-bleed="full"] .bca-hero-copy h1 { grid-column: 1; max-width: 16ch; margin: 12px 0 0; font-size: clamp(34px, 3.6vw, 50px); }
.bca-hero[data-hero-bleed="full"] .bca-hero-copy .bca-lead { grid-column: 2; grid-row: 2; align-self: end; max-width: 46ch; margin: 0; font-size: 16px; }
.bca-hero[data-hero-bleed="full"] .bca-hero-meta { grid-column: 1; grid-row: 3; margin-top: 20px; }
.bca-hero[data-hero-bleed="full"] .bca-actions { grid-column: 2; grid-row: 3; margin: 20px 0 0; }
.bca-hero[data-hero-layout="band-stage"] .bca-hero-visual { min-height: clamp(440px, 62vh, 660px); border-radius: 0; }
/* figure-bleed — a large finance/visual snapshot anchored to the right edge. */
.bca-hero[data-hero-layout="figure-bleed"] .bca-hero-visual { min-height: clamp(450px, 66vh, 700px); border-radius: calc(var(--bca-radius) + 10px); }
/* editorial-band — wide headline, then the design as a full-width band. */
.bca-hero[data-hero-layout="editorial-band"] .bca-hero-copy h1 { max-width: 15ch; }
.bca-hero[data-hero-layout="editorial-band"] .bca-hero-visual { min-height: clamp(380px, 54vh, 580px); border-radius: 0; }
.bca-hero[data-hero-layout="editorial-band"] .bca-visual-note { padding-inline: max(16px, calc((100% - 1120px) / 2)); }
.bca-hero[data-hero-layout="showcase-bleed"] .bca-hero-visual { min-height: clamp(500px, 72vh, 760px); border-radius: var(--bca-radius); }
/* Split heroes: the headline scales to its column, not the viewport. The big
   per-mode display sizes (72-98px) are for full-width copy — in a half-width
   column they wrap one word per line and read as a broken skinny stack. */
.bca-hero[data-hero-bleed="right"]:not([data-hero-layout="console-bleed"]) .bca-hero-copy h1,
.bca-hero[data-hero-layout="play-stage"]:not(.bca-hero-immersive) .bca-hero-copy h1 { max-width: 15ch; font-size: clamp(34px, 3.4vw, 50px); line-height: 1.05; letter-spacing: -.04em; }
.bca-hero[data-hero-bleed="right"]:not([data-hero-layout="console-bleed"]) .bca-hero-copy .bca-lead,
.bca-hero[data-hero-layout="play-stage"]:not(.bca-hero-immersive) .bca-hero-copy .bca-lead { max-width: 46ch; font-size: clamp(15px, 1.3vw, 18px); }
.bca-signal { position: relative; overflow: hidden; padding: 30px; border: 1px solid var(--bca-line); border-radius: var(--bca-radius); background: linear-gradient(145deg, rgba(26, 61, 53, .95), var(--bca-panel));  box-shadow: 0 32px 80px rgba(0,0,0,.24); }
.bca-signal::after { content: "↗"; position: absolute; right: 24px; top: 18px; color: rgba(124, 224, 184, .38); font-size: 34px; }
.bca-signal strong { display: block; max-width: 280px; margin-top: 46px; color: var(--bca-ink); font-size: 24px; line-height: 1.15; letter-spacing: -.03em; }
.bca-signal p { color: #a9c0b7; margin: 12px 0 0; }
.bca-signal small { display: block; margin-top: 28px; color: var(--bca-accent); font: 700 10px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
.bca-visual-moment { position: relative; min-height: 390px; overflow: hidden; border-block: 1px solid var(--bca-line); background: #07100f; }
.bca-visual-moment .bca-design-stage { position: absolute; inset: 0; }
.bca-visual-moment .bca-design-frame { opacity: .5; filter: saturate(.82) contrast(1.06); }
.bca-visual-moment::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(7,16,15,.98) 0%, rgba(7,16,15,.78) 42%, rgba(7,16,15,.26) 78%, rgba(7,16,15,.76) 100%), linear-gradient(180deg, #07100f 0%, transparent 25%, transparent 72%, #07100f 100%); }
.bca-visual-moment-copy { position: relative; z-index: 3; display: flex; min-height: 390px; max-width: 630px; flex-direction: column; justify-content: center; align-items: flex-start; padding-block: 64px; }
.bca-visual-moment-copy h2 { margin: 12px 0; font-size: clamp(30px, 4.8vw, 54px); line-height: 1.02; letter-spacing: -.05em; }
.bca-visual-moment-copy p { max-width: 560px; margin: 0; color: #b5c8c1; }
.bca-visual-moment-copy small { display: block; max-width: 550px; margin-top: 16px; color: #879e96; font-size: 10px; }
.bca-visual-moment-copy a { margin-top: 22px; padding: 9px 14px; border: 1px solid var(--bca-line); border-radius: 999px; color: #d8e9e2; font-size: 11px; font-weight: 760; text-decoration: none; }
.bca-visual-moment-conservative .bca-design-frame { opacity: .3; filter: saturate(.62) contrast(1.02); }
.bca-visual-moment-conservative { min-height: 330px; }
.bca-visual-moment-conservative .bca-visual-moment-copy { min-height: 330px; }
.bca-visual-moment-immersive { min-height: 610px; }
.bca-visual-moment-immersive .bca-design-frame { opacity: .78; filter: saturate(1.02) contrast(1.08); }
.bca-visual-moment-immersive .bca-design-stage { transform: scale(1.06); transition: transform 1.2s cubic-bezier(.16,1,.3,1), filter 1.2s ease; filter: brightness(.72); }
.bca-visual-moment-immersive.is-visual-active .bca-design-stage { transform: scale(1); filter: brightness(1); }
.bca-visual-moment-immersive .bca-visual-moment-copy { min-height: 610px; justify-content: flex-end; padding-bottom: 82px; }
.bca-visual-moment-immersive::after { background: linear-gradient(90deg, rgba(7,16,15,.9) 0%, rgba(7,16,15,.58) 46%, rgba(7,16,15,.12) 82%), linear-gradient(180deg, #07100f 0%, transparent 22%, transparent 66%, #07100f 100%); }
.bca-placement-interactive-demo-block .bca-design-stage { position: absolute; inset: 22px max(22px, calc((100% - 1120px) / 2)); border: 1px solid var(--bca-line); border-radius: var(--bca-radius); }
.bca-interactive-feature { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr); gap:26px; align-items:stretch; padding-block:70px; }
.bca-interactive-feature-surface { position:relative; min-height:760px; overflow:hidden; border:2px solid var(--bca-line); border-radius:calc(var(--bca-radius) + 4px); background:#07100f; box-shadow:0 32px 80px rgba(0,0,0,.2); }
.bca-interactive-feature-surface .bca-design-stage { position:absolute; inset:0; }
.bca-interactive-feature-copy { align-self:center; padding:18px 0; }
.bca-interactive-feature-copy h2 { margin:12px 0; font-size:clamp(30px,4.2vw,52px); line-height:1.02; letter-spacing:-.05em; }
.bca-interactive-feature-copy p { color:var(--bca-muted); }
.bca-interactive-feature-copy small { display:block; margin-top:16px; color:var(--bca-muted); font-size:10px; }
.bca-interactive-feature-copy a { display:inline-flex; margin-top:22px; padding:9px 14px; border:1px solid var(--bca-line); border-radius:999px; color:var(--bca-ink); font-size:11px; font-weight:760; text-decoration:none; }
.bca-opportunity { padding: 24px 0 76px; }
.bca-opportunity-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 20px; }
.bca-opportunity-head h2 { max-width: 660px; margin: 8px 0 0; font-size: clamp(28px, 4vw, 44px); line-height: 1.05; letter-spacing: -.045em; }
.bca-opportunity-head p { max-width: 430px; margin: 0; color: var(--bca-muted); font-size: 14px; }
.bca-opportunity-grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: 16px; }
.bca-opportunity-card { display: flex; flex-direction: column; padding: 30px 28px; border: 1px solid var(--bca-line); border-radius: var(--bca-radius); background: linear-gradient(145deg, var(--bca-panel-strong), rgba(13, 28, 25, .92)); }
.bca-opportunity-card > span { color: var(--bca-accent); font: 700 10px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
.bca-opportunity-card h3 { margin: 20px 0 10px; font-size: 21px; line-height: 1.2; letter-spacing: -.025em; }
.bca-opportunity-card p { margin: 0; color: var(--bca-muted); font-size: 14px; }
.bca-path-action { margin: auto 0 0; padding-top: 18px; border-top: 1px solid var(--bca-line); }
.bca-path-action span { display: block; color: var(--bca-accent-2); font: 700 9px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .09em; }
.bca-path-action strong { display: block; margin-top: 7px; color: #dce9e4; font-size: 13px; line-height: 1.45; }
/* Ownership boundaries stay on the page but read as a footnote, not a feature. */
.bca-page-identity { display: grid; grid-template-columns: minmax(180px, .5fr) minmax(0, 1.5fr); gap: 20px; align-items: start; margin: 0 auto 56px; padding: 20px 0 0; border: 0; border-top: 1px solid var(--bca-line); border-radius: 0; background: none; opacity: .74; }
.bca-page-identity header { padding: 0; }
.bca-page-identity h2 { margin: 6px 0 0; font-size: 15px; line-height: 1.2; letter-spacing: -.01em; }
.bca-identity-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.bca-identity-column { padding: 0; border-radius: 0; background: none; }
.bca-identity-column.is,.bca-identity-column.is-not { border: 0; }
.bca-identity-column strong { font-size: 11px; font-family: ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; color: var(--bca-muted); }
.bca-identity-column ul { margin: 8px 0 0; padding-left: 15px; color: var(--bca-muted); font-size: 12px; }
.bca-identity-column li { margin-top: 6px; }
.bca-section { padding: 96px 0; border-top: 1px solid var(--bca-line); }
.bca-section h2 { max-width: 18ch; margin: 6px 0 14px; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.05; letter-spacing: -.045em; }
.bca-section-lead { max-width: 60ch; margin: 0 0 44px; color: var(--bca-muted); font-size: 15px; }
/* Even, equal-height cards. Ragged auto-height columns read as broken layout. */
.bca-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 16px; }
.bca-card { display: flex; flex-direction: column; padding: 28px 26px; border: 1px solid var(--bca-line); border-radius: var(--bca-radius); background: var(--bca-panel); }
.bca-card > span { color: var(--bca-muted); font: 700 10px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .1em; opacity: .8; }
.bca-card h3 { margin: 16px 0 10px; font-size: 19px; line-height: 1.22; letter-spacing: -.02em; }
.bca-card p, .bca-note p { color: var(--bca-muted); }
.bca-card > p { margin: 0; font-size: 14px; }
.bca-checklist,.bca-comparison-rows { display: grid; gap: 0; margin: auto 0 0; padding: 18px 0 0; list-style: none; }
.bca-checklist li,.bca-comparison-rows li { position: relative; margin: 0; padding: 9px 0 9px 20px; border: 0; border-top: 1px solid var(--bca-line); color: var(--bca-muted); background: none; font-size: 12.5px; line-height: 1.45; }
.bca-checklist li::before { content: ""; position: absolute; left: 3px; top: 16px; width: 5px; height: 5px; border-radius: 50%; background: var(--bca-accent); }
.bca-comparison-rows li { display: grid; grid-template-columns: minmax(80px, .38fr) minmax(0, 1fr); gap: 10px; padding-left: 0; }
.bca-comparison-rows strong { color: #e2ece8; }
.bca-card-disclaimer { grid-column: 1 / -1 !important; min-height: auto; border-color: rgba(136, 169, 255, .28); background: rgba(136, 169, 255, .07) !important; }
.bca-card-disclaimer h3 { margin-top: 18px; }
.bca-card-disclaimer .bca-checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bca-action-strip { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 22px; padding: 17px 19px; border: 1px solid var(--bca-line); border-radius: 14px; background: rgba(11, 27, 24, .9); }
.bca-action-strip > div > span { display: block; color: var(--bca-accent); font: 700 9px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .09em; }
.bca-action-strip > div > strong { display: block; margin-top: 5px; font-size: 14px; }
.bca-action-strip-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.bca-action-strip-links a { padding: 8px 12px; border: 1px solid var(--bca-line); border-radius: 999px; color: #dbe9e4; font-size: 11px; font-weight: 760; text-decoration: none; }
.bca-action-strip-links a:first-child { border-color: transparent; background: var(--bca-accent); color: #07100f; }
.bca-note ul { margin: 18px 0 0; padding-left: 19px; color: #a9bbb5; }
.bca-note li { margin-top: 8px; }
.bca-trust { border-block: 1px solid var(--bca-line); background: none; }
.bca-trust .bca-shell { min-height: 58px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; }
.bca-trust strong { color: var(--bca-muted); font: 700 9px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .09em; opacity: .8; }
.bca-trust span { color: var(--bca-muted); font-size: 12px; opacity: .85; }
.bca-two-column { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 58px; align-items: start; }
.bca-faq { border-top: 1px solid var(--bca-line); }
.bca-faq:last-child { border-bottom: 1px solid var(--bca-line); }
.bca-faq summary { padding: 21px 4px; cursor: pointer; font-weight: 750; }
.bca-faq p { margin: -4px 0 20px; color: var(--bca-muted); }
.bca-reference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.bca-reference { min-width: 0; padding: 23px; border: 1px solid var(--bca-line); border-radius: var(--bca-radius); background: var(--bca-panel); }
.bca-reference header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.bca-reference header strong { font-size: 18px; }
.bca-reference header span { color: var(--bca-accent); font: 700 9px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
.bca-reference p { margin: 16px 0; color: var(--bca-muted); font-size: 12px; }
.bca-reference dl { display: grid; grid-template-columns: minmax(0, auto) minmax(0, 1fr); gap: 6px 12px; margin: 0; font-size: 11px; }
.bca-reference dt { color: #718b82; }
.bca-reference dd { margin: 0; color: #b8c9c3; }
.bca-reference a { display: inline-flex; margin-top: 18px; color: var(--bca-accent-2); font-size: 11px; font-weight: 760; text-decoration: none; }
.bca-conversion { padding: 36px; border: 1px solid var(--bca-line); border-radius: var(--bca-radius); background: linear-gradient(135deg, rgba(28, 67, 57, .92), rgba(18, 36, 53, .88)); }
.bca-conversion h2 { margin-bottom: 14px; }
.bca-conversion p { max-width: 720px; margin: 0; color: #afc4bc; }
.bca-conversion .bca-actions { margin-top: 24px; }
.bca-note { max-width: 860px; padding: 0 0 0 18px; border-left: 2px solid var(--bca-line); background: none; color: var(--bca-muted); font-size: 12.5px; opacity: .78; }
.bca-note strong { font: 700 9px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .09em; }
.bca-note ul { font-size: 12px; }
#important-information { padding: 40px 0 24px; }
.bca-footer { display: flex; justify-content: space-between; gap: 28px; padding: 34px 0 48px; color: var(--bca-muted); font-size: 13px; border-top: 1px solid var(--bca-line); }
@media (max-width: 940px) {
  .bca-hero[data-hero-bleed="right"],.bca-hero[data-hero-layout][data-hero-bleed="right"] { grid-template-columns: 1fr; }
  .bca-hero[data-hero-bleed="full"] .bca-hero-copy { display: block; }
  .bca-hero[data-hero-bleed="full"] .bca-hero-copy .bca-lead { max-width: 62ch; margin-top: 14px; }
  .bca-hero[data-hero-bleed="full"] .bca-actions { margin-top: 22px; }
  .bca-hero[data-hero-bleed="right"] > .bca-hero-copy { grid-column: auto; padding-inline: max(16px, calc((100% - 1120px) / 2)); }
  .bca-hero[data-hero-bleed="right"] > .bca-hero-visual { grid-column: auto; }
  .bca-hero[data-hero-layout] .bca-hero-visual { min-height: clamp(400px, 66vh, 560px); border-radius: 0; }
  .bca-hero[data-hero-layout="tool-first"] .bca-hero-visual { min-height: clamp(480px, 78vh, 640px); }
  .bca-hero[data-hero-layout="tool-first"] .bca-interactive-visual .bca-design-surface { min-height: 440px; }
  .bca-hero[data-hero-layout="console-bleed"] { padding:44px clamp(18px,4vw,36px) 36px; row-gap:28px; }
  .bca-hero[data-hero-layout="console-bleed"] > .bca-hero-copy { grid-column:auto; min-width:0; max-width:620px; padding-inline:0; }
  .bca-hero[data-hero-layout="console-bleed"] > .bca-hero-visual { grid-column:auto; width:100%; border-radius:calc(var(--bca-radius) + 4px); }
  .bca-hero[data-hero-layout="console-bleed"] .bca-actions { min-width:0; }
  .bca-hero[data-hero-layout="console-bleed"] .bca-button { white-space:normal; }
}
@media (max-width: 820px) {
  .bca-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 62px; }
  .bca-hero-immersive,.bca-hero-immersive .bca-hero-copy { min-height: 720px; }
  .bca-hero-immersive .bca-hero-copy { padding-top: 72px; padding-bottom: 190px; }
  .bca-hero-visual-immersive .bca-visual-note { right: 16px; }
  .bca-hero-visual { min-height: 420px; }
  .bca-interactive-visual .bca-design-surface { min-height: 430px; }
  .bca-grid { grid-template-columns: 1fr; }
  .bca-card:first-child,.bca-card:last-child { grid-column: auto; }
  .bca-opportunity-head { display: block; }
  .bca-opportunity-head p { margin-top: 12px; }
  .bca-opportunity-grid { grid-template-columns: 1fr; }
  .bca-page-identity { grid-template-columns: 1fr; }
  .bca-identity-grid { grid-template-columns: 1fr; }
  .bca-reference-grid { grid-template-columns: 1fr; }
  .bca-two-column { grid-template-columns: 1fr; gap: 28px; }
  .bca-trust .bca-shell { grid-template-columns: 1fr; gap: 5px; padding-block: 15px; }
  .bca-signal { max-width: 480px; }
  .bca-visual-moment,.bca-visual-moment-copy { min-height: 330px; }
  .bca-visual-moment-immersive,.bca-visual-moment-immersive .bca-visual-moment-copy { min-height: 500px; }
  .bca-action-strip { align-items: flex-start; flex-direction: column; }
  .bca-interactive-feature { grid-template-columns:1fr; padding-block:48px; }
  .bca-interactive-feature-surface { min-height:700px; }
  .bca-action-strip-links { justify-content: flex-start; }
  .bca-card-disclaimer .bca-checklist { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  .bca-shell { width: min(100% - 22px, 1120px); }
  .bca-nav small { display: none; }
  .bca-nav nav { gap: 8px; }
  .bca-nav-action { font-size: 10px; }
  h1 { font-size: 44px; }
  .bca-hero-visual { min-height: 340px; }
  .bca-interactive-visual { min-height:560px; }
  .bca-interactive-visual .bca-design-surface { min-height:430px; }
  .bca-interactive-feature-surface { min-height:680px; }
  .bca-hero-immersive,.bca-hero-immersive .bca-hero-copy { min-height: 680px; }
  .bca-hero-immersive .bca-hero-copy { padding-bottom: 210px; }
  .bca-hero-visual-immersive .bca-visual-note { left: 12px; right: 12px; bottom: 12px; width: auto; }
  .bca-footer { display: block; }
}

:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-nav-action,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-button-secondary,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-action-strip-links a,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-visual-moment-copy a { color: var(--bca-ink); }
:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-lead,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-card p,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-note p,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-opportunity-card p,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-visual-moment-copy p,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-faq p { color: var(--bca-muted); }
:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-button:not(.bca-button-secondary),:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-action-strip-links a:first-child { color: #fff; box-shadow: none; }
:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-card,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-opportunity-card,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-action-strip,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-page-identity,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-reference,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-conversion { background: var(--bca-panel); }
:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-checklist li,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-comparison-rows li { color: var(--bca-muted); background: none; }
:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-identity-column { color: var(--bca-muted); background: rgba(0,0,0,.02); }
:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-comparison-rows strong,:where(.mode-science_editorial,.mode-credit_finance_landing,.mode-calculator_tool,.mode-trades_portfolio,.mode-software_product_landing,.mode-broker_saas_dashboard,.mode-cautious_health_resource,.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder,.mode-domain_opportunity_minimal) .bca-path-action strong { color: var(--bca-ink); }

.mode-entertainment_game_portal { background: radial-gradient(circle at 78% 10%, #3a1679 0, transparent 36rem), radial-gradient(circle at 12% 55%, rgba(255,70,144,.18), transparent 30rem), #10072b; }
.mode-entertainment_game_portal .bca-nav { border-bottom-color: transparent; }
.mode-entertainment_game_portal .bca-brand { font-size: 22px; text-transform: lowercase; }
.mode-entertainment_game_portal h1,.mode-entertainment_game_portal h2 { font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; }
.mode-entertainment_game_portal h1 { max-width: 760px; font-size: clamp(54px,6.5vw,86px); transform: rotate(-1.5deg); }
.mode-entertainment_game_portal .bca-hero-immersive::after { background: linear-gradient(90deg, rgba(16,7,43,.98) 0%, rgba(16,7,43,.82) 43%, rgba(16,7,43,.08) 78%), linear-gradient(180deg, transparent 58%, #10072b); }
.mode-entertainment_game_portal .bca-hero-visual-immersive,.mode-entertainment_game_portal .bca-design-stage { background: #16073a; }
.mode-entertainment_game_portal .bca-hero-meta span { color: #f5eaff; border-color: rgba(223,255,85,.35); background: rgba(26,8,62,.7); }
.mode-entertainment_game_portal .bca-button { border-radius: 12px; transform: rotate(-1deg); }
.mode-entertainment_game_portal .bca-button-secondary { transform: rotate(1deg); }
.mode-entertainment_game_portal .bca-opportunity-card:nth-child(2) { transform: translateY(18px) rotate(1deg); }
.mode-entertainment_game_portal .bca-opportunity-card:nth-child(3) { transform: rotate(-1deg); }
.mode-entertainment_game_portal .bca-visual-moment { min-height: 680px; border: 0; }
.mode-entertainment_game_portal .bca-visual-moment::after { background: linear-gradient(90deg, rgba(16,7,43,.9), rgba(16,7,43,.12) 70%), linear-gradient(180deg, #10072b 0, transparent 18%, transparent 80%, #10072b); }
.mode-entertainment_game_portal .bca-grid { grid-template-columns: repeat(2,1fr); }
.mode-entertainment_game_portal .bca-card { border-width: 2px; }

.mode-science_editorial { background: linear-gradient(90deg, rgba(23,48,42,.045) 1px, transparent 1px), linear-gradient(rgba(23,48,42,.045) 1px, transparent 1px), #edf1e9; background-size: 38px 38px; }
.mode-science_editorial h1,.mode-science_editorial h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.045em; }
.mode-science_editorial h1 { font-size: clamp(48px,6vw,82px); }
.mode-science_editorial .bca-hero { min-height: auto; padding-bottom: 0; }
.mode-science_editorial .bca-hero-copy { padding-block: 26px 8px; }
.mode-science_editorial .bca-hero-visual { border-radius: 0; }
.mode-science_editorial .bca-trust { background: #17302a; color: #edf1e9; }
.mode-science_editorial .bca-trust span { color: #c8d7d1; }
.mode-science_editorial .bca-opportunity-grid { grid-template-columns: 1.2fr .9fr .9fr; }
.mode-science_editorial .bca-card { border-left: 4px solid var(--bca-accent); border-radius: 0; }
.mode-science_editorial .bca-visual-moment { background: #17302a; color: #f2f5ef; }
.mode-science_editorial .bca-visual-moment-copy p { color: #c4d2cd; }

.mode-credit_finance_landing { background: radial-gradient(circle at 80% 0, #e1e3ff, transparent 34rem), #f4f3ff; }
.mode-credit_finance_landing h1 { max-width: 720px; color: #16204d; font-size: clamp(48px,6vw,76px); }
.mode-credit_finance_landing .bca-hero { min-height: 78vh; }
.mode-credit_finance_landing .bca-hero-visual .bca-design-surface { background: linear-gradient(150deg, #e9ebff, #f7f6ff 60%, #dfe2ff); box-shadow: -30px 40px 90px rgba(49,87,237,.14); }
.mode-credit_finance_landing .bca-trust { color: #fff; background: #16204d; }
.mode-credit_finance_landing .bca-trust span { color: #cbd3f5; }
.mode-credit_finance_landing .bca-opportunity-card { border-top: 4px solid var(--bca-accent); }
.mode-credit_finance_landing .bca-card:first-child,.mode-credit_finance_landing .bca-card:last-child { background: #fff; }
.mode-credit_finance_landing .bca-section:nth-of-type(even) { background: #fff; }

.mode-calculator_tool { background: linear-gradient(135deg, #eef3e9 0 40%, #f8f1e8 100%); }
.mode-calculator_tool h1 { font-size: clamp(44px,5vw,66px); }
.mode-calculator_tool .bca-hero { min-height: 88vh; }
.mode-calculator_tool .bca-hero-visual .bca-design-surface { background: linear-gradient(160deg, #eaf1e4, #ffffff 55%, #f4ede2); box-shadow: -28px 44px 96px rgba(30,46,40,.14); }
.mode-calculator_tool .bca-hero-visual .bca-design-frame { pointer-events: auto; }
.mode-calculator_tool .bca-hero-copy h1 { font-size: clamp(40px,4.4vw,60px); }
.mode-calculator_tool .bca-trust { background: #dfe8dc; }
.mode-calculator_tool .bca-opportunity { padding-top: 64px; }
.mode-calculator_tool .bca-opportunity-grid { grid-template-columns: repeat(3,1fr); }
.mode-calculator_tool .bca-card { border-radius: 6px; }

.mode-trades_portfolio { background: #eee8dc; }
.mode-trades_portfolio .bca-nav { border-bottom-color: rgba(57,41,31,.24); }
.mode-trades_portfolio h1,.mode-trades_portfolio h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
.mode-trades_portfolio h1 { max-width: 760px; font-size: clamp(54px,7.6vw,98px); }
.mode-trades_portfolio .bca-hero:not(.bca-hero-immersive) { min-height: 86vh; align-items: start; padding-top: 58px; }
.mode-trades_portfolio .bca-hero:not(.bca-hero-immersive) .bca-hero-visual { margin-top: 18px; border-radius: 0; }
.mode-trades_portfolio .bca-hero-immersive::after { background: linear-gradient(90deg, rgba(41,27,17,.92), rgba(41,27,17,.57) 48%, rgba(41,27,17,.08) 78%), linear-gradient(180deg, transparent 68%, #eee8dc); }
.mode-trades_portfolio .bca-hero-immersive { color: #fffaf2; }
.mode-trades_portfolio .bca-hero-immersive .bca-lead { color: #eee4d5; }
.mode-trades_portfolio .bca-opportunity-grid { grid-template-columns: 1.35fr .8fr .8fr; }
.mode-trades_portfolio .bca-opportunity-card { border-radius: 0; border-top: 6px solid var(--bca-accent); }
.mode-trades_portfolio .bca-grid { display: flex; gap: 0; overflow-x: auto; }
.mode-trades_portfolio .bca-card { min-width: min(74vw,420px); border-radius: 0; border-right: 0; }
.mode-trades_portfolio .bca-card:first-child,.mode-trades_portfolio .bca-card:last-child { grid-column: auto; background: var(--bca-panel); }
.mode-trades_portfolio .bca-page-identity { border-radius: 0; }

.mode-software_product_landing { background: radial-gradient(circle at 80% 8%, #e0d4ff 0, transparent 30rem), radial-gradient(circle at 12% 46%, rgba(255,160,200,.24), transparent 28rem), #f4f0ff; }
.mode-software_product_landing h1 { max-width: 780px; font-size: clamp(52px,7vw,92px); }
.mode-software_product_landing .bca-hero-immersive::after { background: linear-gradient(90deg, rgba(244,240,255,.98), rgba(244,240,255,.78) 46%, rgba(244,240,255,.12) 80%), linear-gradient(180deg, transparent 65%, #f4f0ff); }
.mode-software_product_landing .bca-hero-immersive { color: var(--bca-ink); }
.mode-software_product_landing .bca-hero-immersive .bca-lead { color: var(--bca-muted); }
.mode-software_product_landing .bca-hero-meta span { color: var(--bca-ink); background: rgba(255,255,255,.7); }
.mode-software_product_landing .bca-hero-visual-immersive .bca-design-frame { opacity: .68; }
.mode-software_product_landing .bca-trust { margin-inline: auto; width: min(1120px,calc(100% - 32px)); border: 1px solid var(--bca-line); border-radius: 999px; background: rgba(255,255,255,.72); }
.mode-software_product_landing .bca-opportunity-card:nth-child(1) { grid-column: span 2; }
.mode-software_product_landing .bca-opportunity-grid { grid-template-columns: repeat(4,1fr); }
.mode-software_product_landing .bca-card { box-shadow: 0 18px 50px rgba(71,44,154,.08); }

.mode-broker_saas_dashboard { background: linear-gradient(180deg,#f5f8fc,#edf4fb 720px,#f5f8fc); }
.mode-broker_saas_dashboard h1 { max-width: 720px; color: #142544; font-size: clamp(48px,6vw,78px); }
.mode-broker_saas_dashboard .bca-hero { min-height: 80vh; }
.mode-broker_saas_dashboard .bca-hero-visual .bca-design-surface { background: linear-gradient(160deg, #e6f0fc, #ffffff 70%); }
.mode-broker_saas_dashboard .bca-trust { background: #142544; color: #fff; }
.mode-broker_saas_dashboard .bca-trust span { color: #cbd9ef; }
.mode-broker_saas_dashboard .bca-opportunity-grid { grid-template-columns: .8fr 1.2fr 1fr; }
.mode-broker_saas_dashboard .bca-card { border-left: 3px solid var(--bca-accent); }
.mode-broker_saas_dashboard .bca-grid { grid-template-columns: repeat(2,1fr); }
.mode-broker_saas_dashboard .bca-card:first-child,.mode-broker_saas_dashboard .bca-card:last-child { grid-column: auto; background: #fff; }

.mode-cautious_health_resource { background: radial-gradient(circle at 88% 8%, #e2eadc, transparent 31rem), #f7f2e9; }
.mode-cautious_health_resource h1,.mode-cautious_health_resource h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
.mode-cautious_health_resource h1 { max-width: 720px; font-size: clamp(46px,5.8vw,72px); }
.mode-cautious_health_resource .bca-hero { min-height: auto; padding-bottom: 0; }
.mode-cautious_health_resource .bca-hero-visual { border-radius: 0; }
.mode-cautious_health_resource .bca-hero-visual .bca-design-surface { background: linear-gradient(160deg, #eaf0e4, #fffdfa 70%); }
.mode-cautious_health_resource .bca-hero-visual .bca-design-frame { opacity: .88; filter: saturate(.8); }
.mode-cautious_health_resource .bca-trust { background: #e4ebdf; }
.mode-cautious_health_resource .bca-opportunity-grid { grid-template-columns: 1fr 1fr; }
.mode-cautious_health_resource .bca-opportunity-card:first-child { grid-column: 1 / -1; }

.mode-adult_restricted_placeholder,.mode-gambling_restricted_placeholder { background: #f4f2f0; }
.mode-adult_restricted_placeholder .bca-nav,.mode-gambling_restricted_placeholder .bca-nav { border-bottom-color: rgba(48,43,40,.15); }
.mode-adult_restricted_placeholder h1,.mode-gambling_restricted_placeholder h1 { max-width: 760px; font: 500 clamp(48px,7vw,86px)/1.02 Georgia,serif; }
.mode-adult_restricted_placeholder .bca-hero,.mode-gambling_restricted_placeholder .bca-hero { display: block; max-width: 900px; min-height: 62vh; padding-top: 110px; }
.mode-adult_restricted_placeholder .bca-hero-visual,.mode-gambling_restricted_placeholder .bca-hero-visual,.mode-adult_restricted_placeholder .bca-visual-moment,.mode-gambling_restricted_placeholder .bca-visual-moment { display: none; }
.mode-adult_restricted_placeholder .bca-opportunity-grid,.mode-gambling_restricted_placeholder .bca-opportunity-grid { grid-template-columns: 1fr; }
.mode-adult_restricted_placeholder .bca-opportunity-card:not(:last-child),.mode-gambling_restricted_placeholder .bca-opportunity-card:not(:last-child) { display: none; }

.mode-domain_opportunity_minimal h1 { max-width: 850px; font: 500 clamp(54px,8vw,98px)/.98 Georgia,serif; }
.mode-domain_opportunity_minimal .bca-hero { min-height: 78vh; }

.bca-pattern-note { display: inline-flex; gap: 8px; align-items: center; margin: 0 0 18px; padding: 7px 10px; border: 1px solid var(--bca-line); border-radius: 999px; color: var(--bca-muted); font: 700 9px ui-monospace,monospace; letter-spacing: .06em; text-transform: uppercase; }
.bca-mode-band { padding: 16px 0; background: transparent; border: 0; }
.bca-mode-band .bca-shell { width: 100%; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-start; }
.bca-mode-band ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.bca-mode-band li { padding: 6px 10px; border: 1px solid var(--bca-line); border-radius: 999px; color: var(--bca-muted); font-size: 11px; }
/* Implementation and attribution detail is kept, but folded away so it reads as
   a footnote rather than the closing chapter of a report. */
.bca-credits { padding: 34px 0; opacity: .82; }
.bca-credits-details summary { list-style: none; cursor: pointer; padding: 6px 0; }
.bca-credits-details summary::-webkit-details-marker { display: none; }
.bca-credits-details summary::after { content: " +"; color: var(--bca-muted); font: 700 12px ui-monospace, monospace; }
.bca-credits-details[open] summary::after { content: " −"; }
.bca-credits-details .bca-reference-grid { margin-top: 18px; }
.bca-credits .bca-reference { font-size: 12px; }

@media (max-width: 900px) {
  .mode-science_editorial .bca-hero,.mode-calculator_tool .bca-hero,.mode-broker_saas_dashboard .bca-hero,.mode-cautious_health_resource .bca-hero,.mode-domain_opportunity_minimal .bca-hero { grid-template-columns: 1fr; }
  .mode-science_editorial .bca-opportunity-grid,.mode-credit_finance_landing .bca-opportunity-grid,.mode-calculator_tool .bca-opportunity-grid,.mode-trades_portfolio .bca-opportunity-grid,.mode-broker_saas_dashboard .bca-opportunity-grid,.mode-cautious_health_resource .bca-opportunity-grid { grid-template-columns: 1fr; }
  .mode-broker_saas_dashboard .bca-grid { grid-template-columns: 1fr; }
  .mode-software_product_landing .bca-opportunity-grid { grid-template-columns: 1fr; }
  .mode-software_product_landing .bca-opportunity-card:nth-child(1) { grid-column: auto; }
  .mode-entertainment_game_portal .bca-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .mode-entertainment_game_portal h1,.mode-trades_portfolio h1,.mode-software_product_landing h1 { font-size: 52px; }
  .mode-entertainment_game_portal .bca-hero-immersive,.mode-entertainment_game_portal .bca-hero-immersive .bca-hero-copy { min-height: 760px; }
  .mode-entertainment_game_portal .bca-hero-immersive .bca-hero-copy { justify-content: flex-start; padding-top: 58px; padding-bottom: 390px; }
  .mode-trades_portfolio .bca-hero-immersive,.mode-trades_portfolio .bca-hero-immersive .bca-hero-copy,.mode-software_product_landing .bca-hero-immersive,.mode-software_product_landing .bca-hero-immersive .bca-hero-copy { min-height: 760px; }
  .mode-trades_portfolio .bca-hero-immersive .bca-hero-copy,.mode-software_product_landing .bca-hero-immersive .bca-hero-copy { justify-content: flex-start; padding-top: 64px; padding-bottom: 350px; }
  .bca-mode-band .bca-shell { align-items: flex-start; flex-direction: column; }
}

/* scroll-stage takeover — placement contract for designs catalogued as a full
   landing page or hero section: the design IS the first viewport, unboxed and
   at 1:1 scale so its own scroll/entrance choreography plays; the composer's
   compact masthead follows it instead of competing with it. Placed after the
   mode css so it overrides per-mode hero geometry. */
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] { display: block; width: 100%; min-height: auto; margin: 0; padding: 0; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] > .bca-hero-visual { width: 100%; min-height: 0; margin: 0; border-radius: 0; background: none; box-shadow: none; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-design-surface { position: relative; height: calc(100vh - 77px); min-height: 560px; border-radius: 0; box-shadow: none; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-visual-note { padding-inline: max(16px, calc((100% - 1120px) / 2)); }
/* A takeover IS the design — intensity dimming (conservative/balanced opacity
   and desaturation) must never apply to it. */
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-design-frame { opacity: 1; filter: none; }
/* Inline page embeds: the pen flows at its natural height and ScrollTrigger
   pins it against real page scroll — no fixed-height surface, no clipping
   ancestor (either would break the pin, porting-spec failure modes #3/#7). */
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-inline-pen-shell { display: block; width: 100%; min-height: 0; margin: 0; background: none; overflow: visible; }
.bca-inline-pen { position: relative; overflow: visible; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-hero-copy { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); column-gap: clamp(32px, 5vw, 84px); align-items: end; width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 40px 0 26px; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-hero-copy .bca-eyebrow { grid-column: 1 / -1; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-hero-copy h1 { grid-column: 1; max-width: 16ch; margin: 12px 0 0; font-size: clamp(34px, 3.6vw, 50px); line-height: 1.05; letter-spacing: -.04em; transform: none; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-hero-copy .bca-lead { grid-column: 2; grid-row: 2; align-self: end; max-width: 46ch; margin: 0; font-size: 16px; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-hero-meta { grid-column: 1; grid-row: 3; margin-top: 20px; }
.bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-actions { grid-column: 2; grid-row: 3; margin: 20px 0 0; }
/* Page-scale secondary designs get a clean full-width band with the caption
   below it — never a dimming scrim with copy overlaid on the design. */
.bca-visual-moment.bca-visual-moment-clean { display: block; min-height: auto; overflow: visible; border: 0; background: none; }
.bca-visual-moment.bca-visual-moment-clean::after { display: none; }
.bca-visual-moment.bca-visual-moment-clean .bca-design-stage { position: relative; inset: auto; height: min(80vh, 780px); }
.bca-visual-moment.bca-visual-moment-clean .bca-design-frame { opacity: 1; filter: none; }
.bca-visual-moment.bca-visual-moment-clean .bca-visual-moment-caption { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: baseline; padding: 12px 0 4px; }
.bca-visual-moment.bca-visual-moment-clean .bca-visual-moment-caption strong { font-size: 14px; letter-spacing: -.01em; }
.bca-visual-moment.bca-visual-moment-clean .bca-visual-moment-caption small { flex: 1 1 260px; margin: 0; color: var(--bca-muted); font-size: 10px; text-align: right; opacity: .55; }
@media (max-width: 940px) {
  .bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-hero-copy { display: block; }
  .bca-hero[data-hero-bleed="takeover"][data-hero-layout="scroll-stage"] .bca-design-surface { height: 74vh; min-height: 460px; }
  .bca-visual-moment.bca-visual-moment-clean .bca-design-stage { height: min(66vh, 560px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .bca-design-frame[data-heavy="true"],.bca-direct-embed[data-heavy="true"] { display: none !important; }
  .bca-design-stage[data-heavy-visual="true"] .bca-static-fallback { opacity: 1 !important; }
  .bca-visual-moment-immersive .bca-design-stage { transform: none; transition: none; filter: none; }
}