.page-start .start-hero { display: grid; grid-template-columns: 1.2fr .9fr; gap: 64px; align-items: center; }
.page-start .hero-copy { min-width: 0; }
.page-start h1 { font-size: clamp(2.5rem, 4.9vw, 4rem); }
.page-start .hero-copy h1 { margin-bottom: 2rem; }
.page-start .hero-copy > p:not(.eyebrow):not(.scenario) { max-width: 55ch; }
.page-start .primary-link { margin-top: 12px; }
.page-start .hero-drawing { padding: 26px; border-radius: 28px; background: var(--soft); }
.page-start .hero-drawing img { width: 100%; aspect-ratio: 6 / 5; object-fit: contain; }
.page-start .quiet-stats { margin-top: 24px; display: grid; gap: 12px; font-size: 1rem; }
.page-start .quiet-stats div { display: flex; justify-content: space-between; gap: 20px; padding: 16px; background: var(--panel); border-radius: 18px; }
.page-start .quiet-stats dt { color: var(--muted); }
.page-start .quiet-stats dd { color: var(--deep-blue); text-align: right; font-weight: 600; }
.page-start .name-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: 64px; margin-top: 80px; padding: 44px; border-radius: 28px; background: var(--panel); }
.page-start .name-section p:last-child { margin-bottom: 0; }
.page-start .cost-first { padding: 64px 0 18px; max-width: 74ch; }
.page-start .route-section { margin-top: 48px; }
.page-start .route-section > h2 { max-width: 28ch; }
.page-start .route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 32px; }
.page-start .route-card { color: var(--ink); text-decoration: none; display: flex; flex-direction: column; padding: 30px 28px; min-width: 0; background: var(--panel); border-radius: 26px; }
.page-start .route-card:hover { background: var(--soft); }
.page-start .route-card .eyebrow { background: var(--ground); }
.page-start .route-card h4 { font-size: 1.85rem; margin-bottom: 1rem; }
.page-start .route-card p { font-size: 1rem; color: var(--muted); }
.page-start .route-end { display: flex; justify-content: space-between; align-items: center; gap: 20px; color: var(--blue); min-height: 44px; margin-top: auto; font-size: 1rem; text-decoration: underline; text-underline-offset: .23em; }
@media (max-width: 1000px) {
  .page-start .start-hero { gap: 32px; }
  .page-start .hero-drawing { padding: 22px; }
  .page-start .name-section { gap: 36px; padding: 36px; }
  .page-start .route-card { padding: 28px 22px; }
  .page-start .quiet-stats div { flex-direction: column; gap: 4px; }
  .page-start .quiet-stats dd { text-align: left; }
}
@media (max-width: 760px) {
  .page-start h1 { font-size: clamp(2.3rem, 9.6vw, 3.1rem); }
  .page-start .start-hero, .page-start .name-section { grid-template-columns: 1fr; gap: 30px; }
  .page-start .hero-copy h1 { margin-bottom: 1.2rem; }
  .page-start .hero-drawing { margin-top: 8px; padding: 20px; }
  .page-start .hero-drawing img { max-height: 280px; }
  .page-start .quiet-stats div { flex-direction: row; gap: 12px; }
  .page-start .quiet-stats dd { text-align: right; }
  .page-start .name-section { margin-top: 44px; padding: 28px 22px; gap: 8px; }
  .page-start .cost-first { padding-top: 42px; }
  .page-start .route-section { margin-top: 32px; }
  .page-start .route-grid { grid-template-columns: 1fr; gap: 18px; }
}