/* V11: readable multilingual typography, shared with the future app. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600&family=Noto+Sans+Thai:wght@400;500;600&family=Be+Vietnam+Pro:wght@400;500;600&display=swap');
:root{--ui-font:'Inter','Noto Sans SC',sans-serif;--text-muted:#6e7c92}
html[lang='zh-CN']{--ui-font:'Inter','Noto Sans SC',sans-serif}html[lang='zh-TW']{--ui-font:'Inter','Noto Sans TC',sans-serif}html[lang='th']{--ui-font:'Noto Sans Thai','Inter',sans-serif}html[lang='vi']{--ui-font:'Be Vietnam Pro','Inter',sans-serif}
body,button,input,select{font-family:var(--ui-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-size:16px;line-height:1.65}
h1,h2,h3,p,.label,.btn,.feature-badge,.feature-number,.feature-footer,.console-heading,.modal-title,.language-picker{font-family:var(--ui-font)}
#lang{display:none!important}.language-picker{display:flex;align-items:center;gap:7px;flex-shrink:0;color:inherit}.language-picker>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.language-picker select{appearance:auto;background:transparent;color:inherit;border:0;font:500 12px var(--ui-font);max-width:135px;padding:7px 0;cursor:pointer;outline-offset:4px}.language-picker option{background:#fff;color:#1d2738}
.site-header nav{font-size:13px;gap:19px}.header-actions{gap:18px}.site-header .btn{font-size:13px;gap:20px;min-height:47px}
.story-kicker{font-size:11px}.story-copy h1{font-family:var(--ui-font);font-weight:500;letter-spacing:-.045em;line-height:1.17}.story-copy>p{font-size:16px;line-height:1.85}.story-benefits{font-size:13px}.story-cta{font-size:15px;min-height:54px}.story-gift{font-size:12px}.story-bottom{font-size:10px}.story-bottom>a{font-size:13px}.story-image-note{font-size:11px;color:#fff9}
.label{font-size:12px;letter-spacing:.1em;line-height:1.65}.product-overview .hero-copy>.label{font-size:11px}.product-overview h2{font-family:var(--ui-font);font-size:44px;line-height:1.25}.product-overview .hero-desc{font-size:15px;line-height:1.9}.product-overview .hero-actions>.btn{font-size:14px;min-height:51px}.product-overview .hero-actions>.text-link{font-size:13px}.product-overview .hero-note{font-size:12px}.product-overview .hero-actions{flex-wrap:wrap;gap:15px 22px}.visual-disclaimer{font-size:10px}
.product-bar>span:first-child{font-size:13px}.product-bar>div{font-size:13px}.product-bar .bar-end{font-size:10px}
.section-heading h2,.payments-heading h2{font-family:var(--ui-font);font-size:42px;line-height:1.28;letter-spacing:-.04em}.section-heading>p,.payments-heading>p{font-size:15px;line-height:1.85;max-width:420px}.section-heading{gap:30px}
.feature-badge{font-size:10px}.feature-number{font-size:10px}.feature-intro{display:block}.feature-intro h3{font-family:var(--ui-font);font-size:29px;line-height:1.3}.feature-intro p{font-size:13px;line-height:1.8;max-width:none;margin-top:12px;min-height:47px}.feature-intro p br{display:none}.feature-footer{font-size:12px;line-height:1.6}.feature-footer>small{font-size:10px}.console-heading{font-size:12px}.console-actions small{font-size:10px}.asset-choice span{font-size:10px}.asset-peek b{font-size:12px}.asset-peek small{font-size:10px}.gift-peek div>span{font-size:10px}.card-contact-badge{font-size:9px}.feature-top{gap:7px}.detail-panel .feature-scene{margin-top:18px}
.payment-tile h3{font-size:16px;line-height:1.5}.payment-type{font-size:12px}.payment-tile{min-height:190px}.local-payment-link>span:nth-child(2){font-size:13px;line-height:1.7;max-width:none}.payments-heading{max-width:840px}.payments-heading>p{max-width:none}.payment-symbol{margin-top:22px;margin-bottom:12px}
.scan-copy h2{font-size:37px;line-height:1.3}.scan-copy .label{font-size:11px}.scan-copy>p{font-size:15px;line-height:1.85}.scan-steps>div{font-size:14px;line-height:1.7}.scan-steps b{font-size:10px;flex-shrink:0}.scan-copy>.btn{font-size:14px}.scan-fine{font-size:12px;line-height:1.8}.scan-feature-tag b{font-size:14px}.scan-feature-tag small{font-size:11px}.scan-location{font-size:10px}.scan-section{gap:60px}
.welcome-copy>.label{font-size:11px}.welcome-copy h2{font-size:37px;line-height:1.3}.welcome-copy>p{font-size:15px;line-height:1.85}.welcome-copy>.btn{font-size:14px}.welcome-offer>span:first-child{font-size:12px}.offer-tag{font-size:10px}.offer-fine{font-size:12px;line-height:1.8}.welcome-offer small{font-size:15px}
.journey .section-heading h2{font-size:40px}.step{height:auto;min-height:138px;padding:20px}.step h3{font-size:16px;line-height:1.6}.step p{font-size:13px;line-height:1.7}.step>span{font-size:12px}.step-detail{gap:25px}.step-detail>div>span{font-size:11px}.step-detail h3{font-size:23px;line-height:1.5}.step-detail p{font-size:14px;line-height:1.85}.step-detail .btn{font-size:14px;white-space:normal;line-height:1.6}.download-copy .label{font-size:11px}.download-copy h2{font-size:30px;line-height:1.4}.download-copy p{font-size:14px;line-height:1.8}.download-section>.btn{font-size:14px}.download-section{gap:20px}
.faq-intro .label{font-size:11px}.faq-intro h2{font-size:37px;line-height:1.3}.faq-intro>p{font-size:15px;line-height:1.85}.faq-intro>.text-link{font-size:14px}.faq-list summary{font-size:16px;line-height:1.7;padding-right:25px}.faq-list details p{font-size:14px;line-height:1.9}.closing h2{font-size:43px;line-height:1.3}.closing .btn{font-size:14px}.footer-main>div>p{font-size:14px;line-height:1.8}.footer-links{font-size:14px}.footer-links b{font-size:14px}.footer-links button{font:inherit;text-align:left;line-height:1.7}.footer-bottom{font-size:12px;line-height:1.85}.footer-links>div{gap:12px}
.motion-control{font-size:11px}.motion-symbol{font-size:12px}.mobile-cta small{font-size:10px}.mobile-cta .btn{font-size:13px}.mobile-cta b{font-size:10px}
.modal-title{font-size:27px;line-height:1.35}.modal-eyebrow{font-size:11px}.modal-desc{font-size:14px;line-height:1.85}.preview-badge{font-size:12px;line-height:1.7}.form-field{font-size:13px}.field-hint{font-size:11px;line-height:1.7}.register-reward b{font-size:14px}.register-reward small{font-size:11px}.register-submit,.modal-full{font-size:14px;line-height:1.65;height:auto;min-height:49px;padding-top:11px;padding-bottom:11px}.modal-secondary{font-size:13px;line-height:1.7}.status-box h3{font-size:20px;line-height:1.4}.status-box p{font-size:14px;line-height:1.8}.signin-requirements>span{font-size:11px}.signin-requirements b{font-size:13px}.scan-flow-list p{font-size:14px;line-height:1.8}.scan-flow-list b{font-size:11px}.signin-path{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center;margin-top:20px;color:#7584a0;font-size:12px;line-height:1.8}.signin-path i{font-style:normal;color:#9caaca}.signin-path>span:last-child{color:#4f7e6c}
html[lang='th'] h1,html[lang='th'] h2,html[lang='th'] h3{letter-spacing:0;line-height:1.45}html[lang='th'] p{line-height:1.95}html[lang='vi'] h1,html[lang='vi'] h2,html[lang='vi'] h3{letter-spacing:-.03em;line-height:1.4}
@media(prefers-color-scheme:dark){.language-picker option{background:#222b3a;color:#ecf2ff}.signin-path{color:#a8b8d2}.signin-path>span:last-child{color:#a6d4c2}}
@media(max-width:1100px){.site-header nav{display:none;position:absolute;top:78px;left:24px;right:24px;padding:25px;border:1px solid #dbe1ed;border-radius:16px;background:#fff;color:#41516f;flex-direction:column;align-items:flex-start;gap:19px;font-size:15px;box-shadow:0 15px 30px #192a4b18}.site-header nav.open{display:flex}.site-header #menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:28px;height:30px}.site-header #menu i{display:block;width:23px;height:1.5px}.header-actions>.btn{display:none}.language-picker select{max-width:130px;font-size:12px}.site-header .header-actions{gap:20px}.section-heading h2,.payments-heading h2{font-size:36px}.section-heading>p,.payments-heading>p{font-size:14px}.scan-copy h2,.welcome-copy h2{font-size:32px}.detail-grid{gap:18px}.feature-badge{font-size:9px}.feature-number{display:none}.feature-link{margin-left:auto}.step-detail{align-items:flex-start}.download-copy h2{font-size:25px}.download-section>.btn{font-size:12px;gap:10px;padding:0 15px}.footer-main{gap:30px}.footer-links{gap:28px}}
@media(max-width:760px){.site-header{padding:0 20px}.site-header .brand>span{font-size:27px}.site-header .brand>img{width:32px;height:32px}.site-header .header-actions{gap:14px}.language-picker{gap:5px}.language-picker>svg{width:16px;height:16px}.language-picker select{max-width:116px;font-size:11px}.site-header nav,.site-header.is-scrolled nav{font-size:15px;gap:19px;top:74px}.story-inner{padding:98px 24px 27px}.story-kicker{font-size:10px}.story-copy h1{font-size:36px;line-height:1.25}.story-copy>p{font-size:14px;line-height:1.85}.story-gift{font-size:12px}.story-cta{font-size:14px;min-height:49px;gap:20px;padding:0 20px}.story-image-note{font-size:10px}.product-overview h2{font-size:32px}.product-overview .hero-copy>.label{font-size:10px}.product-overview .hero-desc{font-size:14px}.product-overview .hero-actions>.btn{font-size:13px;min-height:49px}.product-overview .hero-actions>.text-link{font-size:13px}.product-overview .hero-note{font-size:11px;flex-wrap:wrap;row-gap:8px}.product-bar{gap:16px;row-gap:15px}.product-bar>span:first-child{font-size:13px;width:100%}.product-bar>div{font-size:12px;gap:7px}.section-heading h2,.payments-heading h2,.journey .section-heading h2,.faq-intro h2{font-size:30px;line-height:1.35}.section-heading>p,.payments-heading>p{font-size:14px;margin-top:16px}.feature-badge{font-size:10px}.feature-intro h3{font-size:28px}.feature-intro p{font-size:13px;margin-top:13px}.feature-footer{font-size:11px;gap:8px;align-items:flex-start}.feature-footer>small{font-size:10px;max-width:90px;text-align:right}.feature-footer>span{align-items:flex-start}.feature-footer svg{margin-top:2px}.payment-tile h3{font-size:15px}.payment-type{font-size:11px}.payment-tile{min-height:180px}.local-payment-link{gap:9px;align-items:center}.local-payment-link>span:nth-child(2){font-size:12px;max-width:165px}.scan-copy h2,.welcome-copy h2{font-size:29px;line-height:1.4}.scan-copy>p,.welcome-copy>p{font-size:14px}.scan-steps>div{font-size:13px}.scan-fine,.offer-fine{font-size:12px}.scan-copy .label,.welcome-copy>.label{font-size:11px}.scan-copy>.btn,.welcome-copy .btn{font-size:14px}.scan-feature-tag small{font-size:10px}.scan-location{font-size:9px}.welcome-offer>span:first-child{font-size:11px}.offer-tag{font-size:9px}.welcome-offer>b{font-size:26px}.welcome-offer small{font-size:13px}.steps{gap:10px}.step{min-height:145px;padding:17px}.step h3{font-size:15px;line-height:1.6}.step p{font-size:12px;line-height:1.7}.step>span{font-size:11px}.step-detail h3{font-size:21px}.step-detail p{font-size:14px}.step-detail .btn{font-size:13px}.download-copy .label{font-size:10px}.download-copy h2{font-size:23px}.download-copy p{font-size:13px}.download-section{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:24px}.download-section>.btn{grid-column:1/-1;font-size:14px;min-height:49px;padding:0 20px;justify-content:space-between}.faq-intro>p{font-size:14px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}.closing h2{font-size:30px}.closing .btn{font-size:14px}.footer-main>div>p,.footer-links,.footer-links b{font-size:14px}.footer-bottom{font-size:12px}.motion-control{font-size:10px;bottom:93px}.motion-symbol{font-size:11px}.mobile-cta .btn{font-size:12px;gap:12px;padding:0 17px}.mobile-cta small{font-size:10px}.mobile-cta b{font-size:10px}.modal-title{font-size:24px}.modal-eyebrow{font-size:10px}.modal-desc{font-size:13px}.preview-badge{font-size:11px}.form-field{font-size:13px}.field-hint{font-size:11px}.register-reward b{font-size:12px}.register-reward small{font-size:10px}.register-submit{font-size:13px}.register-reward{align-items:flex-start}.register-reward small{line-height:1.8}.modal-secondary{font-size:13px}.signin-requirements{gap:6px}.signin-requirements>span{padding:10px 8px;font-size:10px}.signin-requirements b{font-size:12px}.signin-path{font-size:12px}}
@media(max-width:360px){.site-header{padding:0 16px}.site-header .brand>span{font-size:24px}.site-header .brand>img{width:29px;height:29px}.language-picker select{max-width:96px;font-size:10px}.header-actions{gap:9px!important}.story-copy h1{font-size:32px}.story-copy>p{font-size:14px}.feature-badge{font-size:9px}.step{padding:13px}.step h3{font-size:14px}.local-payment-link>span:nth-child(2){max-width:140px}}
@media(prefers-color-scheme:dark) and (max-width:1100px){.site-header nav,.site-header.is-scrolled nav{background:#1b222d;border-color:#42506a;color:#d8e3f5}}
.site-header nav a{white-space:nowrap}
@media(min-width:1101px) and (max-width:1550px){html:is([lang='en'],[lang='ms'],[lang='id'],[lang='th'],[lang='vi']) .site-header nav{display:none;position:absolute;top:78px;left:28px;right:28px;padding:25px;border:1px solid #dbe1ed;border-radius:16px;background:#fff;color:#41516f;flex-direction:column;align-items:flex-start;gap:19px;font-size:15px;box-shadow:0 15px 30px #192a4b18}html:is([lang='en'],[lang='ms'],[lang='id'],[lang='th'],[lang='vi']) .site-header nav.open{display:flex}html:is([lang='en'],[lang='ms'],[lang='id'],[lang='th'],[lang='vi']) #menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:28px;height:30px}html:is([lang='en'],[lang='ms'],[lang='id'],[lang='th'],[lang='vi']) #menu i{display:block;width:23px;height:1.5px}html:is([lang='en'],[lang='ms'],[lang='id'],[lang='th'],[lang='vi']) .header-actions>.btn{display:none}}
@media(prefers-color-scheme:dark) and (min-width:1101px) and (max-width:1550px){html:is([lang='en'],[lang='ms'],[lang='id'],[lang='th'],[lang='vi']) .site-header nav{background:#1b222d;border-color:#42506a;color:#d8e3f5}}