@font-face{font-family:ibm plex sans thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/ibm-plex-sans-thai-thai-600-normal.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:ibm plex sans thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-thai/ibm-plex-sans-thai-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:noto sans thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-thai/noto-sans-thai-thai-400-normal.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:noto sans thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-thai/noto-sans-thai-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:noto sans thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-sans-thai/noto-sans-thai-thai-700-normal.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}:root{--bg:#0f1419;--bg-elevated:#1a222c;--surface:#232d3a;--text:#e8edf2;--text-muted:#9aa8b5;--accent:#3d9a8b;--accent-hover:#4fb3a2;--border:#2f3d4d;--danger:#e07a6a;--success:#5cb88a;--radius:10px;--shadow:0 12px 40px rgba(0, 0, 0, 0.35);--font-heading:"IBM Plex Sans Thai", system-ui, sans-serif;--font-body:"Noto Sans Thai", system-ui, sans-serif;--max-read:42rem;--max-wide:72rem}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-body);font-size:1.05rem;line-height:1.65;color:var(--text);background:var(--bg);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--accent-hover);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#7fd4c6}:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.25;margin-top:0}h1{font-size:clamp(1.85rem,4vw,2.75rem)}h2{font-size:clamp(1.45rem,3vw,2rem)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:.75rem 1rem;z-index:10000}.skip-link:focus{left:0}.site-header{background:rgba(15,20,25,.92);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}.header-split{max-width:var(--max-wide);margin-inline:auto;padding:.85rem 1.25rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.brand{font-family:var(--font-heading);font-size:1.1rem;color:var(--text);text-decoration:none;font-weight:600}.header-right{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;justify-content:flex-end}.nav-main{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;margin:0;padding:0}.nav-main a{color:var(--text-muted);text-decoration:none;font-size:.95rem;padding:.35rem 0}.nav-main a:hover,.nav-main a[aria-current=page]{color:var(--text)}.header-phone{font-size:.9rem;white-space:nowrap}.header-phone a{color:var(--accent-hover);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.25rem;border-radius:var(--radius);font-family:var(--font-body);font-weight:700;font-size:.95rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.btn-primary{background:var(--accent);color:#0a1218}.btn-primary:hover{background:var(--accent-hover);color:#0a1218}.btn-secondary{background:0 0;border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent-hover)}.btn-steam{background:linear-gradient(135deg,#1b2838,#2a475e);color:#c7d5e0;border:1px solid #66c0f4}.btn-steam:hover{background:#2a475e;color:#fff}main{overflow-x:hidden}.section{padding:3.5rem 1.25rem}.section-inner{max-width:var(--max-wide);margin-inline:auto}.hero-split{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(88vh,720px);border-bottom:1px solid var(--border)}.hero-split__copy{display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem 3rem 1.25rem;max-width:36rem;margin-inline:auto 0}.hero-split__media{position:relative;min-height:280px}.hero-split__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(35%)contrast(1.05)}.hero-split__overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 45%);pointer-events:none}.hero-lead{color:var(--text-muted);font-size:1.1rem;margin:1rem 0 1.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.composition-statement-band{text-align:center;background:var(--bg-elevated);border-block:1px solid var(--border)}.composition-statement-band .statement-inner{text-align:center;margin-inline:auto;max-width:var(--max-read)}.composition-statement-band .statement-inner p{color:var(--text-muted)}.composition-timeline-rail .timeline-inner{max-width:var(--max-wide);margin-inline:auto}.timeline-rail-list{list-style:none;margin:2rem 0 0;padding:0;border-left:2px solid var(--accent);margin-left:1rem}.timeline-rail-list li{position:relative;padding:0 0 2rem 1.75rem}.timeline-rail-list li::before{content:attr(data-step);position:absolute;left:-1.05rem;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#0a1218;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.composition-form-embedded{background:var(--surface)}.composition-form-embedded .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.form-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.35rem;font-weight:700;font-size:.92rem}.form-field input,.form-field textarea,.form-field select{width:100%;min-height:44px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:1rem}.form-field textarea{min-height:120px;resize:vertical}.field-error{color:var(--danger);font-size:.88rem;margin-top:.35rem}.form-status{margin-top:1rem;padding:.75rem;border-radius:8px;font-size:.95rem}.form-status[hidden]{display:none!important}.form-status--pending{background:#2a3544}.form-status--success{background:rgba(92,184,138,.15);border:1px solid var(--success)}.form-status--error{background:rgba(224,122,106,.12);border:1px solid var(--danger)}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1.5rem;text-align:center}.partner-chip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.65rem .5rem;font-size:.82rem;color:var(--text-muted);font-weight:700}.faq-list{margin-top:1.5rem}.faq-list details{border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;margin-bottom:.65rem;background:var(--bg)}.faq-list summary{cursor:pointer;font-weight:700}.site-footer{background:#0a0e12;border-top:1px solid var(--border);padding:2.5rem 1.25rem 1.5rem;font-size:.9rem;color:var(--text-muted)}.footer-multi{max-width:var(--max-wide);margin-inline:auto;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.footer-identity p{margin:0 0 .5rem;line-height:1.55}.footer-nav{list-style:none;margin:0;padding:0}.footer-nav li{margin-bottom:.4rem}.footer-nav a{color:var(--text-muted);text-decoration:none}.footer-nav a:hover{color:var(--text)}.footer-disclaimer{max-width:var(--max-wide);margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid var(--border);font-size:.85rem}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg-elevated);border-top:1px solid var(--border);padding:1rem 1.25rem;box-shadow:0 -8px 30px rgba(0,0,0,.4)}.consent-inner{max-width:var(--max-wide);margin-inline:auto;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.consent-actions{display:flex;flex-wrap:wrap;gap:.5rem}.page-hero{padding:2.5rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.page-hero .section-inner{max-width:var(--max-read)}.legal-body{max-width:var(--max-read);margin-inline:auto;padding:2rem 1.25rem 4rem}.legal-body h2{margin-top:2rem}.map-widget{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);touch-action:none;max-width:100%}.map-widget img{width:100%;transform-origin:center center;user-select:none}.map-marker{position:absolute;left:52%;top:48%;width:18px;height:18px;background:var(--accent);border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none}.map-controls{display:flex;gap:.5rem;margin-top:.75rem}.map-controls button{min-height:44px;min-width:44px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:var(--max-wide);margin-inline:auto;padding:2rem 1.25rem 4rem}.media-duotone{filter:sepia(.15)saturate(1.1)contrast(1.05);border-radius:var(--radius)}.card-feature{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.error-page{text-align:center;padding:4rem 1.25rem;min-height:50vh}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:768px){.featured-grid{grid-template-columns:1fr}.hero-split{grid-template-columns:1fr}.hero-split__media{order:-1;max-height:240px}.hero-split__overlay{background:linear-gradient(180deg,transparent 40%,var(--bg) 95%)}.hero-split__copy{padding:2rem 1.25rem;margin-inline:auto;text-align:left}.composition-form-embedded .form-grid{grid-template-columns:1fr;text-align:left}.composition-statement-band .statement-inner{text-align:center;margin-inline:auto}.composition-statement-band h2{text-align:center}.composition-timeline-rail h2{text-align:left}.footer-multi{grid-template-columns:1fr}.header-split{grid-template-columns:1fr}.header-right{justify-content:flex-start}.contact-grid{grid-template-columns:1fr}}