/* KORVEN Route Stage — one continuous product journey */

.home-page {
  --navy: #05164c;
  --night: #061421;
  --night-soft: #102a39;
  --teal: #007f88;
  --mint: #37cdcb;
  --mint-light: #68e8e1;
  --paper: #f5f9f8;
  --mist: #e3f0ee;
  --line: #b8ceca;
  --ink: #071b37;
  --muted: #526c72;
  --copper: #bd7850;
  background: var(--paper);
  color: var(--ink);
}

.home-page::before { display: none; }
.home-page .container { width: min(calc(100% - 56px), 1260px); }
.home-page section[id] { scroll-margin-top: 92px; }

.home-header {
  height: 72px;
  border-bottom: 1px solid #234452;
  background: var(--night);
}

.home-header .brand-link img {
  width: 136px;
  filter: brightness(0) invert(1);
}

.home-header .site-nav { gap: 8px; }
.home-header .site-nav a {
  position: relative;
  padding: 9px 10px;
  border-radius: 6px;
  color: #a8c2c2;
  font-size: 15px;
  font-weight: 650;
}
.home-header .site-nav a:hover,
.home-header .site-nav a[aria-current="page"] { background: #132c3b; color: #fff; }
.home-header .site-nav .header-status { margin-left: 8px; border: 1px solid #3e6670; color: #fff; }

.eyebrow {
  margin: 0 0 20px;
  color: var(--mint);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.home-hero {
  position: relative;
  min-height: max(760px, calc(100svh - 72px));
  overflow: hidden;
  background: var(--night);
  color: #f4fbfa;
  isolation: isolate;
}

.hero-atmosphere,
.hero-grid,
.hero-streets {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero-grid {
  background:
    linear-gradient(rgba(55,205,203,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(55,205,203,.045) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.45), #000 60%, rgba(0,0,0,.35));
}

.hero-streets { width: 100%; height: 100%; }
.hero-streets path { fill: none; stroke: #183746; stroke-width: 16; opacity: .72; }
.hero-streets path:nth-child(2),
.hero-streets path:nth-child(3) { stroke-width: 10; opacity: .55; }

.hero-shell {
  position: relative;
  display: flex;
  align-items: center;
  min-height: max(760px, calc(100svh - 72px));
  perspective: 1500px;
}

.hero-copy {
  position: relative;
  z-index: 6;
  width: min(48%, 590px);
  padding: 68px 0 78px;
}

.hero-copy h1 {
  margin: 0;
  color: #f6fbfa;
  font-size: clamp(54px, 5.15vw, 78px);
  font-weight: 760;
  letter-spacing: -.06em;
  line-height: 1.04;
}
.hero-copy h1 span,
.hero-copy h1 em { display: block; width: max-content; max-width: 100%; white-space: nowrap; }
.hero-copy h1 em { color: var(--mint); font-style: normal; }

.hero-lead {
  max-width: 570px;
  margin: 28px 0 0;
  color: #c1d5d3;
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.82;
}

.hero-safety {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 20px 0 0;
  color: #94b2b3;
  font-size: 14px;
  line-height: 1.65;
}
.hero-safety span { flex: 0 0 auto; width: 10px; height: 10px; margin-top: 6px; border: 2px solid var(--mint); border-radius: 50%; }

.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 32px; }
.home-page .button { min-height: 52px; padding: 13px 23px; border-radius: 6px; box-shadow: none; font-weight: 750; }
.home-page .button-primary { border: 1px solid var(--mint); background: var(--mint); color: var(--night); }
.home-page .button-primary:hover { border-color: var(--mint-light); background: var(--mint-light); transform: none; }
.home-page .button-secondary { border: 1px solid var(--teal); background: transparent; color: var(--navy); }
.home-page .button-secondary:hover { background: var(--mist); transform: none; }
.plain-link { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; color: inherit; font-weight: 750; text-decoration: none; }
.plain-link span { color: var(--mint); transition: transform 180ms ease; }
.plain-link:hover span { transform: translateX(4px); }
.release-note { margin: 25px 0 0; color: #78999c; font-size: 12px; }

/* Default journey is fully readable without JavaScript. */
.journey { position: relative; padding: 120px 0; background: var(--paper); transition: background 420ms ease, color 420ms ease; }
.journey-layout { display: grid; grid-template-columns: minmax(330px,.72fr) minmax(580px,1.28fr); gap: 54px; }
.journey-copy,.journey-evidence { display: contents; }
.journey-heading { grid-column: 1/-1; margin-bottom: 30px; }
.journey-heading h2,.mode-intro h2,.requirements-copy h2,.limits-layout h2,.home-final h2 { margin: 0; color: var(--ink); font-size: clamp(42px,4.6vw,64px); letter-spacing: -.05em; line-height: 1.12; }
.journey-chapter { align-self: center; padding: 52px 0; }
.journey-chapter[data-journey-copy="0"],.runtime-frame[data-journey-scene="0"] { grid-row: 2; }
.journey-chapter[data-journey-copy="1"],.runtime-frame[data-journey-scene="1"] { grid-row: 3; }
.journey-chapter[data-journey-copy="2"],.runtime-frame[data-journey-scene="2"] { grid-row: 4; }
.journey-chapter[data-journey-copy="3"],.runtime-frame[data-journey-scene="3"] { grid-row: 5; }
.journey-chapter { grid-column: 1; }
.runtime-frame { grid-column: 2; }
.chapter-number { display: inline-grid; width: 56px; height: 56px; place-items: center; border: 1px solid var(--teal); border-radius: 50%; color: var(--teal); font-family: Consolas, monospace; font-weight: 750; }
.chapter-mode { margin: 20px 0 10px; color: var(--teal); font-family: Consolas, monospace; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.journey-chapter h3 { margin: 0; color: var(--ink); font-size: clamp(30px,3vw,45px); letter-spacing: -.04em; line-height: 1.18; }
.journey-chapter > p:last-child { margin: 20px 0 0; color: var(--muted); font-size: 17px; line-height: 1.85; }
.runtime-frame { position: relative; align-self: center; overflow: hidden; margin: 24px 0; border: 1px solid #87aaa7; border-radius: 6px; background: #dfeceb; box-shadow: 0 30px 70px rgba(8,38,49,.14); }
.runtime-frame img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.runtime-frame figcaption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 18px; border-top: 1px solid #a9c3c0; background: #f7fbfa; }
.runtime-frame figcaption span { color: var(--teal); font-family: Consolas, monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.runtime-frame figcaption strong { color: var(--ink); font-size: 13px; }
.evidence-provenance { grid-column: 1/-1; color: #728b90; font-family: Consolas, monospace; font-size: 10px; }
.journey-meter,.journey-sentinels { display: none; }

/* Enhanced desktop journey: one sticky stage, four chapters. */
.journey-ready .journey { height: 430svh; padding: 0; }
.journey-ready .journey-sticky { position: sticky; top: 72px; z-index: 1; display: flex; min-height: calc(100svh - 72px); align-items: center; overflow: hidden; }
.journey-ready .journey-layout { grid-template-columns: minmax(330px,.72fr) minmax(580px,1.28fr); width: min(calc(100% - 48px),1260px); align-items: center; }
.journey-ready .journey-copy,.journey-ready .journey-evidence { position: relative; display: block; min-height: 620px; }
.journey-ready .journey-heading { position: absolute; top: 0; left: 0; }
.journey-ready .journey-heading h2 { font-size: clamp(38px,3.4vw,52px); }
.journey-ready .journey-chapter { position: absolute; top: 235px; right: 0; left: 0; padding: 0; opacity: 0; transform: translateY(22px); transition: opacity 360ms ease, transform 420ms cubic-bezier(.2,.7,.2,1); pointer-events: none; }
.journey-ready .journey-chapter[data-active] { opacity: 1; transform: translateY(0); pointer-events: auto; }
.journey-ready .runtime-frame { position: absolute; inset: 52px 0 auto; margin: 0; opacity: 0; transform: scale(.965) translateX(26px); transition: opacity 420ms ease, transform 520ms cubic-bezier(.2,.72,.2,1); pointer-events: none; }
.journey-ready .runtime-frame[data-active] { opacity: 1; transform: scale(1) translateX(0); pointer-events: auto; }
.journey-ready .evidence-provenance { position: absolute; right: 0; bottom: 20px; }
.journey-ready .journey-meter { position: absolute; right: 0; bottom: 22px; left: 0; display: block; }
.journey-meter-track { height: 2px; background: #bfd2cf; }
.journey-meter-track span { display: block; width: calc(var(--journey-progress,0) * 100%); height: 100%; background: var(--mint); transition: width 520ms cubic-bezier(.2,.7,.2,1); }
.journey-meter ol { display: flex; justify-content: space-between; margin: 11px 0 0; padding: 0; list-style: none; }
.journey-meter li { color: #779095; font-family: Consolas,monospace; font-size: 10px; }
.journey-meter li[data-active] { color: var(--teal); font-weight: 750; }
.journey-ready .journey-sentinels { position: absolute; inset: 0; display: block; pointer-events: none; }
.journey-sentinels span { position: absolute; left: 0; width: 1px; height: 100svh; }
.journey-sentinels span:nth-child(1) { top: 0; }
.journey-sentinels span:nth-child(2) { top: 100svh; }
.journey-sentinels span:nth-child(3) { top: 210svh; }
.journey-sentinels span:nth-child(4) { top: 320svh; }
.journey-ready .journey[data-chapter="2"] { background: var(--night); color: #f4fbfa; }
.journey-ready .journey[data-chapter="2"] .journey-heading h2,
.journey-ready .journey[data-chapter="2"] .journey-chapter h3 { color: #f4fbfa; }
.journey-ready .journey[data-chapter="2"] .journey-chapter > p:last-child { color: #acc2c2; }
.journey-ready .journey[data-chapter="2"] .journey-meter-track { background: #284653; }

.mode-section { position: relative; overflow: hidden; padding: 130px 0; background: #fff; }
.mode-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; }
.mode-intro { align-self: start; position: sticky; top: 112px; }
.mode-intro > p:last-child { max-width: 520px; margin: 26px 0 0; color: var(--muted); font-size: 17px; line-height: 1.85; }
.mode-route { position: absolute; top: 120px; right: -80px; bottom: 90px; left: 48%; border: 1px solid rgba(0,127,136,.18); border-radius: 50%; transform: rotate(-18deg); pointer-events: none; }
.mode-list { position: relative; z-index: 1; display: grid; }
.mode-list article { position: relative; display: grid; grid-template-columns: 82px 40px 1fr; align-items: center; min-height: 154px; gap: 20px; padding: 28px 0; border-bottom: 1px solid #bed0cd; }
.mode-list article:first-child { border-top: 1px solid #bed0cd; }
.mode-list article::before { position: absolute; left: 40px; bottom: -1px; width: calc(100% - 40px); height: 2px; background: var(--mint); content: ""; transform: scaleX(0); transform-origin: left; transition: transform 320ms ease; }
.mode-list article:hover::before { transform: scaleX(1); }
.mode-list img,.saved-symbol { width: 68px; height: 74px; object-fit: contain; filter: drop-shadow(0 10px 10px rgba(5,22,76,.14)); }
.mode-list article > span:nth-child(2) { color: #82989c; font-family: Consolas,monospace; font-size: 11px; }
.saved-symbol { display: grid; place-items: center; color: var(--teal); font-size: 62px; line-height: 1; }
.mode-list h3 { margin: 0 0 8px; color: var(--ink); font-size: 25px; }
.mode-list p { margin: 0; color: var(--muted); line-height: 1.7; }

.requirements-section { padding: 130px 0; background: var(--mist); }
.requirements-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 86px; align-items: start; }
.requirements-copy > p:not(.eyebrow) { margin: 26px 0 30px; color: var(--muted); font-size: 17px; line-height: 1.85; }
.requirements-list { margin: 0; padding: 0; border-top: 1px solid #93b2ae; list-style: none; }
.requirements-list li { display: grid; grid-template-columns: 64px 1fr; gap: 26px; padding: 28px 0; border-bottom: 1px solid #adc5c1; }
.requirements-list li > span { color: var(--teal); font-family: Consolas,monospace; font-weight: 750; }
.requirements-list strong { color: var(--ink); font-size: 20px; }
.requirements-list p { margin: 7px 0 0; color: var(--muted); }

.limits-section { padding: 110px 0; background: var(--night); color: #f4fbfa; }
.limits-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; }
.limits-layout h2 { color: #f4fbfa; }
.limits-copy { border-left: 2px solid var(--mint); padding-left: 38px; }
.limits-copy p { margin: 0; color: #b4c9c8; font-size: 17px; line-height: 1.9; }
.limits-copy p + p { margin-top: 20px; }

.home-final { position: relative; overflow: hidden; padding: 120px 0; background: #fff; }
.final-layout { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 70px; align-items: end; }
.final-layout > div:nth-child(2) { max-width: 800px; }
.home-final h2 { font-size: clamp(38px,4vw,58px); }
.home-final p:not(.eyebrow) { max-width: 760px; margin: 24px 0 0; color: var(--muted); line-height: 1.8; }
.final-actions { display: grid; justify-items: start; gap: 12px; }
.final-route { position: absolute; top: -70px; right: 0; left: 0; height: 2px; background: linear-gradient(90deg,var(--copper),var(--mint)); }
.final-route span { position: absolute; top: -7px; width: 16px; height: 16px; border: 3px solid var(--mint); border-radius: 50%; background: #fff; }
.final-route span:nth-child(1){left:0}.final-route span:nth-child(2){left:33%}.final-route span:nth-child(3){left:66%}.final-route span:nth-child(4){right:0}

.home-footer { background: var(--night); }
.home-footer .footer-grid { grid-template-columns: 1.4fr .6fr .8fr; }
.home-footer .footer-brand img { filter: brightness(0) invert(1); }
.home-footer .footer-bottom { border-color: rgba(255,255,255,.15); }

@media (max-width: 1080px) {
  .hero-copy { width: 51%; }
  .hero-copy h1 { font-size: clamp(50px,5.5vw,65px); }
  .journey-layout,.journey-ready .journey-layout { grid-template-columns: .78fr 1.22fr; gap: 32px; }
}

@media (max-width: 900px) {
  .home-page .container { width: min(calc(100% - 36px),1260px); }
  .home-header .nav-toggle { min-width: 82px; color: #fff; border-color: #416571; background: transparent; }
  .home-header .site-nav { position: absolute; top: calc(100% + 1px); right: 14px; left: 14px; display: none; align-items: stretch; padding: 10px; border: 1px solid #3f6670; background: var(--night); box-shadow: 0 18px 42px rgba(0,0,0,.3); }
  .home-header .site-nav[data-open="true"] { display: grid; }
  .home-header .site-nav a { justify-content: flex-start; min-height: 46px; }
  .home-hero { min-height: 100svh; }
  .hero-shell { display: block; min-height: 0; padding-top: 0; }
  .hero-copy { width: 100%; padding: 58px 0 28px; }
  .hero-copy h1 { font-size: clamp(46px,8.4vw,68px); }
  .journey { padding: 90px 0; }
  .journey-layout { grid-template-columns: 1fr; gap: 0; }
  .journey-copy,.journey-evidence { display: contents; }
  .journey-heading { grid-column: 1; grid-row: 1; margin-bottom: 35px; }
  .journey-chapter,.runtime-frame { grid-column: 1; }
  .journey-chapter[data-journey-copy="0"]{grid-row:2}.runtime-frame[data-journey-scene="0"]{grid-row:3}
  .journey-chapter[data-journey-copy="1"]{grid-row:4}.runtime-frame[data-journey-scene="1"]{grid-row:5}
  .journey-chapter[data-journey-copy="2"]{grid-row:6}.runtime-frame[data-journey-scene="2"]{grid-row:7}
  .journey-chapter[data-journey-copy="3"]{grid-row:8}.runtime-frame[data-journey-scene="3"]{grid-row:9}
  .journey-chapter { position: relative; min-height: 0; padding: 70px 0 28px 34px; border-left: 3px solid var(--mint); }
  .journey-chapter::before { position:absolute; top:84px; left:-8px; width:13px; height:13px; border:3px solid var(--mint); border-radius:50%; background:var(--paper); content:""; }
  .runtime-frame { margin: 0 0 12px 34px; }
  .runtime-frame img { aspect-ratio: 16/10; object-position: left center; }
  .runtime-frame-night img { object-position: right center; }
  .evidence-provenance { grid-column:1; grid-row:10; margin:20px 0 0 34px; }
  .mode-layout,.requirements-layout,.limits-layout,.final-layout { grid-template-columns:1fr; }
  .mode-layout,.requirements-layout,.limits-layout { gap:48px; }
  .mode-intro { position:relative; top:auto; }
  .mode-route { left:18%; }
  .final-actions { justify-self:start; }
}

@media (max-width: 680px) {
  .home-header { height:68px; }
  .home-header .brand-link img { width:122px; }
  .hero-copy { padding-top:46px; }
  .eyebrow { margin-bottom:16px; font-size:11px; }
  .hero-copy h1 { font-size:42px; line-height:1.08; }
  .hero-copy h1 span,.hero-copy h1 em { width:auto; white-space:normal; }
  .hero-lead { margin-top:22px; font-size:16px; line-height:1.72; }
  .hero-actions { align-items:stretch; flex-direction:column; gap:7px; margin-top:26px; }
  .hero-actions .button { width:100%; }
  .hero-actions .plain-link { justify-content:center; }
  .release-note { margin-top:20px; }
  .journey-heading h2,.mode-intro h2,.requirements-copy h2,.limits-layout h2,.home-final h2 { font-size:35px; }
  .journey { padding:72px 0; }
  .journey-chapter { padding-top:58px; }
  .journey-chapter::before { top:70px; }
  .journey-chapter h3 { font-size:29px; }
  .journey-chapter > p:last-child { font-size:16px; line-height:1.75; }
  .runtime-frame { margin-left:20px; }
  .runtime-frame img { aspect-ratio: 1.35; object-fit:cover; object-position:19% center; }
  .runtime-frame-night img { object-position:89% center; }
  .runtime-frame figcaption { align-items:flex-start; flex-direction:column; gap:5px; padding:12px 14px; }
  .evidence-provenance { margin-left:20px; }
  .mode-section,.requirements-section { padding:82px 0; }
  .mode-list article { grid-template-columns:62px 30px 1fr; min-height:130px; gap:13px; }
  .mode-list img,.saved-symbol { width:54px; height:60px; }
  .mode-list h3 { font-size:21px; }
  .mode-list p { font-size:14px; }
  .limits-section { padding:78px 0; }
  .limits-copy { padding-left:22px; }
  .limits-copy p { font-size:16px; }
  .home-final { padding:90px 0; }
  .home-footer .footer-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page *, .home-page *::before, .home-page *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}

/* Minimal hero: product definition first, decoration removed. */
.home-header {
  border-bottom-color: var(--line);
  background: var(--paper);
}
.home-header .brand-link img { filter: none; }
.home-header .site-nav a { color: var(--muted); }
.home-header .site-nav a:hover,
.home-header .site-nav a[aria-current="page"] { background: #fff; color: var(--ink); }
.home-header .site-nav .header-status { border-color: var(--line); color: var(--ink); }

.home-hero {
  min-height: 0;
  overflow: visible;
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  isolation: auto;
}
.hero-shell {
  display: block;
  min-height: 0;
  padding: clamp(86px,9vw,136px) 0 58px;
  perspective: none;
}
.hero-copy {
  width: 100%;
  max-width: 1060px;
  padding: 0;
}
.hero-copy .eyebrow { color: var(--teal); }
.hero-copy h1 {
  max-width: 1060px;
  color: var(--ink);
  font-size: clamp(68px,8.8vw,126px);
  font-weight: 760;
  letter-spacing: -.075em;
  line-height: .92;
}
.hero-copy h1 span,
.hero-copy h1 em { display: inline; width: auto; max-width: none; white-space: normal; }
.hero-copy h1 span:first-child { display: block; }
.hero-copy h1 em { color: var(--teal); }
.hero-lead {
  max-width: 720px;
  margin-top: 36px;
  color: var(--muted);
  font-size: clamp(17px,1.5vw,20px);
  line-height: 1.8;
}
.hero-safety { margin-top: 18px; color: #637b80; }
.hero-safety span { border-color: var(--teal); }
.hero-actions { margin-top: 34px; }
.home-page .button-primary { border-color: var(--teal); background: var(--teal); color: #fff; }
.home-page .button-primary:hover { border-color: var(--ink); background: var(--ink); }
.hero-actions .plain-link { color: var(--ink); }
.hero-actions .plain-link span { color: var(--teal); }
.release-note { color: #6f8589; }

.hero-capabilities {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 44px;
  align-items: stretch;
  margin-top: clamp(72px,9vw,116px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.hero-capabilities > p {
  align-self: center;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}
.hero-capabilities ol {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}
.hero-capabilities li {
  display: grid;
  grid-template-columns: 52px 28px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 116px;
  padding: 18px 22px;
  border-left: 1px solid var(--line);
  transition: background 180ms ease;
}
.hero-capabilities li:hover { background: #fff; }
.hero-capabilities img { width: 46px; height: 52px; object-fit: contain; }
.hero-capabilities li > span { color: #789095; font-family: Consolas,monospace; font-size: 10px; }
.hero-capabilities li div { display: grid; gap: 4px; }
.hero-capabilities strong { color: var(--ink); font-size: 16px; }
.hero-capabilities small { color: var(--muted); font-size: 13px; }

@media (max-width: 900px) {
  .home-header .nav-toggle { color: var(--ink); border-color: var(--line); background: transparent; }
  .home-header .site-nav { border-color: var(--line); background: var(--paper); box-shadow: 0 18px 42px rgba(7,27,55,.12); }
  .home-header .site-nav a { color: var(--muted); }
  .hero-shell { display: block; min-height: 0; padding: 72px 0 46px; }
  .hero-copy { width: 100%; padding: 0; }
  .hero-copy h1 { font-size: clamp(56px,11vw,86px); }
  .hero-capabilities { grid-template-columns: 1fr; gap: 0; margin-top: 72px; }
  .hero-capabilities > p { padding: 20px 0; }
  .hero-capabilities ol { border-top: 1px solid var(--line); }
  .hero-capabilities li:first-child { border-left: 0; }
}

@media (max-width: 680px) {
  .home-page .container { width: min(calc(100% - 36px),1260px); }
  .hero-shell { padding: 52px 0 34px; }
  .hero-copy h1 { font-size: clamp(45px,13.2vw,58px); line-height: .98; letter-spacing: -.065em; }
  .hero-copy h1 span:first-child,
  .hero-copy h1 em,
  .hero-copy h1 span:last-child { display: block; }
  .hero-lead { margin-top: 26px; font-size: 16px; line-height: 1.72; }
  .hero-actions { margin-top: 28px; }
  .hero-capabilities { margin-top: 50px; }
  .hero-capabilities ol { grid-template-columns: 1fr; }
  .hero-capabilities li { grid-template-columns: 48px 28px 1fr; min-height: 88px; padding: 14px 0; border-top: 1px solid var(--line); border-left: 0; }
  .hero-capabilities li:first-child { border-top: 0; }
  .hero-capabilities img { width: 42px; height: 48px; }
  .runtime-frame { margin-left: 0; }
  .runtime-frame img { aspect-ratio: 16/9; object-fit: contain; object-position: center; background: #e6f1ef; }
  .runtime-frame-night img { object-position: center; }
  .evidence-provenance { margin-left: 0; }
}