/* hero */
.hero { padding: var(--s9) 0 var(--s8); }
.hero .wrap { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s5); align-items: center; }
.hero-text { grid-column: 1 / span 6; }
.hero h1 { max-width: 16ch; margin-bottom: var(--s5); }
.install { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4); margin-bottom: var(--s4); }
.also { font-size: var(--t-small); color: var(--muted); margin: 0; }
.also a { color: var(--muted); }
.plan-line { margin: var(--s6) 0 0; padding-top: var(--s4); border-top: 1px solid var(--line); font-size: 0.9375rem; max-width: 31rem; }
.plan-line b { color: var(--ink); }

@media (max-width: 960px) {
  .hero { padding: var(--s8) 0 var(--s7); }
  .hero-text { grid-column: 1 / -1; }
}