/* Approved mechanism sections: two paths + four levers */

.paths-comparison {
  margin-top: 96px;
  color: var(--ink);
}

.paths-heading { text-align: center; }

.paths-heading h3 {
  margin: 0;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(42px, 4.55vw, 70px);
  font-weight: 800;
  line-height: .92;
  letter-spacing: -.06em;
  text-transform: uppercase;
}

.paths-heading h3 span,
.paths-heading h3 strong { display: block; }

.paths-heading h3 strong {
  margin-top: .14em;
  color: var(--orange);
  font-weight: inherit;
}

.paths-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 2vw, 30px);
  margin-top: clamp(50px, 4.2vw, 64px);
}

.path-panel {
  position: relative;
  min-width: 0;
  padding: clamp(42px, 2.9vw, 46px) clamp(20px, 2.2vw, 34px) clamp(18px, 1.5vw, 24px);
  border: 1px solid var(--ink);
  background: rgba(255,255,255,.22);
}

.path-panel--with {
  color: #fffdf8;
  border-color: var(--orange);
  background: var(--ink);
}

.path-panel__tab {
  position: absolute;
  top: 0;
  left: 50%;
  width: max-content;
  max-width: calc(100% - 32px);
  padding: 14px clamp(22px, 3vw, 46px);
  transform: translate(-50%, -50%);
  border: 1px solid var(--ink);
  background: var(--paper-deep);
  font-family: var(--display);
  font-size: clamp(14px, 1.25vw, 20px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.02em;
  text-align: center;
  text-transform: uppercase;
}

.path-panel--with .path-panel__tab {
  color: #fffdf8;
  border-color: var(--orange);
  background: var(--orange);
}

.path-panel__header { text-align: center; }

.path-panel__eyebrow {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
  align-items: center;
  gap: 14px;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(10px, .9vw, 14px);
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.path-panel__eyebrow span {
  height: 1px;
  background: currentColor;
  opacity: .55;
}

.path-panel--with .path-panel__eyebrow { color: var(--orange); }

.path-panel__header h4 {
  margin: 12px 0 0;
  font-family: var(--display);
  font-size: clamp(21px, 1.8vw, 29px);
  font-weight: 750;
  line-height: 1.05;
  letter-spacing: -.045em;
}

.path-route {
  position: relative;
  height: clamp(125px, 9.8vw, 150px);
  margin: 10px 0 2px;
}

.path-route > svg,
.path-step svg,
.path-outcomes svg,
.paths-conclusion svg,
.paths-pillars svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.path-route > svg { width: 100%; height: 100%; overflow: visible; }

.path-route--tangled > svg {
  color: #4b4945;
  stroke-width: 2.4;
  stroke-dasharray: 6 7;
}

.path-route__question {
  position: absolute;
  display: grid;
  width: 34px;
  aspect-ratio: 1;
  place-items: center;
  color: #fffdf8;
  border-radius: 50%;
  background: #4b4945;
  font: 800 22px/1 var(--display);
}

.path-route__question--one { top: 18%; left: 1%; }
.path-route__question--two { bottom: 7%; left: 48%; }
.path-route__question--three { top: 12%; right: 1%; }

.path-route--rising > svg {
  color: var(--orange);
  stroke-width: 3;
  stroke-dasharray: 8 8;
}

.path-route--rising circle,
.path-route--rising .path-route__flag {
  fill: var(--orange);
  stroke-dasharray: none;
}

.path-route__milestone {
  position: absolute;
  display: grid;
  width: clamp(42px, 4vw, 58px);
  aspect-ratio: 1;
  place-items: center;
  color: #fffdf8;
  border: 1px solid #fffdf8;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 7px rgba(255,90,31,.08);
}

.path-route__milestone svg { width: 46%; }
.path-route__milestone--one { left: 17%; bottom: 15%; }
.path-route__milestone--two { left: 48%; bottom: 38%; }
.path-route__milestone--three { right: 15%; top: 12%; }

.path-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(8px, 1.2vw, 18px);
}

.path-step {
  min-width: 0;
  min-height: 158px;
  padding: 14px 10px 16px;
  border: 1px solid rgba(17,16,14,.38);
  background: rgba(255,255,255,.38);
  text-align: center;
}

.path-panel--with .path-step {
  border-color: var(--orange);
  background: transparent;
}

.path-step__icon {
  display: grid;
  width: 46px;
  aspect-ratio: 1;
  margin: 0 auto 12px;
  place-items: center;
  color: #fffdf8;
  border-radius: 50%;
  background: #76736d;
}

.path-panel--with .path-step__icon { background: var(--orange); }
.path-step__icon svg { width: 52%; }

.path-step h5 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(14px, 1.15vw, 18px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.03em;
  text-transform: uppercase;
}

.path-step p {
  margin: 10px 0 0;
  font-size: clamp(12px, 1vw, 16px);
  line-height: 1.25;
}

.path-outcomes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(8px, 1.2vw, 18px);
  margin: 14px 0 0;
  padding: 14px 0 0;
  border-top: 1px dashed currentColor;
  list-style: none;
}

