:root{--accent: #0e8a96;--accent-text: #0e8a96;--ink: #121826;--muted: #5c6778;--gutter: 48px}html[data-theme=dark],html[data-theme=auto]{color-scheme:dark;--page-bg: #0c1118;--page-fg: #f5f8fc;--nav-bg: color-mix(in srgb, #0c1118 88%, transparent);--nav-border: rgba(255, 255, 255, .12);--nav-link: #eef3f7;--ghost-border: rgba(255, 255, 255, .35);--ghost-fg: #fff;--hero-glow: rgba(94, 234, 212, .22);--lead: #dce3ec;--accent-text: #7ee8ef;--marquee-bg: #151c26;--marquee-border: rgba(126, 232, 239, .4);--marquee-fg: #d2f4f7;--panel-bg: #151c26;--panel-fg: #f5f8fc;--card-bg: rgba(255, 255, 255, .09);--card-fg: #f5f8fc;--card-muted: #d5dde6;--card-border: rgba(255, 255, 255, .22);--card-shadow: none;--how-bg: #121820;--how-fg: #f5f8fc;--step-bg: rgba(255, 255, 255, .09);--step-border: rgba(255, 255, 255, .22);--step-muted: #d5dde6;--close-bg: #0c1118;--close-fg: #f5f8fc;--close-muted: #dce3ec;--foot-bg: #080c12;--foot-fg: #c9d2dc;--grain: .012;--muted: #cdd6e0;--hairline: rgba(255, 255, 255, .12)}html[data-theme=light]{color-scheme:light;--page-bg: #f4f6f8;--page-fg: #121826;--nav-bg: color-mix(in srgb, #f4f6f8 88%, transparent);--nav-border: rgba(12, 17, 24, .08);--nav-link: #2a3441;--ghost-border: rgba(12, 17, 24, .16);--ghost-fg: #0c1118;--hero-glow: rgba(14, 138, 150, .14);--lead: #4b5666;--accent-text: #0e8a96;--marquee-bg: #e8eef1;--marquee-border: rgba(14, 138, 150, .28);--marquee-fg: #0e8a96;--panel-bg: #fff;--panel-fg: #121826;--card-bg: #fff;--card-fg: #121826;--card-muted: #5c6778;--card-border: rgba(18, 24, 38, .26);--card-shadow: 0 1px 0 rgba(16, 24, 40, .04);--how-bg: #eef4f5;--how-fg: #121826;--step-bg: #fff;--step-border: rgba(12, 17, 24, .22);--step-muted: #5c6778;--close-bg: #e8eef1;--close-fg: #121826;--close-muted: #5c6778;--foot-bg: #121826;--foot-fg: #9aa6b2;--grain: .02;--hairline: rgba(18, 24, 38, .1)}@media(prefers-color-scheme:light){html[data-theme=auto]{color-scheme:light;--page-bg: #f4f6f8;--page-fg: #121826;--nav-bg: color-mix(in srgb, #f4f6f8 88%, transparent);--nav-border: rgba(12, 17, 24, .08);--nav-link: #2a3441;--ghost-border: rgba(12, 17, 24, .16);--ghost-fg: #0c1118;--hero-glow: rgba(14, 138, 150, .14);--lead: #4b5666;--accent-text: #0e8a96;--marquee-bg: #e8eef1;--marquee-border: rgba(14, 138, 150, .28);--marquee-fg: #0e8a96;--panel-bg: #fff;--panel-fg: #121826;--card-bg: #fff;--card-fg: #121826;--card-muted: #5c6778;--card-border: rgba(18, 24, 38, .26);--card-shadow: 0 1px 0 rgba(16, 24, 40, .04);--how-bg: #eef4f5;--how-fg: #121826;--step-bg: #fff;--step-border: rgba(12, 17, 24, .22);--step-muted: #5c6778;--close-bg: #e8eef1;--close-fg: #121826;--close-muted: #5c6778;--foot-bg: #121826;--foot-fg: #9aa6b2;--grain: .02;--hairline: rgba(18, 24, 38, .1)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;color:var(--page-fg);background:var(--page-bg);font-family:Sarabun,Noto Sans Thai,sans-serif;line-height:1.5}.grain{pointer-events:none;position:fixed;inset:0;z-index:40;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.logo-light{display:none}.logo-dark,html[data-theme=light] .logo-light{display:block}html[data-theme=light] .logo-dark{display:none}@media(prefers-color-scheme:light){html[data-theme=auto] .logo-light{display:block}html[data-theme=auto] .logo-dark{display:none}}.nav{position:sticky;top:0;z-index:30;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:6px max(var(--gutter),env(safe-area-inset-right)) 6px max(var(--gutter),env(safe-area-inset-left));min-height:52px}.nav-brand img{width:44px;height:44px;object-fit:contain}.nav-end{display:flex;align-items:center;gap:10px}.nav-links{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.nav-links a{color:var(--nav-link)}.nav-toggle{display:none;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--ghost-border);border-radius:10px;background:color-mix(in srgb,var(--page-bg) 55%,transparent);color:var(--nav-link);cursor:pointer}.nav-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.theme-switch{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--ghost-border);border-radius:999px;background:color-mix(in srgb,var(--page-bg) 55%,transparent)}.theme-switch button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--nav-link);cursor:pointer}.theme-switch button.is-on{background:var(--accent);color:#fff}.theme-switch svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-switch button:last-child svg{fill:currentColor;stroke:none}.theme-switch button:last-child svg path{fill:var(--page-bg)}.theme-switch button:last-child.is-on svg path{fill:var(--accent)}.lang-switch{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--ghost-border);border-radius:999px;background:color-mix(in srgb,var(--page-bg) 55%,transparent)}.lang-switch button{min-width:30px;height:28px;padding:0 7px;border:0;border-radius:999px;background:transparent;color:var(--nav-link);font-family:Outfit,Sarabun,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer}.lang-switch button.is-on{background:var(--accent);color:#fff}html[lang=en] body{font-family:Outfit,Sarabun,Noto Sans Thai,sans-serif}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-family:Outfit,Sarabun,sans-serif;font-weight:700}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{border:1px solid var(--ghost-border);color:var(--ghost-fg)}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(160px,.7fr);align-items:center;gap:16px 32px;padding:16px max(var(--gutter),env(safe-area-inset-right)) 28px max(var(--gutter),env(safe-area-inset-left))}.hero-copy{min-width:0}.hero-headline{display:grid;grid-template-columns:minmax(10ch,max-content) minmax(0,1fr);align-items:center;gap:12px 28px}.hero:before{content:"";position:absolute;width:34vw;height:34vw;right:-6%;top:-12%;border-radius:50%;background:radial-gradient(circle,var(--hero-glow),transparent 68%)}.kicker{margin:0 0 8px;color:var(--accent-text);font-family:Outfit,Sarabun,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{position:relative;margin:0;font-size:clamp(32px,6vw,56px);line-height:1.05;letter-spacing:-.04em;font-weight:800}.hero h1 em{display:block;color:var(--accent-text);font-style:normal}.lead{position:relative;margin:0;color:var(--lead);font-size:16px;line-height:1.55}.hero-actions{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-actions .btn{min-height:36px;padding:0 14px;font-size:13px}.hero-mark{justify-self:end;width:min(280px,100%);height:auto;opacity:.92;filter:drop-shadow(0 16px 28px rgba(0,0,0,.28))}.marquee{overflow:hidden;border-block:1px dashed var(--marquee-border);background:var(--marquee-bg)}.marquee-track{display:flex;gap:40px;width:max-content;padding:12px 0;font-family:Outfit,Sarabun,sans-serif;font-weight:700;letter-spacing:.04em;color:var(--marquee-fg);animation:drift 28s linear infinite}.marquee-track span{display:inline-flex;align-items:center;gap:10px}.marquee-track img{box-sizing:border-box;height:28px;width:auto;max-width:200px;min-width:0;object-fit:contain;object-position:left center;background:#fff;border-radius:6px;padding:4px 8px;flex-shrink:1}@keyframes drift{to{transform:translate(-50%)}}.panel{background:var(--panel-bg);color:var(--panel-fg);padding:40px max(var(--gutter),env(safe-area-inset-right)) 64px max(var(--gutter),env(safe-area-inset-left));scroll-margin-top:64px}.panel.bills,.panel.intl,.panel.docs,.panel.packs,.panel.location{border-top:1px dashed var(--marquee-border)}.panel.location{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);align-items:center;gap:16px 28px;padding-top:32px;padding-bottom:40px}.panel.location .panel-head{margin:0}.panel.location .panel-head h2{font-size:clamp(26px,4vw,36px)}.panel-head{width:100%;margin:0 auto 24px}.panel-head h2,.how h2,.close h2{margin:0;font-size:clamp(32px,5vw,52px);letter-spacing:-.04em;line-height:1.1}.close h2{font-family:Outfit,Sarabun,sans-serif}.panel-head p:last-child{max-width:34rem;color:var(--muted)}.carriers{list-style:none;width:100%;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.carriers li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:18px 16px;border-radius:12px;background:var(--card-bg);color:var(--card-fg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.carrier-logo-frame{display:block;width:100%;min-width:0;height:48px}.carrier-logo{display:block;width:100%;height:48px;min-width:0;object-fit:contain;object-position:left center}.carriers small{color:var(--card-muted)}.services{list-style:none;width:100%;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.services li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;border-radius:12px;background:var(--card-bg);color:var(--card-fg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.service-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--accent-text)}.service-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.services small{color:var(--card-muted)}.map-card{position:relative;width:100%;height:240px;overflow:hidden;border-radius:12px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.map-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}html[data-theme=dark] .map-card iframe{filter:invert(92%) hue-rotate(180deg) brightness(95%) contrast(90%)}@media(prefers-color-scheme:dark){html[data-theme=auto] .map-card iframe{filter:invert(92%) hue-rotate(180deg) brightness(95%) contrast(90%)}}.map-hit{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;background:linear-gradient(transparent 58%,#0c111861)}.how{padding:40px max(var(--gutter),env(safe-area-inset-right)) 64px max(var(--gutter),env(safe-area-inset-left));scroll-margin-top:64px;color:var(--how-fg);background:radial-gradient(circle at 10% 0%,rgba(14,138,150,.16),transparent 32%),var(--how-bg)}.panel-head.invert{width:100%}.steps{list-style:none;width:100%;margin:20px auto 0;padding:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.steps li{padding:24px 20px 28px;border-radius:12px;background:var(--step-bg);border:1px solid var(--step-border)}.steps li:first-child{border-color:var(--accent)}.steps span{font-family:Outfit,Sarabun,sans-serif;font-weight:800;color:var(--accent-text)}.steps h3{margin:14px 0 8px;font-size:26px}.steps p{margin:0;color:var(--step-muted)}.close{position:relative;overflow:hidden;display:grid;justify-items:center;gap:10px;padding:40px max(var(--gutter),env(safe-area-inset-right)) 56px max(var(--gutter),env(safe-area-inset-left));text-align:center;background:var(--close-bg);color:var(--close-fg)}.close:before{content:"";position:absolute;width:34vw;height:34vw;left:50%;top:-8%;translate:-50% 0;border-radius:50%;background:radial-gradient(circle,var(--hero-glow),transparent 68%)}.close img{position:relative;width:150px;height:150px;object-fit:contain}.close h2,.close p{position:relative}.close p{margin:0;color:var(--close-muted);font-size:16px;font-weight:500}.foot{background:var(--foot-bg);color:var(--foot-fg);font-size:12px}.foot-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;padding:10px max(var(--gutter),env(safe-area-inset-right)) 10px max(var(--gutter),env(safe-area-inset-left));min-height:48px}.foot-brand{display:inline-flex;align-items:center;gap:8px;min-width:0;justify-self:start}.foot p{margin:0;white-space:nowrap}.foot img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.copy{margin:0;text-align:center;white-space:nowrap;font-family:Outfit,Sarabun,sans-serif;letter-spacing:.02em}.foot-top{justify-self:end;color:var(--foot-fg);font-weight:600;white-space:nowrap}@media(max-width:900px){:root{--gutter: 28px}.nav-toggle{display:grid}.nav-links{display:none;position:absolute;top:calc(100% + 8px);right:max(12px,env(safe-area-inset-right));left:auto;min-width:min(240px,calc(100vw - 24px));flex-direction:column;align-items:stretch;gap:4px;padding:10px;border:1px solid var(--nav-border);border-radius:12px;background:var(--page-bg);box-shadow:var(--card-shadow)}.nav-links.is-open{display:flex}.nav-links a{padding:10px 12px;border-radius:10px}.nav-inner{position:relative}.hero{grid-template-columns:minmax(0,1fr) minmax(120px,180px);padding:12px max(var(--gutter),env(safe-area-inset-right)) 20px max(var(--gutter),env(safe-area-inset-left))}.hero h1{max-width:none;font-size:clamp(28px,8vw,40px)}.hero-headline{grid-template-columns:minmax(8ch,max-content) minmax(0,1fr);gap:10px 16px}.lead{font-size:15px}.carriers,.services,.steps{grid-template-columns:1fr 1fr}.panel.location{grid-template-columns:1fr;padding-top:28px;padding-bottom:32px}.map-card{height:200px}}@media(max-width:560px){:root{--gutter: 20px}.nav-brand img{width:40px;height:40px}.hero,.hero-headline{grid-template-columns:1fr}.hero-mark{justify-self:center;width:min(160px,46vw)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.carriers,.services,.steps{grid-template-columns:1fr}.foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:11px}.copy{order:3;flex:1 0 100%;text-align:left;white-space:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}}
