.plans{display:grid;gap:clamp(1.25rem,.8rem + 1.6vw,2rem);align-items:start}.plan{position:relative;display:grid;gap:var(--sp-5);align-content:start;overflow:hidden;isolation:isolate;padding:clamp(1.75rem,1.2rem + 2vw,3rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-2);scroll-margin-top:calc(var(--nav-h) + 1.5rem)}.plan:before{content:"";position:absolute;z-index:-1;top:-9rem;right:-8rem;width:24rem;aspect-ratio:1;border-radius:50%;filter:blur(44px);opacity:.75}.plan--shopify:before{background:radial-gradient(closest-side,rgb(6 1 151 / .3),rgb(104 1 148 / .2) 55%,transparent)}.plan--everyone:before{background:radial-gradient(closest-side,rgb(255 92 70 / .34),rgb(202 0 145 / .22) 55%,transparent)}.plan__kicker{font-size:var(--fs-xs);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.plan__name{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.375rem);letter-spacing:-.025em;line-height:1.1;margin-top:calc(var(--sp-3) * -1)}.plan__flat{color:var(--ink-2);max-width:30em}.plan__note{font-size:var(--fs-sm);color:var(--ink-3)}.plan__foot{display:grid;gap:var(--sp-4);justify-items:start;padding-top:var(--sp-5);border-top:1px solid var(--line)}.plan__trial{font-size:var(--fs-sm);color:var(--ink-2);max-width:34em}.plan--api{background:var(--ink);border-color:var(--ink);color:var(--on-ink);gap:var(--sp-6)}.plan--api:before{top:auto;bottom:-14rem;right:-6rem;width:32rem;background:radial-gradient(closest-side,rgb(202 0 145 / .6),rgb(104 1 148 / .35) 55%,transparent)}.plan--api .plan__kicker{color:var(--on-ink-2)}.plan--api .plan__name{margin-top:var(--sp-2)}.plan__api-text{display:grid;gap:var(--sp-3);max-width:40rem}.plan__api-text>p:last-child{color:var(--on-ink-2)}.plan__api-side{display:grid;gap:var(--sp-4);align-content:center}.plan__api-price{font-family:var(--font-display);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.375rem);letter-spacing:-.02em;line-height:1.1}@media(min-width:60rem){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plans>:only-child{grid-column:1 / -1}.plan--api{grid-column:1 / -1;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}}