.why-now-apex main,
main.why-now-apex,
.why-now-apex{
  position: relative;
}

.why-now-apex a.btn,
.why-now-local-nav a,
.why-now-board a,
.why-now-proof-card a,
.why-now-requirement-card a,
.why-now-appendix-summary,
.why-now-source-card a.btn,
.why-now-procurement-panel a.btn{
  text-decoration: none;
}

.why-now-board-hero{
  position: relative;
  padding: clamp(54px, 7vw, 92px) 0 34px;
  overflow: clip;
}
.why-now-board-hero::before,
.why-now-board-hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:auto;
}
.why-now-board-hero::before{
  width:min(52vw, 720px);
  height:min(52vw, 720px);
  top:-160px;
  right:-140px;
  border-radius:999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(124,92,255,.30), transparent 50%),
    radial-gradient(circle at 62% 42%, rgba(67,211,255,.16), transparent 58%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.06), transparent 74%);
  filter: blur(6px);
  opacity:.95;
}
.why-now-board-hero::after{
  width:100%;
  height:100%;
  inset:0;
  background:
    linear-gradient(180deg, transparent, rgba(255,255,255,.02) 26%, transparent 74%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.025) 50%, transparent),
    radial-gradient(circle at 50% 0%, rgba(124,92,255,.08), transparent 42%);
  mask: linear-gradient(180deg, rgba(0,0,0,.86), rgba(0,0,0,.68) 80%, transparent);
}

.why-now-kicker{
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--muted2);
}

.why-now-hero-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
  gap: 28px;
  align-items: stretch;
  position: relative;
  z-index: 1;
}

.why-now-hero-copy h1{
  margin: 10px 0 14px;
  font-size: clamp(3.2rem, 7vw, 5.6rem);
  line-height: .92;
  letter-spacing: -.05em;
  max-width: 11ch;
}

.why-now-hero-copy .hero-lede{
  max-width: 34ch;
  font-size: clamp(1.16rem, 2.2vw, 1.56rem);
  line-height: 1.45;
  color: var(--text);
}

.why-now-hero-body{
  margin: 18px 0 0;
  max-width: 58ch;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--muted);
}

.why-now-trust-line{
  margin: 16px 0 0;
  font-size: .96rem;
  color: var(--muted2);
}

.why-now-board{
  position: relative;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(124,92,255,.16), rgba(67,211,255,.08) 52%, rgba(255,255,255,.04));
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  overflow: hidden;
}
.why-now-board::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), transparent 30%),
    radial-gradient(circle at 15% 0%, rgba(255,255,255,.14), transparent 26%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 48px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.03) 1px, transparent 1px, transparent 48px);
  mask: linear-gradient(180deg, rgba(0,0,0,.55), transparent 78%);
  pointer-events:none;
}

.why-now-board-topline{
  position:relative;
  z-index:1;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom: 14px;
}

.why-now-board-title{
  position:relative;
  z-index:1;
  margin: 0 0 10px;
  font-size: 1.38rem;
  letter-spacing: -.03em;
}

.why-now-board-copy{
  position:relative;
  z-index:1;
  margin: 0 0 16px;
  color: var(--muted);
  line-height: 1.68;
}

.why-now-board-signals{
  position:relative;
  z-index:1;
  display:grid;
  gap: 12px;
}

.why-now-signal{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: 12px;
  align-items:center;
  padding: 14px 15px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}
.why-now-signal strong{
  display:block;
  font-size: 1.22rem;
  letter-spacing: -.03em;
}
.why-now-signal span{
  display:block;
  margin-top: 4px;
  font-size: .95rem;
  line-height: 1.55;
  color: var(--muted);
}
.why-now-signal svg{
  width: 100%;
  height: auto;
  display:block;
}
.why-now-board-note{
  position:relative;
  z-index:1;
  margin: 14px 2px 0;
  font-size: .84rem;
  color: var(--muted2);
}

