/* M.A.I.C. visual-first landing layer v1
   Presentation only. Canonical state/evidence values remain backend-owned. */
:root{
  --vf-line:rgba(255,255,255,.09);
  --vf-line-strong:rgba(var(--accent-rgb),.28);
  --vf-ink:var(--text,#f4f7fb);
  --vf-muted:var(--muted,#8e9bab);
  --vf-muted2:var(--muted2,#637181);
  --vf-panel:rgba(6,12,19,.72);
  --vf-panel-soft:rgba(255,255,255,.025);
  --vf-radius:14px;
  --vf-max:1240px;
}

body[data-visual-first="v1"] .section{
  padding-top:clamp(72px,8vw,118px);
  padding-bottom:clamp(72px,8vw,118px);
}

body[data-visual-first="v1"] .section-heading{
  max-width:860px;
  margin-bottom:clamp(24px,3.5vw,42px);
}

body[data-visual-first="v1"] .section-heading h2{
  max-width:820px;
}

body[data-visual-first="v1"] .section-heading>p:not(.kicker):not(.v516-brief){
  max-width:720px;
}

body[data-visual-first="v1"].maic-vf-ready .v516-context-disclosure{
  margin-top:18px;
}

.vf-mount{
  width:100%;
  max-width:var(--vf-max);
  margin:26px auto 0;
}

.vf-kicker{
  color:var(--text);
  font:800 10px/1.2 var(--mono);
  letter-spacing:.13em;
  text-transform:uppercase;
}

.vf-micro{
  color:var(--vf-muted);
  font-size:11px;
  line-height:1.55;
}

.vf-provenance{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  align-items:center;
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid var(--vf-line);
  color:var(--vf-muted2);
  font:700 9px/1.4 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.vf-provenance a{
  color:var(--text);
  text-decoration:none;
}

.vf-depth{
  width:100%;
  max-width:var(--vf-max);
  margin:18px auto 0;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
}

.vf-depth>summary{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:15px 2px;
  color:var(--vf-muted);
  cursor:pointer;
  list-style:none;
  font:800 10px/1.4 var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.vf-depth>summary::-webkit-details-marker{display:none}
.vf-depth>summary::after{
  content:"+";
  color:var(--text);
  font-size:18px;
}
.vf-depth[open]>summary::after{content:"−"}

.vf-depth-body{
  display:grid;
  gap:18px;
  padding:8px 0 24px;
}

.vf-depth-body>.surface,
.vf-depth-body>.operating-map,
.vf-depth-body>.capability-board,
.vf-depth-body>.pipeline-surface,
.vf-depth-body>.lineage-shell,
.vf-depth-body>.library-grid{
  margin:0;
}

/* Hero — category + current authority, not marketing-card overload */
.vf-hero-command{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:1px;
  overflow:hidden;
  border-top:1px solid var(--vf-line-strong);
  border-bottom:1px solid var(--vf-line);
  background:
    radial-gradient(circle at 78% 32%,rgba(var(--accent-rgb),.11),transparent 36%),
    linear-gradient(90deg,rgba(255,255,255,.018),transparent 44%);
}

.vf-hero-command::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 24.9%,rgba(255,255,255,.025) 25%,transparent 25.1% 74.9%,rgba(255,255,255,.025) 75%,transparent 75.1%);
  opacity:.7;
}

.vf-hero-authority,
.vf-hero-segments{
  position:relative;
  z-index:1;
  padding:clamp(24px,4vw,54px);
}

.vf-category-seal{
  display:inline-flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:34px;
  color:var(--vf-muted);
  text-decoration:none;
  font:800 9px/1.3 var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.vf-category-seal b{
  color:var(--vf-ink);
  font-weight:900;
}

.vf-category-seal i{
  width:5px;height:5px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 18px rgba(var(--accent-rgb),.75);
}

.vf-authority-word{
  display:block;
  margin:8px 0 10px;
  color:var(--vf-ink);
  font-size:clamp(58px,9vw,118px);
  font-weight:850;
  line-height:.82;
  letter-spacing:-.075em;
}

.vf-authority-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  align-items:center;
  color:var(--vf-muted);
  font:750 10px/1.4 var(--mono);
  letter-spacing:.07em;
  text-transform:uppercase;
}

.vf-authority-meta .is-confirmed{color:var(--text)}
.vf-authority-meta .is-pending{color:var(--vf-muted)}

.vf-hero-segments{
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:1px solid var(--vf-line);
}

.vf-segment-list{
  display:grid;
  gap:16px;
  margin-top:20px;
}

.vf-segment{
  display:grid;
  grid-template-columns:90px minmax(0,1fr) 90px;
  align-items:center;
  gap:12px;
}

.vf-segment span,
.vf-segment b{
  font:800 9px/1.2 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.vf-segment span{color:var(--vf-muted2)}
.vf-segment b{color:var(--vf-ink);text-align:right}

.vf-segment-track{
  position:relative;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}

.vf-segment-track::after{
  content:"";
  display:block;
  width:var(--vf-fill,0%);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.3),var(--accent));
  box-shadow:0 0 18px rgba(var(--accent-rgb),.25);
  transition:width .55s ease;
}

.vf-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.vf-link{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border:1px solid var(--vf-line);
  border-radius:999px;
  color:var(--vf-ink);
  text-decoration:none;
  font:800 9px/1.2 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.02);
}
.vf-link:hover{border-color:var(--vf-line-strong);background:rgba(var(--accent-rgb),.05)}
.vf-link.primary{border-color:var(--vf-line-strong);color:var(--text)}

/* Live state: keep the actual instrument, flatten decorative containers */
body[data-visual-first="v1"].maic-vf-ready #live-route .live-visual-grid{
  gap:1px;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  background:var(--vf-line);
}
body[data-visual-first="v1"].maic-vf-ready #live-route .state-dial,
body[data-visual-first="v1"].maic-vf-ready #live-route .allocation-map{
  border:0;
  border-radius:0;
  box-shadow:none;
  background:rgba(4,9,15,.94);
}
body[data-visual-first="v1"].maic-vf-ready #live-route .allocation-bars article{
  grid-template-columns:88px 1fr 96px;
}

