.tier-section{padding-bottom:95px}
.tier-intro{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:20px;margin-bottom:28px}
.tier-intro p{max-width:360px;margin:0;line-height:1.6;color:var(--muted);font-size:13px}
.pricing-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tier-card{border:1px solid var(--line);padding:22px;min-height:510px;display:flex;flex-direction:column;background:#f8f7f2}
.tier-number{font:10px var(--mono);letter-spacing:.55px;color:#6d6f68}.tier-number b{display:block;margin-top:8px;color:#6f8f1b;font-weight:500}
.tier-card h2{font-size:30px;line-height:.95;letter-spacing:-2px;margin:44px 0 16px}.tier-card>p{font-size:12px;line-height:1.6;color:#65665f;min-height:77px;margin:0}
.tier-price{font:600 12px var(--mono);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin:14px 0 10px}
.tier-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:11px;line-height:1.35}.tier-card li:before{content:'✓';color:#77921c;margin-right:8px}.tier-card .button{margin-top:auto;width:100%;padding:13px 8px}
.featured-tier{background:#d4f648;border-color:#d4f648}.featured-tier .tier-price{border-color:#a9c733}.featured-tier .tier-number{color:#334012}
.dark-tier{background:#20221f;color:#fff;border-color:#20221f}.dark-tier .tier-number,.dark-tier>p{color:#b8bab1}.dark-tier .tier-price{border-color:#50534c}.dark-tier li:before{color:var(--lime)}
.pricing-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:32px;padding-bottom:32px;margin-bottom:105px}.pricing-note span{font:10px var(--mono);letter-spacing:.7px}.pricing-note p{font-size:15px;line-height:1.5;max-width:570px;margin:0}
@media(min-width:801px){.tier-card{display:grid;grid-template-rows:26px 96px 76px 42px 1fr 42px}.tier-card h2{margin:0;align-self:end}.tier-card>p{min-height:0;align-self:start}.tier-price{margin:0;align-self:stretch;display:flex;align-items:center}.tier-card ul{align-self:start}.tier-card .button{margin-top:0;align-self:end}}
@media(max-width:800px){.tier-intro,.pricing-note{display:block}.tier-intro p{margin-top:15px}.pricing-tiers{grid-template-columns:1fr}.tier-card{min-height:0}.tier-card>p{min-height:0}.tier-card h2{margin-top:34px}.pricing-note p{margin-top:12px}}