:root{--steel-deep:#0d1117;--steel-panel:#141a22;--steel-panel-2:#1a2230;--steel-mid:#232d3b;--steel-edge:#34404f;--steel-hi:#4a5868;--brushed:#d7dde4;--brushed-dim:#9aa6b3;--brushed-mute:#6b7886;--signal:#f0a830;--signal-2:#5ec8d8;--signal-warm:#ff8a3d;--ok:#6ad19a;--danger:#ff6b6b;--ink:#0a0e13;--maxw:1180px;--reading:70ch;--radius:10px;--radius-sm:6px;--bevel:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.5);--shadow-panel:0 2px 0 rgba(0,0,0,.45), 0 14px 30px -18px rgba(0,0,0,.7);--font-body:'Sarabun', system-ui, -apple-system, 'Segoe UI', sans-serif;--font-head:'Noto Sans Thai', system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(94,200,216,6%),transparent 60%),radial-gradient(900px 500px at 0% 0%,rgba(240,168,48,5%),transparent 55%),linear-gradient(180deg,var(--steel-deep),#0b0f15 40%,var(--steel-deep));background-attachment:fixed;color:var(--brushed);font-family:var(--font-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}h1,h2,h3,h4,h5{font-family:var(--font-head);color:#eef2f6;line-height:1.25;font-weight:700;letter-spacing:.01em;margin:0 0 .6em}h1{font-size:clamp(2rem,1.2rem + 3vw,3.1rem)}h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.15rem)}h3{font-size:clamp(1.15rem,1rem + .6vw,1.4rem)}p{margin:0 0 1.1em}a{color:var(--signal-2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}ul,ol{margin:0 0 1.1em;padding-left:1.3em}li{margin:0 0 .4em}:focus-visible{outline:3px solid var(--signal-2);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:8px;top:-48px;z-index:200;background:var(--signal);color:var(--ink);padding:10px 16px;font-weight:700;border-radius:0 0 8px 8px;transition:top .15s ease}.skip-link:focus{top:0;text-decoration:none}.container{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}.main{display:block}.section{padding:clamp(3rem,2rem + 4vw,5.5rem)0;position:relative}.section+.section{border-top:1px solid rgba(74,88,104,.18)}.section-head{text-align:center;margin-inline:auto;max-width:var(--reading);margin-bottom:2.2rem}.section-head p{color:var(--brushed-dim)}.eyebrow{display:inline-block;font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);padding:.35rem .7rem;border:1px solid rgba(240,168,48,.35);border-radius:999px;background:rgba(240,168,48,6%);margin-bottom:1rem}.panel{position:relative;background:linear-gradient(180deg,var(--steel-panel-2),var(--steel-panel));border:1px solid var(--steel-edge);border-radius:var(--radius);box-shadow:var(--bevel),var(--shadow-panel);padding:clamp(1.2rem,1rem + 1.5vw,1.9rem)}.panel::before,.panel::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#cfd8e2,#4a5868 70%);box-shadow:0 0 0 1px rgba(0,0,0,.5)}.panel::before{top:8px;left:8px}.panel::after{top:8px;right:8px}.panel h3{margin-top:.2rem}.panel .rv-bl,.panel .rv-br{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#cfd8e2,#4a5868 70%);box-shadow:0 0 0 1px rgba(0,0,0,.5)}.panel .rv-bl{bottom:8px;left:8px}.panel .rv-br{bottom:8px;right:8px}.btn-actuator{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-head);font-weight:600;font-size:1rem;color:var(--ink);background:linear-gradient(180deg,#ffc15a,var(--signal));border:1px solid #c98212;border-radius:var(--radius-sm);padding:.72rem 1.25rem;min-height:44px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.45),0 2px #8a5a0c,0 8px 18px -8px rgba(240,168,48,.6);text-decoration:none;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease}.btn-actuator:hover{text-decoration:none;filter:brightness(1.05);box-shadow:inset 0 1px rgba(255,255,255,.5),0 2px #8a5a0c,0 10px 22px -8px rgba(240,168,48,.8)}.btn-actuator:active{transform:translateY(2px);box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 #8a5a0c}.btn-actuator:disabled{opacity:.6;cursor:progress}.btn-ghost{background:0 0;color:var(--brushed);border:1px solid var(--steel-hi);box-shadow:none}.btn-ghost:hover{color:var(--signal-2);border-color:var(--signal-2);filter:none;box-shadow:0 0 0 2px rgba(94,200,216,.12)}.btn-ghost:active{transform:none}.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(13,17,23,.92),rgba(13,17,23,.78));backdrop-filter:blur(8px);border-bottom:1px solid var(--steel-edge)}.header-inner{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto;display:flex;align-items:center;gap:1rem;min-height:64px;padding:.35rem 0;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.6rem;color:#eef2f6;font-family:var(--font-head);font-weight:700;font-size:1.05rem}.brand:hover{text-decoration:none}.brand-mark{display:inline-flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.nav-toggle{display:none;margin-left:auto;background:var(--steel-mid);border:1px solid var(--steel-edge);border-radius:8px;padding:9px 10px;cursor:pointer;min-width:44px;min-height:44px}.nav-toggle-bar{display:block;width:20px;height:2px;background:var(--brushed);margin:3px auto;border-radius:2px}.primary-nav{display:flex;gap:.35rem;align-items:center;margin-left:.5rem}.nav-link{color:var(--brushed-dim);font-family:var(--font-head);font-weight:500;padding:.5rem .75rem;border-radius:8px;font-size:.96rem;transition:color .15s,background .15s}.nav-link:hover{color:#eef2f6;text-decoration:none;background:rgba(255,255,255,4%)}.nav-link.is-active{color:var(--signal)}.cta-header{margin-left:auto;font-family:var(--font-head);font-weight:600;font-size:.95rem;color:var(--ink);background:linear-gradient(180deg,#ffc15a,var(--signal));border:1px solid #c98212;border-radius:999px;padding:.55rem 1.05rem;min-height:40px;display:inline-flex;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.4),0 6px 14px -8px rgba(240,168,48,.7)}.cta-header:hover{text-decoration:none;filter:brightness(1.05)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--steel-edge)}.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35)contrast(1.05)brightness(.62)}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,17,23,.55),rgba(13,17,23,.92) 78%),linear-gradient(90deg,rgba(13,17,23,.85),rgba(13,17,23,.25) 55%,rgba(13,17,23,.55))}.hero-inner{position:relative;z-index:1;width:min(100% - 2.5rem,var(--maxw));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.25fr)minmax(0,.85fr);gap:2rem;align-items:center;padding:clamp(3.5rem,2rem + 6vw,6.5rem)0 3.5rem}.hero-copy{max-width:60ch}.hero-copy h1{margin-top:.4rem}.hero-copy .lead{font-size:1.18rem;color:var(--brushed-dim)}.hero-rail{background:linear-gradient(180deg,var(--steel-panel-2),var(--steel-panel));border:1px solid var(--steel-edge);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--bevel),var(--shadow-panel);position:relative}.hero-rail h2{font-size:1.05rem;color:var(--signal);letter-spacing:.04em}.hero-rail ul{list-style:none;padding:0;margin:0}.hero-rail li{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem 0;border-top:1px solid rgba(74,88,104,.2);color:var(--brushed)}.hero-rail li:first-child{border-top:0}.hero-rail li::before{content:"";flex:none;width:10px;height:10px;margin-top:.45rem;background:linear-gradient(180deg,var(--signal-2),#2f8f9c);border-radius:2px;box-shadow:0 0 6px rgba(94,200,216,.5)}.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.hero-contact{margin-top:1rem;font-size:.92rem;color:var(--brushed-dim)}.hero-contact a{color:var(--signal-2)}.comp-mltr{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:center}.comp-mltr .media{order:1}.comp-mltr .copy{order:2}.comp-tlmr{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:center}.comp-tlmr .media{order:2}.comp-tlmr .copy{order:1}.media-frame{position:relative;border:1px solid var(--steel-edge);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-panel)}.media-frame img{width:100%;height:auto;display:block;filter:grayscale(.25)contrast(1.04)}.media-frame figcaption{padding:.6rem .9rem;font-size:.85rem;color:var(--brushed-mute);background:var(--steel-panel);border-top:1px solid var(--steel-edge)}.copy h2{text-align:left}.copy .lead{font-size:1.1rem;color:var(--brushed-dim)}.staggered{display:flex;flex-direction:column;gap:1.4rem}.staggered .stagger-row{display:grid;grid-template-columns:minmax(0,64px)minmax(0,1fr);gap:1.2rem;align-items:start}.staggered .stagger-row:nth-child(even){margin-left:clamp(1.5rem,1rem + 3vw,4rem)}.staggered .step-num{font-family:var(--font-head);font-weight:700;font-size:1.1rem;width:56px;height:56px;display:grid;place-items:center;color:var(--signal);border:1px solid rgba(240,168,48,.4);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(240,168,48,.12),transparent 70%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}.statement-band{text-align:center;margin-inline:auto;max-width:var(--reading);padding:clamp(2rem,1rem + 3vw,3.2rem)0}.statement-band blockquote{margin:0;font-family:var(--font-head);font-weight:600;font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);color:#eef2f6;line-height:1.4}.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.2rem}.asym-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.2rem}.asym-grid .panel.full{grid-column:1/2}@media(max-width:760px){.asym-grid{grid-template-columns:1fr}}.timeline{position:relative;padding-left:2.2rem}.timeline::before{content:"";position:absolute;left:.9rem;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--signal),var(--signal-2))}.timeline .tl-step{position:relative;padding:0 0 1.6rem}.timeline .tl-step::before{content:"";position:absolute;left:-1.55rem;top:4px;width:14px;height:14px;border-radius:50%;background:var(--steel-deep);border:2px solid var(--signal);box-shadow:0 0 0 3px rgba(240,168,48,.15)}.partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:.8rem}.partner-chip{display:flex;align-items:center;justify-content:center;min-height:64px;padding:.6rem .9rem;text-align:center;font-family:var(--font-head);font-weight:600;color:var(--brushed-dim);background:linear-gradient(180deg,var(--steel-panel-2),var(--steel-panel));border:1px solid var(--steel-edge);border-radius:var(--radius-sm);box-shadow:var(--bevel);transition:color .15s,border-color .15s,transform .12s}.partner-chip:hover{color:#eef2f6;border-color:var(--steel-hi);transform:translateY(-2px)}.map-wrap{position:relative;border:1px solid var(--steel-edge);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-panel);background:var(--steel-panel)}.map-wrap iframe{display:block;width:100%;height:360px;border:0;filter:grayscale(.4)contrast(1.05)invert(.92)hue-rotate(180deg)}.map-card{position:absolute;left:14px;bottom:14px;max-width:280px;background:linear-gradient(180deg,var(--steel-panel-2),var(--steel-panel));border:1px solid var(--steel-edge);border-radius:var(--radius-sm);padding:.9rem 1rem;box-shadow:var(--bevel),var(--shadow-panel)}.map-card h3{margin:0 0 .3rem;font-size:1rem;color:var(--signal)}.map-card p{margin:0;font-size:.9rem;color:var(--brushed-dim)}.map-card a{font-size:.9rem}.featured-app{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:start}.app-shot{border:1px solid var(--steel-edge);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-panel);background:var(--steel-panel)}.app-shot img{width:100%;height:auto}.app-spec{list-style:none;padding:0;margin:0 0 1.2rem}.app-spec li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid rgba(74,88,104,.2);color:var(--brushed-dim)}.app-spec li:first-child{border-top:0}.app-spec li span:last-child{color:var(--brushed);text-align:right}.app-actions{display:flex;gap:.8rem;flex-wrap:wrap}.inquiry-form{display:grid;gap:1.1rem;max-width:640px;margin-inline:auto}.form-row{display:grid;gap:.4rem}.form-row label{font-family:var(--font-head);font-weight:600;font-size:.95rem;color:var(--brushed)}.form-row .opt{font-weight:400;color:var(--brushed-mute);font-size:.85rem}.form-row input,.form-row textarea{width:100%;min-height:44px;padding:.65rem .8rem;background:var(--steel-deep);color:var(--brushed);border:1px solid var(--steel-edge);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;line-height:1.5;box-shadow:inset 0 1px 3px rgba(0,0,0,.5);transition:border-color .15s,box-shadow .15s}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--signal-2);box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 0 0 3px rgba(94,200,216,.18)}.form-row textarea{min-height:120px;resize:vertical}.field-error{color:var(--danger);font-size:.88rem;margin:0}.check-row{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;color:var(--brushed-dim)}.check-row input{margin-top:.25rem;min-width:18px;min-height:18px}.form-actions{display:flex;justify-content:center}.form-status{text-align:center;min-height:1rem}.status-pending{color:var(--brushed-dim);margin:0}.status-success{color:var(--ok);font-weight:600;margin:0}.status-error p{color:var(--danger);margin:0 0 .6rem}.error-retry{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:start}.info-list{list-style:none;padding:0;margin:0}.info-list li{padding:.6rem 0;border-top:1px solid rgba(74,88,104,.2);display:grid;gap:.15rem}.info-list li:first-child{border-top:0}.info-list .lbl{font-family:var(--font-head);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brushed-mute)}.info-list .val{color:var(--brushed)}.site-footer{border-top:1px solid var(--steel-edge);background:linear-gradient(180deg,#0b0f15,#080b10);margin-top:2rem}.footer-inner{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto;padding:1.6rem 0 2rem}.footer-identity{margin:0 0 .7rem;font-size:.9rem;line-height:1.7;color:var(--brushed-dim);display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .35rem}.footer-identity .fi-name{color:#eef2f6;font-family:var(--font-head);font-weight:700}.footer-identity .fi-sep{color:var(--steel-hi)}.footer-identity a{color:var(--brushed)}.footer-identity a:hover{color:var(--signal-2)}.footer-identity .fi-tin{color:var(--brushed-mute)}.footer-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:0 0 .8rem}.footer-nav a{color:var(--brushed-dim);font-size:.9rem}.footer-nav a:hover{color:var(--signal-2)}.footer-disclaimer{margin:0;font-size:.82rem;color:var(--brushed-mute);border-top:1px solid rgba(74,88,104,.18);padding-top:.7rem}.consent{position:fixed;left:0;right:0;bottom:0;z-index:300;padding:1rem}.consent-inner{width:min(100% - 2rem,var(--maxw));margin-inline:auto;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(180deg,var(--steel-panel-2),var(--steel-panel));border:1px solid var(--steel-edge);border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:var(--bevel),0 18px 40px -16px rgba(0,0,0,.8)}.consent-text{margin:0;font-size:.92rem;color:var(--brushed);max-width:60ch}.consent-text a{color:var(--signal-2)}.consent-actions{display:flex;gap:.6rem}.consent-btn{min-height:44px;padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-family:var(--font-head);font-weight:600;cursor:pointer;border:1px solid var(--steel-hi)}.consent-reject{background:0 0;color:var(--brushed)}.consent-reject:hover{color:var(--signal-2);border-color:var(--signal-2)}.consent-accept{background:linear-gradient(180deg,#ffc15a,var(--signal));color:var(--ink);border-color:#c98212}.consent-accept:hover{filter:brightness(1.05)}[x-cloak]{display:none!important}.prose{max-width:var(--reading);margin-inline:auto}.prose h2{margin-top:2rem}.prose h3{margin-top:1.6rem}.prose table{width:100%;border-collapse:collapse;margin:1.2rem 0}.prose th,.prose td{border:1px solid var(--steel-edge);padding:.6rem .8rem;text-align:left;font-size:.92rem}.prose th{background:var(--steel-panel);color:#eef2f6;font-family:var(--font-head)}.prose code{background:var(--steel-panel);padding:.12rem .4rem;border-radius:4px;font-size:.9em}.page-band{padding:clamp(2.5rem,2rem + 3vw,4rem)0 1.5rem;border-bottom:1px solid var(--steel-edge);background:radial-gradient(600px 200px at 50% 0%,rgba(240,168,48,6%),transparent 70%)}.page-band .container{text-align:center}.page-band h1{margin-bottom:.3rem}.page-band p{color:var(--brushed-dim);max-width:60ch;margin-inline:auto}.notfound{text-align:center;padding:clamp(4rem,3rem + 6vw,7rem)0}.notfound .code{font-family:var(--font-head);font-weight:700;font-size:clamp(3rem,2rem + 6vw,6rem);color:var(--signal);line-height:1}.notfound p{color:var(--brushed-dim);max-width:50ch;margin:1rem auto}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:1.6rem;padding:clamp(3rem,2rem + 5vw,4.5rem)0 2.5rem}.hero-rail{max-width:520px}.featured-app{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}}@media(max-width:768px){body{font-size:16px}.nav-toggle{display:block}.primary-nav{position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;margin-left:0;padding:.5rem 1rem 1rem;background:linear-gradient(180deg,var(--steel-panel-2),var(--steel-deep));border-bottom:1px solid var(--steel-edge);box-shadow:0 18px 30px -16px rgba(0,0,0,.8);transform:translateY(-130%);transition:transform .2s ease}.primary-nav.is-open{transform:translateY(0)}.nav-link{padding:.8rem .5rem;border-bottom:1px solid rgba(74,88,104,.18)}.nav-link:last-child{border-bottom:0}.cta-header{margin-left:0}.comp-mltr,.comp-tlmr{grid-template-columns:1fr}.comp-mltr .media,.comp-tlmr .media{order:0}.comp-mltr .copy,.comp-tlmr .copy{order:0}.staggered .stagger-row{grid-template-columns:minmax(0,48px)minmax(0,1fr);gap:.9rem}.staggered .stagger-row:nth-child(even){margin-left:0}}@media(max-width:480px){.container{width:min(100% - 1.75rem,var(--maxw))}.hero-cta .btn-actuator,.app-actions .btn-actuator{width:100%}.footer-identity{font-size:.85rem}.consent-inner{flex-direction:column;align-items:stretch}.consent-actions{justify-content:stretch}.consent-btn{flex:1}}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app-preview{background:var(--steel-deep);border-top:1px solid var(--steel-edge)}.app-preview-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--steel-panel);border-bottom:1px solid var(--steel-edge)}.app-preview-bar .dot{width:10px;height:10px;border-radius:50%;background:var(--steel-hi)}.app-preview-bar .dot.d1{background:#ff6b6b}.app-preview-bar .dot.d2{background:#f0a830}.app-preview-bar .dot.d3{background:#6ad19a}.app-preview-title{margin-left:.6rem;font-family:var(--font-head);font-size:.85rem;color:var(--brushed-dim)}.app-preview-body{display:grid;grid-template-columns:140px 1fr;min-height:280px}.app-preview-side{background:var(--steel-panel-2);padding:.8rem;border-right:1px solid var(--steel-edge)}.app-preview-side .nav-item{padding:.5rem .6rem;border-radius:6px;color:var(--brushed-mute);font-size:.85rem;margin-bottom:.3rem}.app-preview-side .nav-item.active{background:rgba(240,168,48,.12);color:var(--signal)}.app-preview-main{padding:1.2rem;display:grid;gap:.7rem;align-content:start}.card-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--steel-mid),var(--steel-edge))}.card-line.w50{width:50%}.card-line.w60{width:60%}.card-line.w70{width:70%}.card-line.w75{width:75%}.card-line.w80{width:80%}.card-line.w90{width:90%}.app-note{font-size:.82rem;color:var(--brushed-mute);margin-top:1rem}.info-line{margin-top:1rem}.info-line .tel-link{color:var(--signal);font-weight:600}.info-line a{color:var(--signal-2)}