/* MVG critical surfaces — v74.1 integrated */
/* Consolidates critical-page styles that were previously split across
   brand-machine-v73_3.css, v73_5-restraint.css, and worldclass-apex-v74_0.css.
   Scope: landing page, why-now, attack-surface, and the governance arc within home. */


/* MVG brand machine phase 2 — v73.3
   Applies the evidence -> boundary -> decision grammar across:
   hero, why-now, governance arc, reviewer flow, sources close.
*/

:root{
  --bm-pass:#43D3FF;
  --bm-hold:#7C5CFF;
  --bm-fail:#FF4D67;
  --bm-midnight:#06070A;
  --bm-frost:#EEF0F7;
  --bm-mist:#9AA7BC;
  --bm-panel:rgba(255,255,255,.024);
  --bm-panel-strong:rgba(255,255,255,.032);
  --bm-border:rgba(255,255,255,.09);
  --bm-border-soft:rgba(255,255,255,.06);
  --bm-shadow:0 24px 72px rgba(2,6,18,.38);
  --bm-card-shadow:0 18px 44px rgba(2,6,18,.26);
}

.brand-machine-hero .home-hero-shell{
  padding:clamp(2.4rem,4vw,3rem);
  border-radius:34px;
  border:1px solid var(--bm-border);
  background:
    radial-gradient(1400px 520px at -10% -20%, rgba(124,92,255,.18), transparent 60%),
    radial-gradient(900px 380px at 92% 8%, rgba(67,211,255,.14), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  box-shadow:var(--bm-shadow);
  overflow:hidden;
  position:relative;
}
.brand-machine-hero .home-hero-shell::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.brand-machine-hero .home-hero-copy{
  display:grid;
  gap:1rem;
  align-content:start;
}
.brand-machine-hero h1{
  max-width:10.8ch;
  margin:.25rem 0 .35rem;
}
.brand-machine-hero .hero-actions{
  gap:.85rem;
  align-items:center;
}
.brand-machine-hero .hero-actions .btn.primary{
  box-shadow:0 12px 36px rgba(67,211,255,.18);
}
.brand-machine-hero .hero-actions .btn:not(.primary){
  background:rgba(255,255,255,.03);
}
.brand-machine-hero .home-utility-rail{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem .9rem;
  align-items:center;
}
.brand-machine-hero .home-utility-rail .hero-meta{
  margin:0;
}
.brand-machine-hero .home-canonical-note{
  margin-top:.4rem;
  max-width:30rem;
}
.bm-proof-strip{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin:0;
  padding:0;
}
.bm-proof-strip li{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.42rem .8rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:var(--bm-frost);
  font-size:.86rem;
}
.bm-proof-strip li::before{
  content:"";
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:var(--bm-hold);
  box-shadow:0 0 0 6px rgba(124,92,255,.10);
}
.brand-machine-hero .home-boundary-wrap{
  align-self:stretch;
}
.bm-machine-stage{
  position:relative;
  min-height:540px;
  padding:1rem 1rem 1.2rem;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(720px 320px at 85% 18%, rgba(67,211,255,.12), transparent 60%),
    radial-gradient(720px 420px at 8% 8%, rgba(124,92,255,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012));
  overflow:hidden;
}
.bm-machine-stage::before,
.bm-machine-stage::after{
  content:"";
  position:absolute;
  inset:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.bm-machine-stage::after{
  inset:46px;
  border-color:rgba(255,255,255,.04);
}
.bm-machine-label{
  position:absolute;
  top:1.1rem;
  padding:.48rem .96rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(12,16,28,.86);
  color:var(--bm-frost);
  font-size:clamp(.82rem,1.15vw,.96rem);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
  z-index:2;
}
.bm-machine-label--evidence{ left:1.4rem; }
.bm-machine-label--boundary{
  left:50%;
  transform:translateX(-50%);
}
.bm-machine-label--decision{ right:1.4rem; }
.bm-machine-svg{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  display:block;
  margin-top:1.1rem;
}
.bm-shell{ fill:rgba(255,255,255,.018); stroke:rgba(255,255,255,.07); }
.bm-shell-inner{ fill:rgba(255,255,255,.01); stroke:rgba(255,255,255,.05); }
.bm-intake-line{ stroke:rgba(238,240,247,.55); stroke-width:4; fill:none; }
.bm-pass-line{ stroke:var(--bm-pass); stroke-width:8; fill:none; stroke-linecap:round; }
.bm-pass-line-shadow{ stroke:rgba(67,211,255,.22); stroke-width:18; fill:none; stroke-linecap:round; }
.bm-hold-line{ stroke:var(--bm-hold); stroke-width:7; fill:none; stroke-linecap:round; }
.bm-hold-line-shadow{ stroke:rgba(124,92,255,.18); stroke-width:15; fill:none; stroke-linecap:round; }
.bm-boundary-rings rect{ fill:none; stroke:rgba(124,92,255,.7); }
.bm-gate-core{ stroke:rgba(238,240,247,.88)!important; }
.bm-envelope{ stroke:rgba(124,92,255,.8); stroke-width:2.5; fill:none; }
.bm-evidence-token{ fill:#a18cff; stroke:#c3bbff; stroke-width:1.4; }
.bm-pass-token{ fill:var(--bm-pass); stroke:rgba(238,240,247,.5); stroke-width:1.2; }
.bm-hold-token{ fill:var(--bm-hold); stroke:rgba(238,240,247,.4); stroke-width:1.2; }
.bm-boundary-focus{ fill:rgba(67,211,255,.14); }
.bm-reason{
  position:absolute;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.48rem .84rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(12,16,28,.9);
  font-size:.78rem;
  color:var(--bm-frost);
  letter-spacing:.01em;
  box-shadow:0 12px 32px rgba(2,6,18,.32);
}
.bm-reason::before{
  content:"";
  width:.48rem;
  height:.48rem;
  border-radius:50%;
}
.bm-reason--pass{
  right:2rem;
  bottom:5.6rem;
}
.bm-reason--pass::before{ background:var(--bm-pass); }
.bm-reason--hold{
  right:1.4rem;
  bottom:1.4rem;
  background:rgba(43,14,9,.84);
  border-color:rgba(255,157,126,.36);
  color:#ffb69a;
}
.bm-reason--hold::before{ background:#ff9d7e; }
.brand-machine-hero .boundary-caption{
  position:absolute;
  left:1.4rem;
  bottom:3.6rem;
  z-index:2;
  max-width:22rem;
  margin:0;
  font-size:clamp(1.02rem,1.8vw,1.18rem);
  color:var(--bm-frost);
}
.bm-machine-foot{
  position:absolute;
  left:1.4rem;
  bottom:1.4rem;
  z-index:2;
  max-width:26rem;
  margin:0;
  color:var(--bm-mist);
  font-size:.92rem;
}
.brand-machine-hero .boundary-object{
  border:none;
  background:none;
  box-shadow:none;
}

/* Why now diagnostic modules */
.brand-machine-why-now .board-signal{
  grid-template-columns:minmax(0,1fr);
  gap:1.4rem;
  padding:clamp(1.2rem,2.5vw,1.8rem);
  position:relative;
  overflow:hidden;
}
.brand-machine-why-now .board-signal::before{
  content:"";
  position:absolute;
  inset:auto 1.5rem 1.1rem 1.5rem;
  height:2px;
  background:linear-gradient(90deg, rgba(238,240,247,.28), rgba(238,240,247,.68) 48%, rgba(67,211,255,.82) 100%);
  opacity:.8;
}
.brand-machine-why-now .board-signal-copy{
  display:grid;
  gap:.9rem;
  align-items:start;
}
.brand-machine-why-now .signal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.bm-pressure-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.bm-pressure-card{
  position:relative;
  display:grid;
  gap:.7rem;
  padding:1.2rem;
  min-height:100%;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.016)),
    radial-gradient(240px 140px at 80% 0%, rgba(67,211,255,.08), transparent 70%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--bm-card-shadow);
  overflow:hidden;
}
.bm-pressure-card::after{
  content:"";
  position:absolute;
  inset:auto 1.05rem 1rem 1.05rem;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(124,92,255,.4), rgba(124,92,255,.85), rgba(67,211,255,.95));
}
.bm-pressure-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  width:max-content;
  padding:.44rem .82rem;
  border-radius:999px;
  border:1px solid rgba(124,92,255,.45);
  background:rgba(29,19,54,.78);
  color:var(--bm-frost);
  font-size:.82rem;
  letter-spacing:.01em;
}
.bm-pressure-chip::before{
  content:"";
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:var(--bm-hold);
  box-shadow:0 0 0 6px rgba(124,92,255,.1);
}
.bm-pressure-card h3{
  margin:0;
  font-size:clamp(1.2rem, 2vw, 1.45rem);
  letter-spacing:-.02em;
  line-height:1.04;
}
.brand-machine-why-now .signal-stat{
  margin:.1rem 0 0;
  font-size:clamp(2.6rem, 5vw, 4rem);
  line-height:.94;
  letter-spacing:-.06em;
}
.bm-pressure-body{
  margin:0;
  max-width:24ch;
}
.bm-pressure-meta{
  display:grid;
  gap:.55rem;
  margin:0;
  padding:0;
}
.bm-pressure-meta div{
  display:grid;
  gap:.2rem;
  padding-top:.55rem;
  border-top:1px solid rgba(255,255,255,.07);
}
.bm-pressure-meta dt{
  font-size:.76rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--bm-mist);
}
.bm-pressure-meta dd{
  margin:0;
  color:var(--bm-frost);
  font-size:.92rem;
}
.bm-pressure-rail{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:.3rem;
  padding-top:.3rem;
}
.bm-pressure-rail span{
  display:block;
  height:6px;
  border-radius:999px;
}
.bm-pressure-rail .in{
  width:26%;
  background:rgba(238,240,247,.42);
}
.bm-pressure-rail .gate{
  width:10%;
  background:var(--bm-hold);
}
.bm-pressure-rail .out{
  width:44%;
  background:var(--bm-pass);
}
.bm-pressure-rail .hold{
  width:12%;
  background:rgba(124,92,255,.45);
  transform:translateY(5px) rotate(28deg);
  transform-origin:left center;
}
.bm-pressure-note{
  margin:0;
  color:var(--bm-mist);
  font-size:.92rem;
}