.why-now-proof-strip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  list-style:none;
  padding: 0;
  margin: 28px 0 0;
}
.why-now-proof-card{
  position: relative;
  padding: 18px 18px 17px;
  border-radius: 22px;
  border:1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(124,92,255,.10), rgba(67,211,255,.05) 58%, transparent 100%);
  box-shadow: var(--shadow-soft);
}
.why-now-proof-card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 42%);
  pointer-events:none;
}
.why-now-proof-value{
  position:relative;
  z-index:1;
  margin: 0;
  font-size: clamp(1.9rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -.05em;
}
.why-now-proof-title{
  position:relative;
  z-index:1;
  margin: 8px 0 0;
  font-size: 1rem;
  letter-spacing: -.02em;
}
.why-now-proof-text{
  position:relative;
  z-index:1;
  margin: 7px 0 0;
  font-size: .94rem;
  line-height: 1.55;
  color: var(--muted);
}

.why-now-local-nav{
  position: sticky;
  top: 69px;
  z-index: 75;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  background: linear-gradient(180deg, rgba(10,12,18,.86), rgba(10,12,18,.56));
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.why-now-local-nav .container{
  display:flex;
  gap: 10px;
  overflow-x:auto;
  padding: 10px 0;
  scrollbar-width:none;
}
.why-now-local-nav .container::-webkit-scrollbar{display:none}
.why-now-local-nav a{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  white-space:nowrap;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.05);
  color: var(--muted);
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
  font-size: .94rem;
}
.why-now-local-nav a::before{
  content:"";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  box-shadow: 0 0 10px rgba(124,92,255,.34);
}
.why-now-local-nav a:hover,
.why-now-local-nav a:focus-visible{
  color: var(--text);
  border-color: var(--border-2);
  background: rgba(255,255,255,.08);
  transform: translateY(-1px);
}

.why-now-evidence-section,
.why-now-control-layer,
.why-now-appendix-section,
.why-now-sources-section{
  position:relative;
  padding: clamp(56px, 6vw, 88px) 0;
}
.why-now-evidence-section::before,
.why-now-control-layer::before,
.why-now-appendix-section::before,
.why-now-sources-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background: linear-gradient(90deg, transparent, var(--border), transparent);
}

.why-now-section-grid{
  display:grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 26px;
  align-items:start;
}
.why-now-section-grid.is-reverse{
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
}
.why-now-section-grid.is-reverse .why-now-section-copy{order:2}
.why-now-section-grid.is-reverse .why-now-figure{order:1}

.why-now-section-copy{
  max-width: 40rem;
}
.why-now-section-label{
  margin: 0 0 10px;
  color: var(--muted2);
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .74rem;
}
.why-now-section-copy h2{
  margin: 0 0 14px;
  font-size: clamp(2.2rem, 4.6vw, 3.5rem);
  line-height: .98;
  letter-spacing: -.045em;
}
.why-now-section-copy p{
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.75;
}
.why-now-section-copy .why-now-takeaway,
.why-now-inline-takeaway{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  margin-top: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.05);
  font-size: .93rem;
  color: var(--text);
}
.why-now-section-copy .why-now-takeaway::before,
.why-now-inline-takeaway::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
}

.why-now-figure{
  min-width:0;
}

.why-now-chart-shell,
.why-now-diagram-shell,
.why-now-appendix-shell,
.why-now-source-card,
.why-now-procurement-panel,
.why-now-methodology-note{
  position:relative;
  padding: 18px;
  border-radius: 28px;
  border:1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(124,92,255,.08), rgba(67,211,255,.045) 55%, transparent);
  box-shadow: var(--shadow-soft);
}
.why-now-chart-shell::before,
.why-now-diagram-shell::before,
.why-now-appendix-shell::before,
.why-now-source-card::before,
.why-now-procurement-panel::before,
.why-now-methodology-note::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 48%);
  pointer-events:none;
}
.why-now-chart-shell svg,
.why-now-diagram-shell svg{
  position:relative;
  z-index:1;
  width: 100%;
  height: auto;
  display:block;
}

