main{display:grid;gap:64px;padding-block:32px 0}
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
@media (max-width:820px){.hero{grid-template-columns:minmax(0,1fr)}}
.hero-card{display:grid;place-items:center}
.hero-card .pass{transform:rotate(-3deg)}
.stepno{font-family:var(--display);font-weight:800;font-size:28px;color:var(--stamp)}
.plan .price{font-family:var(--display);font-size:34px;font-weight:800}
.plan ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px;display:grid;gap:4px}
.cta{text-align:left}