/* System graph */
.vf-system-graph{
  display:grid;
  grid-template-columns:minmax(220px,.95fr) 90px minmax(250px,1.1fr);
  gap:18px;
  align-items:center;
  min-height:420px;
  padding:26px 0;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
}

.vf-evidence-stack{
  display:grid;
  gap:0;
}

.vf-evidence-node{
  position:relative;
  display:grid;
  grid-template-columns:14px 1fr auto;
  align-items:center;
  gap:10px;
  min-height:54px;
  border-bottom:1px solid rgba(255,255,255,.055);
  color:var(--vf-muted);
}

.vf-evidence-node:last-child{border-bottom:0}
.vf-evidence-node::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:rgba(var(--accent-rgb),.55);
  box-shadow:0 0 12px rgba(var(--accent-rgb),.28);
}
.vf-evidence-node span{
  font:800 10px/1.3 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vf-evidence-node small{
  color:var(--vf-muted2);
  font:700 8px/1.2 var(--mono);
  letter-spacing:.06em;
  text-transform:uppercase;
}

.vf-conflict-field{
  position:relative;
  display:grid;
  place-items:center;
  width:80px;
  height:80px;
  margin:auto;
  border:1px solid var(--vf-line-strong);
  border-radius:50%;
  color:var(--text);
  font:850 8px/1.25 var(--mono);
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.11),transparent 70%);
}

.vf-conflict-field::before,
.vf-conflict-field::after{
  content:"";
  position:absolute;
  left:-18px;right:-18px;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.45),transparent);
}
.vf-conflict-field::after{transform:rotate(90deg)}

.vf-authority-engine{
  position:relative;
  min-height:310px;
  padding:34px;
  border-left:2px solid var(--accent);
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),transparent 68%);
}

.vf-authority-engine strong{
  display:block;
  margin:14px 0 18px;
  font-size:clamp(40px,6vw,78px);
  line-height:.88;
  letter-spacing:-.06em;
}

.vf-authority-engine p{
  max-width:520px;
  color:var(--vf-muted);
  line-height:1.65;
}

