/* pricing tiers + strategy pillars */
.strategy-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.8rem; }
@media (max-width: 760px) { .strategy-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .strategy-row { grid-template-columns: 1fr; } }
.strategy-pill { display: flex; flex-direction: column; gap: 0.45rem; }
.strategy-pill p { font-size: 0.76rem; text-align: center; margin: 0; max-width: none; }

.tiers { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 700px) { .tiers { grid-template-columns: 1fr; } }
.tier { border: 1px solid var(--border); padding: clamp(1.2rem,2.2vw,1.6rem); display: flex; flex-direction: column; gap: 0.8rem; }
.tier.pro { border-color: var(--accent); background: var(--surface); }
.tier .tier-name { font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-muted); }
.tier.pro .tier-name { color: var(--accent); }
.tier .price { font-size: clamp(2rem,4vw,2.6rem); font-weight: 300; color: var(--fg); }
.tier .price span { font-size: 0.9rem; color: var(--fg-muted); }
.tier ul { padding-left: 0; list-style: none; display: grid; gap: 0.45rem; }
.tier li { font-size: 0.9rem; color: var(--fg-muted); padding-left: 1.2rem; position: relative; }
.tier li::before { content: "+"; position: absolute; left: 0; color: var(--accent); }