/* R4: legibility, guided interaction and eight-language layouts. */
.line-copy{white-space:pre-line}
.merchant-approved h2.line-copy,.so99-approved h2.line-copy{white-space:pre-line}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans Thai","Noto Sans Lao","Noto Sans Myanmar","Noto Sans Khmer",sans-serif}
.light .lead,.guide-content p,.guide-content li,.legal-content p,.support-notes p{color:#47627d}
.light .eyebrow{color:#526f88}.light .glass:not(.so99-cta){border-color:#bdd5e9;border-top-color:#fff;background:linear-gradient(135deg,#ffffffcf,#e7f3ff91);box-shadow:inset 0 1px 0 #fff,0 6px 20px #2449710c}
.light .glass:not(.so99-cta):hover{border-color:#75afdc;box-shadow:inset 0 1px 0 #fff,0 8px 24px #24558819}
.wallet-interface{border-color:#bed8ec;box-shadow:inset 0 1px 0 #fff,0 22px 60px #35629417}.wallet-account-line,.art-caption,.payment-row span,.example-note,.support-links p{color:#536f87}.wallet-ui-actions svg{box-shadow:inset 0 1px 0 #fff,0 5px 14px #28649a0f}
.art-caption{font-size:11px}.payment-row span{font-size:12px;line-height:1.6}.payment-row{min-height:84px}.payment-row>div{min-width:0}.payment-row strong{line-height:1.5}.payment-row svg{stroke-width:1.65}
.desktop-nav a{position:relative;line-height:1.6}.desktop-nav a.is-current{color:#fff}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:#8bd3ff;border-radius:2px;opacity:0;transform:scaleX(.5);transition:opacity .2s,transform .2s}.desktop-nav a.is-current:after{opacity:1;transform:scaleX(1)}
.language-menu{position:relative;color:#eaf6ff;flex-shrink:0}.language-trigger.glass{list-style:none;min-height:44px;padding:11px 18px;border-radius:999px;cursor:pointer;gap:9px;overflow:visible;font-size:13px;color:#eaf6ff!important;background:linear-gradient(130deg,#c4e5ff2e,#689fd712 57%,#9acbf728)!important;border-color:#aacce16b!important;box-shadow:inset 0 1px 1px #ecfaff55,0 9px 24px #00102c26!important}.language-trigger::-webkit-details-marker{display:none}.language-trigger>svg{width:19px;height:19px;stroke-width:1.45}.language-trigger .language-chevron{width:12px;height:12px;transition:transform .2s}.language-menu[open] .language-chevron{transform:rotate(180deg)}.language-trigger:before{display:none}
.language-options{position:absolute;right:0;top:calc(100% + 13px);width:240px;max-height:min(70vh,440px);overflow:auto;padding:10px;background:linear-gradient(140deg,#153456f5,#071b35fa);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid #b9defb69;border-radius:18px;box-shadow:0 20px 60px #00102c55,inset 0 1px 0 #ffffff40;z-index:90}
.language-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:9px 14px;color:#e7f3ff;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;font-size:14px;line-height:1.8}.language-options button:hover{background:#8fccff17;border-color:#b5dfff32}.language-options button[aria-pressed=true]{background:linear-gradient(120deg,#8dcaff33,#4d9bea16);border-color:#acd9ff59;color:#fff}.language-tick{opacity:0}.language-options button[aria-pressed=true] .language-tick{opacity:1;color:#9cdcff}.language-options button:focus-visible{outline-offset:-3px}
.packet-tabs{gap:9px;max-width:590px}.packet-tabs .glass{min-height:42px;padding:10px 14px;line-height:1.5}.packet-tabs .is-active{border-color:#a2ddff;box-shadow:inset 0 1px 0 #fff9,0 0 20px #68b6ff20}.packet-description p{color:#c4d8e9;line-height:1.9;min-height:75px}.packet-description{min-height:145px}.cover-settings{border-top-color:#c1dcf12e}.cover-settings small{color:#a4bdd2;font-size:11px;line-height:1.7}.cover-settings .mini-label{font-size:12px;color:#d0e1ef}.cover-swatches{gap:14px}.swatch-label{letter-spacing:.8px}
.payment-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr) minmax(0,1fr);gap:32px;align-items:center}
.payment-demo{position:relative;padding:20px;border:1px solid #c3dced;border-radius:23px;background:linear-gradient(145deg,#ffffffeb,#e8f3ff91);box-shadow:inset 0 1px 0 #fff,0 20px 45px #1a4d7912;min-width:0}
.demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#325675;font-size:12px;font-weight:600;margin-bottom:18px}.demo-top small{font-size:10px;color:#60798c;font-weight:400}.demo-input{display:flex;align-items:center;gap:10px;border-radius:10px;background:#e6f1faf2;padding:12px;border:1px solid #cfe1ee}.demo-input svg{color:#147ed0;width:17px;height:17px}.demo-input code{font-size:13px;white-space:nowrap;color:#173f62}.demo-card{display:flex;align-items:center;gap:14px;margin-top:13px;padding:16px 13px;border:1px solid #bdd9ee;border-radius:12px;background:linear-gradient(130deg,#fff,#ecf6fe);transition:opacity .5s,transform .5s;min-height:83px}.demo-card-icon{display:grid;place-items:center;width:36px;height:42px;border:1px solid #c4e1f7;border-radius:11px;color:#147dd1;background:#e5f3ff;flex-shrink:0}.demo-card strong{font-size:12px;display:block;line-height:1.5;color:#345772}.demo-card b{display:block;font-size:20px;line-height:1.5;font-weight:550}.demo-card b small{font-size:11px;font-weight:500;margin-left:3px}.payment-demo[data-step="0"] .demo-card{opacity:.42;transform:translateY(3px)}.payment-demo[data-step="2"] .demo-card{border-color:#66abe0;box-shadow:0 0 0 3px #5aa4dc0b}.payment-demo>p{font-size:12px;line-height:1.7;margin:16px 0;min-height:42px;color:#3a5a75}.demo-steps{display:flex;gap:6px}.demo-steps .glass{flex:1;min-width:0;font-size:11px;line-height:1.6;padding:8px 4px;min-height:37px;border-radius:8px}.demo-steps .is-active{color:#0763a9;border-color:#87bce3!important;background:linear-gradient(135deg,#fff,#cee7ff)!important}.demo-disclaimer{display:block;font-size:10px;line-height:1.7;color:#60778a;text-align:center;margin-top:13px}.inline-demo{margin-top:38px;padding:24px 0;max-width:970px}.example-note{font-size:12px;line-height:1.7}.demo-modes .text-button{min-height:38px;font-size:12px}.command-example code{font-size:20px}
.return-wallet{margin-top:22px;display:flex;width:max-content;max-width:100%;color:#075c9e!important}.guide-band>div:first-child>.text-link{display:flex}.getting-steps{gap:24px}.getting-steps p{font-size:12px;line-height:1.7}.getting-steps strong{line-height:1.6}.footer-main nav{flex-wrap:wrap}.footer-bottom{font-size:11px;color:#657c91;line-height:1.7}.technical-support{font-size:11px;color:#687f94}.site-footer .brand{flex-shrink:0}
.guide-hero{padding:48px 0 32px}.guide-hero h1{font-size:clamp(34px,4vw,54px);margin-bottom:19px}.guide-hero .lead{margin-bottom:0;max-width:750px}.guide-layout{grid-template-columns:215px minmax(0,1fr);gap:55px;padding-top:38px}.guide-nav{top:100px;max-height:calc(100vh - 125px);padding-right:12px}.guide-nav a{line-height:1.65;font-size:12px;color:#47647d;padding:8px 14px}.guide-group{display:block;padding:24px 14px 9px;font-size:12px;font-weight:650;color:#153f63}.guide-group:first-child{padding-top:0}.guide-nav a.is-current{color:#075fa8;background:#e4f1fc;border-left-color:#087bd7}.guide-content section{padding-bottom:40px;margin-bottom:40px;scroll-margin-top:96px}.guide-content h2{font-size:29px;line-height:1.45;letter-spacing:-.4px;margin-bottom:23px}.guide-steps{counter-reset:step;list-style:none;padding:0!important;margin:0 0 23px!important;display:grid;gap:12px}.guide-steps li{position:relative;counter-increment:step;padding:18px 20px 18px 57px!important;background:linear-gradient(130deg,#ffffffbd,#eff7ff80);border:1px solid #d1e2f0;border-radius:12px;font-size:14px;line-height:1.9;margin:0!important}.guide-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:18px;color:#1578bf;font-size:13px;font-weight:550}.guide-callout{font-size:13px!important;line-height:1.9;background:#e7f2fc;border-left-color:#7fb6dc;border-radius:0 10px 10px 0}.guide-command{background:#eaf4fd;border-color:#c0dcee;border-radius:12px;margin:18px 0 22px}.legal-content{max-width:900px}.support-links .glass{min-width:0}.support-links .glass div{min-width:0}.support-links h2{line-height:1.5}
/* Keep approved art positions; allow translated copy to wrap within its own area. */
html:not([lang^="zh"]) .hero h2{white-space:normal;max-width:1120px;margin-left:auto;margin-right:auto;font-size:clamp(22px,2.8vw,40px);line-height:1.45}
html:not([lang^="zh"]) .hero-description{letter-spacing:0;line-height:1.8}html:not([lang^="zh"]) .transfer-surface span{font-size:11px;letter-spacing:0}html:not([lang^="zh"]) .transfer-surface strong{font-size:22px;letter-spacing:0}
html:not([lang^="zh"]) .merchant-approved h2{white-space:pre-line;font-size:clamp(28px,3.1vw,47px);letter-spacing:-.7px}html:not([lang^="zh"]) .merchant-approved .lead{font-size:clamp(12px,1.15vw,18px);line-height:1.9}html:not([lang^="zh"]) .merchant-eyebrow{flex-wrap:wrap;gap:8px 12px;white-space:normal}.merchant-panel-pay,.merchant-panel-api{white-space:normal;text-align:center;width:32%;line-height:1.4;font-size:clamp(10px,1.15vw,18px)}html:not([lang^="zh"]) .merchant-panel-title{font-size:clamp(11px,1.2vw,19px)}
html:not([lang^="zh"]) .so99-approved h2{white-space:pre-line;font-size:clamp(24px,2.6vw,40px);letter-spacing:-.6px;line-height:1.45}html:not([lang^="zh"]) .so99-approved .lead{font-size:clamp(12px,1.15vw,18px);line-height:1.9}html:not([lang^="zh"]) .so99-approved .so99-cta.glass{white-space:normal;font-size:clamp(12px,1.3vw,20px)}.so99-cta-text{min-width:0}
html:is([lang="th"],[lang="lo"],[lang="my"],[lang="km"]) :is(h1,h2,h3,.eyebrow,.lead,.swatch-label){letter-spacing:0;line-height:1.65}html:is([lang="my"],[lang="km"]) .desktop-nav{gap:18px}html:is([lang="my"],[lang="km"]) .desktop-nav a{font-size:11px}html:is([lang="my"],[lang="km"],[lang="lo"]) .merchant-stage{min-height:550px}html:is([lang="my"],[lang="km"],[lang="lo"]) .merchant-approved .chapter-copy{top:17%}html:is([lang="my"],[lang="km"],[lang="lo"]) .so99-approved .chapter-copy{top:12%}html:is([lang="my"],[lang="km"],[lang="lo"]) .so99-approved h2{font-size:clamp(23px,2.25vw,36px);line-height:1.7;margin-bottom:16px}
@media(max-width:1100px){.header-inner{gap:20px}.desktop-nav{gap:17px}.desktop-nav a{font-size:11px}.payment-layout{gap:18px;grid-template-columns:1fr 250px 1fr}.payment-row{padding:16px 13px;gap:10px}.payment-row span{font-size:11px}.payment-row .row-arrow{display:none}.guide-layout{gap:30px;grid-template-columns:180px minmax(0,1fr)}.guide-band{gap:25px}.getting-steps{gap:18px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.header-inner{justify-content:space-between}.header-actions{margin-left:auto}.payment-layout{grid-template-columns:1fr 1fr;gap:22px}.payment-demo{grid-column:1/-1;grid-row:2;max-width:380px;width:100%;margin:0 auto}.payment-list:last-child{grid-column:2;grid-row:1}.guide-page .desktop-nav{display:flex;margin-left:auto;gap:14px}.guide-page .desktop-nav a{font-size:10px}.guide-page .desktop-nav a:last-child{display:none}.getting-steps{flex-wrap:wrap}.so99-approved .so99-cta.glass{overflow:hidden}}
@media(max-width:760px){.merchant-panel-pay,.merchant-panel-api{font-size:clamp(10px,2.6vw,16px)}html:not([lang^="zh"]) .merchant-panel-title{font-size:clamp(10px,2.9vw,18px)}html:not([lang^="zh"]) .merchant-approved h2{font-size:clamp(29px,5vw,40px)}html:not([lang^="zh"]) .merchant-approved .lead{font-size:14px}html:is([lang="my"],[lang="km"],[lang="lo"]) .merchant-stage{min-height:0}html:is([lang="my"],[lang="km"],[lang="lo"]) .merchant-approved .chapter-copy{top:auto}html:not([lang^="zh"]) .so99-approved h2{font-size:30px}html:not([lang^="zh"]) .so99-approved .lead{font-size:13px}html:is([lang="my"],[lang="km"],[lang="lo"]) .so99-approved .chapter-copy{top:auto}html:not([lang^="zh"]) .so99-stage{height:740px}html:not([lang^="zh"]) .so99-character{top:410px}html:not([lang^="zh"]) .so99-invitation{top:485px}html:not([lang^="zh"]) .so99-approved .so99-cta.glass{font-size:11px}.guide-content section{scroll-margin-top:84px}}
@media(max-width:640px){.header-inner{width:calc(100% - 32px);gap:10px}.header-actions{gap:8px}.header-inner .brand{font-size:21px}.header-inner .brand img{width:31px;height:31px}.language-trigger.glass{padding:10px 12px;font-size:12px;gap:7px}.language-trigger .language-chevron{display:none}.language-options{width:220px;right:0}.header-actions .icon-button{width:38px;height:42px}.guide-page .desktop-nav{display:none}.guide-page .header-actions .language-trigger{padding:10px 13px}.payment-layout{grid-template-columns:1fr;gap:22px}.payment-list:last-child{grid-column:auto;grid-row:auto}.payment-demo{grid-column:auto;grid-row:2;max-width:400px;padding:20px}.payment-row span{font-size:12px}.payment-row{padding:18px;min-height:82px}.payment-row .row-arrow{display:block}.payment-row svg{width:21px;height:21px}.demo-input code{font-size:15px}.demo-top{font-size:13px}.demo-top small{font-size:11px}.demo-steps .glass{min-height:44px;font-size:12px}.demo-disclaimer{font-size:11px}.payment-demo>p{font-size:13px;min-height:45px}.inline-demo{gap:20px;margin-top:26px}.example-note{font-size:12px}.packet-tabs{gap:8px}.packet-tabs .glass{font-size:12px;min-height:44px;padding:10px 12px}.packet-description{min-height:150px}.packet-description p{font-size:14px;min-height:80px}.cover-settings small{font-size:11px}.cover-swatches{gap:12px}.cover-settings .text-link{font-size:12px}.cover-settings>div:first-child{flex-wrap:wrap;gap:8px}.chapter .lead{font-size:15px}.guide-layout{grid-template-columns:1fr;gap:30px;padding-top:25px}.guide-nav{position:static;max-height:none;padding:0}.guide-nav nav{display:flex;flex-wrap:wrap;gap:8px}.guide-nav a{font-size:12px;padding:8px 11px}.guide-group{width:100%;padding:16px 0 4px}.guide-nav .mini-label{font-size:11px}.guide-hero{padding:37px 0 26px}.guide-hero h1{font-size:33px}.guide-content h2{font-size:25px}.guide-steps li{padding:17px 16px 17px 49px!important;font-size:14px;line-height:1.9}.guide-steps li:before{left:15px;top:17px}.guide-callout{font-size:13px!important}.guide-command code{font-size:14px;overflow-wrap:anywhere;min-width:0}.guide-command .copy-button{flex-shrink:0}.guide-band h2{font-size:29px}.return-wallet{margin-top:18px;min-height:46px}.getting-steps p{font-size:12px}.art-caption{font-size:10px}.support-notes p{font-size:14px}.footer-bottom{font-size:11px}.footer-main nav{font-size:12px}.technical-support{font-size:11px}.legal-content p{font-size:14px}html:not([lang^="zh"]) .hero h2{font-size:24px;line-height:1.55}html:not([lang^="zh"]) .hero-description{font-size:13px}html:not([lang^="zh"]) .transfer-surface strong{font-size:14px}html:not([lang^="zh"]) .so99-stage{height:660px}html:not([lang^="zh"]) .so99-character{top:370px}html:not([lang^="zh"]) .so99-invitation{top:437px}html:is([lang="my"],[lang="km"],[lang="lo"]) .so99-stage{height:740px}html:is([lang="my"],[lang="km"],[lang="lo"]) .so99-character{top:450px}html:is([lang="my"],[lang="km"],[lang="lo"]) .so99-invitation{top:517px}}
@media(max-width:360px){.header-inner .brand{font-size:18px;gap:6px}.header-inner .brand img{width:27px;height:27px}.header-actions{gap:5px}.header-actions .icon-button{width:32px}.language-trigger.glass{padding:9px;font-size:11px}.language-trigger>svg{width:17px;height:17px}.language-options{right:-30px}.packet-tabs .glass{font-size:11px}.payment-row .row-arrow{display:none}}
.motion-paused .payment-demo *,.motion-paused .desktop-nav a:after{transition:none!important}.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.payment-demo *,.desktop-nav a:after{transition:none!important}}

/* R5 release: retain approved artwork; keep Chinese title on two intentional lines. */
@media(min-width:761px){html[lang^="zh"] .so99-approved h2{font-size:clamp(28px,3.3vw,52px);letter-spacing:-1.2px}}
.guide-wallet-entry{margin-top:24px;display:inline-flex;color:#075c9e!important;min-height:46px}
.guide-finish{padding:26px 0 8px;border-top:1px solid #ccdeeb}.guide-finish .guide-wallet-entry{margin-top:0}
.document-updated{font-size:12px!important;color:#526f88!important;margin:0 0 30px}.document-updated time{margin-left:8px}
@media(max-width:640px){.guide-wallet-entry{width:100%;justify-content:center}.guide-nav{display:block}.guide-nav nav{display:flex}.guide-group{flex-basis:100%}}