.why-now-chart-caption,
.why-now-diagram-caption{
  position:relative;
  z-index:1;
  margin-top: 14px;
}
.why-now-chart-caption strong,
.why-now-diagram-caption strong{
  display:block;
  font-size: 1.02rem;
  letter-spacing: -.02em;
}
.why-now-chart-caption p,
.why-now-diagram-caption p{
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.65;
}
.why-now-chart-source,
.why-now-diagram-source,
.why-now-methodology-note p,
.why-now-source-card p,
.why-now-appendix-intro,
.why-now-appendix-shell p{
  position:relative;
  z-index:1;
  color: var(--muted2);
  font-size: .92rem;
  line-height: 1.7;
}
.why-now-chart-source,
.why-now-diagram-source{
  margin-top: 12px;
}
.why-now-chart-source a,
.why-now-diagram-source a,
.why-now-source-card a{
  color: var(--link);
}
.why-now-chart-source a:hover,
.why-now-diagram-source a:hover,
.why-now-source-card a:hover{color:var(--text)}

.why-now-control-grid{
  display:grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(280px, .96fr);
  gap: 24px;
  align-items:start;
}
.why-now-control-copy h2{
  margin-top: 0;
}
.why-now-control-chips{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 16px 0 0;
}
.why-now-control-chips span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 9px 12px;
  border-radius: 999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.05);
  font-size: .92rem;
}
.why-now-control-chips span::before{
  content:"";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
}
.why-now-procurement-panel h3,
.why-now-source-card h3,
.why-now-methodology-note h3,
.why-now-appendix-shell h3{
  position:relative;
  z-index:1;
  margin: 0 0 12px;
  font-size: 1.1rem;
  letter-spacing: -.02em;
}
.why-now-requirements{
  position:relative;
  z-index:1;
  display:grid;
  gap: 12px;
}
.why-now-requirement-card{
  padding: 14px 14px 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}
.why-now-requirement-card h4{
  margin: 0 0 8px;
  font-size: 1rem;
  letter-spacing: -.02em;
}
.why-now-requirement-card p{
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
  font-size: .95rem;
}
.why-now-procurement-actions{
  position:relative;
  z-index:1;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  margin-top: 16px;
}

.why-now-appendix-shell{
  padding: 0;
  overflow:hidden;
}
.why-now-appendix-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  padding: 20px 22px;
  cursor:pointer;
  list-style:none;
}
.why-now-appendix-summary::-webkit-details-marker{display:none}
.why-now-appendix-summary::after{
  content:"Expand";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 96px;
  padding: 8px 10px;
  border-radius: 999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.05);
  color: var(--text);
  font-size: .86rem;
}
.why-now-appendix-shell[open] .why-now-appendix-summary::after{content:"Collapse"}
.why-now-appendix-shell[open] .why-now-appendix-summary{
  border-bottom: 1px solid var(--border);
}
.why-now-appendix-summary-title{
  display:block;
  font-size: 1.06rem;
  letter-spacing: -.02em;
  color: var(--text);
}
.why-now-appendix-summary-copy{
  display:block;
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.65;
  font-size: .96rem;
  max-width: 56ch;
}
.why-now-appendix-inner{
  padding: 0 22px 22px;
}
.why-now-appendix-intro{
  margin: 18px 0 0;
}
.why-now-appendix-inner .timeline-controls{
  margin-top: 16px;
}
.why-now-appendix-inner .timeline{
  margin-top: 18px;
}

