/* subscribe page-specific CSS (from Claude Design) */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;position:relative;transition:.3s}
.plan:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.plan.feat{border:2px solid var(--green);box-shadow:var(--shadow-lg)}
.plan.feat::before{content:'Most popular';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:20px}
.plan h3{color:var(--brown);font-size:1.3rem;margin-bottom:4px}
.plan .desc{color:var(--muted);font-size:.86rem;margin-bottom:18px}
.plan .price{font-family:'Spectral';font-weight:900;font-size:2.4rem;color:var(--green-deep);line-height:1}
.plan .price span{font-size:.86rem;font-weight:500;color:var(--muted);font-family:'Hanken Grotesk'}
.plan ul{list-style:none;margin:20px 0}
.plan li{padding:8px 0;font-size:.88rem;color:var(--brown-soft);border-bottom:1px solid var(--line)}
.plan li::before{content:'✓ ';color:var(--green);font-weight:700}
.plan li.no{color:var(--muted)}
.plan li.no::before{content:'– ';color:var(--muted)}
.billtoggle{display:inline-flex;background:var(--cream-deep);border-radius:30px;padding:4px;margin-top:14px}
.billtoggle a{padding:8px 18px;border-radius:24px;font-size:.84rem;font-weight:600;color:var(--muted)}
.billtoggle a.on{background:#fff;color:var(--green-deep);box-shadow:var(--shadow)}
@media(max-width:860px){.plans{grid-template-columns:1fr}}