.vf-authority-law{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:30px;
  background:var(--vf-line);
}
.vf-authority-law span{
  padding:12px;
  background:rgba(5,10,16,.95);
  color:var(--vf-muted2);
  font:800 8px/1.4 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Decision space */
.vf-decision-space{
  padding:26px 0 8px;
  border-top:1px solid var(--vf-line);
}
.vf-route-rail{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:26px;
}
.vf-route-rail::before{
  content:"";
  position:absolute;
  top:33px;left:6%;right:6%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--vf-line),var(--vf-line),transparent);
}
.vf-route{
  position:relative;
  z-index:1;
  padding:0 14px;
  text-align:center;
}
.vf-route-dot{
  display:grid;
  place-items:center;
  width:66px;height:66px;
  margin:0 auto 16px;
  border:1px solid var(--vf-line);
  border-radius:50%;
  background:#060b11;
  color:var(--vf-muted2);
  font:850 9px/1 var(--mono);
  transition:.25s ease;
}
.vf-route strong{
  display:block;
  color:var(--vf-ink);
  font-size:16px;
}
.vf-route small{
  display:block;
  max-width:170px;
  margin:7px auto 0;
  color:var(--vf-muted2);
  font-size:10px;
  line-height:1.45;
}
.vf-route.is-active .vf-route-dot{
  border-color:var(--accent);
  color:var(--text);
  background:rgba(var(--accent-rgb),.08);
  box-shadow:0 0 0 8px rgba(var(--accent-rgb),.035),0 0 34px rgba(var(--accent-rgb),.16);
}
.vf-route.is-active strong{color:var(--text)}
.vf-route.is-active small{color:var(--vf-muted)}

/* Replay evidence geometry */
.vf-replay-geometry{
  margin:22px 0 26px;
  padding:22px 0 0;
  border-top:1px solid var(--vf-line);
}
.vf-replay-geometry-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}
.vf-replay-geometry-head strong{
  display:block;
  margin-top:6px;
  color:var(--vf-ink);
  font-size:20px;
}
.vf-replay-scale{
  position:relative;
  height:126px;
  margin:0 12px;
}
.vf-replay-axis{
  position:absolute;
  left:0;right:0;top:58px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.2),rgba(255,255,255,.06));
}
.vf-replay-band{
  position:absolute;
  top:49px;
  left:var(--vf-band-left,0%);
  width:var(--vf-band-width,0%);
  min-width:4px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.7));
  box-shadow:0 0 24px rgba(var(--accent-rgb),.18);
}
.vf-replay-marker{
  position:absolute;
  top:24px;
  left:var(--vf-pos,0%);
  width:1px;
  height:72px;
  background:rgba(255,255,255,.28);
}
.vf-replay-marker::before{
  content:"";
  position:absolute;
  top:31px;left:-4px;
  width:9px;height:9px;border-radius:50%;
  background:var(--vf-ink);
}
.vf-replay-marker.is-outcome::before{background:var(--accent)}
.vf-replay-marker span{
  position:absolute;
  top:-5px;
  left:7px;
  min-width:130px;
  color:var(--vf-muted);
  font:750 8px/1.35 var(--mono);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.vf-replay-marker.is-outcome span{top:79px;color:var(--text)}
.vf-replay-min,
.vf-replay-max{
  position:absolute;
  top:76px;
  color:var(--vf-muted2);
  font:700 8px/1.3 var(--mono);
}
.vf-replay-min{left:0}
.vf-replay-max{right:0;text-align:right}
.vf-replay-caption{
  max-width:820px;
  padding:0 12px 18px;
  color:var(--vf-muted);
  font-size:11px;
  line-height:1.65;
}
.vf-replay-empty{
  padding:34px 12px 44px;
  border-top:1px dashed var(--vf-line);
  color:var(--vf-muted);
  font:700 10px/1.5 var(--mono);
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* Existing replay should feel like one instrument, not a box collection */
body[data-visual-first="v1"].maic-vf-ready #replay .replay-shell{
  border:0;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
body[data-visual-first="v1"].maic-vf-ready #replay .replay-comparison{
  border:0;
  border-radius:0;
  background:transparent;
}
body[data-visual-first="v1"].maic-vf-ready #replay .replay-comparison article{
  border-bottom:1px solid var(--vf-line);
  background:transparent;
}

