/* Local pricing concept approved by Hoai on 2026-09-29. */
#pricing .plans-refined{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);gap:26px;align-items:stretch}
#pricing .plan-refined{min-width:0;margin:18px 0;padding:30px 28px 28px;background:#101012;border:1px solid #242428;border-radius:16px;box-shadow:none}
#pricing .plan-refined.featured{margin:0;border-color:#37373c;box-shadow:0 0 0 8px #202024,inset 0 1px 0 #ffffff05}
#pricing .plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:26px}
#pricing .plan-heading h3{font-family:Inter,sans-serif;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:0;white-space:nowrap}
#pricing .plan-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #293b54;border-radius:999px;background:#171e28;color:#3b9bff;font-size:10px;line-height:1.2;font-weight:500;white-space:nowrap}
#pricing .plan-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:#31557f}
#pricing .plan-price-block{min-height:56px}
#pricing .plan-reference{min-height:22px;margin:7px 0 0;color:#96969d;font-size:15px;line-height:1.4}
#pricing .plan-reference s{text-decoration-thickness:1px}
#pricing .plan-reference>span{font-size:12px;color:#87878e}
#pricing .plan-price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:nowrap}
#pricing .plan-price-row .plan-reference-inline{min-height:0;margin:0;flex:0 0 auto;white-space:nowrap}
#pricing .plan-price-row+.price-period{margin-top:39px}
#pricing .plan-savings{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 10px;border:1px solid #234b35;border-radius:999px;background:#14271c;color:#67efa1;font-size:12px;line-height:1.2;font-weight:600;white-space:nowrap}
#pricing .plan-savings>.ui-icon{width:13px;height:13px;flex-shrink:0}
#pricing .plan-savings.no-savings{padding:7px 8px;color:#96969d;background:#17171a;border-color:#2b2b31;font-size:11px;font-weight:400}
#pricing .no-savings>.ui-icon{color:#8a98ae}
#pricing .price{display:flex;align-items:baseline;font-size:48px;line-height:1.05;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
#pricing .price>span{font-size:inherit;letter-spacing:inherit;color:inherit}
#pricing .price-period{margin:10px 0 0;font-size:14px;line-height:1.5;color:#a0a0a6}
#pricing .plan-comparison{display:flex;align-items:baseline;gap:7px;margin:9px 0 0;font-size:12px;line-height:1.5;color:#87878e}
#pricing .plan-comparison s{font-size:13px;color:#96969d;text-decoration-thickness:1px;white-space:nowrap}
#pricing .plan-base{color:#77777e}
#pricing .plan-description{min-height:68px;margin:18px 0 24px;font-size:14px;line-height:1.6;color:#939399}
#pricing .plan-benefits{display:flex;flex-direction:column;gap:14px;margin:0 0 30px;padding:0;border:0;list-style:none}
#pricing .plan-benefits li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:0;color:#96969d;font-size:14px;line-height:1.55}
#pricing .plan-benefits li:before{display:none}
#pricing .plan-benefits .benefit-savings>span{color:inherit;font-weight:inherit}
#pricing .plan-benefits li>.benefit-icon{flex:0 0 25px;width:25px;height:25px;margin:-2px 0 0;color:#42e887}
#pricing .benefit-icon circle{fill:#102018;stroke:#1a2a21;stroke-width:1}
#pricing .plan-benefits .benefit-no>.benefit-icon{color:#8a98ae}
#pricing .benefit-no .benefit-icon circle,#pricing .benefit-neutral .benefit-icon circle{fill:#141416;stroke:#25252a}
#pricing .plan-benefits .benefit-neutral>.benefit-icon{color:#74747c}
#pricing .plan-benefits .benefit-neutral>span{color:#77777e}
#pricing .plan-refined .button{align-self:flex-start;width:auto;margin-top:auto}
#pricing .plan-refined .button-inner{font-size:14px;min-height:34px;padding:8px 15px}
.benefit-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:768px) and (max-width:1000px){
 #pricing .plans-refined{gap:22px}
 #pricing .plan-refined{padding:25px 18px}
 #pricing .plan-heading{flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:36px;gap:10px}
 #pricing .plan-heading h3{font-size:22px}
 #pricing .price{font-size:42px}
 #pricing .price-period{font-size:13px}
 #pricing .plan-comparison{flex-wrap:wrap;gap:2px 6px}
 #pricing .plan-price-block{min-height:56px}
 #pricing .plan-price-row{min-height:0;flex-direction:row;align-items:baseline;gap:12px}
 #pricing .plan-description{min-height:90px}
 #pricing .plan-benefits{gap:15px}
 #pricing .plan-benefits li{font-size:12px;gap:9px;min-height:38px}
 #pricing .plan-refined .button-inner{font-size:12px;padding:8px 11px}
}
@media(max-width:767.98px){
 #pricing .plans-refined{grid-template-columns:1fr;gap:32px;max-width:440px;margin:0 auto}
 #pricing .plan-refined{margin:0;padding:28px 25px}
 #pricing .plan-heading{margin-bottom:24px}
 #pricing .plan-heading h3{font-size:25px}
 #pricing .price{font-size:48px}
 #pricing .plan-price-block{min-height:0}
 #pricing .plan-description{min-height:0;margin:25px 0 28px;font-size:15px}
 #pricing .plan-benefits{gap:16px;margin-bottom:32px}
 #pricing .plan-benefits li{font-size:14px}
 #pricing .plan-refined .button-inner{min-height:36px;font-size:14px}
}
@media(max-width:360px){
 #pricing .plan-refined{padding:25px 19px}
 #pricing .plan-heading{gap:6px}
 #pricing .plan-heading h3{font-size:23px}
 #pricing .plan-badge{font-size:8px;padding:6px}
}