/* Governance arc */
.brand-machine-governance .operating-shell{
  display:grid;
  gap:1.25rem;
  padding:clamp(1.2rem,2.6vw,1.8rem);
}
.governance-copy{
  display:grid;
  gap:.75rem;
  max-width:46rem;
}
.governance-visual{
  position:relative;
  min-height:300px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(640px 220px at 10% 0%, rgba(124,92,255,.16), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014));
  overflow:hidden;
}
.governance-visual::before{
  content:"";
  position:absolute;
  left:11%;
  right:11%;
  bottom:72px;
  height:4px;
  background:linear-gradient(90deg, rgba(124,92,255,.78), rgba(238,240,247,.76) 56%, rgba(67,211,255,.9));
  border-radius:999px;
}
.governance-visual::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  top:34px;
  height:190px;
  border-top:2px solid rgba(124,92,255,.78);
  border-left:2px solid transparent;
  border-right:2px solid transparent;
  border-radius:999px 999px 0 0;
  opacity:.9;
}
.governance-node{
  position:absolute;
  bottom:56px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--bm-hold);
  box-shadow:0 0 0 6px rgba(124,92,255,.12), 0 0 0 12px rgba(255,255,255,.05);
}
.governance-node::after{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  background:rgba(238,240,247,.92);
}
.governance-node--1{ left:16%; }
.governance-node--2{ left:38%; }
.governance-node--3{ left:62%; }
.governance-node--4{ left:84%; }
.governance-boundary{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:46px;
  width:26px;
  height:220px;
  border-radius:999px;
  border:2px solid rgba(124,92,255,.88);
  box-shadow:0 0 0 10px rgba(124,92,255,.08);
}
.governance-boundary::after{
  content:"";
  position:absolute;
  inset:18px 10px;
  border-left:2px solid rgba(238,240,247,.92);
  border-right:2px solid rgba(238,240,247,.24);
  border-radius:999px;
}
.governance-hold{
  position:absolute;
  left:52.5%;
  bottom:80px;
  width:118px;
  height:3px;
  background:var(--bm-hold);
  transform:rotate(38deg);
  transform-origin:left center;
  border-radius:999px;
  box-shadow:0 0 0 6px rgba(124,92,255,.08);
}
.governance-hold-tag{
  position:absolute;
  left:58%;
  bottom:32px;
  padding:.56rem 1rem;
  border-radius:999px;
  background:rgba(43,14,9,.84);
  border:1px solid rgba(255,157,126,.36);
  color:#ffb69a;
  font-weight:700;
  letter-spacing:.01em;
}
.governance-label{
  position:absolute;
  bottom:22px;
  width:16%;
  text-align:center;
  color:var(--bm-frost);
  font-size:clamp(.9rem,1.4vw,1.05rem);
}
.governance-label strong{
  display:block;
  font-size:1rem;
  margin-bottom:.24rem;
}
.governance-label span{
  display:block;
  color:var(--bm-mist);
  font-size:.84rem;
}
.governance-label--1{ left:8%; }
.governance-label--2{ left:30%; }
.governance-label--3{ left:54%; }
.governance-label--4{ left:76%; }
.governance-links{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
  align-items:center;
}
.governance-law{
  margin:0;
  color:var(--bm-mist);
}

/* Attack surface deep dive fixes + reviewer flow */
.attack-surface-v72_3 .attack-detail{
  display:grid;
  gap:1rem;
}
.attack-surface-v72_3 .attack-detail-item{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014));
  box-shadow:var(--bm-card-shadow);
  overflow:hidden;
}
.attack-surface-v72_3 .attack-detail-item[open]{
  border-color:rgba(124,92,255,.26);
  box-shadow:0 22px 58px rgba(2,6,18,.28);
}
.attack-surface-v72_3 .attack-detail-item > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.15rem;
  font-size:1rem;
  font-weight:700;
  color:var(--bm-frost);
  background:
    radial-gradient(380px 120px at 0% 0%, rgba(124,92,255,.08), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.attack-surface-v72_3 .attack-detail-item > summary::-webkit-details-marker{
  display:none;
}
.attack-surface-v72_3 .attack-detail-item > summary::after{
  content:"+";
  font-size:1.3rem;
  color:var(--bm-mist);
}
.attack-surface-v72_3 .attack-detail-item[open] > summary::after{
  content:"−";
}
.attack-surface-v72_3 .attack-detail-body{
  padding:0 1rem 1rem;
}
.attack-surface-v72_3 .why-requirements-grid{
  margin-top:0;
}
.attack-surface-v72_3 .why-requirement-card{
  position:relative;
  padding:1rem 1rem 1rem;
  background:
    radial-gradient(220px 120px at 100% 0%, rgba(67,211,255,.06), transparent 70%),
    rgba(255,255,255,.02);
  min-height:100%;
}
.attack-surface-v72_3 .why-requirement-card::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:.85rem;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(124,92,255,.68), rgba(67,211,255,.84));
  opacity:.85;
}
.attack-surface-v72_3 .attack-bullets{
  margin:.6rem 0 0;
  padding-left:1rem;
  display:grid;
  gap:.45rem;
}
.attack-surface-v72_3 .attack-bullets.tight{
  gap:.35rem;
}
.attack-surface-v72_3 .attack-minihead{
  margin:.8rem 0 0;
  color:var(--bm-frost);
  font-size:.86rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.attack-surface-v72_3 .attack-code-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.9rem;
}
.attack-surface-v72_3 .attack-code-row code{
  padding:.34rem .58rem;
  border-radius:999px;
  border:1px solid rgba(124,92,255,.22);
  background:rgba(124,92,255,.08);
  color:var(--bm-frost);
  font-size:.76rem;
}

/* reviewer flow */
.brand-machine-reviewer{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:1rem;
  align-items:start;
  margin-top:1.6rem;
}
.brand-machine-reviewer .attack-flow-copy{
  padding:1.2rem 1.25rem;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(520px 220px at 0% 0%, rgba(124,92,255,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014));
}
.brand-machine-reviewer .attack-flow-head{
  display:grid;
  gap:.75rem;
  margin-bottom:1.1rem;
}
.attack-flow-law{
  margin:.9rem 0 0;
  color:var(--bm-mist);
}
.attack-flow-law .tag{
  margin-left:.4rem;
  background:rgba(43,14,9,.84);
  border-color:rgba(255,157,126,.36);
  color:#ffb69a;
}
.brand-machine-reviewer .attack-flow-steps{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.8rem;
}
.brand-machine-reviewer .attack-flow-steps li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.8rem;
  align-items:start;
  padding:1rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  position:relative;
  overflow:hidden;
}
.brand-machine-reviewer .attack-flow-steps li::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg, rgba(238,240,247,.26), rgba(124,92,255,.6), rgba(67,211,255,.78));
  border-radius:999px;
}
.brand-machine-reviewer .step-num{
  font-size:1.1rem;
  font-weight:800;
  line-height:1;
  padding:.62rem .7rem;
  border-radius:18px;
  min-width:3rem;
  text-align:center;
  background:rgba(18,22,34,.9);
  border:1px solid rgba(255,255,255,.1);
  color:var(--bm-frost);
}
.brand-machine-reviewer .attack-flow-steps h3{
  margin:0 0 .2rem;
  font-size:1.05rem;
}
.brand-machine-reviewer .attack-flow-steps p{
  margin:0;
}

