/* Purchase page (/buy/). Shared components live in ../styles.css. */
.page-header .wordmark__icon { display: block; width: 3.5rem; height: 3.5rem; flex: none; background: currentColor; -webkit-mask: url("../media/dolmen-icon.svg") center / contain no-repeat; mask: url("../media/dolmen-icon.svg") center / contain no-repeat; }
.buy h2 { margin: 0 0 var(--space-3); font: 400 clamp(1.5rem, 3vw, 2.1rem)/1.15 Georgia, 'Times New Roman', serif; letter-spacing: -.02em; }
.buy__lede { max-width: var(--copy-width); margin: 0 0 var(--space-4); color: var(--color-muted); font-size: clamp(1.1rem, 2vw, 1.35rem); }
.buy__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-4); margin: var(--space-5) 0 var(--space-6); align-items: start; }
.buy__plan, .buy__trial { display: flex; flex-direction: column; gap: var(--space-3); }
.buy__plan { border-color: var(--color-accent); }
.buy__plan .price, .buy__trial p { margin: 0; }
.buy__plan .price small { color: var(--color-muted); font-size: .9rem; }
.buy__terms, .buy__requirements { margin: 0; padding-left: 1.2rem; }
.buy__terms li, .buy__requirements li, .buy__steps li { margin: 0 0 var(--space-1); }
.buy__terms li::marker, .buy__requirements li::marker { color: var(--color-accent-hover); }
.buy__block { max-width: var(--copy-width); margin: 0 0 var(--space-6); }
.buy__block p { margin: 0 0 var(--space-2); }
.buy__steps { margin: 0; padding-left: 1.4rem; }
.buy__block .buy__alpha { margin-top: var(--space-3); padding: var(--space-3); border-left: 3px solid var(--color-muted); background: var(--color-surface); color: var(--color-muted); }
.buy button.button { color: var(--color-text); font: inherit; font-weight: 650; }
.buy a:not(.button) { color: var(--color-accent-hover); }
.buy [hidden] { display: none; }
.buy code { font-family: var(--font-mono); font-size: .8rem; overflow-wrap: anywhere; }

@media (max-width: 899px) {
  .buy__grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .buy .cta-group, .buy .cta-group .button { width: 100%; }
  .buy .pending-note { max-width: none; }
}