.pricing-page{padding-bottom:44px}
.pricing-intro{text-align:center;padding:24px 0 20px}
.offer{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;background:linear-gradient(110deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-radius:30px;padding:10px 21px;font-size:15px;font-weight:600;color:#9a3412;box-shadow:0 4px 15px #ea580c0a}
.offer strong{font-size:23px;font-weight:800;letter-spacing:.5px;color:#c2410c}
.visually-hidden,.billing-switch input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.billing-switch{display:flex;gap:4px;width:max-content;margin:0 auto 28px;padding:5px;border:1px solid #e9e9e9;border-radius:12px;background:#f5f5f5}
.billing-switch label{position:relative;cursor:pointer}
.billing-switch label>span{display:flex;align-items:center;justify-content:center;gap:7px;min-width:104px;padding:10px 16px;border-radius:8px;font-size:14px;color:#666}
.billing-switch small{font-size:10px;font-weight:500}
.billing-switch input:checked+span{background:#171717;color:#fff}
.billing-switch input:focus-visible+span{outline:3px solid #777;outline-offset:3px}
.yearly{display:none!important}
.pricing-page:has(#billing-year:checked) .monthly{display:none!important}
.pricing-page:has(#billing-year:checked) .yearly{display:flex!important}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;padding:0;margin:0;min-inline-size:0}
.plan{position:relative;padding:27px 25px 24px;border:1px solid #e4e4e4;border-radius:16px;min-width:0;background:#fff;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.plan-basic{--tier-accent:#1d4ed8;--tier-tint:#eff6ff;--tier-border:#cbdcf5;--tier-shadow:#1d4ed817;--tier-glow:59,130,246}
.plan-plus{--tier-accent:#6d28d9;--tier-tint:#f5f0ff;--tier-border:#ddd2f4;--tier-shadow:#6d28d917;--tier-glow:139,92,246}
.plan-max{--tier-accent:#99600c;--tier-tint:#fff8e8;--tier-border:#ead9b6;--tier-shadow:#99600c17;--tier-glow:217,157,35}
.plan-select{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.plan:has(.plan-select:checked){background:var(--tier-tint);border-color:var(--tier-accent);box-shadow:inset 0 0 0 1px var(--tier-accent),0 8px 24px var(--tier-shadow)}
.plan:has(.plan-select:focus-visible){outline:3px solid var(--tier-accent);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.plan:hover{border-color:var(--tier-accent);transform:translateY(-4px);box-shadow:0 0 0 1px rgba(var(--tier-glow),.28),0 0 24px rgba(var(--tier-glow),.22),0 14px 36px rgba(var(--tier-glow),.16)}.plan:has(.plan-select:checked):hover{box-shadow:inset 0 0 0 1px var(--tier-accent),0 0 28px rgba(var(--tier-glow),.28),0 14px 36px rgba(var(--tier-glow),.2)}}
.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.plan-heading h2{font-size:23px;font-weight:750;color:var(--tier-accent)}
.plan-heading>span{font-size:12px;color:#777;white-space:nowrap}
.plan-heading .recommended-label{background:#ede5fc;color:#6d28d9;border-radius:5px;padding:5px 8px;font-weight:650}
.plan-description{font-size:13px;line-height:1.8;color:#666;margin:10px 0 26px}
.price{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
.price strong{font-size:45px;font-weight:700;line-height:1.2;letter-spacing:-1.7px;color:var(--tier-accent)}
.price>span{font-size:14px;color:#777}
.price-detail{font-size:12px;line-height:1.8;color:#666;margin:9px 0 22px;min-height:22px;flex-wrap:wrap}
.plan-features{list-style:none;margin:0;padding:19px 0 0;border-top:1px solid #ebebeb;display:grid;gap:12px;font-size:14px;line-height:1.5;color:#555}
.plan-features .plan-quota{font-size:16px;color:#171717;margin-bottom:3px}
.plan-quota strong{font-weight:750;color:var(--tier-accent)}
.plan-features .tier-benefit{color:var(--tier-accent);font-weight:550}
.tier-benefit strong{font-weight:750}
.plan-features .tier-upgrade{font-size:13px;font-weight:650;color:var(--tier-accent)}
.section-note{font-size:12px;line-height:1.8;color:#777;margin:15px 0 0}
.pricing-section{padding-top:44px}
.pricing-section-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.pricing-section-heading h2{font-size:21px}
.pricing-section-heading p{font-size:13px;line-height:1.7;color:#777;margin:0}
.trial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.trial-plan{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e4e4e4;border-radius:12px;padding:23px 25px}
.trial-plan h3{font-size:17px;font-weight:600;margin:0}
.trial-plan h3 span{font-size:12px;font-weight:400;color:#777;margin-left:9px}
.trial-plan p{font-size:13px;color:#666;margin:9px 0 0;line-height:1.6}
.trial-plan>strong{font-size:30px;font-weight:600;letter-spacing:-1px;white-space:nowrap}
.topup-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.topup{padding:21px 17px;background:#f7f7f7;border-radius:12px}
.topup h3{font-size:23px;font-weight:600;margin:0 0 12px;letter-spacing:-.5px}
.topup p{font-size:14px;margin:0 0 9px;color:#555}
.topup p strong{color:#171717;font-weight:600}
.topup>span{font-size:12px;color:#777;white-space:nowrap}
.pricing-notes{margin-top:44px;padding-bottom:28px}
.pricing-end{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.8;color:#777;margin:0;padding-top:23px;border-top:1px solid #e9e9e9}
.pricing-end a{color:#333;text-underline-offset:4px;white-space:nowrap}
.pricing-end strong{color:#166534;font-size:16px;font-weight:700;letter-spacing:.2px;user-select:all}
@media(max-width:1000px){.plan{padding:24px 20px}.price strong{font-size:40px}.price-detail{min-height:44px}.topup{padding:20px 13px}}
@media(max-width:700px){.pricing-intro{padding-top:20px}.plan-grid{grid-template-columns:1fr;gap:16px}.plan{padding:24px}.plan-description{margin-bottom:18px}.price strong{font-size:44px}.price-detail{min-height:22px;margin-bottom:19px}.plan-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;font-size:13px}.plan-features .plan-quota{grid-column:1 / -1}.plan-features li:nth-child(2){grid-column:1 / -1}.trial-grid{grid-template-columns:1fr;gap:12px}.trial-plan{padding:20px}.topup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topup{padding:20px}.pricing-section{padding-top:34px}.pricing-section-heading{gap:7px;flex-direction:column}.pricing-notes{margin-top:34px}.pricing-end{flex-direction:column;gap:8px}}
@media(max-width:360px){.plan{padding:22px 18px}.plan-features{font-size:12px}.trial-plan{padding:18px 15px}.trial-plan>strong{font-size:27px}.trial-plan p{font-size:12px}.topup{padding:18px 14px}}
@media(max-width:1000px) and (min-width:701px){.plan-description{min-height:47px}.plan-features .tier-benefit{min-height:42px}.plan-features .tier-upgrade{min-height:39px}.plan-features li:last-child{min-height:39px}}
@media(max-width:700px){.plan-features .tier-upgrade{grid-column:1 / -1}}
@media(prefers-reduced-motion:reduce){.plan,.billing-switch input:checked+span{transition:none}.plan:hover{transform:none}}