.evidence-dock{
  display:grid;
  gap:1rem;
  padding:1.2rem;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(420px 180px at 100% 0%, rgba(67,211,255,.12), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.014));
  box-shadow:var(--bm-card-shadow);
  position:relative;
  overflow:hidden;
}
.evidence-dock::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.04);
  pointer-events:none;
}
.evidence-dock-head{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  position:relative;
  z-index:1;
}
.evidence-dock h3{
  margin:0;
  font-size:clamp(1.35rem,2.3vw,1.7rem);
  line-height:1.04;
}
.evidence-dock p{
  margin:0;
}
.evidence-dock .dock-facts{
  list-style:none;
  display:grid;
  gap:.65rem;
  margin:0;
  padding:0;
}
.evidence-dock .dock-facts li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.6rem;
  align-items:start;
  padding:.7rem .8rem;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
}
.evidence-dock .dock-facts li::before{
  content:"";
  width:.58rem;
  height:.58rem;
  border-radius:50%;
  background:var(--bm-pass);
  box-shadow:0 0 0 6px rgba(67,211,255,.1);
  margin-top:.3rem;
}
.evidence-dock .dock-utilities{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.evidence-dock .btn.primary{
  width:max-content;
}
.attack-cli{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.18);
  overflow:hidden;
}
.attack-cli summary{
  cursor:pointer;
  padding:.85rem .95rem;
  font-weight:700;
  list-style:none;
}
.attack-cli summary::-webkit-details-marker{
  display:none;
}
.attack-cli pre{
  margin:0;
  padding:0 1rem 1rem;
  overflow:auto;
}
.attack-cli code{
  color:var(--bm-frost);
  font-size:.92rem;
}
.attack-surface-v72_3 .attack-enterprise-wrap{
  margin-top:1rem;
}
.attack-surface-v72_3 .enterprise-note--attack{
  padding:1.1rem 1.2rem;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}

/* procurement translation rows */
.attack-surface-v72_3 .attack-qa{
  display:grid;
  gap:.85rem;
}
.attack-surface-v72_3 .attack-qa-row{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:1rem;
  padding:1rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}
.attack-surface-v72_3 .attack-qa-row .q,
.attack-surface-v72_3 .attack-qa-row .a{
  color:var(--bm-frost);
}
.attack-surface-v72_3 .attack-qa-row strong{
  display:block;
  margin-bottom:.3rem;
  font-size:.84rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--bm-mist);
}