/* Evidence: headline proof first, audit depth on demand */
.vf-evidence-lens{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin:18px 0 24px;
  padding:14px 0;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
}
.vf-evidence-copy{
  margin:4px 0 0;
  color:var(--vf-ink);
  font-size:15px;
  line-height:1.45;
}
.vf-evidence-toggle{
  min-height:42px;
  padding:0 15px;
  border:1px solid var(--vf-line-strong);
  border-radius:999px;
  color:var(--text);
  background:transparent;
  cursor:pointer;
  font:800 9px/1.2 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vf-evidence-toggle:hover{background:rgba(var(--accent-rgb),.05)}

body[data-visual-first="v1"].maic-vf-ready #evidence .featured-proof-grid{
  gap:1px;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  background:var(--vf-line);
}
body[data-visual-first="v1"].maic-vf-ready #evidence .featured-proof-grid article{
  border:0;
  border-radius:0;
  background:rgba(4,9,15,.97);
  box-shadow:none;
}
body[data-visual-first="v1"].maic-vf-ready #evidence .maic-oos-chart.surface{
  border:0;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

body[data-visual-first="v1"].maic-vf-ready #evidence:not(.vf-evidence-expanded) .model-board,
body[data-visual-first="v1"].maic-vf-ready #evidence:not(.vf-evidence-expanded) .walk-forward-module,
body[data-visual-first="v1"].maic-vf-ready #evidence:not(.vf-evidence-expanded) .false-positive,
body[data-visual-first="v1"].maic-vf-ready #evidence:not(.vf-evidence-expanded) .maic-forward-evidence-block,
body[data-visual-first="v1"].maic-vf-ready #evidence:not(.vf-evidence-expanded) .survivability-curve-module,
body[data-visual-first="v1"].maic-vf-ready #evidence:not(.vf-evidence-expanded) .maic-performance-links{
  display:none;
}

/* Topology: map first */
.vf-topology-rail{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:16px 0 24px;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  background:var(--vf-line);
}
.vf-topology-rail div{
  min-height:80px;
  padding:16px;
  background:rgba(4,9,15,.96);
}
.vf-topology-rail span{
  display:block;
  color:var(--vf-muted2);
  font:800 8px/1.3 var(--mono);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.vf-topology-rail strong{
  display:block;
  margin-top:8px;
  color:var(--vf-ink);
  font-size:20px;
}
body[data-visual-first="v1"].maic-vf-ready #restricted .topology-map{
  border:0;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

/* Lineage: concise reference discipline rail */
.vf-lineage-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  background:var(--vf-line);
}
.vf-lineage-rail article{
  min-height:154px;
  padding:22px;
  background:rgba(4,9,15,.97);
}
.vf-lineage-rail span{
  color:var(--text);
  font:800 8px/1.2 var(--mono);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.vf-lineage-rail strong{
  display:block;
  margin:18px 0 8px;
  font-size:18px;
}
.vf-lineage-rail p{
  color:var(--vf-muted);
  font-size:11px;
  line-height:1.55;
}

/* Intelligence library: search-intent rail first */
.vf-intent-rail{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 24px;
}
.vf-intent-rail a{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:0 13px;
  border-bottom:1px solid var(--vf-line);
  color:var(--vf-muted);
  text-decoration:none;
  font:750 9px/1.2 var(--mono);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.vf-intent-rail a:hover{border-color:var(--accent);color:var(--text)}



/* Trust tail: one flat trust rail, four canonical questions first. */
body[data-visual-first="v1"].maic-vf-ready #trust-faq .trust-icons{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  background:var(--vf-line);
}
body[data-visual-first="v1"].maic-vf-ready #trust-faq .trust-icons article{
  min-height:112px;
  padding:18px;
  border:0;
  border-radius:0;
  background:rgba(4,9,15,.96);
}
body[data-visual-first="v1"].maic-vf-ready #trust-faq .faq-accordion.surface{
  border:0;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
body[data-visual-first="v1"].maic-vf-ready #trust-faq:not(.vf-faq-expanded) .faq-more-disclosure{
  display:none;
}
body[data-visual-first="v1"].maic-vf-ready #trust-faq.vf-faq-expanded .faq-more-disclosure{
  display:block;
}

/* FAQ: four canonical questions first; remainder stays accessible */
body[data-visual-first="v1"].maic-vf-ready #trust-faq:not(.vf-faq-expanded) .faq-item.vf-faq-secondary{
  display:none;
}
.vf-faq-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.vf-faq-actions button,
.vf-faq-actions a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border:1px solid var(--vf-line);
  border-radius:999px;
  color:var(--vf-muted);
  background:transparent;
  text-decoration:none;
  cursor:pointer;
  font:800 9px/1.2 var(--mono);
  letter-spacing:.07em;
  text-transform:uppercase;
}
.vf-faq-actions button:hover,
.vf-faq-actions a:hover{border-color:var(--vf-line-strong);color:var(--text)}