.why-now-sources-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.why-now-source-card ul,
.why-now-source-card ol{
  position:relative;
  z-index:1;
  margin: 0;
  padding-left: 1.12rem;
}
.why-now-source-card li{
  margin: 0 0 10px;
  color: var(--muted);
  line-height: 1.62;
}
.why-now-source-card li:last-child{margin-bottom:0}
.why-now-source-card small,
.why-now-methodology-note small{
  position:relative;
  z-index:1;
  display:block;
  margin-top: 12px;
  color: var(--muted2);
}

.why-now-policy-chip-row{
  display:flex;
  gap: 8px;
  flex-wrap:wrap;
  margin-top: 12px;
}
.why-now-policy-chip-row span{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.05);
  color: var(--muted);
  font-size: .86rem;
}

.why-now-source-card .list,
.why-now-source-card details .list{
  margin-top: 10px;
}
.why-now-source-card details summary{
  cursor:pointer;
  color: var(--text);
}

.why-now-source-card .hr,
.why-now-methodology-note .hr{
  position:relative;
  z-index:1;
  margin: 14px 0;
}

.why-now-apex .mini a:not(.btn),
.why-now-apex .meta a:not(.btn),
.why-now-apex .tag a:not(.btn),
.why-now-apex .pill a:not(.btn){
  text-decoration: none;
}

@media (max-width: 1100px){
  .why-now-proof-strip{grid-template-columns: repeat(2, minmax(0,1fr));}
  .why-now-section-grid,
  .why-now-section-grid.is-reverse,
  .why-now-control-grid{
    grid-template-columns: 1fr;
  }
  .why-now-section-grid.is-reverse .why-now-section-copy,
  .why-now-section-grid.is-reverse .why-now-figure{order:unset}
}

@media (max-width: 820px){
  .why-now-board-hero{padding-top: 44px;}
  .why-now-hero-grid{grid-template-columns: 1fr; gap: 18px;}
  .why-now-hero-copy h1{max-width: 8ch;}
  .why-now-board{padding: 16px; border-radius: 24px;}
  .why-now-signal{grid-template-columns: 1fr;}
  .why-now-proof-strip{grid-template-columns: 1fr; margin-top: 20px;}
  .why-now-local-nav{top: 61px;}
  .why-now-local-nav .container{padding: 8px 0;}
  .why-now-local-nav a{padding: 9px 12px; font-size: .9rem;}
  .why-now-sources-grid{grid-template-columns: 1fr;}
  .why-now-chart-shell,
  .why-now-diagram-shell,
  .why-now-source-card,
  .why-now-procurement-panel,
  .why-now-methodology-note,
  .why-now-appendix-shell{border-radius: 22px;}
}

@media (max-width: 520px){
  .why-now-board-hero::before{width: 92vw; height:92vw; right:-24vw; top:-20vw;}
  .why-now-kicker{font-size: .7rem;}
  .why-now-hero-copy h1{font-size: clamp(2.6rem, 14vw, 4rem);}
  .why-now-hero-copy .hero-lede{font-size: 1.06rem;}
  .why-now-board-topline .tag{font-size: .73rem;}
  .why-now-proof-value{font-size: 2rem;}
  .why-now-section-copy h2{font-size: clamp(2rem, 11vw, 2.6rem);}
  .why-now-appendix-summary{padding: 16px;}
  .why-now-appendix-inner{padding: 0 16px 18px;}
  .why-now-procurement-actions{flex-direction: column;}
}

