/* /plans/: the two plans after the beta. Site tokens from site.css; one reading column, plan cards side by side on wide screens. */
.pl{max-width:54rem;padding-top:clamp(28px,1.5rem + 2vw,56px);padding-bottom:clamp(56px,3rem + 3vw,96px);display:grid;gap:clamp(36px,2rem + 1.5vw,52px)}
.pl h1{font:600 clamp(2rem,1.3rem + 2.6vw,2.9rem)/1.08 var(--fd);letter-spacing:-.015em;text-wrap:balance}
.pl h2{font:600 1.4rem/1.2 var(--fd)}
.pl section{display:grid;gap:16px}
.pl-hero{display:grid;gap:14px}
.pl-hero .eyebrow{margin:0}
.pl-hero .lead{max-width:46ch}
.pl-beta{padding:12px 16px;border-radius:14px;background:var(--gold-soft);color:var(--ink);font-size:.9375rem;max-width:60ch}
.pl-muted{color:var(--muted)}
.pl-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:640px){.pl-plans{grid-template-columns:minmax(0,1fr)}}
.pl-plan{display:grid;gap:16px;align-content:start;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.pl-plan.plus{border:1.5px solid var(--gold)}
.pl-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pl-top h2{font-size:1.15rem}
.pl-tag{padding:6px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink);font:600 .72rem/1 var(--ft);letter-spacing:.06em;text-transform:uppercase}
.pl-allow{display:grid;gap:2px}
.pl-allow strong{font:600 2rem/1.05 var(--fd);letter-spacing:-.015em}
.pl-allow span{color:var(--ink-2)}
.pl-price{display:grid;gap:2px;padding-top:14px;border-top:1px solid var(--line)}
.pl-price b{font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums}
.pl-price span{font-size:.9rem;color:var(--muted)}
.pl-start{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.pl-start p{flex:1 1 18rem;font-size:.9375rem;color:var(--ink-2)}
.pl-def{display:grid;gap:4px;padding:16px 18px;border-radius:14px;background:var(--surface-2)}
.pl-def b{font-weight:600}
.pl-free{padding:24px;border-radius:18px;background:var(--sage-soft,var(--surface-2))}
.pl-free h2{color:var(--sage-ink,var(--ink))}
.pl-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
@media (max-width:560px){.pl-checks{grid-template-columns:minmax(0,1fr)}}
.pl-checks li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}
.pl-checks svg{margin-top:5px;color:var(--sage,var(--gold-ink))}
.pl-week{display:grid;gap:16px;padding:22px 24px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.pl-meter{display:grid;gap:6px}
.pl-meter-text{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.9rem}
.pl-meter-text b{font-weight:600}
.pl-bar{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.pl-bar i{display:block;width:80%;height:100%;border-radius:999px;background:var(--sage,var(--gold))}
.pl-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:150px}
.day{display:grid;gap:6px;justify-items:center;align-self:end}
.day b{min-height:1.2em;font-size:.78rem;font-weight:500;color:var(--ink-2);font-variant-numeric:tabular-nums}
.day span{font-size:.75rem;color:var(--muted)}
.col{display:block;width:100%;max-width:34px;border-radius:6px 6px 3px 3px;background:var(--gold)}
.col.h0{height:4px;background:var(--line)}.col.h7{height:23px}.col.h8{height:27px}.col.h9{height:30px}.col.h10{height:33px}.col.h30{height:100px}
.pl-steps{counter-reset:s;display:grid;gap:12px}
.pl-steps li{counter-increment:s;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}
.pl-steps li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--ink-2);font:600 .85rem var(--ft)}
.pl-faq details{padding:14px 0;border-top:1px solid var(--line)}
.pl-faq details:last-child{border-bottom:1px solid var(--line)}
.pl-faq summary{display:flex;justify-content:space-between;gap:12px;font-weight:600;cursor:pointer;list-style:none}
.pl-faq summary::-webkit-details-marker{display:none}
.pl-faq summary::after{content:"+";color:var(--muted);font-weight:400}
.pl-faq details[open] summary::after{content:"–"}
.pl-faq details p{margin-top:8px;max-width:62ch;color:var(--ink-2)}