.path-outcomes li {
  display: flex;
  min-width: 0;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 8px;
  background: #d4d0c8;
  font-family: var(--display);
  font-size: clamp(13px, 1.2vw, 19px);
  font-weight: 800;
  text-transform: uppercase;
}

.path-panel--with .path-outcomes { border-top-color: var(--orange); }
.path-panel--with .path-outcomes li { color: #fffdf8; background: var(--orange); }
.path-outcomes svg { width: clamp(20px, 1.8vw, 28px); flex: 0 0 auto; }

.paths-conclusion {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 2vw, 28px);
  margin: 20px 0 0;
  padding: 12px 22px;
  border: 1px solid var(--ink);
  background: rgba(255,255,255,.2);
  font-family: var(--display);
  font-size: clamp(16px, 1.55vw, 24px);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -.025em;
  text-align: center;
}

.paths-conclusion > span,
.paths-pillars__icon {
  display: grid;
  width: 46px;
  flex: 0 0 auto;
  aspect-ratio: 1;
  place-items: center;
  color: var(--orange-dark);
  border: 1px solid var(--orange-dark);
  border-radius: 50%;
}

.paths-conclusion > span svg { width: 56%; fill: currentColor; }

.paths-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.paths-pillars li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 0 clamp(16px, 2.6vw, 42px);
}

.paths-pillars li + li { border-left: 1px solid rgba(17,16,14,.38); }
.paths-pillars__icon { width: 54px; }
.paths-pillars__icon svg { width: 52%; }
.paths-pillars li > span:last-child { display: grid; gap: 3px; }
.paths-pillars strong { font: 800 clamp(16px, 1.35vw, 21px)/1 var(--display); text-transform: uppercase; }
.paths-pillars small { color: var(--muted); font-size: clamp(12px, 1.05vw, 16px); line-height: 1.2; }

/* Four levers */

.levers-section {
  padding: 92px clamp(30px, 4.2vw, 68px) 72px;
  color: var(--ink);
  border-top: 1px solid var(--line);
  background:
    radial-gradient(circle at 50% 7%, rgba(255,255,255,.7), transparent 34%),
    var(--paper);
}

.levers-heading { text-align: center; }