:root[data-theme="light"] .why-now-board-hero::before{
  background:
    radial-gradient(circle at 30% 30%, rgba(124,92,255,.18), transparent 50%),
    radial-gradient(circle at 62% 42%, rgba(67,211,255,.12), transparent 58%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.78), transparent 74%);
}
:root[data-theme="light"] .why-now-board-hero::after{
  background:
    linear-gradient(180deg, transparent, rgba(12,16,32,.02) 26%, transparent 74%),
    linear-gradient(90deg, transparent, rgba(12,16,32,.03) 50%, transparent),
    radial-gradient(circle at 50% 0%, rgba(124,92,255,.07), transparent 42%);
}
:root[data-theme="light"] .why-now-board,
:root[data-theme="light"] .why-now-proof-card,
:root[data-theme="light"] .why-now-chart-shell,
:root[data-theme="light"] .why-now-diagram-shell,
:root[data-theme="light"] .why-now-source-card,
:root[data-theme="light"] .why-now-procurement-panel,
:root[data-theme="light"] .why-now-methodology-note,
:root[data-theme="light"] .why-now-appendix-shell{
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72)),
    linear-gradient(135deg, rgba(124,92,255,.09), rgba(67,211,255,.05) 55%, transparent);
}
:root[data-theme="light"] .why-now-board::before,
:root[data-theme="light"] .why-now-proof-card::before,
:root[data-theme="light"] .why-now-chart-shell::before,
:root[data-theme="light"] .why-now-diagram-shell::before,
:root[data-theme="light"] .why-now-source-card::before,
:root[data-theme="light"] .why-now-procurement-panel::before,
:root[data-theme="light"] .why-now-methodology-note::before{
  background: linear-gradient(180deg, rgba(255,255,255,.82), transparent 48%);
}
:root[data-theme="light"] .why-now-local-nav{
  background: linear-gradient(180deg, rgba(251,252,255,.92), rgba(251,252,255,.76));
  border-top-color: rgba(12,16,32,.05);
  border-bottom-color: rgba(12,16,32,.08);
}
:root[data-theme="light"] .why-now-local-nav a,
:root[data-theme="light"] .why-now-section-copy .why-now-takeaway,
:root[data-theme="light"] .why-now-inline-takeaway,
:root[data-theme="light"] .why-now-control-chips span,
:root[data-theme="light"] .why-now-policy-chip-row span,
:root[data-theme="light"] .why-now-appendix-summary::after,
:root[data-theme="light"] .why-now-signal,
:root[data-theme="light"] .why-now-requirement-card{
  background: rgba(12,16,32,.04);
}


/* v71.2 polish overrides: tighter hero density, refined section pacing, board-grade typography */
.why-now-apex{
  --wn-shell: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)), linear-gradient(135deg, rgba(124,92,255,.08), rgba(67,211,255,.05) 55%, transparent 100%);
}
.why-now-apex h1,
.why-now-apex h2,
.why-now-apex .why-now-proof-title,
.why-now-apex .why-now-board-title,
.why-now-apex .why-now-chart-caption strong,
.why-now-apex .why-now-diagram-caption strong,
.why-now-apex .why-now-source-card h3,
.why-now-apex .why-now-procurement-panel h3{
  text-wrap: balance;
}
.why-now-apex p{ text-wrap: pretty; }
.why-now-board-hero{
  padding: clamp(48px, 6vw, 84px) 0 24px;
}
.why-now-hero-grid{ gap: clamp(24px, 3vw, 34px); align-items: start; }
.why-now-hero-copy{ max-width: 45rem; }
.why-now-hero-copy h1{
  margin: 8px 0 12px;
  font-size: clamp(3.4rem, 6.6vw, 5.45rem);
  line-height: .9;
  letter-spacing: -.062em;
}
.why-now-hero-copy .hero-lede{
  max-width: 30ch;
  font-size: clamp(1.18rem, 2vw, 1.44rem);
  line-height: 1.42;
  letter-spacing: -.02em;
}
.why-now-hero-body{
  margin-top: 16px;
  max-width: 49ch;
  font-size: .985rem;
  line-height: 1.72;
}
.why-now-trust-line{
  margin-top: 14px;
  font-size: .9rem;
  letter-spacing: -.01em;
}
.why-now-board{
  padding: 20px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)),
    linear-gradient(135deg, rgba(124,92,255,.17), rgba(67,211,255,.08) 52%, rgba(255,255,255,.03));
}
.why-now-board-title{
  margin-bottom: 8px;
  font-size: 1.28rem;
  letter-spacing: -.035em;
}
.why-now-board-copy{
  margin-bottom: 14px;
  max-width: 39ch;
  font-size: .965rem;
  line-height: 1.64;
}
.why-now-board-signals{ gap: 10px; counter-reset: wnboard; }
.why-now-signal{
  position: relative;
  grid-template-columns: minmax(0, 1fr) 112px;
  gap: 12px;
  padding: 14px 14px 14px 54px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}
