:root{--qta-bg:#070b12;--qta-surface:#0f1624;--qta-grid:rgba(0, 229, 255, 0.08);--qta-cyan:#00e5ff;--qta-magenta:#e040fb;--qta-text:#e8edf5;--qta-muted:#9aa8bc;--qta-border:rgba(0, 229, 255, 0.22);--qta-glow:0 0 24px rgba(0, 229, 255, 0.15);--font-body:"Noto Sans Thai", system-ui, sans-serif;--font-heading:"Noto Serif Thai", Georgia, serif;--max-read:42rem;--space:clamp(1rem, 2vw, 1.75rem)}@font-face{font-family:noto sans thai;src:url(../fonts/NotoSansThai-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-7F,U+E00-E7F}@font-face{font-family:noto sans thai;src:url(../fonts/NotoSansThai-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+20-7F,U+E00-E7F}@font-face{font-family:noto serif thai;src:url(../fonts/NotoSerifThai-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-7F,U+E00-E7F}@font-face{font-family:noto serif thai;src:url(../fonts/NotoSerifThai-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+20-7F,U+E00-E7F}*,*::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.0625rem;line-height:1.65;color:var(--qta-text);background-color:var(--qta-bg);background-image:linear-gradient(var(--qta-grid) 1px,transparent 1px),linear-gradient(90deg,var(--qta-grid) 1px,transparent 1px);background-size:32px 32px;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--qta-cyan);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#7af7ff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--qta-magenta);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;padding:.75rem 1rem;background:var(--qta-surface);color:var(--qta-text)}.skip-link:focus{left:var(--space);top:var(--space)}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--qta-border);background:rgba(7,11,18,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.brand-mark{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:var(--qta-text);text-decoration:none;letter-spacing:.02em}.brand-mark span{color:var(--qta-cyan);font-family:ui-monospace,monospace;font-size:.75em;margin-right:.35em}.nav-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.site-nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;margin:0;padding:0}.site-nav a{color:var(--qta-muted);text-decoration:none;font-size:.95rem;padding:.35rem 0}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--qta-text)}.header-contact{font-size:.9rem;white-space:nowrap}.header-contact a{text-decoration:none;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.25rem;font-family:var(--font-body);font-size:1rem;font-weight:600;border-radius:4px;border:1px solid var(--qta-cyan);background:0 0;color:var(--qta-cyan);cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s}.btn:hover{background:rgba(0,229,255,.12);box-shadow:var(--qta-glow)}.btn--solid{background:linear-gradient(135deg,rgba(0,229,255,.25),rgba(224,64,251,.2));color:var(--qta-text)}main{overflow-x:hidden}.section{padding:clamp(2.5rem,6vw,4.5rem)clamp(1rem,4vw,2.5rem)}.section__inner{max-width:72rem;margin-inline:auto}.hero-media-rail{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,.9fr);gap:clamp(1.5rem,4vw,3rem);align-items:stretch;max-width:76rem;margin-inline:auto;padding:clamp(2rem,5vw,4rem)clamp(1rem,4vw,2.5rem)}.hero-media-rail__rail{border-left:3px solid var(--qta-magenta);padding-left:1.25rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}.hero-media-rail h1{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.2;margin:0}.hero-media-rail__lead{color:var(--qta-muted);font-size:1.1rem;margin:0}.hero-media-rail__media{position:relative;border:1px solid var(--qta-border);box-shadow:var(--qta-glow);overflow:hidden}.hero-media-rail__media img{width:100%;height:100%;object-fit:cover;min-height:260px;filter:saturate(.85)contrast(1.05)}.hero-media-rail__caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;font-size:.8rem;font-family:ui-monospace,monospace;background:rgba(7,11,18,.85);color:var(--qta-cyan)}.comp-timeline-rail{position:relative;padding-left:0}.comp-timeline-rail h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1.5rem}.timeline-rail__list{list-style:none;margin:0;padding:0;border-left:2px solid var(--qta-border);margin-left:.75rem}.timeline-rail__item{position:relative;padding:0 0 1.75rem 1.75rem}.timeline-rail__item::before{content:attr(data-step);position:absolute;left:-.65rem;top:0;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--qta-bg);border:2px solid var(--qta-cyan);font-size:.7rem;font-family:ui-monospace,monospace;display:flex;align-items:center;justify-content:center;color:var(--qta-cyan)}.timeline-rail__item h3{margin:0 0 .35rem;font-size:1.15rem}.timeline-rail__item p{margin:0;color:var(--qta-muted)}.comp-asymmetric-grid-3 h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1.25rem}.asymmetric-grid-3{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:1rem}.asymmetric-grid-3__wide{grid-row:span 2;background:var(--qta-surface);border:1px solid var(--qta-border);padding:1.5rem;border-radius:6px}.asymmetric-grid-3__narrow{background:var(--qta-surface);border:1px solid var(--qta-border);padding:1.25rem;border-radius:6px}.asymmetric-grid-3 h3{margin:0 0 .5rem;font-size:1.05rem;color:var(--qta-cyan)}.asymmetric-grid-3 p{margin:0;font-size:.98rem;color:var(--qta-muted)}.comp-full-bleed-band{padding:0}.full-bleed-band__media{position:relative;width:100%;max-height:420px;overflow:hidden}.full-bleed-band__media img{width:100%;height:420px;object-fit:cover;filter:grayscale(.35)sepia(.15)}.full-bleed-band__caption-wrap{text-align:center;margin-inline:auto;max-width:var(--max-read);padding:1.25rem clamp(1rem,4vw,2rem)2rem}.full-bleed-band__caption-wrap h2{font-family:var(--font-heading);font-size:clamp(1.35rem,3vw,1.85rem);margin:0 0 .75rem;text-align:center}.full-bleed-band__caption-wrap p{margin:0 auto;color:var(--qta-muted);text-align:center;max-width:36rem}.site-footer{border-top:1px solid var(--qta-border);padding:2.5rem 1rem 2rem;margin-top:2rem;background:var(--qta-surface)}.footer-centered{text-align:center;margin-inline:auto;max-width:52rem;font-size:.9rem;color:var(--qta-muted);line-height:1.7}.footer-centered .footer-identity{margin-bottom:1rem}.footer-centered a{text-decoration:none}.footer-legal-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;list-style:none;margin:1.25rem 0 0;padding:0}.footer-legal-nav a{color:var(--qta-text);font-size:.88rem}.page-hero{padding:2rem clamp(1rem,4vw,2.5rem)1rem;max-width:48rem;margin-inline:auto}.page-hero h1{font-family:var(--font-heading);font-size:clamp(1.65rem,3.5vw,2.25rem);margin:0 0 .5rem}.prose{max-width:48rem;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)3rem}.prose h2{font-family:var(--font-heading);margin-top:2rem}.prose table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1rem 0}.prose th,.prose td{border:1px solid var(--qta-border);padding:.5rem .65rem;text-align:left}.inquiry-form{max-width:32rem;margin:0 auto}.form-field{margin-bottom:1.25rem}.form-field label{display:block;margin-bottom:.35rem;font-weight:600}.form-field input,.form-field textarea{width:100%;min-height:44px;padding:.65rem .75rem;font-family:var(--font-body);font-size:1rem;border:1px solid var(--qta-border);border-radius:4px;background:var(--qta-bg);color:var(--qta-text)}.form-field textarea{min-height:140px;resize:vertical}.form-error{color:#ff8a80;font-size:.88rem;margin-top:.35rem}.form-status{padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.form-status--pending{border:1px solid var(--qta-cyan);color:var(--qta-cyan)}.form-status--success{border:1px solid #69f0ae;color:#b9f6ca}.form-status--error{border:1px solid #ff8a80;color:#ff8a80}[aria-live=polite]{min-height:0}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;padding:1rem;background:var(--qta-surface);border-top:1px solid var(--qta-border);box-shadow:0 -8px 32px rgba(0,0,0,.45)}.consent-banner__inner{max-width:52rem;margin-inline:auto;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.consent-banner p{margin:0;flex:1 1 16rem;font-size:.92rem;color:var(--qta-muted)}.consent-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn--ghost{border-color:var(--qta-muted);color:var(--qta-muted)}.section--break{border-top:1px solid var(--qta-border);background:linear-gradient(180deg,transparent,rgba(15,22,36,.6))}.error-page{text-align:center;padding:4rem 1rem;margin-inline:auto;max-width:var(--max-read)}.error-page h1{font-family:var(--font-heading)}@media(max-width:768px){.hero-media-rail{grid-template-columns:1fr}.hero-media-rail__rail{border-left:none;border-top:3px solid var(--qta-magenta);padding-left:0;padding-top:1rem;text-align:left}.hero-media-rail h1{text-align:left}.asymmetric-grid-3{grid-template-columns:1fr}.asymmetric-grid-3__wide{grid-row:auto}.comp-timeline-rail h2{text-align:left}.full-bleed-band__caption-wrap,.full-bleed-band__caption-wrap h2,.full-bleed-band__caption-wrap p{text-align:center;margin-inline:auto}}