body{min-height:100vh;margin:0}.plan-status{color:var(--fg-dim);margin:-12px 0 20px;font-size:14px}.plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.plan{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;padding:22px 20px 20px;display:flex;position:relative;overflow:hidden}.plan.is-recommended{background:linear-gradient(180deg, #9f75eb14, transparent 55%), var(--surface);border-color:#cfc2fb4d}.plan.is-recommended:before,.plan.is-current:before{content:"";background:var(--rainbow);height:2px;position:absolute;inset:0 0 auto}.plan.is-current{border-color:#a7d4c066}.plan.is-current:before{background:var(--mint)}.plan-name{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.plan-flag{color:var(--accent);border:1px solid #cfc2fb59;border-radius:4px;padding:0 7px;font-size:11px;font-weight:500}.plan-flag.is-current{color:var(--mint);border-color:#a7d4c066}.plan-price{letter-spacing:-.03em;margin-top:12px;font-size:32px;font-weight:700}.plan-price span{letter-spacing:0;color:var(--fg-dim);margin-left:6px;font-size:13px;font-weight:400}.plan-description{color:var(--fg-dim);margin:2px 0 0;font-size:13px}.plan-units{gap:8px;margin:18px 0 0;display:grid}.plan-units div{align-items:baseline;gap:8px;display:flex}.plan-units dt{font:600 16px/1.2 var(--mono)}.plan-units dd{color:var(--fg-dim);margin:0;font-size:13px}.plan-features{border-top:1px solid var(--border);flex:1;margin:14px 0 20px;padding:14px 0 0;font-size:13px;list-style:none}.plan-features li{color:var(--fg-dim);padding:4px 0}.plan-features li:before{content:"·";color:var(--accent);margin-right:8px}.plans-note{color:var(--fg-dim);margin:16px 0 0;font-size:13px}@media (width<=960px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.plans{grid-template-columns:minmax(0,1fr)}}