.why-now-signal::before{
  counter-increment: wnboard;
  content: counter(wnboard, decimal-leading-zero);
  position: absolute;
  left: 14px;
  top: 14px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color: var(--text);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .08em;
}
.why-now-signal strong{
  font-size: 1.08rem;
  letter-spacing: -.03em;
}
.why-now-signal span{
  margin-top: 4px;
  font-size: .9rem;
  line-height: 1.48;
}
.why-now-board-note{
  margin-top: 12px;
  font-size: .8rem;
  letter-spacing: .02em;
}
.why-now-proof-strip{
  gap: 12px;
  margin-top: 22px;
  align-items: stretch;
}
.why-now-proof-card{
  padding: 18px 18px 16px;
  border-radius: 24px;
  min-height: 186px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: var(--wn-shell);
}
.why-now-proof-value{
  letter-spacing: -.06em;
  line-height: .94;
}
.why-now-proof-title{
  margin-top: 10px;
  font-size: .98rem;
  line-height: 1.22;
}
.why-now-proof-text{
  margin-top: 8px;
  font-size: .91rem;
  line-height: 1.54;
}
.why-now-local-nav{
  top: 68px;
  background: linear-gradient(180deg, rgba(10,12,18,.9), rgba(10,12,18,.64));
}
.why-now-local-nav .container{ gap: 8px; padding: 8px 0 10px; }
.why-now-local-nav a{
  padding: 9px 13px;
  font-size: .9rem;
  letter-spacing: -.01em;
}
#gap.why-now-evidence-section,
#control.why-now-evidence-section,
#autonomy.why-now-evidence-section,
.why-now-control-layer,
.why-now-appendix-section,
.why-now-sources-section{
  padding-top: clamp(60px, 7vw, 96px);
  padding-bottom: clamp(56px, 6vw, 86px);
}
#control.why-now-evidence-section,
.why-now-control-layer{
  background:
    radial-gradient(circle at 12% 8%, rgba(124,92,255,.06), transparent 22%),
    linear-gradient(180deg, transparent, rgba(255,255,255,.015) 50%, transparent);
}
#autonomy.why-now-evidence-section,
.why-now-sources-section{
  background:
    radial-gradient(circle at 88% 0%, rgba(67,211,255,.05), transparent 18%),
    linear-gradient(180deg, transparent, rgba(255,255,255,.012) 50%, transparent);
}
.why-now-section-grid{ gap: clamp(24px, 3vw, 34px); align-items: center; }
.why-now-section-grid.is-reverse{ grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); }
.why-now-section-copy{ max-width: 38rem; }
.why-now-section-label{
  margin-bottom: 12px;
  font-size: .72rem;
  letter-spacing: .24em;
}
.why-now-section-copy h2{
  margin-bottom: 14px;
  font-size: clamp(2.35rem, 4.3vw, 3.4rem);
  line-height: .96;
  letter-spacing: -.052em;
  max-width: 11.5ch;
}
.why-now-section-copy p{
  margin-bottom: 13px;
  max-width: 54ch;
  font-size: .985rem;
  line-height: 1.74;
}
.why-now-takeaway,
.why-now-inline-takeaway{
  margin-top: 6px;
  padding: 9px 13px;
  font-size: .9rem;
}
.why-now-chart-shell,
.why-now-diagram-shell,
.why-now-appendix-shell,
.why-now-source-card,
.why-now-procurement-panel,
.why-now-methodology-note{
  padding: 16px;
  border-radius: 30px;
  background: var(--wn-shell);
}
.why-now-chart-shell::before,
.why-now-diagram-shell::before,
.why-now-appendix-shell::before,
.why-now-source-card::before,
.why-now-procurement-panel::before,
.why-now-methodology-note::before{ border-radius: 28px; }
.why-now-chart-caption,
.why-now-diagram-caption{ margin-top: 12px; }
.why-now-chart-caption strong,
.why-now-diagram-caption strong{
  font-size: 1rem;
  letter-spacing: -.03em;
}
.why-now-chart-caption p,
.why-now-diagram-caption p{
  margin-top: 7px;
  font-size: .94rem;
  line-height: 1.62;
}
.why-now-chart-source,
.why-now-diagram-source{
  margin-top: 10px;
  font-size: .82rem;
  line-height: 1.58;
}
.why-now-control-grid{
  gap: clamp(20px, 3vw, 30px);
  align-items: start;
}
.why-now-control-copy h2{ max-width: 10.6ch; }
.why-now-control-chips{ margin-top: 14px; }
.why-now-control-chips span{ font-size: .88rem; }
.why-now-procurement-panel h3,
.why-now-source-card h3,
.why-now-methodology-note h3,
.why-now-appendix-shell h3{
  margin-bottom: 10px;
  font-size: 1.02rem;
}
.why-now-requirement-card{
  padding: 14px 14px 13px;
  border-radius: 20px;
}
.why-now-requirement-card h4{ font-size: .98rem; }
.why-now-requirement-card p{ font-size: .92rem; }
.why-now-procurement-actions{ margin-top: 14px; }
.why-now-appendix-summary{ padding: 18px 20px; }
.why-now-appendix-summary-title{
  font-size: 1.16rem;
  letter-spacing: -.03em;
}
.why-now-appendix-summary-copy{
  margin-top: 5px;
  font-size: .92rem;
  line-height: 1.58;
}
.why-now-appendix-summary::after{
  min-width: 88px;
  font-size: .82rem;
}
.why-now-appendix-inner{ padding: 0 20px 20px; }
.why-now-appendix-intro{ margin-top: 16px; font-size: .9rem; }
.why-now-sources-grid{ gap: 14px; }
.why-now-source-card p,
.why-now-methodology-note p{ font-size: .9rem; }
.why-now-source-card li{ font-size: .92rem; margin-bottom: 9px; }
.why-now-source-card small,
.why-now-methodology-note small{ font-size: .82rem; line-height: 1.55; }
.why-now-policy-chip-row{ gap: 7px; }
.why-now-policy-chip-row span{ font-size: .82rem; }