.levers-heading h2 {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(44px, 3.65vw, 56px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.levers-heading h2 em { color: var(--orange); font-style: normal; }

.levers-heading > p {
  margin: 18px auto 0;
  color: #393630;
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.35;
}

.levers-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 28px;
}

.lever {
  position: relative;
  min-width: 0;
  padding: 0 clamp(14px, 1.7vw, 26px);
}

.lever + .lever { border-left: 1px solid rgba(17,16,14,.5); }

.lever__copy { min-height: 136px; text-align: center; }

.lever__copy > span {
  color: var(--orange-dark);
  font-family: var(--display);
  font-size: clamp(12px, 1vw, 15px);
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.lever__copy h3 {
  margin: 7px 0 9px;
  font-family: var(--display);
  font-size: clamp(25px, 2.05vw, 32px);
  font-weight: 800;
  line-height: .95;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.lever--network .lever__copy h3 { font-size: clamp(21px, 1.8vw, 28px); }

.lever__copy p {
  max-width: 280px;
  margin: 0 auto;
  color: #34312c;
  font-size: clamp(12px, 1vw, 15px);
  line-height: 1.35;
}

.lever__visual {
  display: grid;
  height: clamp(260px, 20vw, 305px);
  place-items: center;
}

.lever__visual > svg {
  width: 100%;
  max-width: 320px;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: var(--ink);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lever__visual .fill-paper { fill: var(--paper); }
.lever__visual .fill-orange { fill: var(--orange); }
.lever__visual .fill-ink { fill: var(--ink); }
.lever__visual .accent { stroke: var(--orange); }
.lever__visual text { fill: var(--ink); stroke: none; font-family: var(--display); font-size: 13px; font-weight: 800; }
.radar__sweep { fill: var(--orange); stroke: none; opacity: .95; transform-origin: 164px 143px; }
.radar__beam { stroke: var(--orange); stroke-width: 3; }
.signal-arrow, .lab-flow path { stroke-dasharray: 5 5; }
.connections { stroke: var(--orange); stroke-width: 1.6; stroke-dasharray: 5 5; }
.network-art .check { stroke: var(--paper); stroke-width: 3; }

.levers-rail {
  position: relative;
  margin: 0 10px;
  padding: 0 6px 26px;
}

.levers-rail__track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  justify-items: center;
  height: 18px;
}

.levers-rail__track::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  height: 3px;
  background: var(--orange);
  transform-origin: left;
}

.levers-rail__track i {
  position: relative;
  z-index: 1;
  width: 14px;
  aspect-ratio: 1;
  border: 3px solid var(--orange);
  border-radius: 50%;
  background: var(--orange);
}

.levers-rail__track i:first-child,
.levers-rail__track i:last-child { background: var(--paper); }
.levers-rail__track i:first-child { justify-self: start; }
.levers-rail__track i:last-child { justify-self: end; }

.levers-rail__label {
  position: absolute;
  bottom: 0;
  color: var(--orange-dark);
  font-family: var(--display);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.levers-rail__label--start { left: 0; }
.levers-rail__label--end { right: 0; }

.levers-closing {
  margin-top: 20px;
  padding: 0;
  background: transparent;
  color: var(--ink);
  text-align: center;
}

.levers-closing h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(25px, 2.35vw, 36px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.045em;
}

.levers-closing p {
  margin: 9px 0 0;
  color: #34312c;
  font-size: clamp(15px, 1.25vw, 19px);
  line-height: 1.3;
}

.levers-cta {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 18px;
  padding: 0 42px;
  color: #fff;
  border: 1px solid var(--orange);
  background: var(--orange);
  box-shadow: 6px 6px 0 var(--ink);
  font-family: var(--display);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.levers-cta svg { width: 18px; }
.levers-cta:hover { background: var(--orange-dark); transform: translate(3px,3px); box-shadow: 3px 3px 0 var(--ink); }

@media (prefers-reduced-motion: no-preference) {
  .path-route--tangled > svg path { animation: amc-route-drift 8s linear infinite; }
  .path-route--rising > svg path:first-child { animation: amc-route-rise 3s linear infinite; }
  .path-route__milestone { animation: amc-milestone-pulse 2.8s ease-in-out infinite; }
  .path-route__milestone--two { animation-delay: -.8s; }
  .path-route__milestone--three { animation-delay: -1.6s; }
  .radar__sweep { animation: amc-radar-sweep 5s linear infinite; }
  .radar__beam { animation: amc-radar-beam 5s linear infinite; transform-origin: 164px 143px; }
  .signal-arrow, .lab-flow, .connections { animation: amc-dash-flow 2.4s linear infinite; }
  .sheet--one { animation: amc-sheet-float 3.2s ease-in-out infinite; }
  .sheet--two { animation: amc-sheet-float 3.2s ease-in-out -1s infinite; }
  .sheet--three { animation: amc-sheet-float 3.2s ease-in-out -2s infinite; }
  .project-card { animation: amc-project-pulse 2.8s ease-in-out infinite; transform-origin: 160px 145px; }
  .levers-rail__track::before { animation: amc-rail-reveal 1.2s ease-out both; }
}

@keyframes amc-route-drift { to { stroke-dashoffset: -52; } }
@keyframes amc-route-rise { to { stroke-dashoffset: -64; } }
@keyframes amc-milestone-pulse { 50% { transform: translateY(-4px); box-shadow: 0 0 0 12px rgba(255,90,31,0); } }
@keyframes amc-radar-sweep { to { transform: rotate(360deg); } }
@keyframes amc-radar-beam { to { transform: rotate(360deg); } }
@keyframes amc-dash-flow { to { stroke-dashoffset: -20; } }
@keyframes amc-sheet-float { 50% { transform: translateY(-4px); } }
@keyframes amc-project-pulse { 50% { transform: scale(1.03); } }
@keyframes amc-rail-reveal { from { transform: scaleX(0); } }

@media (max-width: 1000px) {
  .paths-grid { grid-template-columns: 1fr; gap: 64px; }
  .path-panel { padding-top: 52px; }
  .path-route { height: clamp(145px, 26vw, 210px); }
  .levers-heading h2 br,
  .levers-heading > p br,
  .levers-closing p br { display: none; }
  .levers-grid { grid-template-columns: repeat(2, 1fr); gap: 34px 0; }
  .lever:nth-child(3) { border-left: 0; }
  .lever__copy { min-height: 126px; }
  .lever__visual { height: 285px; }
  .levers-rail { display: none; }
  .levers-closing { margin-top: 42px; }
}

@media (max-width: 720px) {
  .paths-comparison { margin-top: 72px; }
  .paths-heading h3 { font-size: clamp(38px, 12vw, 62px); }
  .path-panel { padding-inline: 14px; }
  .path-panel__tab { padding: 13px 18px; font-size: 14px; }
  .path-panel__eyebrow { grid-template-columns: 18px 1fr 18px; gap: 8px; letter-spacing: .13em; }
  .path-route { height: 135px; }
  .path-steps { gap: 7px; }
  .path-step { min-height: 154px; padding-inline: 6px; }
  .path-step__icon { width: 39px; }
  .path-step h5 { font-size: 12px; }
  .path-step p { font-size: 11px; }
  .path-outcomes { gap: 7px; }
  .path-outcomes li { min-height: 46px; gap: 5px; padding-inline: 3px; font-size: 11px; }
  .path-outcomes svg { width: 18px; }
  .paths-conclusion { align-items: flex-start; padding: 16px; font-size: 18px; text-align: left; }
  .paths-conclusion > span { width: 38px; }
  .paths-pillars { grid-template-columns: 1fr; gap: 0; }
  .paths-pillars li { justify-content: flex-start; padding: 18px 0; }
  .paths-pillars li + li { border-top: 1px solid rgba(17,16,14,.38); border-left: 0; }
  .paths-pillars__icon { width: 46px; }
  .paths-pillars strong { font-size: 17px; }
  .paths-pillars small { font-size: 14px; }

  .levers-section { padding: 76px 16px 64px; }
  .levers-heading h2 { font-size: clamp(38px, 11.8vw, 54px); line-height: .94; }
  .levers-heading > p { margin-top: 18px; font-size: 17px; }
  .levers-grid { position: relative; grid-template-columns: 1fr; gap: 0; margin-top: 50px; padding-left: 22px; }
  .levers-grid::before { content:""; position:absolute; top:9px; bottom:20px; left:6px; width:3px; background:var(--orange); }
  .lever { position: relative; padding: 0 0 46px 15px; }
  .lever::before { content:""; position:absolute; top:7px; left:-22px; width:13px; aspect-ratio:1; border:3px solid var(--orange); border-radius:50%; background:var(--paper); }
  .lever:last-child::before { background: var(--orange); }
  .lever + .lever { border-left: 0; }
  .lever__copy { min-height: 0; text-align: left; }
  .lever__copy > span { font-size: 13px; }
  .lever__copy h3,
  .lever--network .lever__copy h3 { margin-top: 8px; font-size: 31px; }
  .lever__copy p { max-width: none; margin: 0; font-size: 15px; }
  .lever__visual { height: 290px; margin-top: 8px; }
  .lever__visual > svg { max-width: 340px; }
  .levers-closing { margin-top: 4px; padding-top: 30px; border-top: 1px solid rgba(17,16,14,.4); }
  .levers-closing h2 { font-size: 30px; line-height: 1.02; }
  .levers-closing p { margin-top: 14px; font-size: 16px; }
  .levers-cta { width: calc(100% - 8px); min-height: 58px; padding-inline: 18px; font-size: 13px; }
}

@media (max-width: 390px) {
  .path-panel__eyebrow { display: block; }
  .path-panel__eyebrow span { display: none; }
  .path-route__milestone { width: 38px; }
  .path-step h5 { font-size: 10px; }
  .path-step p { font-size: 10px; }
  .path-outcomes li { font-size: 9px; }
  .levers-heading h2 { font-size: 38px; }
  .lever__visual { height: 270px; }
  .lever__copy h3,
  .lever--network .lever__copy h3 { font-size: 27px; }
}