/* home */
.hero-pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); margin-top: var(--space-7); text-align: left; }
.hero-card { display: grid; grid-template-rows: auto 1fr; gap: var(--space-6); padding: var(--space-6); border-radius: var(--radius-lg); background: var(--surface); }
.hero-card--peach { background: var(--peach-soft); }
.hero-card__copy h2 { font-size: var(--text-2xl); margin-top: var(--space-4); }
.hero-card__copy p { margin-top: var(--space-3); color: var(--ink-2); max-width: 26em; }
.hero-card__copy .btn { margin-top: var(--space-5); }
.hero-card__demo { align-self: end; }
.hero-card .bubbles .bubble { max-width: 22rem; }
.hero-card .phone { margin-inline: auto; width: min(100%, 16rem); }
.hero-card .phone__screen { aspect-ratio: 9 / 13; }
.hero-card .phone__tabs { margin-top: auto; }
@media (max-width: 900px) { .hero-pair { grid-template-columns: 1fr; } }

.hero__title { display: grid; justify-items: center; gap: 0; }
.hero__title > span { display: block; }