@font-face{font-family:sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Sarabun-400.woff2)format("woff2")}@font-face{font-family:sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Sarabun-600.woff2)format("woff2")}@font-face{font-family:sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Sarabun-700.woff2)format("woff2")}@font-face{font-family:sarabun;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Sarabun-800.woff2)format("woff2")}@font-face{font-family:noto sans thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSansThai-400.woff2)format("woff2")}@font-face{font-family:noto sans thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/NotoSansThai-600.woff2)format("woff2")}@font-face{font-family:noto sans thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NotoSansThai-700.woff2)format("woff2")}@font-face{font-family:noto sans thai;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/NotoSansThai-800.woff2)format("woff2")}:root{--bg:#0a1626;--bg-2:#0c1a30;--surface:#0f1f36;--elevated:#16294a;--line:rgba(56,232,255,.16);--line-strong:rgba(56,232,255,.42);--ink:#eaf2ff;--ink-soft:#c4d6ee;--muted:#93a8c4;--cyan:#38e8ff;--violet:#b388ff;--magenta:#ff7ad9;--success:#5ef38a;--danger:#ff6b8a;--warn:#ffd166;--radius:14px;--radius-lg:22px;--shadow:0 18px 60px rgba(0,0,0,.45);--glow:0 0 0 1px rgba(56,232,255,.18),0 0 40px rgba(56,232,255,.12);--maxw:1180px;--reading:70ch;--heading-font:"Sarabun","Noto Sans Thai",system-ui,sans-serif;--body-font:"Noto Sans Thai","Sarabun",system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html:focus-within{scroll-behavior:auto}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(179,136,255,.1),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(56,232,255,.1),transparent 55%),var(--bg);color:var(--ink);font-family:var(--body-font);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 80%);opacity:.5}main,header,footer,.consent-banner{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--heading-font);font-weight:700;line-height:1.18;letter-spacing:-.01em;margin:0 0 .6em;color:var(--ink)}h1{font-size:clamp(2rem,5.4vw,3.4rem);font-weight:800}h2{font-size:clamp(1.5rem,3.4vw,2.2rem)}h3{font-size:clamp(1.2rem,2.2vw,1.5rem)}p{margin:0 0 1.1em}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:1.2em}.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}[x-cloak]{display:none!important}.container{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}.section{padding:clamp(3.5rem,8vw,6.5rem)0}.eyebrow{font-family:var(--heading-font);font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:.5em}.eyebrow::before{content:"";width:22px;height:2px;background:var(--cyan);display:inline-block}.lead{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--ink-soft);max-width:var(--reading)}.muted{color:var(--muted)}.btn{--bh:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--bh);padding:0 1.4rem;font-family:var(--heading-font);font-weight:700;font-size:1rem;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;min-width:44px}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn--primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#06101f;box-shadow:var(--glow)}.btn--primary:hover{box-shadow:0 0 0 1px var(--cyan),0 0 50px rgba(56,232,255,.3)}.btn--ghost{background:0 0;color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover{border-color:var(--cyan);color:var(--cyan)}.btn--steam{background:linear-gradient(135deg,#1b2838,#66c0f4);color:#eaf6ff}.site-header.top-bar{position:sticky;top:0;z-index:50;background:rgba(10,22,38,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.top-bar__inner{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto;display:flex;align-items:center;gap:1rem;min-height:64px}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);font-family:var(--heading-font);font-weight:800}.brand:hover{text-decoration:none}.brand__mark{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--cyan),transparent 60%),radial-gradient(circle at 70% 70%,var(--violet),transparent 60%);box-shadow:0 0 0 1px var(--line-strong),0 0 18px rgba(56,232,255,.4)}.brand__name{font-size:1.02rem}.primary-nav{margin-inline-start:auto}.primary-nav ul{list-style:none;display:flex;gap:.3rem;margin:0;padding:0}.primary-nav a{display:inline-block;padding:.5rem .85rem;border-radius:999px;color:var(--ink-soft);font-weight:600;font-size:.96rem}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--cyan);background:rgba(56,232,255,8%);text-decoration:none}.header-cta{margin-inline-start:.5rem}.header-phone{font-family:var(--heading-font);font-weight:700;color:var(--cyan);font-size:.95rem;white-space:nowrap}.nav-toggle{display:none;background:0 0;border:1px solid var(--line-strong);border-radius:10px;padding:8px;cursor:pointer}.nav-toggle__bar{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto}.hero{padding:clamp(3rem,9vw,6rem)0 clamp(2.5rem,6vw,4rem)}.hero__inner{width:min(100% - 2.5rem,760px);margin-inline:auto;text-align:center;margin-inline:auto}.hero__eyebrow{margin-bottom:1.2rem}.hero h1{margin-bottom:1.1rem}.hero h1 .accent{color:transparent;background:linear-gradient(120deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text}.hero__sub{font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--ink-soft);max-width:60ch;margin-inline:auto}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.8rem}.hero__meta{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;color:var(--muted);font-size:.92rem}.hero__meta span{display:inline-flex;align-items:center;gap:.4em}.hero__meta .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.timeline-rail{text-align:left}.timeline-rail__rail{position:relative;margin-top:2.5rem;padding-left:2.2rem}.timeline-rail__rail::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--cyan),var(--violet));opacity:.55}.timeline-rail__step{position:relative;padding:0 0 2rem}.timeline-rail__step::before{content:"";position:absolute;left:-2.2rem;top:4px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan);box-shadow:0 0 12px rgba(56,232,255,.5)}.timeline-rail__num{font-family:var(--heading-font);font-weight:800;color:var(--cyan);font-size:.8rem;letter-spacing:.12em}.timeline-rail__step h3{margin:.2rem 0 .4rem}.full-bleed-band{width:100%;position:relative}.full-bleed-band__media{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}.full-bleed-band__media img{width:100%;aspect-ratio:21/9;object-fit:cover;filter:saturate(1.05)contrast(1.05)}.full-bleed-band__caption{text-align:center;margin-inline:auto;max-width:var(--reading);padding:1.6rem 0 0}.full-bleed-band__caption .lead{margin-inline:auto}.text-left-media-right__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.text-left-media-right__media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}.text-left-media-right__media img{width:100%;aspect-ratio:4/3;object-fit:cover}.statement-band{text-align:center;margin-inline:auto;max-width:60ch;padding:clamp(2.5rem,6vw,4rem)0}.statement-band blockquote{margin:0;font-family:var(--heading-font);font-weight:700;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.3;color:var(--ink)}.statement-band blockquote::before{content:"“";color:var(--cyan)}.statement-band blockquote::after{content:"”";color:var(--violet)}.centered-section{text-align:center;margin-inline:auto;max-width:var(--reading)}.centered-section .eyebrow{justify-content:center}.card{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card h3{margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card-grid--2{grid-template-columns:repeat(2,1fr)}.partners{margin-top:2.5rem}.partners__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.partner-chip{display:flex;align-items:center;justify-content:center;gap:.5em;min-height:64px;padding:0 1rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-family:var(--heading-font);font-weight:700;color:var(--ink-soft);font-size:.95rem;text-align:center;transition:border-color .2s,color .2s,transform .15s}.partner-chip:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}.partner-chip__dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));flex:none}.office-map{margin-top:2.5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.office-map iframe{width:100%;height:380px;border:0;display:block;filter:grayscale(.2)contrast(1.05)}.featured-app{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}.featured-app__media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}.featured-app__media img{width:100%;aspect-ratio:16/10;object-fit:cover}.featured-app__list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}.featured-app__list li{display:flex;gap:.6rem;color:var(--ink-soft)}.featured-app__list li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-top:.6em;flex:none;box-shadow:0 0 8px var(--cyan)}.prose{max-width:var(--reading);margin-inline:auto}.prose h2{margin-top:1.6em}.prose ul,.prose ol{max-width:var(--reading)}.legal-storage-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}.legal-storage-table th,.legal-storage-table td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left}.legal-storage-table th{background:var(--surface);color:var(--ink)}.form{display:grid;gap:1.1rem;max-width:640px}.field{display:grid;gap:.4rem}.field label{font-weight:700;font-family:var(--heading-font);font-size:.95rem}.field .req{color:var(--cyan)}.field input,.field textarea,.field select{min-height:48px;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--body-font);font-size:1rem;width:100%}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--cyan);outline-offset:2px;border-color:var(--cyan)}.field .err{color:var(--danger);font-size:.9rem;min-height:1em}.field [aria-invalid=true]{border-color:var(--danger)}.form__status{padding:1rem 1.2rem;border-radius:12px;border:1px solid var(--line-strong)}.form__status--ok{border-color:var(--success);background:rgba(94,243,138,8%);color:var(--success)}.form__status--err{border-color:var(--danger);background:rgba(255,107,138,8%);color:var(--danger)}.form__status--pending{border-color:var(--cyan);background:rgba(56,232,255,8%);color:var(--cyan)}.form__fallback{margin-top:.6rem;font-size:.92rem;color:var(--muted)}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:1rem}.consent-banner__inner{width:min(100% - 2rem,860px);margin-inline:auto;background:rgba(15,31,54,.96);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:1.4rem 1.5rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.8rem}.consent-banner__title{margin:0;font-size:1.1rem}.consent-banner__body{margin:0;color:var(--ink-soft);font-size:.96rem}.consent-banner__body a{text-decoration:underline}.consent-banner__actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}.site-footer.single-centered{border-top:1px solid var(--line);padding:clamp(2.5rem,6vw,4rem)0;background:linear-gradient(180deg,transparent,rgba(12,26,48,.6))}.footer__inner{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:.5rem;align-items:center}.footer__brand{font-family:var(--heading-font);font-weight:800;margin:0}.footer__address{margin:0;color:var(--ink-soft)}.footer__contact{margin:0}.footer__contact a{color:var(--cyan)}.footer__ids{margin:0;color:var(--muted);font-size:.92rem}.footer__nav{display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:center;margin-top:.6rem}.footer__nav a{color:var(--ink-soft);font-size:.92rem}.footer__nav a:hover{color:var(--cyan)}.footer__disclaimer{margin:.8rem 0 0;color:var(--muted);font-size:.86rem;max-width:60ch}.footer__copy{margin:.4rem 0 0;color:var(--muted);font-size:.84rem}.page-header{padding:clamp(2.5rem,6vw,4rem)0 clamp(1.5rem,4vw,2.5rem)}.page-header__inner{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}.breadcrumbs{color:var(--muted);font-size:.9rem;margin-bottom:.8rem}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--cyan)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:900px){.card-grid,.card-grid--2{grid-template-columns:1fr}.partners__grid{grid-template-columns:repeat(3,1fr)}.featured-app{grid-template-columns:1fr}.text-left-media-right__grid{grid-template-columns:1fr}.text-left-media-right__media{order:-1}}@media(max-width:768px){.nav-toggle{display:block}.primary-nav{position:fixed;inset:64px 0 auto 0;background:rgba(10,22,38,.98);border-bottom:1px solid var(--line);padding:1rem;transform:translateY(-120%);transition:transform .25s ease;margin-inline-start:0}.primary-nav.is-open{transform:translateY(0)}.primary-nav ul{flex-direction:column;gap:.2rem}.header-cta{display:none}.header-phone{margin-inline-start:auto;font-size:.9rem}.text-left-media-right__grid{grid-template-columns:1fr;text-align:left}.text-left-media-right__grid h2{text-align:left}.hero__inner,.centered-section,.statement-band,.full-bleed-band__caption{text-align:center;margin-inline:auto}.timeline-rail{text-align:left}}@media(max-width:600px){body{font-size:16px}.partners__grid{grid-template-columns:repeat(2,1fr)}.office-map iframe{height:300px}.btn{width:100%}.hero__actions,.consent-banner__actions{flex-direction:column}.hero__actions .btn,.consent-banner__actions .btn{width:100%}}