/* Evidence ledger close */
.brand-machine-sources .why-sources-shell{
  max-width:none;
}
.brand-machine-sources .section-eyebrow{
  margin-bottom:.25rem;
}
.brand-machine-sources .evidence-ledger{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  margin-top:1.2rem;
}
.brand-machine-sources .ledger-card{
  display:grid;
  gap:.85rem;
  padding:1.15rem;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(220px 120px at 100% 0%, rgba(67,211,255,.06), transparent 70%),
    rgba(255,255,255,.02);
  box-shadow:var(--bm-card-shadow);
}
.brand-machine-sources .ledger-head{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.brand-machine-sources .ledger-card ul{
  list-style:none;
  display:grid;
  gap:.75rem;
  margin:0;
  padding:0;
}
.brand-machine-sources .ledger-card li{
  display:grid;
  gap:.22rem;
  padding-bottom:.75rem;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.brand-machine-sources .ledger-card li:last-child{
  padding-bottom:0;
  border-bottom:none;
}
.brand-machine-sources .ledger-card a{
  font-weight:700;
}
.brand-machine-sources .ledger-card p{
  margin:0;
  color:var(--bm-mist);
  font-size:.92rem;
}
.brand-machine-sources .ledger-law{
  margin-top:1rem;
  color:var(--bm-mist);
}
.brand-machine-sources .ledger-law strong{
  color:#ffb69a;
}

/* attack surface card polish */
.attack-surface-v72_3 .attack-surface-card{
  min-height:100%;
  background:
    radial-gradient(220px 120px at 0% 0%, rgba(124,92,255,.1), transparent 65%),
    rgba(255,255,255,.02);
}

/* shared motion: ingest -> evaluate -> resolve */
@media (prefers-reduced-motion:no-preference){
  .bm-machine-svg .bm-evidence-token{
    animation:bmTokenIn 4.2s cubic-bezier(.22,1,.36,1) infinite;
  }
  .bm-machine-svg .bm-evidence-token:nth-of-type(2){ animation-delay:.2s; }
  .bm-machine-svg .bm-evidence-token:nth-of-type(3){ animation-delay:.4s; }
  .bm-machine-svg .bm-boundary-rings rect{
    animation:bmGatePulse 4.2s ease-in-out infinite;
  }
  .bm-machine-svg .bm-boundary-rings rect:nth-child(2){ animation-delay:.06s; }
  .bm-machine-svg .bm-boundary-rings rect:nth-child(3){ animation-delay:.12s; }
  .bm-machine-svg .bm-boundary-rings rect:nth-child(4){ animation-delay:.18s; }
  .bm-machine-svg .bm-pass-line,
  .bm-machine-svg .bm-pass-line-shadow{
    stroke-dasharray:340;
    stroke-dashoffset:340;
    animation:bmResolvePass 4.2s cubic-bezier(.22,1,.36,1) infinite;
  }
  .bm-machine-svg .bm-hold-line,
  .bm-machine-svg .bm-hold-line-shadow{
    stroke-dasharray:220;
    stroke-dashoffset:220;
    animation:bmResolveHold 4.2s cubic-bezier(.22,1,.36,1) infinite;
  }
  .bm-machine-svg .bm-pass-token{
    animation:bmPassDot 4.2s ease-in-out infinite;
  }
  .bm-machine-svg .bm-hold-token{
    animation:bmHoldDot 4.2s ease-in-out infinite;
  }
  .governance-boundary{
    animation:bmGatePulse 4.2s ease-in-out infinite;
  }
}
@keyframes bmTokenIn{
  0%,12%{ transform:translateX(-12px); opacity:.55; }
  24%,100%{ transform:translateX(0); opacity:1; }
}
@keyframes bmGatePulse{
  0%,18%,100%{ opacity:.72; }
  28%,44%{ opacity:1; box-shadow:0 0 0 14px rgba(124,92,255,.08); }
}
@keyframes bmResolvePass{
  0%,30%{ stroke-dashoffset:340; }
  42%,100%{ stroke-dashoffset:0; }
}
@keyframes bmResolveHold{
  0%,38%{ stroke-dashoffset:220; opacity:.4; }
  50%,100%{ stroke-dashoffset:0; opacity:1; }
}
@keyframes bmPassDot{
  0%,38%,100%{ transform:scale(.92); opacity:.6; }
  46%,70%{ transform:scale(1); opacity:1; }
}
@keyframes bmHoldDot{
  0%,48%,100%{ transform:scale(.9); opacity:.56; }
  58%,82%{ transform:scale(1); opacity:1; }
}

/* responsive */
@media (max-width: 1100px){
  .brand-machine-hero .home-hero-grid{
    grid-template-columns:1fr;
  }
  .bm-machine-stage{
    min-height:460px;
  }
}
@media (max-width: 960px){
  .bm-pressure-grid,
  .brand-machine-sources .evidence-ledger{
    grid-template-columns:1fr;
  }
  .brand-machine-reviewer{
    grid-template-columns:1fr;
  }
}
@media (max-width: 780px){
  .brand-machine-hero .hero-actions .btn,
  .brand-machine-why-now .signal-actions .btn{
    flex:1 1 100%;
  }
  .bm-machine-stage{
    min-height:400px;
    padding-bottom:5.6rem;
  }
  .bm-machine-label{
    font-size:.72rem;
    padding:.4rem .7rem;
  }
  .brand-machine-hero .boundary-caption{
    max-width:18rem;
    font-size:.96rem;
  }
  .bm-machine-foot{
    max-width:16rem;
    font-size:.84rem;
  }
  .bm-reason--pass{
    right:1rem;
    bottom:4.7rem;
  }
  .bm-reason--hold{
    right:1rem;
  }
  .governance-visual{
    min-height:360px;
  }
  .governance-visual::before{
    left:8%;
    right:8%;
  }
  .governance-label{
    width:22%;
    font-size:.88rem;
  }
  .governance-label--1{ left:0; }
  .governance-label--2{ left:24%; }
  .governance-label--3{ left:49%; }
  .governance-label--4{ left:74%; }
  .attack-surface-v72_3 .attack-qa-row{
    grid-template-columns:1fr;
  }
}
@media (max-width: 560px){
  .bm-machine-stage{
    min-height:350px;
    padding:1rem .75rem 6rem;
  }
  .bm-machine-label--boundary{
    top:3.7rem;
  }
  .brand-machine-hero .boundary-caption{
    left:1rem;
    bottom:4.2rem;
    max-width:13rem;
  }
  .bm-machine-foot{
    left:1rem;
    bottom:1.1rem;
    max-width:12rem;
  }
  .governance-visual{
    min-height:420px;
  }
  .governance-label{
    width:40%;
    text-align:left;
  }
  .governance-label--1{ left:7%; bottom:78px; }
  .governance-label--2{ left:53%; bottom:78px; }
  .governance-label--3{ left:7%; bottom:16px; }
  .governance-label--4{ left:53%; bottom:16px; }
  .governance-node--1{ left:20%; }
  .governance-node--2{ left:72%; }
  .governance-node--3{ left:20%; bottom:46px; }
  .governance-node--4{ left:72%; bottom:46px; }
  .governance-visual::before{
    left:18%;
    right:18%;
    bottom:106px;
  }
  .governance-boundary{
    top:38px;
    height:200px;
  }
  .governance-hold{
    left:52%;
    bottom:120px;
  }
  .governance-hold-tag{
    left:50%;
    bottom:62px;
  }
}


/* v73.5 restraint pass
   Preserve v73.4 functional clarity while restoring the calmer iconic restraint of v73.2.
   Scope: homepage boundary object, mission arc quieting, why-now evidence architecture calm.
*/

/* Homepage: quieter, less busy front door */
.brand-machine-hero .home-hero-copy{
  gap:.88rem;
}
.brand-machine-hero .hero-actions{
  gap:.78rem;
}
.brand-machine-hero .hero-actions .btn{
  min-height:50px;
}
.brand-machine-hero .home-utility-rail{
  gap:.45rem .82rem;
}
.brand-machine-hero .home-canonical-note{
  max-width:28rem;
  margin-top:.28rem;
}
.brand-machine-hero .home-boundary-wrap{
  align-self:stretch;
}
.brand-machine-hero .bm-machine-stage{
  min-height:570px;
  padding:1.15rem 1.15rem 1.45rem;
  background:
    radial-gradient(760px 320px at 84% 16%, rgba(67,211,255,.11), transparent 60%),
    radial-gradient(760px 420px at 8% 6%, rgba(124,92,255,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
}
.brand-machine-hero .bm-machine-stage::before{
  inset:24px;
  border-color:rgba(255,255,255,.045);
}
.brand-machine-hero .bm-machine-stage::after{
  inset:48px;
  border-color:rgba(255,255,255,.035);
}
.brand-machine-hero .bm-machine-label{
  padding:.36rem .76rem;
  font-size:.72rem;
  letter-spacing:.18em;
  border-color:rgba(255,255,255,.12);
  background:rgba(8,11,18,.78);
  color:rgba(241,245,255,.9);
}
.brand-machine-hero .bm-machine-label--evidence{ left:1.15rem; }
.brand-machine-hero .bm-machine-label--boundary{ top:1rem; }
.brand-machine-hero .bm-machine-label--decision{ right:1.15rem; }
.brand-machine-hero .bm-pass-line-shadow{
  stroke-width:16;
  opacity:.8;
}
.brand-machine-hero .bm-hold-line-shadow{
  stroke-width:13;
  opacity:.7;
}
.brand-machine-hero .bm-boundary-focus{
  fill:rgba(67,211,255,.12);
}
.brand-machine-hero .bm-evidence-token,
.brand-machine-hero .bm-pass-token,
.brand-machine-hero .bm-hold-token{
  transform-box:fill-box;
}
.brand-machine-hero .boundary-caption{
  left:1.35rem;
  bottom:1.35rem;
  max-width:24rem;
  font-size:clamp(1rem,1.65vw,1.14rem);
  color:rgba(241,245,255,.94);
}
.brand-machine-hero .licensable-strip{
  margin-top:3rem;
}

/* Mission: make the arc feel more sculptural, less UI-like */
.mission-v79_12 .mission-arc{
  min-height:236px;
  background:
    radial-gradient(560px 220px at 12% 8%, rgba(124,92,255,.08), transparent 65%),
    radial-gradient(460px 180px at 86% 78%, rgba(67,211,255,.06), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.012));
  border-color:rgba(255,255,255,.07);
}
.mission-v79_12 .mission-arc::before{
  opacity:.7;
}
.mission-v79_12 .mission-arc-line{
  height:1px;
  top:54%;
  background:linear-gradient(90deg, rgba(124,92,255,.14), rgba(124,92,255,.86), rgba(67,211,255,.82));
}
.mission-v79_12 .mission-arc-line::before{
  opacity:.46;
  border-color:rgba(255,255,255,.09);
}
.mission-v79_12 .mission-arc-node{
  top:calc(54% - 8px);
  width:16px;
  height:16px;
  border-color:rgba(255,255,255,.22);
  box-shadow:0 0 0 5px rgba(124,92,255,.055);
}
.mission-v79_12 .mission-arc-node::after{
  width:7px;
  height:7px;
}
.mission-v79_12 .mission-arc-labels{
  bottom:1.5rem;
  left:8%;
  right:8%;
  gap:.8rem;
}
.mission-v79_12 .mission-arc-labels span{
  font-size:.84rem;
  letter-spacing:.035em;
  color:rgba(224,231,245,.78);
}
.mission-v79_12 .hero-actions{
  margin-top:2rem;
}
.mission-v79_12 .mission-arc{
  margin-top:.4rem;
}

/* Why-now: sources as quiet evidence architecture */
.why-sources-section{
  padding-top:5.2rem;
}
.why-sources-shell{
  max-width:48rem;
}
.why-sources-shell h2{
  max-width:20rem;
}
.why-sources-summary{
  max-width:40rem;
}
.why-source-groups{
  gap:1rem;
}
.why-source-group{
  padding:1.02rem 1.06rem 1.08rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.012));
}
.why-source-group h3{
  letter-spacing:.12em;
}
.why-source-rows{
  gap:.7rem;
}
.why-source-row{
  padding:.82rem .9rem;
  border-color:rgba(255,255,255,.06);
  background:rgba(255,255,255,.015);
}
.why-source-row span{
  letter-spacing:.04em;
}
.why-source-row strong{
  color:rgba(244,247,255,.95);
}
.why-source-row:hover,
.why-source-row:focus-visible{
  border-color:rgba(124,92,255,.22);
  background:rgba(124,92,255,.055);
}

@media (max-width: 960px){
  .brand-machine-hero .bm-machine-stage{
    min-height:520px;
  }
  .mission-v79_12 .mission-arc{
    min-height:216px;
  }
}

@media (max-width: 680px){
  .brand-machine-hero .home-hero-copy{
    gap:.82rem;
  }
  .brand-machine-hero .hero-actions{
    gap:.72rem;
  }
  .brand-machine-hero .hero-actions .btn{
    width:100%;
  }
  .brand-machine-hero .bm-machine-stage{
    min-height:454px;
    padding:1rem 1rem 1.35rem;
  }
  .brand-machine-hero .bm-machine-label{
    font-size:.68rem;
    letter-spacing:.16em;
  }
  .brand-machine-hero .bm-machine-label--evidence{ left:.9rem; }
  .brand-machine-hero .bm-machine-label--decision{ right:.9rem; }
  .brand-machine-hero .boundary-caption{
    left:1rem;
    right:1rem;
    max-width:none;
    bottom:1.05rem;
    font-size:1rem;
  }
  .brand-machine-hero .licensable-strip{
    margin-top:2.35rem;
  }
  .mission-v79_12 .mission-arc{
    min-height:204px;
  }
  .mission-v79_12 .mission-arc-labels{
    left:7%;
    right:7%;
    gap:.45rem;
  }
  .mission-v79_12 .mission-arc-labels span{
    font-size:.76rem;
  }
  .why-sources-section{
    padding-top:4.4rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .brand-machine-hero .bm-machine-stage,
  .mission-v79_12 .mission-arc,
  .why-source-row{
    animation:none !important;
    transition:none !important;
  }
}


/* v74.0 — Worldclass apex stabilization
   One iconic movement across home, why-now, and attack-surface:
   proof enters, boundary verifies, permitted paths continue, missing proof resolves to HOLD.
   Goals: remove brittle layout edge cases, center the visual rail, prevent label overflow,
   and make the critical decision surfaces feel calm, exact, and review-grade.
*/

:root{
  --wc-rail-violet:#7C5CFF;
  --wc-rail-cyan:#43D3FF;
  --wc-rail-frost:#F3F6FF;
  --wc-rail-mist:#A7B3C7;
  --wc-panel-fill:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014));
  --wc-panel-border:rgba(255,255,255,.08);
  --wc-panel-shadow:0 24px 68px rgba(2,6,18,.28);
}

/* ------------------------------------------------------------------
   Shared hero discipline (why-now + attack-surface)
------------------------------------------------------------------- */
.why-now-v79_12 .why-now-hero-shell{
  max-width:min(74rem, 100%);
  padding:clamp(1.35rem, 2.6vw, 1.9rem);
  border-radius:32px;
  border:1px solid var(--wc-panel-border);
  background:
    radial-gradient(960px 320px at 0% 0%, rgba(124,92,255,.12), transparent 60%),
    radial-gradient(760px 280px at 100% 0%, rgba(67,211,255,.10), transparent 58%),
    var(--wc-panel-fill);
  box-shadow:var(--wc-panel-shadow);
}

.why-now-v79_12 .why-now-hero-copy{
  max-width:54rem;
}

.why-now-v79_12 .why-now-trust-line{
  max-width:40rem;
}

/* ------------------------------------------------------------------
   HOME — boundary object should feel like a protected instrument,
   not a big empty box.
------------------------------------------------------------------- */
.brand-machine-hero .home-hero-grid{
  align-items:start;
  gap:clamp(1.4rem, 3vw, 2.4rem);
}

