body{font-family:Manrope,'Noto Sans TC',sans-serif}
.pricing{padding:64px clamp(20px,6vw,100px) 90px;max-width:1360px;margin:0 auto}
.pricing h1{font:500 clamp(32px,5vw,58px)/1.15 Manrope,'Noto Sans TC',sans-serif;letter-spacing:-.04em;margin:36px 0 14px}
.pricing h1 span{color:#929690}
.lead{color:#a2a59f;font-size:14px;line-height:1.9;max-width:560px;margin:0 0 44px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.plan{border:1px solid #363936;background:#0d0f0e;padding:24px 22px;display:flex;flex-direction:column;gap:14px}
.plan.featured{background:#eeeeea;color:#0a0c0a;border-color:#eeeeea}
.plan .tag{font:9px "DM Mono",monospace;letter-spacing:.14em;color:#969a94}
.plan.featured .tag{color:#555853}
.plan h2{font:600 22px Manrope,'Noto Sans TC',sans-serif;margin:0}
.price{margin:0}.price b{font:700 40px Manrope;letter-spacing:-.04em}.price span{font-size:13px;color:#969a94}
.plan.featured .price span{color:#555853}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:13px;line-height:1.7;color:#b4b7b1;flex:1}
.plan.featured ul{color:#2b2e2a}
.plan li::before{content:"— ";color:var(--orange)}
.cta{display:block;text-align:center;padding:12px;border:1px solid #6d716b;font:11px "DM Mono",monospace;letter-spacing:.1em;border-radius:2px}
.plan.featured .cta{background:#111310;color:#fff;border-color:#111310}
.cta[aria-disabled=true]{opacity:.55;pointer-events:none}
.redeem{display:grid;gap:6px}.redeem label{font-size:12px;font-weight:700}
.row{display:flex;gap:8px}
.row input{flex:1;min-width:0;padding:11px 12px;background:#080908;border:1px solid #50534e;color:#f1f1ec;font:13px "DM Mono",monospace;border-radius:2px}
.row button{padding:11px 18px;background:#eeeeea;color:#0a0c0a;border:0;font:11px "DM Mono",monospace;letter-spacing:.1em;cursor:pointer;border-radius:2px}
.redeem small{font-size:12px;color:#a2a59f;min-height:1.2em}
.have-code{margin-top:44px;padding-top:28px;border-top:1px solid #292b29;max-width:520px}
.have-code h2{font:600 18px Manrope,'Noto Sans TC',sans-serif;margin:0 0 6px}.have-code p{font-size:13px;color:#a2a59f;margin:0 0 12px}
.fine{margin-top:48px;font-size:11px;line-height:1.9;color:#777b75;max-width:640px}
@media(max-width:1100px){.plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.plans{grid-template-columns:1fr}}
.pricing.narrow{max-width:760px}
.acct-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.acct-actions .cta{width:auto;padding:10px 18px;background:transparent;color:inherit;cursor:pointer}
.acct-actions[hidden],.acct-actions .cta[hidden]{display:none}

.flow{list-style:none;display:flex;gap:0;margin:0 0 26px;padding:0;counter-reset:s;flex-wrap:wrap}
.flow li{counter-increment:s;flex:1 1 140px;padding:10px 12px;border-top:2px solid #363936;font-size:12px;color:#777b75;display:flex;flex-direction:column;gap:2px}
.flow li::before{content:counter(s) " /";font:10px "DM Mono",monospace;color:#777b75}
.flow li small{font-size:11px;color:#8d918a}
.flow li.on{border-top-color:var(--orange);color:#f1f1ec}.flow li.on::before{color:var(--orange)}
.field{width:100%;padding:12px;background:#080908;border:1px solid #50534e;color:#f1f1ec;font:14px "DM Mono",monospace;border-radius:2px;margin-bottom:10px}
.primary{padding:13px 18px;background:#eeeeea;color:#0a0c0a;border:0;font:12px "DM Mono",monospace;letter-spacing:.08em;cursor:pointer;border-radius:2px}
.primary:disabled{opacity:.6;cursor:wait}
#sentBox .cta{width:auto;background:transparent;color:inherit;cursor:pointer;padding:10px 18px}