/* /new/subscriptions — neutral tokens (identity.css loads last). One fact per line. */
main{max-width:860px;margin:0 auto;padding:12px 16px 90px}
.sub-hero h1{font-size:clamp(28px,6vw,42px);line-height:1.25;margin:8px 0}.sub-hero em{font-style:normal}.eyebrow{font-weight:700;font-size:13px}
.muted{color:var(--sh-muted,#3d3d3d);line-height:1.7}.fine{font-size:12.5px}
.note{display:flex;flex-direction:column;gap:4px;border:1px solid var(--sh-line,#bdbdbd);border-radius:14px;padding:12px 14px;margin:12px 0;background:var(--sh-panel2,#f4f4f4)}.note span{color:var(--sh-muted,#3d3d3d);font-size:13.5px;line-height:1.7}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.plan{border:1px solid var(--sh-line,#bdbdbd);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--sh-panel,#fff)}.plan.feat{border:2px solid var(--sh-ink,#000)}
.plan h2{margin:0;font-size:20px}.tag{font-size:12.5px;font-weight:700;color:var(--sh-muted,#3d3d3d)}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price strong{font-size:38px}.price span{color:var(--sh-muted,#3d3d3d)}
.saving{margin:0;font-weight:700;font-size:13.5px}
.plan ul{margin:6px 0;padding:0;list-style:none;display:grid;gap:6px}.plan li::before{content:"✓ ";font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--sh-ink,#000);background:var(--sh-ink,#000);color:var(--sh-bg,#fff);font:inherit;font-weight:700;text-decoration:none;margin-top:auto}.btn.ghost{background:transparent;color:var(--sh-ink,#000)}
.steps h2{font-size:18px}.steps ol{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.steps li{display:flex;gap:12px;align-items:center;border:1px solid var(--sh-line,#bdbdbd);border-radius:14px;padding:10px 14px}.steps li b{width:30px;height:30px;border-radius:50%;background:var(--sh-ink,#000);color:var(--sh-bg,#fff);display:grid;place-items:center;flex:0 0 auto}
@media(max-width:640px){.plans{grid-template-columns:1fr}}
.eyebrow,.note,.note b,.note span{color:var(--sh-ink,#000)}.note span{color:var(--sh-muted,#3d3d3d)}