.brand-machine-hero .home-boundary-wrap{
  display:grid;
  align-items:center;
}

.brand-machine-hero .bm-machine-stage{
  min-height:clamp(22rem, 35vw, 31rem);
  aspect-ratio:1.14 / 1;
  padding:clamp(1rem, 2.1vw, 1.35rem);
}

.brand-machine-hero .bm-machine-svg{
  width:min(100%, 39rem);
  margin:clamp(1.55rem, 2.8vw, 2rem) auto 0;
}

.brand-machine-hero .bm-machine-label{
  z-index:3;
}

.brand-machine-hero .bm-machine-label--boundary{
  top:.92rem;
}

.brand-machine-hero .boundary-caption{
  left:clamp(1rem, 2vw, 1.35rem);
  right:auto;
  bottom:clamp(1rem, 1.8vw, 1.3rem);
  max-width:min(24rem, calc(100% - 2rem));
}

/* ------------------------------------------------------------------
   HOME — why-now pressure cards: stack them on the right at wide sizes
   so they read like reviewer notes, not squeezed mobile columns.
------------------------------------------------------------------- */
.board-signal-section.v79 .board-signal{
  grid-template-columns:minmax(0, 1.06fr) minmax(22rem, .94fr);
  gap:clamp(1.2rem, 2.3vw, 1.8rem);
  align-items:start;
}

.board-signal-section.v79 .bm-pressure-grid{
  grid-template-columns:1fr;
  gap:.9rem;
  align-content:start;
}

.board-signal-section.v79 .bm-pressure-card{
  padding:1.1rem 1.05rem 1rem;
  min-height:0;
}

.board-signal-section.v79 .signal-stat{
  font-size:clamp(1.8rem, 2.6vw, 2.45rem);
}

.board-signal-section.v79 .bm-pressure-card h3{
  max-width:18ch;
}

.board-signal-section.v79 .bm-pressure-body,
.board-signal-section.v79 .bm-pressure-meta dd{
  max-width:none;
}

/* ------------------------------------------------------------------
   HOME — governance arc: keep the rail graphic clean and move copy into
   a proper label grid so nothing sits on top of the visual.
------------------------------------------------------------------- */
.brand-machine-governance .governance-shell{
  gap:1.35rem;
}

.brand-machine-governance .governance-visual{
  --wc-governance-rail-bottom:8.35rem;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-template-rows:minmax(15rem, 1fr) auto;
  gap:.75rem 1rem;
  align-items:end;
  min-height:clamp(25rem, 34vw, 31rem);
  padding:clamp(1.5rem, 2.6vw, 2rem);
}

.brand-machine-governance .governance-visual::before{
  left:12%;
  right:12%;
  bottom:var(--wc-governance-rail-bottom);
}

.brand-machine-governance .governance-visual::after{
  left:18%;
  right:18%;
  top:clamp(2rem, 3vw, 2.4rem);
  height:clamp(8rem, 13vw, 10.5rem);
}

.brand-machine-governance .governance-node{
  bottom:calc(var(--wc-governance-rail-bottom) - 11px) !important;
}

.brand-machine-governance .governance-node--1{ left:16% !important; }
.brand-machine-governance .governance-node--2{ left:38% !important; }
.brand-machine-governance .governance-node--3{ left:62% !important; }
.brand-machine-governance .governance-node--4{ left:84% !important; }

.brand-machine-governance .governance-boundary{
  top:2.3rem;
  height:clamp(11.25rem, 17vw, 14.2rem);
}

.brand-machine-governance .governance-hold{
  left:52.2%;
  bottom:calc(var(--wc-governance-rail-bottom) + 1rem);
  width:clamp(5.6rem, 7vw, 7.2rem);
}

.brand-machine-governance .governance-hold-tag{
  left:auto;
  right:9%;
  bottom:calc(var(--wc-governance-rail-bottom) + 1.55rem);
  padding:.46rem .84rem;
  font-size:.78rem;
}

.brand-machine-governance .governance-label{
  position:relative;
  left:auto !important;
  right:auto;
  bottom:auto !important;
  width:auto;
  text-align:left;
  align-self:start;
  z-index:2;
  padding-top:.2rem;
}

.brand-machine-governance .governance-label strong{
  font-size:1rem;
}

.brand-machine-governance .governance-label span{
  max-width:16ch;
}

.brand-machine-governance .governance-label--1{ grid-column:1; grid-row:2; }
.brand-machine-governance .governance-label--2{ grid-column:2; grid-row:2; }
.brand-machine-governance .governance-label--3{ grid-column:3; grid-row:2; }
.brand-machine-governance .governance-label--4{ grid-column:4; grid-row:2; }

.brand-machine-governance .governance-links{
  justify-content:space-between;
  gap:1rem 1.25rem;
}

.brand-machine-governance .governance-law{
  max-width:40rem;
}

/* ------------------------------------------------------------------
   WHY-NOW — widen the evidence close so the page does not feel left-leaning.
------------------------------------------------------------------- */
.why-now-v79_12 .why-sources-shell{
  max-width:none;
}

.why-now-v79_12 .why-source-groups{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}

.why-now-v79_12 .why-source-group{
  min-height:100%;
}

/* ------------------------------------------------------------------
   ATTACK SURFACE — evidence spine must center cleanly.
------------------------------------------------------------------- */
.attack-surface-v72_3 .attack-topology{
  overflow:hidden;
}

.attack-surface-v72_3 .attack-topology-inner{
  grid-template-columns:minmax(0, 1.02fr) minmax(21rem, .98fr);
  align-items:center;
  gap:clamp(1.2rem, 2.4vw, 1.8rem);
  padding:clamp(1.35rem, 2.4vw, 1.9rem);
}

.attack-surface-v72_3 .attack-topology-legend{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.75rem;
}

.attack-surface-v72_3 .attack-topology-visual{
  min-height:0;
  aspect-ratio:1.6 / 1;
  padding:clamp(1rem, 2vw, 1.35rem);
}

.attack-surface-v72_3 .attack-topology-svg{
  display:block;
  width:min(100%, 36rem);
  height:auto;
  margin-inline:auto;
}

.attack-surface-v72_3 .attack-topology-svg text{
  font-size:13px;
  text-rendering:geometricPrecision;
}

/* ------------------------------------------------------------------
   ATTACK SURFACE — deep-dive accordions should feel deliberate, not like
   giant empty shells.
------------------------------------------------------------------- */
.attack-surface-v72_3 .attack-detail{
  gap:.9rem;
}

.attack-surface-v72_3 .attack-detail-item{
  border-color:rgba(255,255,255,.09);
}

.attack-surface-v72_3 .attack-detail-item > summary{
  padding:1rem 1.2rem;
}

.attack-surface-v72_3 .attack-detail-body{
  padding:1rem 1.05rem 1.15rem;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
}

.attack-surface-v72_3 .why-requirements-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}

.attack-surface-v72_3 .why-requirement-card{
  padding:1rem 1rem 1.2rem;
}

.attack-surface-v72_3 .why-requirement-card h3{
  margin-bottom:.35rem;
}

.attack-surface-v72_3 .evidence-dock{
  align-self:start;
}

/* ------------------------------------------------------------------
   Responsive guardrails
------------------------------------------------------------------- */
@media (max-width: 1180px){
  .board-signal-section.v79 .board-signal{
    grid-template-columns:1fr;
  }

  .board-signal-section.v79 .bm-pressure-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  .why-now-v79_12 .why-source-groups,
  .attack-surface-v72_3 .attack-topology-legend,
  .attack-surface-v72_3 .why-requirements-grid{
    grid-template-columns:1fr;
  }

  .attack-surface-v72_3 .attack-topology-inner{
    grid-template-columns:1fr;
  }

  .brand-machine-governance .governance-visual{
    --wc-governance-rail-bottom:9.4rem;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:minmax(13rem, 1fr) auto auto;
    min-height:31rem;
  }

  .brand-machine-governance .governance-visual::before{
    left:14%;
    right:14%;
  }

  .brand-machine-governance .governance-visual::after{
    left:20%;
    right:20%;
  }

  .brand-machine-governance .governance-node--1{ left:20% !important; }
  .brand-machine-governance .governance-node--2{ left:72% !important; }
  .brand-machine-governance .governance-node--3{ left:20% !important; }
  .brand-machine-governance .governance-node--4{ left:72% !important; }

  .brand-machine-governance .governance-label--1{ grid-column:1; grid-row:2; }
  .brand-machine-governance .governance-label--2{ grid-column:2; grid-row:2; }
  .brand-machine-governance .governance-label--3{ grid-column:1; grid-row:3; }
  .brand-machine-governance .governance-label--4{ grid-column:2; grid-row:3; }

  .brand-machine-governance .governance-hold{
    left:51.5%;
  }

  .brand-machine-governance .governance-hold-tag{
    right:10%;
  }
}

@media (max-width: 900px){
  .board-signal-section.v79 .bm-pressure-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .brand-machine-hero .bm-machine-stage{
    min-height:clamp(19rem, 82vw, 25rem);
    aspect-ratio:auto;
  }

  .brand-machine-hero .bm-machine-svg{
    width:100%;
    margin-top:2.6rem;
  }

  .brand-machine-governance .governance-links{
    justify-content:flex-start;
  }
}

