.plan-picker{--pp-ink:var(--ink);--pp-muted:var(--muted);--pp-line:var(--line);--pp-accent:var(--oxblood);--pp-on-accent:var(--cream);--pp-check:var(--oxblood);min-width:0;color:var(--pp-ink);flex-direction:column;display:flex}.plan-picker .plan-picker-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 16px;margin:0 0 30px;display:flex}.plan-picker .plan-picker-kicker{letter-spacing:.06em;color:var(--pp-muted);margin:0;font:400 11px/1.5 SFMono-Regular,Consolas,Liberation Mono,monospace}.plan-toggle{border:1px solid var(--pp-line);border-radius:999px;gap:3px;min-width:0;margin:0;padding:3px;display:flex}.plan-toggle label{cursor:pointer;display:block;position:relative}.plan-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.plan-toggle label>span{white-space:nowrap;min-height:40px;color:var(--pp-muted);border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:500;line-height:1;transition:background .18s,color .18s;display:flex}.plan-toggle small{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:4px 7px;font:400 10px/1 SFMono-Regular,Consolas,Liberation Mono,monospace}.plan-toggle label:hover>span{color:var(--pp-ink)}.plan-toggle input:checked+span{background:var(--pp-accent);color:var(--pp-on-accent)}.plan-toggle input:focus-visible+span{outline:3px solid var(--pp-accent);outline-offset:3px}.plan-tiers{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin:0 0 26px;padding:0;display:grid}.plan-tiers label{cursor:pointer;min-width:0;display:block;position:relative}.plan-tiers input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.plan-tiers label>span{border:1px solid var(--pp-line);border-radius:7px;gap:4px;height:100%;padding:12px 14px;transition:border-color .18s,box-shadow .18s;display:grid}.plan-tiers strong{color:var(--pp-ink);font-size:15px;font-weight:600}.plan-tiers small{color:var(--pp-muted);font-size:11px;line-height:1.45}.plan-tiers label:hover>span{border-color:var(--pp-muted)}.plan-tiers input:checked+span{border-color:var(--pp-accent);box-shadow:inset 0 0 0 1px var(--pp-accent)}.plan-tiers input:focus-visible+span{outline:3px solid var(--pp-accent);outline-offset:3px}:is(.plan-picker:has(input[data-pick-tier=pro]:checked) :is(.plan-quote,.plan-included)[data-tier]:not([data-tier=pro]),.plan-picker:has(input[data-pick-tier=max5]:checked) :is(.plan-quote,.plan-included)[data-tier]:not([data-tier=max5]),.plan-picker:has(input[data-pick-tier=max20]:checked) :is(.plan-quote,.plan-included)[data-tier]:not([data-tier=max20])),:is(.plan-picker:has(input[data-interval=year]:checked) .plan-quote[data-interval=month],.plan-picker:has(input[data-interval=month]:checked) .plan-quote[data-interval=year]){display:none}.plan-picker .plan-quote+.plan-quote{margin-top:22px}.plan-picker .plan-amount{color:var(--pp-muted);margin:0;font-size:16px;line-height:1}.plan-picker .plan-amount strong{letter-spacing:-.06em;color:var(--pp-ink);font-size:clamp(60px,6.2vw,88px);font-weight:500}.plan-picker .plan-note{color:var(--pp-muted);margin:14px 0 0;font-size:14px;line-height:1.5}.plan-picker .plan-note s{opacity:.7}.plan-picker>.button,.plan-picker>.dash-button{width:100%;margin-top:30px}.plan-picker .plan-included{border-top:1px solid var(--pp-line);color:var(--pp-muted);gap:11px;margin:30px 0 0;padding:26px 0 0;font-size:14px;line-height:1.5;list-style:none;display:grid}.plan-picker .plan-included li{padding-left:24px;position:relative}.plan-picker .plan-included li.plan-included-lead{color:var(--pp-ink);padding-left:0;font-weight:600}.plan-picker .plan-included li.plan-included-lead:before{content:none}.plan-soon{border:1px solid var(--pp-line);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;margin-left:8px;padding:1px 6px;font:400 10px/1.6 SFMono-Regular,Consolas,Liberation Mono,monospace}.plan-picker .plan-included li:before{content:"✓";color:var(--pp-check);font-weight:700;position:absolute;left:0}@media (max-width:620px){.plan-tiers{grid-template-columns:minmax(0,1fr)}.plan-tiers small{display:none}.plan-picker .plan-picker-top{margin-bottom:24px}.plan-toggle{width:100%}.plan-toggle label{flex:1}.plan-toggle label>span{justify-content:center;min-height:44px;padding:0 10px}}@media (prefers-reduced-motion:reduce){.plan-toggle label>span,.plan-tiers label>span{transition:none}}
