@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;500;600;700;800&display=swap');
/* Localization only; sizing and responsive layout come from the Philippines source. */
body{font-family:Inter,'Noto Sans Khmer',Arial,sans-serif}
.language-switch{display:flex;align-items:center;gap:4px;flex:none;margin-left:auto;margin-right:12px}
.language-switch button{font-family:Inter,'Noto Sans Khmer',sans-serif;font-size:12px;line-height:1.5;color:#fff;border:1px solid #44364f;background:transparent;border-radius:9px;padding:7px 9px;cursor:pointer;touch-action:manipulation}
.language-switch button[aria-pressed=true]{border-color:#62efd0;color:#62efd0}
.language-switch button:focus-visible{outline:2px solid #62efd0;outline-offset:3px}
header{z-index:10010;gap:10px}
header nav{display:none}
.notice-modal{top:84px!important}
#whatsappLink{background:#25d366;color:#04190c}
.contact-row [aria-disabled=true]{opacity:.5;pointer-events:none;cursor:default}
button:disabled{opacity:.5;cursor:default}
#directoryStatus:empty{display:none}#directoryStatus{color:#c9afff;font-size:14px}
#simExchangeWrap[hidden]{display:none!important}
/* Parallel language copies reserve the same space, so switching does not shift CTAs. */
.hero .hero-language-pair{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;width:100%;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;animation:none;filter:none}
.hero .hero-language-pair>[lang]{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;animation:none;filter:none}
.hero .hero-language-pair>[lang=en]{font-family:Inter,Arial,sans-serif}
.hero .hero-language-pair>[lang=km]{font-family:'Noto Sans Khmer',sans-serif;letter-spacing:0;line-height:inherit}
html[lang=en] .hero .hero-language-pair>[lang=en],html[lang=km] .hero .hero-language-pair>[lang=km]{visibility:visible;pointer-events:auto}
.hero-actions a{display:grid;align-items:center}
.hero h1 em{display:inline-block;width:100%}
/* Use the Philippines image framing with gentle motion and no zoom animation. */
.giant-visual img{filter:none;animation:cambodiaFloat 12s ease-in-out infinite!important;transform:none!important}
@keyframes cambodiaFloat{0%,100%{translate:0 0;rotate:0deg}25%{translate:0 -4px;rotate:.12deg}75%{translate:0 4px;rotate:-.12deg}}
@media(max-width:900px){.notice-modal{top:76px!important}.language-switch{margin-right:0}.brand b{font-size:20px}}
@media(max-width:600px){
 header{padding-inline:14px}.brand{gap:7px}.brand b{font-size:16px}.brand .paxon-mark{width:36px;height:30px}
 .language-switch{gap:3px}.language-switch button{font-size:10px;padding:6px 5px}
 .notice-modal{top:70px!important}
 body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 body>.mobile-platform-cta{position:fixed!important;top:auto!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;left:50%!important;transform:translateX(-50%)!important}
 .hero-actions{display:grid;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.giant-visual img{animation:none!important;translate:none!important;rotate:none!important}}

/* Match the reference line boxes, independently of Khmer font metrics. */
.hero .eyebrow{line-height:1.2}
.hero-actions a{line-height:20px}
.hero h1 em .hero-language-pair,.hero h1 em .hero-language-pair>[lang]{line-height:inherit}


@media(min-width:401px) and (max-width:600px){.brand b{font-size:23px}.brand .paxon-mark{width:43px;height:34px}.brand{gap:13px}}