@media (max-width: 1100px){
  .why-now-board{ padding: 18px; }
  .why-now-proof-card{ min-height: 0; }
  .why-now-section-copy h2{ max-width: none; }
}
@media (max-width: 820px){
  .why-now-board-hero{ padding-top: 40px; }
  .why-now-hero-copy h1{ max-width: 8.5ch; }
  .why-now-hero-copy .hero-lede{ max-width: none; }
  .why-now-local-nav{ top: 60px; }
  .why-now-signal{ grid-template-columns: 1fr; padding-right: 14px; }
  .why-now-signal svg{ max-width: 132px; }
  .why-now-chart-shell,
  .why-now-diagram-shell,
  .why-now-source-card,
  .why-now-procurement-panel,
  .why-now-methodology-note,
  .why-now-appendix-shell{ border-radius: 24px; }
}
@media (max-width: 520px){
  .why-now-board{ border-radius: 24px; }
  .why-now-hero-copy h1{ font-size: clamp(2.72rem, 13vw, 4rem); }
  .why-now-proof-value{ font-size: 2rem; }
  .why-now-chart-shell,
  .why-now-diagram-shell,
  .why-now-source-card,
  .why-now-procurement-panel,
  .why-now-methodology-note,
  .why-now-appendix-shell{ padding: 14px; }
  .why-now-appendix-summary{ padding: 15px 16px; }
  .why-now-appendix-inner{ padding: 0 16px 18px; }
}
:root[data-theme="light"] .why-now-board,
:root[data-theme="light"] .why-now-proof-card,
:root[data-theme="light"] .why-now-chart-shell,
:root[data-theme="light"] .why-now-diagram-shell,
:root[data-theme="light"] .why-now-source-card,
:root[data-theme="light"] .why-now-procurement-panel,
:root[data-theme="light"] .why-now-methodology-note,
:root[data-theme="light"] .why-now-appendix-shell{
  background:
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.76)),
    linear-gradient(135deg, rgba(124,92,255,.085), rgba(67,211,255,.045) 55%, transparent);
}
:root[data-theme="light"] #control.why-now-evidence-section,
:root[data-theme="light"] .why-now-control-layer{
  background:
    radial-gradient(circle at 12% 8%, rgba(124,92,255,.05), transparent 22%),
    linear-gradient(180deg, transparent, rgba(12,16,32,.018) 50%, transparent);
}
:root[data-theme="light"] #autonomy.why-now-evidence-section,
:root[data-theme="light"] .why-now-sources-section{
  background:
    radial-gradient(circle at 88% 0%, rgba(67,211,255,.045), transparent 18%),
    linear-gradient(180deg, transparent, rgba(12,16,32,.014) 50%, transparent);
}
:root[data-theme="light"] .why-now-local-nav{
  background: linear-gradient(180deg, rgba(251,252,255,.94), rgba(251,252,255,.82));
}
:root[data-theme="light"] .why-now-signal,
:root[data-theme="light"] .why-now-requirement-card,
:root[data-theme="light"] .why-now-local-nav a,
:root[data-theme="light"] .why-now-control-chips span,
:root[data-theme="light"] .why-now-policy-chip-row span,
:root[data-theme="light"] .why-now-appendix-summary::after,
:root[data-theme="light"] .why-now-takeaway,
:root[data-theme="light"] .why-now-inline-takeaway{
  background: rgba(12,16,32,.042);
}