@media (max-width: 640px){
  .brand-machine-hero .bm-machine-stage{
    min-height:0;
    aspect-ratio:1 / 1.02;
    padding:.95rem .88rem 1rem;
  }

  .brand-machine-hero .bm-machine-label{
    font-size:.64rem;
    letter-spacing:.14em;
    padding:.34rem .62rem;
  }

  .brand-machine-hero .bm-machine-label--evidence{ left:.78rem; }
  .brand-machine-hero .bm-machine-label--decision{ right:.78rem; }
  .brand-machine-hero .bm-machine-label--boundary{ top:.78rem; }

  .brand-machine-hero .boundary-caption{
    left:.95rem;
    right:.95rem;
    bottom:.95rem;
    max-width:none;
    font-size:.98rem;
  }

  .brand-machine-governance .governance-visual{
    --wc-governance-rail-bottom:11rem;
    min-height:34rem;
    gap:.65rem .8rem;
  }

  .brand-machine-governance .governance-visual::before{
    left:16%;
    right:16%;
  }

  .brand-machine-governance .governance-boundary{
    top:2rem;
    height:12rem;
  }

  .brand-machine-governance .governance-hold{
    width:5.4rem;
  }

  .attack-surface-v72_3 .attack-topology-svg text{
    font-size:11px;
  }
}


/* ------------------------------------------------------------------
   v74.1 BOARD-GRADE POLISH
   Intent: one integrated, review-friendly stylesheet for the critical
   pages. Calm the motion, remove brittle overflow, tighten copy rhythm,
   and make the boundary object feel like an instrument rather than UI.
------------------------------------------------------------------- */

:root{
  --apx-violet:#7C5CFF;
  --apx-cyan:#43D3FF;
  --apx-frost:#F5F7FD;
  --apx-mist:#A9B3C7;
  --apx-panel-border:rgba(255,255,255,.078);
  --apx-panel-fill:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.014));
  --apx-panel-shadow:0 24px 68px rgba(2,6,18,.28);
}

/* Shared typography discipline */
.home-hero-v79_12 h1,
.why-now-v79_12 h1,
.attack-surface-v72_3 h1{
  text-wrap:balance;
}
.why-now-v79_12 h2,
.attack-surface-v72_3 h2,
.board-signal-section.v79 h2{
  text-wrap:balance;
}
.why-now-v79_12 .section-deck,
.attack-surface-v72_3 .section-deck,
.board-signal-section.v79 .section-deck{
  max-width:62ch;
}

/* ------------------------------------------------------------------
   HEROES — use open editorial space instead of an extra chrome-heavy box.
------------------------------------------------------------------- */
.why-now-v79_12 .why-now-hero{
  padding:clamp(4.8rem, 8vw, 6.8rem) 0 3rem;
}
.why-now-v79_12 .why-now-hero-shell{
  max-width:min(78rem, 100%);
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
}
.why-now-v79_12 .why-now-hero-copy{
  max-width:36rem;
  display:grid;
  gap:.95rem;
}
.why-now-v79_12 .why-now-trust-line{
  max-width:42rem;
  color:rgba(235,241,255,.74);
}
.why-now-v79_12 .hero-actions{
  gap:.78rem;
}

/* ------------------------------------------------------------------
   HOME — boundary object = precise, centered, iconic.
------------------------------------------------------------------- */
.brand-machine-hero .home-hero-shell{
  max-width:min(75rem, 100%);
}
.brand-machine-hero .home-hero-grid{
  align-items:start;
  gap:clamp(1.55rem, 3vw, 2.5rem);
}
.brand-machine-hero .home-hero-copy{
  max-width:34rem;
}
.brand-machine-hero .home-boundary-wrap{
  display:grid;
  align-items:center;
  min-width:0;
}
.brand-machine-hero .bm-machine-stage{
  min-height:clamp(24rem, 34vw, 32rem);
  aspect-ratio:1.08 / 1;
  padding:clamp(1rem, 2vw, 1.35rem);
}
.brand-machine-hero .bm-machine-stage::before{
  inset:20px;
}
.brand-machine-hero .bm-machine-stage::after{
  inset:40px;
}
.brand-machine-hero .bm-machine-svg{
  width:min(100%, 38rem);
  margin:clamp(1.55rem, 2.7vw, 2rem) auto 0;
}
.brand-machine-hero .bm-machine-label{
  z-index:3;
}
.brand-machine-hero .bm-machine-label--boundary{
  top:.92rem;
}
.brand-machine-hero .boundary-caption{
  left:clamp(1rem, 2vw, 1.35rem);
  right:auto;
  bottom:clamp(1rem, 1.8vw, 1.3rem);
  max-width:min(23rem, calc(100% - 2rem));
  line-height:1.38;
}
.brand-machine-hero .home-utility-rail--iconic{
  max-width:30rem;
}
.brand-machine-hero .home-canonical-note{
  max-width:31rem;
}

/* ------------------------------------------------------------------
   HOME — pressure modules should read like board notes, not squeezed ads.
------------------------------------------------------------------- */
.board-signal-section.v79 .board-signal{
  grid-template-columns:minmax(0, 1.04fr) minmax(25rem, .96fr);
  gap:clamp(1.2rem, 2.4vw, 1.9rem);
  align-items:start;
}
.board-signal-section.v79 .board-signal-copy{
  max-width:34rem;
}
.board-signal-section.v79 .bm-pressure-grid{
  grid-template-columns:1fr;
  gap:1rem;
  align-content:start;
}
.board-signal-section.v79 .bm-pressure-card{
  padding:1.05rem 1.02rem 1rem;
  min-height:0;
}
.board-signal-section.v79 .bm-pressure-card h3{
  max-width:16ch;
  line-height:1.04;
}
.board-signal-section.v79 .signal-stat{
  font-size:clamp(1.72rem, 2.3vw, 2.2rem);
  line-height:.96;
}
.board-signal-section.v79 .bm-pressure-body{
  font-size:.95rem;
  line-height:1.48;
}
.board-signal-section.v79 .bm-pressure-meta{
  gap:.72rem;
}
.board-signal-section.v79 .bm-pressure-meta dd{
  max-width:none;
  line-height:1.45;
}

/* ------------------------------------------------------------------
   GOVERNANCE ARC — keep the graphic clean; put language on a stable rail.
------------------------------------------------------------------- */
.brand-machine-governance .governance-shell{
  gap:1.35rem;
}
.brand-machine-governance .governance-visual{
  --governance-rail-bottom:8.2rem;
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-template-rows:minmax(15rem, 1fr) auto;
  gap:.8rem 1rem;
  align-items:end;
  min-height:clamp(25rem, 34vw, 30rem);
  padding:clamp(1.45rem, 2.6vw, 2rem);
}
.brand-machine-governance .governance-visual::before{
  left:12%;
  right:12%;
  bottom:var(--governance-rail-bottom);
}
.brand-machine-governance .governance-visual::after{
  left:18%;
  right:18%;
  top:2rem;
  height:clamp(8rem, 13vw, 10.5rem);
}
.brand-machine-governance .governance-node{
  bottom:calc(var(--governance-rail-bottom) - 11px) !important;
}
.brand-machine-governance .governance-node--1{ left:16% !important; }
.brand-machine-governance .governance-node--2{ left:38% !important; }
.brand-machine-governance .governance-node--3{ left:62% !important; }
.brand-machine-governance .governance-node--4{ left:84% !important; }
.brand-machine-governance .governance-boundary{
  top:2.2rem;
  height:clamp(11.2rem, 16vw, 13.9rem);
}
.brand-machine-governance .governance-hold{
  left:52%;
  bottom:calc(var(--governance-rail-bottom) + .95rem);
  width:clamp(5.5rem, 7vw, 7rem);
}
.brand-machine-governance .governance-hold-tag{
  left:auto;
  right:8.5%;
  bottom:calc(var(--governance-rail-bottom) + 1.35rem);
  padding:.42rem .8rem;
  font-size:.76rem;
  background:rgba(43,14,9,.84);
  border:1px solid rgba(255,157,126,.36);
  color:#ffb69a;
  box-shadow:0 12px 28px rgba(43,14,9,.24);
}
.brand-machine-governance .governance-label{
  position:relative !important;
  inset:auto !important;
  width:auto !important;
  align-self:start;
  text-align:left;
  z-index:2;
  padding-top:.15rem;
}
.brand-machine-governance .governance-label strong{
  display:block;
  font-size:1rem;
  line-height:1.04;
}
.brand-machine-governance .governance-label span{
  display:block;
  max-width:16ch;
  line-height:1.35;
  color:rgba(228,234,246,.78);
}
.brand-machine-governance .governance-label--1{ grid-column:1; grid-row:2; }
.brand-machine-governance .governance-label--2{ grid-column:2; grid-row:2; }
.brand-machine-governance .governance-label--3{ grid-column:3; grid-row:2; }
.brand-machine-governance .governance-label--4{ grid-column:4; grid-row:2; }
.brand-machine-governance .governance-links{
  justify-content:space-between;
  gap:1rem 1.2rem;
}
.brand-machine-governance .governance-law{
  max-width:40rem;
}