/* Global card de-emphasis: use borders for hierarchy, not every idea as a box */
body[data-visual-first="v1"].maic-vf-ready #logic .operation-card,
body[data-visual-first="v1"].maic-vf-ready #capability .capability-card,
body[data-visual-first="v1"].maic-vf-ready #lineage .lineage-shell,
body[data-visual-first="v1"].maic-vf-ready #intelligence-library .library-grid.surface{
  box-shadow:none;
}

body[data-visual-first="v1"].maic-vf-ready #custodian-boundary{
  padding-top:54px;
  padding-bottom:54px;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
}

body[data-visual-first="v1"].maic-vf-ready #access .access-grid{
  gap:1px;
  border-top:1px solid var(--vf-line);
  border-bottom:1px solid var(--vf-line);
  background:var(--vf-line);
}
body[data-visual-first="v1"].maic-vf-ready #access .access-card{
  border:0;
  border-radius:0;
  box-shadow:none;
  background:rgba(4,9,15,.96);
}

/* Motion only communicates state */
@keyframes vf-pulse{
  0%,100%{opacity:.55;transform:scale(.94)}
  50%{opacity:1;transform:scale(1)}
}
.vf-route.is-active .vf-route-dot::after{
  content:"";
  width:4px;height:4px;border-radius:50%;
  background:var(--accent);
  animation:vf-pulse 2.6s ease-in-out infinite;
}

/* Responsive */
@media(max-width:980px){
  .vf-hero-command{grid-template-columns:1fr}
  .vf-hero-segments{border-left:0;border-top:1px solid var(--vf-line)}
  .vf-system-graph{grid-template-columns:1fr}
  .vf-conflict-field{margin:6px auto}
  .vf-authority-engine{border-left:0;border-top:2px solid var(--accent)}
  .vf-route-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}
  .vf-route-rail::before{display:none}
  .vf-lineage-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-visual-first="v1"].maic-vf-ready #trust-faq .trust-icons{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  body[data-visual-first="v1"] .section{padding-top:62px;padding-bottom:62px}
  .vf-hero-authority,.vf-hero-segments{padding:24px 18px}
  .vf-authority-word{font-size:clamp(54px,20vw,82px)}
  .vf-segment{grid-template-columns:76px 1fr 82px;gap:8px}
  .vf-authority-law{grid-template-columns:1fr}
  .vf-route-rail{grid-template-columns:1fr}
  .vf-route{
    display:grid;
    grid-template-columns:60px 1fr;
    gap:14px;
    align-items:center;
    text-align:left;
  }
  .vf-route-dot{width:54px;height:54px;margin:0}
  .vf-route strong,.vf-route small{margin-left:0;margin-right:0;text-align:left}
  .vf-replay-marker span{min-width:95px;max-width:120px;font-size:7px}
  .vf-topology-rail{grid-template-columns:1fr}
  .vf-lineage-rail{grid-template-columns:1fr}
  body[data-visual-first="v1"].maic-vf-ready #trust-faq .trust-icons{grid-template-columns:1fr}
}

@media(max-width:480px){
  .vf-hero-command{margin-left:-2px;margin-right:-2px}
  .vf-category-seal{margin-bottom:24px}
  .vf-segment{grid-template-columns:70px 1fr}
  .vf-segment b{grid-column:2;text-align:left}
  .vf-replay-geometry-head{align-items:flex-start;flex-direction:column}
  .vf-replay-scale{margin:0;height:144px}
  .vf-replay-marker span{transform:rotate(-18deg);transform-origin:left top}
}

@media(prefers-reduced-motion:reduce){
  .vf-segment-track::after,
  .vf-route-dot{transition:none!important}
  .vf-route.is-active .vf-route-dot::after{animation:none!important}
}

