.hero{padding-block:var(--space-12) var(--space-16);background-image:linear-gradient(115deg, var(--color-hero-start), var(--color-hero-end));overflow:hidden}.hero__inner{align-items:center;gap:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}.hero__copy{align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.hero__title{max-inline-size:14ch}.hero__lead{max-inline-size:var(--measure-intro);font-size:var(--text-lead);line-height:var(--leading-intro);color:var(--color-text-muted)}.hero__media{justify-self:center}@media (width>=64rem){.hero{padding-block:var(--space-16) var(--space-24)}.hero__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.phone{inline-size:var(--size-phone);padding:var(--border-width-bezel);background-color:var(--color-device-bezel);border-radius:var(--radius-phone);box-shadow:var(--shadow-device)}.phone__screen{border-radius:calc(var(--radius-phone) - var(--border-width-bezel));block-size:auto;inline-size:100%}.features{grid-template-columns:repeat(auto-fit, minmax(min(var(--size-card-min), 100%), 1fr));gap:var(--space-4);display:grid}.feature{--feature-tint:var(--color-taken-soft);--feature-ink:var(--color-taken);gap:var(--space-3);padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.feature--late{--feature-tint:var(--color-late-soft);--feature-ink:var(--color-late)}.feature--missed{--feature-tint:var(--color-missed-soft);--feature-ink:var(--color-missed)}.feature__icon{inline-size:var(--size-icon-tile);block-size:var(--size-icon-tile);background-color:var(--feature-tint);color:var(--feature-ink);border-radius:var(--radius-md);place-items:center;margin-block-end:var(--space-2);display:grid}.feature__icon svg{inline-size:var(--size-icon);block-size:var(--size-icon)}.feature__text{color:var(--color-text-muted)}.states{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.state{--state-tint:var(--color-taken-soft);--state-ink:var(--color-taken);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--state-tint);color:var(--state-ink);border-radius:var(--radius-full);font-size:var(--text-small);font-weight:var(--weight-semibold);display:inline-flex}.state:before{content:"";inline-size:var(--size-dot);block-size:var(--size-dot);border-radius:var(--radius-full);background-color:currentColor}.state--late{--state-tint:var(--color-late-soft);--state-ink:var(--color-late)}.state--missed{--state-tint:var(--color-missed-soft);--state-ink:var(--color-missed)}.privacy{gap:var(--space-10);grid-template-columns:minmax(0,1fr);display:grid}.privacy__points{gap:var(--space-6);display:grid}.privacy__point{gap:var(--space-1) var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.privacy__point svg{inline-size:var(--size-icon);block-size:var(--size-icon);color:var(--color-accent);grid-row:span 2}.privacy__point p{color:var(--color-text-muted)}@media (width>=64rem){.privacy{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}}