/* Direction prototype: live text + lightweight native card artwork, no external assets. */
.brand-name{font:750 15px/1.5 var(--sans);margin-left:8px}.gate .hero{text-align:left}.market-label{font:750 12px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;color:var(--body)}.gate .hero>h1{font:800 29px/1.2 var(--sans);letter-spacing:-.025em;margin:0 0 18px;max-width:100%;text-align:left}.topup-art{padding:20px 14px 14px;margin-bottom:18px;background:radial-gradient(ellipse at 80% 0,#ffdb8c 0,transparent 60%),linear-gradient(145deg,#f9d7b3,#f7e6d1 80%);border:1px solid #edc49f;border-radius:24px;overflow:hidden}.airtime-card{position:relative;min-height:165px;isolation:isolate;overflow:hidden;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,#fffdf1,#fff1ce);border:1px solid #fff8e4;box-shadow:0 12px 24px #9d3a2520;color:#6b281c}.airtime-card:after{content:'';position:absolute;width:190px;height:190px;border:24px solid #e8b36b24;border-radius:50%;right:-97px;top:-82px;z-index:-1}.card-kind{display:block;font:700 12px/1.5 var(--sans);max-width:70%}.value{display:flex;align-items:baseline;gap:6px;margin:4px 0 0;font-family:Arial,sans-serif;letter-spacing:-.06em}.value>span{font-weight:750;font-size:30px}.value>b{font-weight:800;font-size:83px;line-height:1.05;letter-spacing:-.065em}.local-value{display:block;font:600 12px/1.6 var(--sans);padding-right:36px;color:#794637}.card-chip{position:absolute;right:20px;bottom:20px;color:#a37535}.card-chip svg{width:34px;height:27px}.signal-bars{position:absolute;right:20px;top:21px;display:flex;gap:3px;align-items:flex-end;height:16px}.signal-bars i{width:4px;background:#a37535;border-radius:2px}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:12px}.signal-bars i:nth-child(4){height:16px}.network-label{font:650 11px/1.5 var(--sans);margin:17px 2px 8px;color:#754d3c}.networks ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none}.network-card{min-width:0;min-height:79px;padding:10px 5px 8px;border:1px solid #e6c7ac;border-radius:13px;background:#fffaf2;text-align:center;box-shadow:0 3px 8px #7e3e1510}.network-sim{display:block;margin:0 auto 5px;width:23px;height:18px;color:var(--network)}.network-sim svg{display:block;width:100%;height:100%}.network-card strong{display:block;font:800 16px/1.35 Arial,sans-serif;color:var(--network);overflow-wrap:normal;white-space:nowrap}.network-card small{display:block;font:650 10px/1.4 Arial,sans-serif;color:#6a5b51;margin-top:2px}.network-0{--network:#1559c9}.network-1{--network:#087c50}.network-2{--network:#ba2837}[data-market=VN] .network-0{--network:#b71c39}[data-market=VN] .network-1{--network:#0874b3}[data-market=VN] .network-2{--network:#1854b4}[data-market=KH] .network-0{--network:#148045}[data-market=KH] .network-1{--network:#b53529}[data-market=KH] .network-2{--network:#b96008}.gate>.primary{margin-top:0}.cta-note{text-align:left;font-size:12px;line-height:1.6;margin:9px 0 20px}.visual-steps img{height:58px}.visual-steps strong{font-size:12px}.visual-steps span:last-child{font-size:11px}.screen[data-view=form] .region-badge{font-size:12px;padding:8px 10px}.screen[data-view=form] .lede{font-size:14px;margin:8px 0}.screen[data-view=form] h1{font-family:var(--sans)}:lang(vi) .gate .hero>h1{font-size:27px;line-height:1.3}:lang(km) .gate .hero>h1{font:750 24px/1.65 var(--sans);letter-spacing:0;margin-bottom:12px}:lang(km) .market-label{letter-spacing:0;line-height:1.8}:lang(km) .card-kind,:lang(km) .local-value,:lang(km) .network-label{line-height:1.9}:lang(km) .cta-note{font-size:12px;line-height:1.85}:lang(km) .topup-art{padding-top:16px}:lang(km) .airtime-card{min-height:173px}.brand svg{flex:none}.brand{min-width:0}.brand-name{max-width:220px}[data-skin=b] .topup-art{background:radial-gradient(ellipse at 80% 0,#48398d,transparent 65%),linear-gradient(130deg,#142644,#233d60);border-color:#526180}[data-skin=b] .airtime-card{background:linear-gradient(120deg,#f0f5ff,#cfdefb);color:#172f5b;border-color:#b5c9ed;box-shadow:0 12px 24px #0003}[data-skin=b] .local-value{color:#354f76}[data-skin=b] .card-chip,[data-skin=b] .signal-bars{color:#6c82a6}[data-skin=b] .signal-bars i{background:#6c82a6}[data-skin=b] .network-label{color:#e1e7f6}[data-skin=b] .network-card{background:#f7f9ff;border-color:#9cafd4}
@media(max-width:350px){.gate .hero>h1{font-size:25px;margin-bottom:13px}.topup-art{padding:14px 11px 12px;border-radius:19px;margin-bottom:14px}.airtime-card{min-height:142px;padding:14px 16px}.value>b{font-size:69px}.value>span{font-size:27px}.network-label{margin-top:13px}.networks ul{gap:6px}.network-card{min-height:72px;padding:9px 3px 7px}.network-card strong{font-size:14px}.brand-name{font-size:13px}:lang(vi) .gate .hero>h1{font-size:24px}:lang(km) .gate .hero>h1{font-size:21px}:lang(km) .airtime-card{min-height:157px}.card-chip{right:13px;bottom:17px}.local-value{font-size:11px}}
@media(prefers-reduced-motion:reduce){.topup-art *{animation:none!important;transition:none!important}}
/* Cross-review: compact value panel; prioritize recognizable carrier names. */
.topup-art{padding:12px}.airtime-card{min-height:0;padding:12px 18px}.value>b{font-size:68px}.value>span{font-size:29px}.network-label{margin:10px 2px 6px}.network-card{min-height:72px;padding:8px 4px}.network-card small{font-size:12px}.card-chip{bottom:17px}.network-card strong{font-size:16px}:lang(km) .airtime-card{min-height:0}:lang(km) .topup-art{padding-top:12px}:lang(km) .value>b{font-size:62px}
@media(max-width:350px){.topup-art{padding:12px}.airtime-card{padding:10px 15px;min-height:0}.value>b{font-size:62px}.value>span{font-size:26px}.network-card{min-height:72px}.network-card strong{font-size:14px}.network-card small{font-size:12px}:lang(km) .airtime-card{min-height:0}:lang(km) .value>b{font-size:58px}}