.hero { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(250px, .7fr); gap: clamp(var(--space-5), 8vw, var(--space-8)); align-items: center; padding: clamp(var(--space-7), 10vw, 112px) 0 var(--space-8); border-bottom: var(--line-width) solid var(--border); }
.hero-main { min-width: 0; }
.hero .eyebrow { margin-bottom: var(--space-5); }
.hero h1 { max-width: 13ch; margin: 0; font-size: clamp(2.5rem, 7vw, 5.5rem); font-weight: var(--weight-heavy); line-height: 1.22; letter-spacing: -.055em; }
.hero h1 span { color: var(--interactive); }
.intro { max-width: 56ch; margin: var(--space-5) 0 var(--space-6); color: var(--text-secondary); font-size: clamp(var(--text-base), 2vw, var(--text-lg)); }
.hero-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.hero-index { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; border: var(--line-width) solid var(--border-strong); background: var(--surface); }
.hero-index__head { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-bottom: var(--line-width) solid var(--border); color: var(--interactive); font: var(--weight-medium) var(--text-xs)/1.5 var(--font-mono); }
.hero-index dl { margin: 0; padding: var(--space-2) var(--space-4); }
.hero-index dl div { padding: var(--space-3) 0; border-bottom: var(--line-width) solid var(--border); }
.hero-index dt { color: var(--text-subtle); font: var(--weight-medium) var(--text-xs)/1.5 var(--font-mono); }
.hero-index dd { margin: var(--space-1) 0 0; font-size: var(--text-lg); font-weight: var(--weight-bold); }
.hero-index > p { display: flex; align-items: center; gap: var(--space-2); margin: 0; padding: var(--space-3) var(--space-4); border-top: var(--line-width) solid var(--border); color: var(--state-success); font-size: var(--text-sm); }
.home-pathways { padding: var(--space-7) 0 var(--space-8); }
.section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-4); }
.section-heading .technical-label { margin: 0; }
.section-heading h2 { margin: 0; font-size: clamp(var(--text-xl), 3vw, 1.8rem); }
.feature-list { border-top: var(--line-width-strong) solid var(--border-strong); }
.feature-row { display: grid; grid-template-columns: 64px minmax(0, 1fr) minmax(140px, auto); align-items: center; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: var(--line-width) solid var(--border); }
.feature-number { color: var(--accent-electric-magenta); font: var(--weight-medium) var(--text-sm)/1.5 var(--font-mono); }
.feature-row h3 { margin: 0; font-size: var(--text-lg); }
.feature-row p { margin: var(--space-1) 0 0; color: var(--text-secondary); font-size: var(--text-sm); }
.feature-link { justify-self: start; color: var(--interactive); font-size: var(--text-sm); font-weight: var(--weight-bold); text-decoration: none; }
.feature-link span { display: inline-block; padding-inline-start: var(--space-1); transition: transform var(--transition-fast); }
.feature-link:hover span { transform: translateX(-3px); }
.home-coming-soon { padding: 0 0 var(--space-8); }
.coming-soon-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: var(--line-width-strong) solid var(--border-strong); }
.coming-soon-row { display: flex; align-items: flex-start; gap: var(--space-4); min-width: 0; padding: var(--space-4); background: var(--surface); }
.coming-soon-row + .coming-soon-row { border-inline-start: var(--line-width) solid var(--border); }
.coming-soon-status { flex: 0 0 auto; padding: var(--space-1) var(--space-2); border: var(--line-width) solid var(--border-strong); color: var(--interactive); font: var(--weight-medium) var(--text-xs)/1.5 var(--font-mono); }
.coming-soon-row h3 { margin: 0; font-size: var(--text-lg); }
.coming-soon-row p { margin: var(--space-2) 0 0; color: var(--text-secondary); font-size: var(--text-sm); }
.coming-blog { max-width: 760px; padding: clamp(var(--space-7), 12vw, 120px) 0; }
.blog-coming-message { margin: var(--space-6) 0 0; padding: var(--space-5); border: var(--line-width-strong) solid var(--border-strong); background: var(--surface); color: var(--interactive); font-size: clamp(var(--text-lg), 4vw, var(--text-2xl)); font-weight: var(--weight-bold); }

@media (max-width: 760px) {
  .hero { grid-template-columns: minmax(0, 1fr); padding: var(--space-7) 0; }
  .hero-index { max-width: 520px; }
  .feature-row { grid-template-columns: 44px minmax(0, 1fr); }
  .feature-link { grid-column: 2; }
  .coming-soon-list { grid-template-columns: minmax(0, 1fr); }
  .coming-soon-row + .coming-soon-row { border-inline-start: 0; border-top: var(--line-width) solid var(--border); }
}
@media (max-width: 480px) {
  .hero { padding: var(--space-6) 0; }
  .hero h1 { font-size: clamp(2.35rem, 12vw, 3.5rem); }
  .hero-actions { display: grid; }
  .section-heading { display: block; }
  .section-heading h2 { margin-top: var(--space-2); }
}