/* v71.4 diagram + mobile polish */
.why-now-control-stack{ display:grid; gap: clamp(22px, 3vw, 30px); }
.why-now-flow-figure{ margin:0; }
.why-now-diagram-shell{ padding: clamp(18px, 2vw, 22px); }
.why-now-diagram-shell .apex-flow{ margin-bottom: 10px; }
.why-now-control-grid{ grid-template-columns: minmax(0, .94fr) minmax(300px, 1.06fr); gap: clamp(20px, 3vw, 28px); align-items:start; }
.why-now-control-copy{ max-width: 44rem; }
.why-now-control-copy h2{ max-width: 12ch; }
.why-now-control-copy p:last-of-type{ margin-bottom: 0; }
.why-now-diagram-caption strong{ font-size: 1.06rem; letter-spacing: -.03em; }
.why-now-diagram-caption p{ font-size: 1rem; line-height: 1.72; max-width: 56ch; }
.why-now-diagram-source{ max-width: 72ch; }
.why-now-chart-shell,
.why-now-diagram-shell{ overflow:hidden; }
.why-now-proof-card{ min-height: 176px; }

@media (max-width: 1120px){
  .why-now-control-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 820px){
  .why-now-proof-card{ min-height: auto; }
  .why-now-board-note{ max-width: none; }
}
@media (max-width: 640px){
  .why-now-local-nav{ position: static; top:auto; }
  .why-now-board-hero{ padding-bottom: 18px; }
  .why-now-board{ padding: 16px; }
  .why-now-diagram-shell{ padding: 16px; }
  .why-now-diagram-caption p{ font-size: .98rem; }
  .why-now-proof-card{ padding: 16px 16px 15px; }
  .why-now-section-copy p{ line-height: 1.68; }
}