/* B2B Thailand public gateway: quiet editorial layout, magenta retail cues. */
.gateway-page{background:#fff;color:#101f3b}.gateway-page main{max-width:1400px;padding-inline:48px}.gateway-page .shell{max-width:none}.landing-topline{display:flex;justify-content:space-between;gap:20px;background:#111f3a;color:#fff;padding:9px 22px;font-size:10px;letter-spacing:.3px;border-radius:0 0 6px 6px}.landing-nav{height:105px}.landing-wordmark{display:grid;grid-template-columns:auto 50px;column-gap:7px;width:148px;color:#0d1930;line-height:1;align-items:stretch}.landing-wordmark strong{font:900 43px/.9 Arial;letter-spacing:-3px}.landing-wordmark i{background:repeating-linear-gradient(90deg,#e01488 0 3px,transparent 3px 8px);height:38px;align-self:end;mask-image:linear-gradient(90deg,#000,transparent)}.landing-wordmark small{grid-column:1/-1;font:700 8px Arial;letter-spacing:5.5px;margin-top:8px}.landing-nav-links{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:600}.landing-nav-links :is(button,a){background:none;border:0;font-size:inherit;padding:0}.landing-nav .controls{gap:16px}.landing-nav-signin{padding:13px 20px}.premium-entry{grid-template-columns:minmax(0,1.6fr) minmax(320px,.85fr);border-radius:18px;border:1px solid #e6e4ed;box-shadow:0 16px 40px #0d193008;align-items:stretch}.landing-visual{background:#101f3b;display:flex;flex-direction:column;min-width:0}.landing-visual>img{width:100%;height:340px;object-fit:cover;object-position:70% 35%;display:block}.landing-hero-copy{padding:32px 38px 30px;color:white}.landing-hero-copy .eyebrow{color:#f097c9;font-size:9px;letter-spacing:1.7px}.landing-hero-copy h1{font-size:clamp(29px,3vw,45px);line-height:1.18;letter-spacing:-1.1px;font-weight:700;margin:15px 0}.landing-hero-copy h1 em{font-style:normal;color:#ff63b8}.landing-hero-copy p{font-size:13px;color:#d2d7e1;line-height:1.8;max-width:490px;margin:0}.landing-explore{display:inline-flex;gap:20px;align-items:center;font-size:12px;font-weight:600;margin-top:21px;color:white}.landing-explore span{color:#ff63b8}.premium-entry .gateway-entry{padding:36px;background:#fff}.landing-entry-icon{display:grid;place-items:center;width:42px;height:42px;background:#fceaf4;color:#d91687;border-radius:12px;margin-bottom:28px}.landing-entry-icon svg{width:22px;height:22px}.premium-entry .gateway-entry h2{font-size:29px;line-height:1.25;margin-top:12px}.premium-entry .entry-subtitle{margin-bottom:26px}.premium-entry .gateway-demo-note{font-size:10px;line-height:1.7}.gateway-register{font-weight:600}.landing-search-row{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:29px 0;border-bottom:1px solid #e9e8ee}.landing-search-row p{margin:0;font-size:13px}.landing-search-row p span{display:block;color:#81838d;font-size:11px;margin-top:5px}.landing-search-row form{display:flex;gap:12px;align-items:center;border:1px solid #e5e2e9;border-radius:10px;background:#faf9fc;width:48%;padding:6px}.landing-search-row form>.icon{margin-inline-start:12px;flex-shrink:0;color:#81838d;width:19px;height:19px}.landing-search-row input{border:0;background:transparent;min-width:0;flex:1;padding:10px 0;font-size:13px;outline-offset:0}.landing-search-row :is(button,a){width:42px;height:42px;padding:0;font-size:24px}.landing-section{margin:58px 0;scroll-margin-top:24px}.landing-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.landing-section-heading .eyebrow{font-size:9px;color:#c5207f;letter-spacing:1.8px}.landing-section h2,.landing-service h2,.landing-join h2,.landing-faq h2{font-size:28px;letter-spacing:-.5px;line-height:1.3;margin:9px 0 0}.landing-section-heading p{font-size:12px;color:#7f8290;margin:9px 0 0}.landing-text-link{background:none;border:0;padding:8px 0;color:#c8177d;font-size:12px;font-weight:600}.landing-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.landing-category{position:relative;text-align:start;background:#f5f4f8;border:1px solid #eeecf1;border-radius:12px;padding:20px 21px;overflow:hidden;transition:transform .18s,border-color .18s}.landing-category:hover{transform:translateY(-4px);border-color:#e095c0}.landing-category svg{width:100%;height:174px;display:block;filter:drop-shadow(0 13px 7px #14213b10)}.landing-category-number{position:absolute;inset-inline-start:19px;top:15px;font:10px Arial;color:#9b95a4}.landing-category-title{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;margin-top:13px}.landing-category-title i{font:18px Arial;color:#d21c86}.category-1{background:#eff5f6}.category-2{background:#f7f3ee}.category-3{background:#faf0f5}.landing-brands{padding:28px 0 30px;border-block:1px solid #ece9f0;display:flex;gap:36px;align-items:center}.landing-brands>div:first-child{width:205px;flex-shrink:0}.landing-brands h2{font-size:16px;line-height:1.4;margin:0 0 7px}.landing-brands p{font-size:10px;color:#8a8693;line-height:1.6;margin:0}.landing-brand-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:8px}.sample-brand{background:transparent;border:0;padding:12px 8px;text-align:center;direction:ltr;color:#3d4556;opacity:.82}.sample-brand:hover{color:#cf1780;opacity:1}.sample-brand strong{display:block;font:700 24px/1 Georgia,serif;letter-spacing:-1px}.sample-brand span{display:block;font:8px Arial;letter-spacing:2px;margin-top:7px}.sample-brand.brand-0 strong{font-family:Arial;font-weight:900;letter-spacing:-2px}.sample-brand.brand-2 strong{font-style:italic}.sample-brand.brand-4 strong{letter-spacing:2px;font-size:20px}.landing-demo-tag{font-size:10px;color:#8c7a88;background:#fbf0f7;padding:7px 11px;border-radius:20px;white-space:nowrap}.landing-offer-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr);gap:20px}.landing-featured-offer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);position:relative;overflow:hidden;background:#f3edf5;border-radius:14px;min-height:315px;padding-bottom:44px}.landing-offer-copy{padding:35px 0 17px;padding-inline-start:32px;z-index:1}.landing-offer-copy .eyebrow{font:9px Arial;letter-spacing:1.8px;color:#b9277c}.landing-offer-copy h3{font-size:29px;line-height:1.2;margin:14px 0 11px;letter-spacing:-.7px}.landing-offer-copy p{font-size:12px;color:#6d6375;line-height:1.7;max-width:300px}.landing-offer-copy :is(button,a){margin-top:10px;font-size:12px;padding:12px 20px}.landing-offer-copy>small{display:block;color:#9c8a98;font-size:9px;margin-top:12px}.landing-offer-art{position:relative;display:grid;place-items:center}.landing-offer-art svg{width:100%;max-width:280px;transform:rotate(-12deg);filter:drop-shadow(0 18px 12px #45294220)}.landing-bonus{position:absolute;top:27px;inset-inline-end:21px;background:#e6198b;color:white;display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;font:800 28px Arial;transform:rotate(8deg)}.landing-bonus span{font-size:19px;margin:0 3px}.landing-slider-controls{position:absolute;bottom:15px;inset-inline-start:32px;display:flex;align-items:center;gap:15px;direction:ltr}.landing-slider-controls :is(button,a){background:white;border:1px solid #e6dbe8;width:34px;height:34px;min-height:34px;border-radius:50%;padding:0}.landing-slider-controls span{font:10px Arial;color:#8c8093}.landing-members{background:#12213d;color:white;border-radius:14px;padding:29px 25px;display:flex;align-items:start;flex-direction:column;justify-content:center}.landing-members>span{color:#fc74bd}.landing-members>span svg{width:25px;height:25px}.landing-members h3{font-size:25px;line-height:1.25;margin:18px 0 8px}.landing-members p{color:#bec5d4;font-size:12px;line-height:1.8;margin-bottom:19px}.landing-members .landing-text-link{color:#f7b5da;font-size:11px;margin-top:7px}.landing-service{background:#101f3b;border-radius:16px;padding:39px 40px;color:white}.landing-service-heading{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px}.landing-service .eyebrow{color:#ed8cc4;font:9px Arial;letter-spacing:2px}.landing-service h2{color:white;max-width:700px}.landing-service-heading>p{color:#aebacf;font-size:12px;margin:13px 0 0}.landing-service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.landing-service-steps article{border-top:1px solid #334059;padding-top:22px}.landing-service-steps article>div{display:flex;justify-content:space-between;align-items:center;color:#fd70bb}.landing-service-steps article>div>span{font:10px Arial;color:#718299}.landing-service-steps svg{width:27px;height:27px}.landing-service-steps h3{font-size:17px;color:white;margin:15px 0 7px}.landing-service-steps p{font-size:11px;color:#bbc3d2;line-height:1.8;max-width:270px}.landing-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.landing-product{border:1px solid #e8e5ec;border-radius:12px;overflow:hidden;min-width:0}.landing-product-image{position:relative;background:#f7f6f9;padding:20px 15px 0}.landing-product-image>svg{display:block;width:100%;height:180px}.landing-product-image>span{position:absolute;top:12px;inset-inline-start:12px;font-size:9px;background:white;padding:5px 8px;border-radius:5px;color:#a53378}.landing-product-info{padding:19px}.landing-product-info>small{font:9px Arial;letter-spacing:1px;color:#8e8799}.landing-product h3{font-size:14px;margin:9px 0 18px;font-weight:600;min-height:38px}.landing-product-info :is(button,a){display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:none;border:0;padding:0;color:#c8167d;font-size:10px;text-align:start}.landing-product-info :is(button,a) i{font:22px Arial;background:#fbecf5;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0}.landing-join{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:39px 43px;background:linear-gradient(110deg,#f4edf5,#fff4fa);border:1px solid #f1e5ef;border-radius:16px}.landing-join .landing-wordmark{transform:scale(.7);transform-origin:top left;margin-bottom:-5px}.landing-join h2{max-width:570px;font-size:29px}.landing-join p{font-size:12px;color:#7e7185;line-height:1.8}.landing-join-actions{display:flex;flex-direction:column;gap:12px;min-width:220px}.landing-join-actions :is(button,a){padding:14px 20px}.landing-join-actions :is(button,a):not(.primary){background:white;border-color:#e3cddd;color:#a32270}.landing-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;margin:50px 0 30px}.landing-faq h2{font-size:25px}.landing-faq details{border-bottom:1px solid #ebe7ef;padding:15px 0}.landing-faq summary{cursor:pointer;font-size:13px;font-weight:600;min-height:28px}.landing-faq details p{color:#7a7584;font-size:12px;line-height:1.9;margin-bottom:3px}.coverage-details{margin-top:15px}.landing-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:32px 0 15px}.landing-bottom .landing-wordmark{transform:scale(.65);transform-origin:left center;width:110px}.landing-bottom>span{font-size:9px;color:#99909f}.landing-bottom>:is(button,a){background:none;border:1px solid #ebe6ef;font-size:10px;padding:9px 12px}.landing-login-modal{padding:14px 7px}.landing-login-modal h2{font-size:26px;line-height:1.3;margin:13px 0}.landing-login-modal>p{font-size:13px;color:#7f7587;line-height:1.8;margin-bottom:25px}.landing-login-modal .gateway-demo-note{font-size:11px;margin:12px 0 23px}.landing-login-modal .gateway-submit{margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gateway-page button:focus-visible,.gateway-page a:focus-visible{outline:3px solid #e05ca7;outline-offset:4px}.gateway-page footer{font-size:10px}.thai-ui .landing-hero-copy h1{letter-spacing:0;line-height:1.4;font-size:34px}.thai-ui .landing-category-title{font-size:14px}
@media(min-width:1450px){.landing-visual>img{height:380px}}
@media(max-width:1100px){.gateway-page main{padding-inline:26px}.landing-nav-links{gap:13px;font-size:11px}.landing-nav .controls{gap:9px}.landing-nav-signin{padding:11px 14px;font-size:11px}.premium-entry{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.premium-entry .gateway-entry{padding:28px}.landing-hero-copy{padding:28px}.landing-hero-copy h1{font-size:33px}.landing-category{padding:17px}.landing-category svg{height:145px}.landing-brands{gap:15px}.landing-brands>div:first-child{width:175px}.sample-brand strong{font-size:21px}.landing-offer-copy h3{font-size:26px}.landing-product-info{padding:15px}.landing-service{padding:32px}.landing-join{padding:31px}.landing-join h2{font-size:26px}}
@media(max-width:820px){.gateway-page main{padding-inline:18px}.landing-topline{justify-content:center;padding:9px;font-size:9px}.landing-topline>span:last-child{display:none}.landing-nav{height:89px;min-height:89px;gap:10px}.landing-wordmark{width:125px;grid-template-columns:auto 43px}.landing-wordmark strong{font-size:36px}.landing-wordmark i{height:33px}.landing-wordmark small{font-size:7px;letter-spacing:4.5px}.landing-nav-links{display:none}.landing-nav .controls{gap:7px}.landing-nav-signin{display:none}.premium-entry{display:grid;grid-template-columns:1fr;border-radius:14px}.landing-visual>img{height:300px;object-position:70% 38%}.landing-hero-copy{padding:25px 28px}.landing-hero-copy h1{font-size:35px}.landing-hero-copy p{font-size:13px}.premium-entry .gateway-entry{padding:29px}.landing-entry-icon{display:none}.premium-entry .gateway-entry h2{font-size:27px;margin-bottom:8px}.premium-entry .entry-subtitle{max-width:none;margin-bottom:20px}.gateway-entry .gateway-demo-note{font-size:10px}.entry-payment-note{margin-top:15px;padding-top:14px}.landing-search-row{flex-direction:column;align-items:stretch;gap:15px;padding:23px 0}.landing-search-row form{width:100%}.landing-search-row input{font-size:16px}.landing-section{margin:36px 0}.landing-section h2,.landing-service h2{font-size:25px}.landing-section-heading{align-items:start;gap:12px}.landing-text-link{font-size:10px;white-space:nowrap}.landing-category-grid,.landing-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-category svg{height:155px}.landing-category-title{font-size:14px}.landing-brands{display:block;padding:24px 0}.landing-brands>div:first-child{width:auto;text-align:center;margin-bottom:14px}.landing-brand-strip{gap:0}.sample-brand{padding:10px 2px;min-width:0}.sample-brand strong{font-size:21px}.sample-brand span{font-size:7px;letter-spacing:1px}.sample-brand.brand-4 strong{font-size:17px}.landing-offer-layout{grid-template-columns:1fr}.landing-members{display:none}.landing-featured-offer{min-height:300px}.landing-offer-copy{padding-inline-start:25px}.landing-service{padding:29px 25px}.landing-service-steps{gap:18px}.landing-service-steps h3{font-size:15px}.landing-service-steps p{font-size:11px}.landing-product-image>svg{height:180px}.landing-join{flex-direction:column;align-items:stretch;gap:17px;padding:28px}.landing-join h2{font-size:27px}.landing-join-actions{flex-direction:row;min-width:0;flex-wrap:wrap}.landing-join-actions :is(button,a){flex:1;font-size:12px;min-width:180px}.landing-faq{grid-template-columns:1fr;gap:13px;margin-top:33px}.landing-bottom{flex-wrap:wrap;gap:8px}.landing-bottom>span{order:3;width:100%;text-align:center}.landing-slider-controls :is(button,a){width:44px;height:44px}.landing-slider-controls{bottom:12px}.landing-featured-offer{padding-bottom:57px}.landing-product-info :is(button,a){min-height:44px}.sample-brand{min-height:60px}.landing-faq summary{min-height:44px;display:list-item;align-content:center}.landing-nav :is(button,a){min-height:44px}.thai-ui .landing-hero-copy h1{font-size:31px}}
@media(max-width:460px){.gateway-page main{padding-inline:13px}.landing-nav{height:80px;min-height:80px}.landing-nav .language-picker :is(button,a){padding:7px 8px;font-size:10px}.landing-visual>img{height:230px;object-position:74% 39%}.landing-hero-copy{padding:23px 22px}.landing-hero-copy h1{font-size:30px;letter-spacing:-.6px}.landing-hero-copy p{font-size:12px}.landing-hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.premium-entry .gateway-entry{padding:25px 22px}.premium-entry .gateway-entry h2{font-size:26px}.landing-section h2{font-size:23px}.landing-section-heading .eyebrow{font-size:8px}.landing-section-heading{flex-wrap:wrap}.landing-category{padding:15px 12px}.landing-category svg{height:127px}.landing-category-title{font-size:12px;gap:5px}.landing-category-number{font-size:8px}.landing-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;row-gap:8px}.landing-offer-copy{padding:26px 0 12px;padding-inline-start:22px}.landing-offer-copy h3{font-size:25px}.landing-offer-copy p{font-size:11px}.landing-offer-copy :is(button,a){padding:12px;font-size:11px}.landing-featured-offer{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.landing-offer-art svg{width:130%;max-width:none}.landing-bonus{width:57px;height:57px;font-size:22px;top:22px;inset-inline-end:12px}.landing-bonus span{font-size:16px}.landing-service-steps{grid-template-columns:1fr;gap:10px}.landing-service-steps article{position:relative;padding:17px 0;padding-inline-start:53px}.landing-service-steps article>div{position:absolute;inset-inline-start:0;top:17px;display:flex;flex-direction:column;gap:12px}.landing-service-steps h3{margin:0 0 6px;font-size:17px}.landing-service-steps p{margin:0;max-width:none;font-size:12px}.landing-service h2{font-size:25px}.landing-service-heading{align-items:start;text-align:start;margin-bottom:25px}.landing-service .eyebrow{font-size:8px;letter-spacing:1px}.landing-product-image{padding:25px 8px 0}.landing-product-image>svg{height:130px}.landing-product-info{padding:13px}.landing-product h3{font-size:12px;line-height:1.5;margin-bottom:10px}.landing-product-info>small{font-size:8px}.landing-product-info :is(button,a){font-size:10px;line-height:1.6}.landing-product-image>span{font-size:8px;top:9px;inset-inline-start:8px}.landing-product-info :is(button,a) i{width:25px;height:25px}.landing-join{padding:25px}.landing-join h2{font-size:25px}.landing-faq h2{font-size:23px}.thai-ui .landing-hero-copy h1{font-size:28px}.thai-ui .landing-category-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.landing-category{transition:none}.landing-category:hover{transform:none}}
/* Recognisable wordmarks are concept examples, not a distribution claim. */
.sample-brand strong{font:700 22px Arial;letter-spacing:-1px}.sample-brand span{display:none}.sample-brand.brand-0 strong{font:700 25px Georgia;letter-spacing:1px}.sample-brand.brand-1 strong{display:inline-block;background:#f45b25;color:white;font:900 27px/1 Arial;padding:9px 6px;letter-spacing:-2px}.sample-brand.brand-2 strong{font:600 24px Arial;letter-spacing:-1.3px}.sample-brand.brand-3 strong{font:800 21px Arial;color:#1663a7;letter-spacing:.3px}.sample-brand.brand-4 strong{font:italic 800 20px Arial;color:#153784;letter-spacing:-.7px}.landing-brands>div:first-child{width:230px}.landing-brands p{max-width:230px}.landing-brand-strip{align-items:center}
@media(max-width:1100px){.sample-brand.brand-0 strong{font-size:22px}.sample-brand.brand-2 strong{font-size:21px}.sample-brand.brand-3 strong,.sample-brand.brand-4 strong{font-size:18px}.landing-brands>div:first-child{width:185px}}
@media(max-width:820px){.landing-brands>div:first-child{width:auto}.landing-brands p{max-width:none}.sample-brand.brand-0 strong{font-size:20px}.sample-brand.brand-1 strong{font-size:21px}.sample-brand.brand-2 strong{font-size:19px}.sample-brand.brand-3 strong,.sample-brand.brand-4 strong{font-size:16px}}
@media(max-width:460px){.landing-brand-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.sample-brand.brand-0 strong{font-size:15px}.sample-brand.brand-1 strong{font-size:18px;padding:8px 5px}.sample-brand.brand-2 strong{font-size:14px}.sample-brand.brand-3 strong{font-size:12px}.sample-brand.brand-4 strong{font-size:11px}.landing-brands p{font-size:9px}}