/* M.A.I.C. subtractive human-first refinement v2 */
.vf-source-only{display:none!important}
.hero-origin-line a{color:var(--text);text-decoration:none}.hero-origin-line a:hover{text-decoration:underline}
.vf-boundary-copy{max-width:760px;margin:14px auto 0;color:var(--vf-muted);font-size:12px;line-height:1.7}
body[data-visual-first="v1"].maic-vf-ready #live-route .live-visual-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)}
body[data-visual-first="v1"].maic-vf-ready #live-route .vf-live-consequence{display:flex;align-items:center;border-left:1px solid var(--vf-line)}
body[data-visual-first="v1"].maic-vf-ready #live-route .vf-live-consequence .portfolio-context-strip{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--vf-line)}
body[data-visual-first="v1"].maic-vf-ready #live-route .vf-live-consequence .portfolio-context-strip article{min-height:88px;padding:18px;background:rgba(4,9,15,.97)}
body[data-visual-first="v1"].maic-vf-ready #live-route .vf-live-consequence .portfolio-context-strip span{color:var(--vf-muted2);font:800 8px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
body[data-visual-first="v1"].maic-vf-ready #live-route .vf-live-consequence .portfolio-context-strip strong{display:block;margin-top:8px;color:var(--vf-ink);font-size:15px}
.vf-capital-hierarchy{display:flex;align-items:center;justify-content:center;gap:12px;margin:34px 0 12px;padding:15px 0;border-top:1px solid var(--vf-line);border-bottom:1px solid var(--vf-line)}.vf-capital-hierarchy strong{color:var(--vf-ink);font:800 9px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.vf-capital-hierarchy i{color:var(--text);font-style:normal}
.vf-access-outcomes{display:grid;gap:7px;margin:14px 0 18px;padding:0;list-style:none}.vf-access-outcomes li{color:var(--vf-muted);font-size:11px;line-height:1.45}.vf-access-outcomes li::before{content:"↳ ";color:var(--text)}
.vf-library-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.vf-faq-core{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;border-top:1px solid var(--vf-line);border-bottom:1px solid var(--vf-line);background:var(--vf-line)}.vf-faq-core article{min-height:170px;padding:22px;background:rgba(4,9,15,.97)}.vf-faq-core strong{display:block;color:var(--vf-ink);font-size:17px;line-height:1.3}.vf-faq-core p{margin-top:12px;color:var(--vf-muted);font-size:12px;line-height:1.65}
body[data-visual-first="v1"].maic-vf-ready #trust-faq .vf-faq-actions{margin-top:18px}
body[data-visual-first="v1"].maic-vf-ready #lineage .vf-mount-lineage,body[data-visual-first="v1"].maic-vf-ready #logic .vf-mount-system-graph,body[data-visual-first="v1"].maic-vf-ready #capability .vf-mount-decision-space{margin-top:30px}
@media(max-width:900px){body[data-visual-first="v1"].maic-vf-ready #live-route .live-visual-grid{grid-template-columns:1fr}body[data-visual-first="v1"].maic-vf-ready #live-route .vf-live-consequence{border-left:0;border-top:1px solid var(--vf-line)}.vf-faq-core{grid-template-columns:1fr}}
@media(max-width:620px){body[data-visual-first="v1"].maic-vf-ready #live-route .vf-live-consequence .portfolio-context-strip{grid-template-columns:1fr}.vf-capital-hierarchy{align-items:flex-start;flex-direction:column;gap:7px}.vf-capital-hierarchy i{transform:rotate(90deg);margin-left:10px}}


/* Capital-flow gateway, doctrine matrix and access-boundary restoration */
.vf-selection-pipeline{margin-top:32px;border-top:1px solid var(--vf-line);border-bottom:1px solid var(--vf-line);padding:22px 0}
.vf-selection-pipeline-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.vf-selection-pipeline-head p{max-width:680px;margin:0;color:var(--vf-muted);font-size:12px;line-height:1.6;text-align:right}
.vf-selection-path{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}
.vf-pipeline-node{flex:0 0 152px;min-height:112px;padding:14px;border:1px solid var(--vf-line);background:rgba(4,9,15,.95);color:var(--vf-ink);text-align:left}
button.vf-pipeline-node{font:inherit;cursor:pointer}
.vf-pipeline-node span{display:block;color:var(--vf-muted2);font:800 8px/1.2 var(--mono);letter-spacing:.1em}
.vf-pipeline-node strong{display:block;margin-top:13px;font-size:12px;line-height:1.35}
.vf-pipeline-node small{display:block;margin-top:8px;color:var(--vf-muted);font-size:10px;line-height:1.5}
.vf-pipeline-node em{display:block;margin-top:12px;color:var(--text);font:800 8px/1.3 var(--mono);font-style:normal;letter-spacing:.05em}
.vf-flow-gate{flex-basis:260px;border-color:color-mix(in srgb,var(--accent) 42%,var(--vf-line));background:linear-gradient(180deg,rgba(10,20,30,.98),rgba(4,9,15,.96))}
.vf-flow-gate:hover,.vf-flow-gate[aria-expanded="true"]{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent) inset}
.vf-pipeline-node.is-protected{border-style:dashed}
.vf-pipeline-arrow{flex:0 0 18px;align-self:center;color:var(--text);font-style:normal;text-align:center}
.vf-capital-flow-panel{margin-top:16px;border:1px solid var(--vf-line);padding:18px;background:rgba(4,9,15,.97)}
.vf-capital-flow-panel[hidden]{display:none}
.vf-capital-flow-head{display:flex;justify-content:space-between;gap:18px;align-items:start}
.vf-capital-flow-head span{font:800 9px/1.3 var(--mono);letter-spacing:.1em;color:var(--text)}
.vf-capital-flow-head p{max-width:720px;margin:0;color:var(--vf-muted);font-size:11px;line-height:1.55;text-align:right}
.vf-capital-flow-panel ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin:16px 0 0;padding:0;list-style:none;background:var(--vf-line)}
.vf-capital-flow-panel li{min-height:84px;padding:13px;background:rgba(4,9,15,.98)}
.vf-capital-flow-panel li b{display:block;color:var(--vf-muted2);font:800 8px/1.2 var(--mono)}
.vf-capital-flow-panel li strong{display:block;margin-top:13px;font-size:11px;line-height:1.35}
.vf-lineage-terminal{margin-top:30px;border:1px solid var(--vf-line);background:rgba(4,9,15,.97)}
.vf-lineage-terminal-head{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--vf-line);font:800 8px/1.3 var(--mono);letter-spacing:.08em}
.vf-lineage-terminal-head span{color:var(--text)}.vf-lineage-terminal-head strong{color:var(--vf-ink)}.vf-lineage-terminal-head em{color:var(--vf-muted2);font-style:normal;text-align:right}
.vf-lineage-core{padding:22px 18px;border-bottom:1px solid var(--vf-line)}
.vf-lineage-core span{font:800 8px/1.2 var(--mono);letter-spacing:.1em;color:var(--text)}
.vf-lineage-core strong{display:block;margin-top:8px;font-size:22px;letter-spacing:-.02em}
.vf-lineage-core p{margin:8px 0 0;color:var(--vf-muted);font-size:12px}
.vf-lineage-logic{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--vf-line);border-bottom:1px solid var(--vf-line)}
.vf-lineage-logic div{padding:14px 18px;background:rgba(4,9,15,.98)}
.vf-lineage-logic b{display:block;color:var(--vf-ink);font:800 9px/1.3 var(--mono);letter-spacing:.07em}
.vf-lineage-logic span{display:block;margin-top:6px;color:var(--vf-muted);font-size:11px}
.vf-lineage-disclaimer{margin:0;padding:16px 18px;border-bottom:1px solid var(--vf-line);color:var(--vf-muted);font-size:11px;line-height:1.65}
.vf-lineage-matrix{display:grid}
.vf-lineage-matrix article{display:grid;grid-template-columns:42px minmax(190px,.72fr) minmax(0,1.7fr) auto;gap:18px;align-items:center;padding:18px;border-bottom:1px solid var(--vf-line)}
.vf-lineage-matrix article:last-child{border-bottom:0}
.vf-lineage-matrix article>i{color:var(--text);font:800 9px/1.2 var(--mono);font-style:normal}
.vf-lineage-layer span,.vf-lineage-matrix dt{color:var(--vf-muted2);font:800 8px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.vf-lineage-layer strong{display:block;margin-top:7px;font-size:17px}
.vf-lineage-layer p{margin:5px 0 0;color:var(--vf-muted);font-size:11px}
.vf-lineage-matrix dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}
.vf-lineage-matrix dd{margin:6px 0 0;color:var(--vf-muted);font-size:11px;line-height:1.55}
.vf-lineage-matrix article>a{white-space:nowrap;color:var(--text);font:800 9px/1.3 var(--mono);text-decoration:none}
.vf-lineage-matrix article>a:hover{text-decoration:underline}
.vf-access-boundary{display:grid;gap:5px;margin:14px 0 18px;padding-top:13px;border-top:1px solid var(--vf-line)}
.vf-access-boundary b{margin-top:5px;color:var(--text);font:800 8px/1.2 var(--mono);letter-spacing:.09em}
.vf-access-boundary span{color:var(--vf-muted);font-size:10px;line-height:1.45}
.vf-access-boundary span::before{content:"↳ ";color:var(--vf-muted2)}
.vf-mandate-note{margin-top:18px;padding:16px 18px;border-top:1px solid var(--vf-line);border-bottom:1px solid var(--vf-line)}
.vf-mandate-note strong{font-size:12px}.vf-mandate-note p{margin:6px 0 0;color:var(--vf-muted);font-size:11px;line-height:1.6}
@media(max-width:980px){
 .vf-capital-flow-panel ol{grid-template-columns:repeat(4,minmax(0,1fr))}
 .vf-lineage-matrix article{grid-template-columns:36px 1fr}
 .vf-lineage-matrix article dl,.vf-lineage-matrix article>a{grid-column:2}
}
@media(max-width:700px){
 .vf-selection-pipeline-head,.vf-capital-flow-head{display:block}
 .vf-selection-pipeline-head p,.vf-capital-flow-head p{margin-top:8px;text-align:left}
 .vf-capital-flow-panel ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vf-lineage-terminal-head{grid-template-columns:1fr}.vf-lineage-terminal-head em{text-align:left}
 .vf-lineage-logic{grid-template-columns:1fr}
 .vf-lineage-matrix article{grid-template-columns:28px 1fr;gap:12px}
 .vf-lineage-matrix article dl{grid-template-columns:1fr}
}

