/* Feature link pages (www.taalo.io/go/<key>). Builds on /styles.css tokens. */
.go-page { background: radial-gradient(1200px 520px at 80% -10%, #e6f1e8 0%, transparent 60%), var(--ivory); }
.go-hero { padding: clamp(48px, 8vw, 104px) 0 clamp(40px, 6vw, 72px); }
.go-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.go-copy { min-width: 0; }
.go-copy h1 { margin: 22px 0 0; font-size: clamp(2.5rem, 6vw, 4.4rem); }
.go-copy .lede { margin: 22px 0 0; }
.go-steps p a { color: var(--forest); font-weight: 700; }
.go-media { margin: 0; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); }
.go-media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.go-steps { padding-top: 40px; }
.go-steps h2 { margin-top: 18px; font-size: clamp(1.9rem, 3.4vw, 2.7rem); }
.go-steps .help-steps { max-width: 760px; padding: 0; list-style: none; }
.go-hint { max-width: 760px; margin: 22px 0 0; color: var(--muted); font-size: .9rem; }
.go-page [hidden] { display: none; }
@media (max-width: 820px) {
  .go-layout { grid-template-columns: 1fr; }
  .go-media { order: -1; }
  .go-media img { aspect-ratio: 16 / 9; }
}