/* ------------------------------------------------------------------
   WHY-NOW — signal tableau and evidence close.
------------------------------------------------------------------- */
.why-now-v79_12 .why-tableau-shell{
  padding:clamp(1.3rem, 2vw, 1.7rem);
  border-radius:32px;
  border:1px solid var(--apx-panel-border);
  background:
    radial-gradient(920px 280px at 0% 0%, rgba(124,92,255,.11), transparent 60%),
    radial-gradient(740px 260px at 100% 0%, rgba(67,211,255,.08), transparent 58%),
    var(--apx-panel-fill);
  box-shadow:var(--apx-panel-shadow);
}
.why-now-v79_12 .why-tableau-head{
  max-width:42rem;
}
.why-now-v79_12 .why-tableau-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  align-items:stretch;
}
.why-now-v79_12 .tableau-card{
  min-height:100%;
  display:grid;
  grid-template-rows:auto auto auto auto 1fr auto;
  gap:.55rem;
}
.why-now-v79_12 .tableau-card h3{
  max-width:15ch;
  line-height:1.05;
}
.why-now-v79_12 .tableau-card svg{
  margin-top:auto;
  min-height:104px;
}
.why-now-v79_12 .why-tableau-summary{
  align-items:flex-start;
}
.why-now-v79_12 .why-enterprise-wrap{
  margin-top:1rem;
}
.why-now-v79_12 .why-sources-shell{
  max-width:none;
}
.why-now-v79_12 .why-source-groups{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.why-now-v79_12 .why-source-group{
  min-height:100%;
}
.why-now-v79_12 .why-source-row{
  min-height:4.8rem;
  align-items:center;
}

/* ------------------------------------------------------------------
   ATTACK SURFACE — spine, accordion, reviewer pack, close.
------------------------------------------------------------------- */
.attack-surface-v72_3 .attack-topology{
  overflow:hidden;
}
.attack-surface-v72_3 .attack-topology-inner{
  grid-template-columns:minmax(0, 1.02fr) minmax(21rem, .98fr);
  align-items:center;
  gap:clamp(1.2rem, 2.4vw, 1.8rem);
  padding:clamp(1.35rem, 2.4vw, 1.9rem);
}
.attack-surface-v72_3 .attack-topology-legend{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.75rem;
}
.attack-surface-v72_3 .attack-topology-visual{
  min-height:0;
  aspect-ratio:1.58 / 1;
  padding:clamp(1rem, 2vw, 1.35rem);
}
.attack-surface-v72_3 .attack-topology-svg{
  display:block;
  width:min(100%, 36rem);
  height:auto;
  margin-inline:auto;
}
.attack-surface-v72_3 .attack-topology-svg text{
  font-size:13px;
  text-rendering:geometricPrecision;
}
.attack-surface-v72_3 .attack-detail{
  gap:.95rem;
}
.attack-surface-v72_3 .attack-detail-item{
  border-color:rgba(255,255,255,.09);
}
.attack-surface-v72_3 .attack-detail-item > summary{
  padding:1rem 1.2rem;
}
.attack-surface-v72_3 .attack-detail-item > *:not(summary){
  display:none;
}
.attack-surface-v72_3 .attack-detail-item[open] > *:not(summary){
  display:block;
}
.attack-surface-v72_3 .attack-detail-body{
  padding:1rem 1.05rem 1.15rem;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
}
.attack-surface-v72_3 .attack-summary-head{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:.85rem;
  min-width:0;
}
.attack-surface-v72_3 .attack-summary-title{
  min-width:0;
  line-height:1.18;
}
.attack-surface-v72_3 .why-requirements-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.attack-surface-v72_3 .why-requirement-card{
  padding:1rem 1rem 1.2rem;
}
.attack-surface-v72_3 .why-requirement-card h3{
  margin-bottom:.35rem;
}
.attack-surface-v72_3 .attack-flow{
  gap:1rem;
}
.attack-surface-v72_3 .evidence-dock{
  align-self:start;
}
.attack-surface-v72_3 .attack-qa{
  gap:.9rem;
}
.attack-surface-v72_3 .attack-qa-row{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
}
.attack-surface-v72_3 .attack-qa-row .q,
.attack-surface-v72_3 .attack-qa-row .a{
  line-height:1.5;
}
.attack-surface-v72_3 .brand-machine-sources .evidence-ledger{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.attack-surface-v72_3 .ledger-law{
  max-width:58rem;
}

/* ------------------------------------------------------------------
   RESPONSIVE GUARDRAILS
------------------------------------------------------------------- */
@media (max-width: 1180px){
  .board-signal-section.v79 .board-signal{
    grid-template-columns:1fr;
  }
  .board-signal-section.v79 .bm-pressure-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px){
  .why-now-v79_12 .why-now-hero-copy,
  .board-signal-section.v79 .board-signal-copy{
    max-width:100%;
  }
}

@media (max-width: 980px){
  .why-now-v79_12 .why-source-groups,
  .attack-surface-v72_3 .attack-topology-legend,
  .attack-surface-v72_3 .why-requirements-grid,
  .attack-surface-v72_3 .brand-machine-sources .evidence-ledger{
    grid-template-columns:1fr;
  }
  .attack-surface-v72_3 .attack-topology-inner{
    grid-template-columns:1fr;
  }
  .brand-machine-governance .governance-visual{
    --governance-rail-bottom:9.45rem;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:minmax(13rem, 1fr) auto auto;
    min-height:31rem;
  }
  .brand-machine-governance .governance-visual::before{
    left:14%;
    right:14%;
  }
  .brand-machine-governance .governance-visual::after{
    left:20%;
    right:20%;
  }
  .brand-machine-governance .governance-node--1{ left:20% !important; }
  .brand-machine-governance .governance-node--2{ left:72% !important; }
  .brand-machine-governance .governance-node--3{ left:20% !important; }
  .brand-machine-governance .governance-node--4{ left:72% !important; }
  .brand-machine-governance .governance-label--1{ grid-column:1; grid-row:2; }
  .brand-machine-governance .governance-label--2{ grid-column:2; grid-row:2; }
  .brand-machine-governance .governance-label--3{ grid-column:1; grid-row:3; }
  .brand-machine-governance .governance-label--4{ grid-column:2; grid-row:3; }
  .brand-machine-governance .governance-hold{
    left:51.5%;
  }
}

@media (max-width: 900px){
  .board-signal-section.v79 .bm-pressure-grid{
    grid-template-columns:1fr;
  }
  .why-now-v79_12 .why-tableau-grid{
    grid-template-columns:1fr;
  }
  .attack-surface-v72_3 .attack-qa-row{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .brand-machine-hero .bm-machine-stage{
    min-height:clamp(19rem, 82vw, 25rem);
    aspect-ratio:auto;
  }
  .brand-machine-hero .bm-machine-svg{
    width:100%;
    margin-top:2.5rem;
  }
  .brand-machine-governance .governance-links{
    justify-content:flex-start;
  }
}

@media (max-width: 720px){
  .why-now-v79_12 .hero-actions .btn{
    flex:1 1 100%;
  }
  .attack-surface-v72_3 .attack-summary-head{
    grid-template-columns:1fr;
    gap:.55rem;
  }
  .attack-surface-v72_3 .attack-detail-item > summary::after{
    align-self:start;
    margin-top:.05rem;
  }
  .attack-surface-v72_3 .evidence-dock .btn.primary{
    width:100%;
    max-width:none;
  }
}

@media (max-width: 640px){
  .brand-machine-hero .bm-machine-stage{
    min-height:0;
    aspect-ratio:1 / 1.02;
    padding:.95rem .88rem 1rem;
  }
  .brand-machine-hero .bm-machine-label{
    font-size:.64rem;
    letter-spacing:.14em;
    padding:.34rem .62rem;
  }
  .brand-machine-hero .bm-machine-label--evidence{ left:.78rem; }
  .brand-machine-hero .bm-machine-label--decision{ right:.78rem; }
  .brand-machine-hero .bm-machine-label--boundary{ top:.78rem; }
  .brand-machine-hero .boundary-caption{
    left:.95rem;
    right:.95rem;
    bottom:.95rem;
    max-width:none;
    font-size:.98rem;
  }
  .brand-machine-governance .governance-visual{
    --governance-rail-bottom:11rem;
    min-height:34rem;
    gap:.7rem .85rem;
  }
  .brand-machine-governance .governance-visual::before{
    left:16%;
    right:16%;
  }
  .brand-machine-governance .governance-boundary{
    top:1.95rem;
    height:11.8rem;
  }
  .brand-machine-governance .governance-hold{
    width:5.35rem;
  }
  .attack-surface-v72_3 .attack-topology-svg text{
    font-size:11px;
  }
}

@media (max-width: 480px){
  .brand-machine-governance .governance-visual{
    --governance-rail-bottom:12.2rem;
    grid-template-columns:1fr;
    grid-template-rows:minmax(12rem, 1fr) auto auto auto auto;
    min-height:0;
    gap:.72rem;
    padding:1rem;
  }
  .brand-machine-governance .governance-visual::before{
    left:14%;
    right:14%;
  }
  .brand-machine-governance .governance-visual::after{
    left:22%;
    right:22%;
    top:1.75rem;
    height:10.6rem;
  }
  .brand-machine-governance .governance-node--1{ left:14% !important; }
  .brand-machine-governance .governance-node--2{ left:38% !important; }
  .brand-machine-governance .governance-node--3{ left:62% !important; }
  .brand-machine-governance .governance-node--4{ left:86% !important; }
  .brand-machine-governance .governance-label--1{ grid-column:1; grid-row:2; }
  .brand-machine-governance .governance-label--2{ grid-column:1; grid-row:3; }
  .brand-machine-governance .governance-label--3{ grid-column:1; grid-row:4; }
  .brand-machine-governance .governance-label--4{ grid-column:1; grid-row:5; }
  .brand-machine-governance .governance-label strong{
    font-size:.95rem;
  }
  .brand-machine-governance .governance-label span{
    max-width:none;
    font-size:.88rem;
  }
  .brand-machine-governance .governance-hold{
    left:52% !important;
    bottom:calc(var(--governance-rail-bottom) + .85rem);
    width:4.85rem;
  }
  .brand-machine-governance .governance-hold-tag{
    right:7%;
    bottom:calc(var(--governance-rail-bottom) + 1.15rem);
  }
  .why-now-v79_12 .why-tableau-shell,
  .why-now-v79_12 .why-requirements-shell{
    padding:1rem;
  }
  .attack-surface-v72_3 .attack-topology-inner,
  .attack-surface-v72_3 .attack-detail-body,
  .attack-surface-v72_3 .evidence-dock,
  .attack-surface-v72_3 .brand-machine-reviewer .attack-flow-copy{
    padding-inline:1rem;
  }
}

/* ------------------------------------------------------------------
   MOTION RESTRAINT
------------------------------------------------------------------- */
@media (prefers-reduced-motion:no-preference){
  .bm-machine-svg .bm-evidence-token,
  .bm-machine-svg .bm-boundary-rings rect,
  .bm-machine-svg .bm-pass-line,
  .bm-machine-svg .bm-pass-line-shadow,
  .bm-machine-svg .bm-hold-line,
  .bm-machine-svg .bm-hold-line-shadow,
  .bm-machine-svg .bm-pass-token,
  .bm-machine-svg .bm-hold-token{
    animation-duration:1.6s !important;
    animation-iteration-count:1 !important;
    animation-fill-mode:both !important;
  }
  .governance-boundary{
    animation:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .bm-machine-svg .bm-evidence-token,
  .bm-machine-svg .bm-boundary-rings rect,
  .bm-machine-svg .bm-pass-line,
  .bm-machine-svg .bm-pass-line-shadow,
  .bm-machine-svg .bm-hold-line,
  .bm-machine-svg .bm-hold-line-shadow,
  .bm-machine-svg .bm-pass-token,
  .bm-machine-svg .bm-hold-token,
  .why-now-v79_12 .tableau-card,
  .why-now-v79_12 .why-requirement-card{
    animation:none !important;
    transition:none !important;
  }
}


/* v74.2 sign-off pass — deterministic capture, tighter mobile hero,
   and a cleaner governance read on small screens. */

.brand-machine-hero .home-hero-shell,
.why-now-v79_12 .why-tableau-shell,
.attack-surface-v72_3 .attack-surface-shell,
.brand-machine-sources .why-sources-shell{
  backdrop-filter: blur(14px);
}

.brand-machine-hero .home-hero-grid{
  align-items:start;
  gap:1.25rem 1.7rem;
}
.brand-machine-hero .home-hero-copy{
  max-width:36rem;
}
.brand-machine-hero .home-boundary-wrap{
  display:flex;
  align-items:stretch;
}
.brand-machine-hero .bm-machine-stage{
  min-height:520px;
}
.brand-machine-hero .boundary-caption{
  max-width:18rem;
}
.brand-machine-governance .governance-mobile-steps{
  display:none;
}
.brand-machine-governance .governance-step-card{
  display:grid;
  gap:.22rem;
  padding:.8rem .9rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.014));
}
.brand-machine-governance .governance-step-card strong{
  color:var(--bm-frost);
  font-size:.95rem;
  line-height:1.1;
}
.brand-machine-governance .governance-step-card span{
  color:var(--bm-mist);
  font-size:.9rem;
}
.brand-machine-governance .governance-step-card::after{
  content:"";
  width:40px;
  height:3px;
  border-radius:999px;
  margin-top:.25rem;
  background:linear-gradient(90deg, rgba(124,92,255,.72), rgba(67,211,255,.9));
}

@media (max-width: 1100px){
  .brand-machine-hero .bm-machine-stage{
    min-height:440px;
  }
}

@media (max-width: 560px){
  .brand-machine-hero{
    padding-top:3rem;
    padding-bottom:1.2rem;
  }
  .brand-machine-hero .home-hero-shell{
    padding:1rem 1rem 1.05rem;
    border-radius:28px;
  }
  .brand-machine-hero .home-hero-grid{
    gap:.85rem;
  }
  .brand-machine-hero .home-hero-copy{
    gap:.58rem;
    max-width:none;
  }
  .brand-machine-hero .pill{
    font-size:.76rem;
    padding:.34rem .6rem;
  }
  .brand-machine-hero h1{
    max-width:7.8ch;
    font-size:clamp(2.55rem, 12.8vw, 3.55rem);
    letter-spacing:-.05em;
    margin:.1rem 0 .28rem;
  }
  .brand-machine-hero .hero-lede{
    font-size:1rem;
    line-height:1.52;
    max-width:none;
  }
  .brand-machine-hero .home-hero-support{
    margin:.08rem 0 0;
    font-size:.94rem;
  }
  .brand-machine-hero .hero-actions{
    gap:.55rem;
    margin-top:.15rem;
  }
  .brand-machine-hero .hero-actions .btn{
    min-height:46px;
  }
  .brand-machine-hero .home-utility-rail{
    gap:.35rem .5rem;
    margin-top:.08rem;
  }
  .brand-machine-hero .home-utility-rail .hero-meta{
    font-size:.78rem;
  }
  .brand-machine-hero .home-canonical-note{
    margin-top:.08rem;
    font-size:.84rem;
    max-width:none;
  }
  .brand-machine-hero .home-boundary-wrap{
    margin-top:.1rem;
  }
  .brand-machine-hero .bm-machine-stage{
    min-height:272px;
    padding:.75rem .7rem 3.9rem;
  }
  .brand-machine-hero .bm-machine-label{
    font-size:.64rem;
    padding:.31rem .54rem;
    letter-spacing:.14em;
  }
  .brand-machine-hero .bm-machine-label--evidence{ left:.75rem; }
  .brand-machine-hero .bm-machine-label--decision{ right:.75rem; }
  .brand-machine-hero .bm-machine-label--boundary{
    top:.85rem;
  }
  .brand-machine-hero .boundary-caption{
    left:.85rem;
    right:.85rem;
    bottom:1rem;
    max-width:12.5rem;
    font-size:.88rem;
    line-height:1.35;
  }
  .brand-machine-hero .licensable-strip{
    margin-top:.75rem;
    padding:.78rem .84rem;
    gap:.45rem;
  }
  .brand-machine-hero .licensable-strip p{
    font-size:.9rem;
  }

  .brand-machine-governance .governance-visual{
    min-height:286px;
    padding-bottom:0;
  }
  .brand-machine-governance .governance-visual::before{
    left:14%;
    right:14%;
    bottom:72px;
  }
  .brand-machine-governance .governance-visual::after{
    left:18%;
    right:18%;
    top:28px;
    height:150px;
  }
  .brand-machine-governance .governance-boundary{
    top:34px;
    height:156px;
    width:24px;
  }
  .brand-machine-governance .governance-hold{
    left:53%;
    bottom:86px;
    width:90px;
  }
  .brand-machine-governance .governance-hold-tag{
    left:auto;
    right:14%;
    bottom:96px;
    padding:.45rem .8rem;
    font-size:.78rem;
  }
  .brand-machine-governance .governance-node{
    bottom:60px;
  }
  .brand-machine-governance .governance-node--1{ left:14%; }
  .brand-machine-governance .governance-node--2{ left:36%; }
  .brand-machine-governance .governance-node--3{ left:64%; }
  .brand-machine-governance .governance-node--4{ left:86%; }
  .brand-machine-governance .governance-label{
    display:none;
  }
  .brand-machine-governance .governance-mobile-steps{
    display:grid;
    grid-template-columns:1fr;
    gap:.6rem;
    margin-top:.8rem;
  }
  .brand-machine-governance .governance-links{
    margin-top:.85rem;
    gap:.6rem .75rem;
  }
  .brand-machine-governance .governance-law{
    font-size:.92rem;
  }
}