/* V2.1 upstream capital-flow context + restored historical selection funnel */
.vf-flow-context-gate{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:end;margin:0 0 16px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--vf-line));background:linear-gradient(180deg,rgba(10,20,30,.96),rgba(4,9,15,.97));color:var(--vf-ink);text-align:left;cursor:pointer}
.vf-flow-context-gate .vf-kicker{grid-column:1/-1}.vf-flow-context-gate strong{font-size:16px;line-height:1.35}.vf-flow-context-gate small{color:var(--text);font:800 9px/1.3 var(--mono);letter-spacing:.06em;text-align:right}
.vf-flow-context-gate:hover,.vf-flow-context-gate[aria-expanded="true"]{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent) inset}
.vf-flow-context-panel{margin:0 0 22px;padding:20px;border:1px solid var(--vf-line);background:rgba(4,9,15,.97)}
.vf-flow-context-panel[hidden]{display:none}.vf-flow-context-panel .pipeline-panel-copy{max-width:760px;margin:0 auto 18px;text-align:center}
.vf-asset-funnel{padding:24px 0 8px;border-top:1px solid var(--vf-line)}.vf-asset-funnel .pipeline-panel-copy{max-width:680px;margin:0 auto 18px;text-align:center}
.vf-flow-handoff-cue{display:grid;justify-items:center;gap:2px;margin:14px 0 -8px;color:var(--vf-muted2);font:800 8px/1.2 var(--mono);letter-spacing:.12em}.vf-flow-handoff-cue i{color:var(--text);font:700 22px/1 var(--mono);font-style:normal}
.vf-shared-handoff{display:grid;justify-items:center;gap:6px;box-sizing:border-box;margin:0 auto 10px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--vf-line));background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(4,9,15,.98));text-align:center;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.06) inset}
.vf-shared-handoff span{color:var(--vf-muted2);font:800 8px/1.2 var(--mono);letter-spacing:.13em}.vf-shared-handoff strong{color:var(--vf-ink);font:800 14px/1.2 var(--mono);letter-spacing:.03em}
.lineage-doctrine-doc{display:inline-flex;margin:18px 0 0;color:rgba(var(--lineage-mode-rgb),.95);font:800 9px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none}.lineage-doctrine-doc:hover{text-decoration:underline}
@media(max-width:700px){.vf-flow-context-gate{grid-template-columns:1fr}.vf-flow-context-gate small{text-align:left}}
