:root{--ink:#1f1f1f;--ink-2:#111110;--bg:#0b0a09;--paper:#f2f2f2;--paper-2:#fff;--orange:#f5a623;--orange-2:#d98c0d;--glow:#ffd166;--steel:#6b6f76;--line:#ffffff14;--line-ink:#1f1f1f1a}*{box-sizing:border-box}html,body{max-width:100%;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}section[id],div[id]{scroll-margin-top:120px}img,iframe,video{max-width:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,Noto Sans Thai,system-ui,sans-serif;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.display{letter-spacing:.02em;text-transform:uppercase;font-family:Orbitron,Noto Sans Thai,sans-serif;font-weight:800;line-height:1.02}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--orange);font-family:Orbitron,sans-serif;font-size:12px;font-weight:600}.thai-head{letter-spacing:-.01em;font-family:Noto Sans Thai,sans-serif;font-weight:800;line-height:1.15}.container{max-width:1320px;margin:0 auto;padding:0 28px;position:relative}.anno{color:#ffffffa6;background:#0a0908;border-bottom:1px solid #ffffff0f;font-size:12px}.anno-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;margin:0 auto;padding:10px 28px;display:flex}.anno-left,.anno-right{align-items:center;gap:20px;display:flex}.anno span{white-space:nowrap}.anno b{color:var(--orange);letter-spacing:.18em;font-family:Orbitron,sans-serif;font-size:10.5px}.anno .sep{background:#ffffff1a;width:1px;height:14px}header.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#080706eb;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.nav-inner{align-items:center;gap:32px;max-width:1320px;margin:0 auto;padding:16px 28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 4px 12px #f5a62366);width:44px;height:44px}.brand .b-text{flex-direction:column;line-height:1;display:flex}.brand .b-text b{letter-spacing:.16em;color:#fff;font-family:Orbitron,sans-serif;font-size:15px;font-weight:700}.brand .b-text span{letter-spacing:.35em;color:var(--orange);margin-top:4px;font-family:Orbitron,sans-serif;font-size:9px}nav.primary{letter-spacing:.1em;text-transform:uppercase;gap:26px;margin-left:auto;font-family:Orbitron,sans-serif;font-size:13.5px;font-weight:500;display:flex}nav.primary a{opacity:.72;padding:6px 0;transition:all .2s;position:relative}nav.primary a:hover{opacity:1;color:var(--orange)}nav.primary a.active{opacity:1}nav.primary a.active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:-6px;left:0;right:0}.nav-icons{align-items:center;gap:10px;display:flex}.nav-ic{color:#fff;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.nav-ic:hover{border-color:var(--orange);color:var(--orange)}.btn{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:10px;padding:14px 26px;font-family:Orbitron,Noto Sans Thai,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--orange);color:#1a1200}.btn-primary:hover{background:var(--glow);transform:translateY(-2px);box-shadow:0 12px 32px -8px #f5a6238c}.btn-dark{color:#fff;background:#111}.btn-dark:hover{background:var(--orange);color:#1a1200}.btn-ghost{color:#fff;background:0 0;border:1.5px solid #ffffff38}.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}.btn-outline{color:var(--orange);border:1.5px solid var(--orange);background:0 0}.btn-outline:hover{background:var(--orange);color:#1a1200}.page-hero{color:#fff;background:#0a0706 50%/cover no-repeat;align-items:flex-end;min-height:420px;padding:60px 0;display:flex;position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background:linear-gradient(#0006,#000000d9);position:absolute;inset:0}.page-hero .container{z-index:1}.page-hero h1{letter-spacing:-.01em;margin:14px 0 8px;font-family:Noto Sans Thai,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:800}.page-hero .crumb{letter-spacing:.22em;color:#fff9;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:12px}.page-hero .crumb a{color:var(--orange)}footer.site{color:#ffffffb3;background:#050504;padding:76px 0 36px}.foot-inner{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;max-width:1320px;margin:0 auto;padding:0 28px;display:grid}.foot-brand p{color:#fff9;max-width:360px;margin:18px 0 22px;font-size:13.5px;line-height:1.65}.socials{gap:10px;display:flex}.socials a{width:40px;height:40px;color:var(--orange);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.socials a:hover{background:var(--orange);color:#1a1200}.foot-col h5{letter-spacing:.22em;color:var(--orange);margin:0 0 18px;font-family:Orbitron,sans-serif;font-size:12px}.foot-col ul{margin:0;padding:0;list-style:none}.foot-col li{margin-bottom:10px;font-size:13.5px}.foot-col a{color:#ffffffa6}.foot-col a:hover{color:var(--orange)}.foot-bottom{color:#fff6;border-top:1px solid #ffffff14;justify-content:space-between;max-width:1320px;margin:56px auto 0;padding:22px 28px 0;font-size:12px;display:flex}.floaters{z-index:40;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.floater{background:var(--orange);color:#1a1200;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s;display:flex;box-shadow:0 10px 28px -6px #f5a6238c}.floater:hover{transform:translateY(-3px)}.floater.line{color:#fff;background:#06c755}.sec-head-center{text-align:center;max-width:720px;margin:0 auto 56px}.sec-head-center .chip{border:1px solid var(--orange);color:var(--orange);letter-spacing:.24em;text-transform:uppercase;border-radius:100px;padding:6px 14px;font-family:Orbitron,sans-serif;font-size:10.5px;display:inline-block}.sec-head-center h2{margin:14px 0 12px;font-family:Noto Sans Thai,sans-serif;font-size:clamp(32px,3.5vw,48px);font-weight:800;line-height:1.15}.sec-head-center h2 em{color:var(--orange);font-style:normal}.sec-head-center p{color:#666;margin:0;font-size:15px}.card-plain{border:1px solid var(--line-ink);background:#fff;border-radius:14px;padding:28px;transition:all .3s}.card-plain:hover{border-color:#f5a62366;transform:translateY(-4px);box-shadow:0 24px 60px -24px #0003}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--orange);color:#1a1200;letter-spacing:.12em;text-transform:uppercase;z-index:100;border-radius:0 0 8px 8px;padding:10px 16px;font-family:Orbitron,Noto Sans Thai,sans-serif;font-size:12px;transition:top .15s;position:absolute;top:-40px;left:8px}.skip-link:focus{outline-offset:2px;outline:2px solid #fff;top:0}:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:2px}.btn:focus-visible{outline-offset:3px}.nav-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none}.nav-toggle:hover{border-color:var(--orange);color:var(--orange)}.drawer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:49;background:#080706fa;height:100dvh;padding:96px 28px 40px;display:none;position:fixed;inset:0;overflow-y:auto}@supports not (height:100dvh){.drawer{height:100vh}}.drawer.open{display:block}.drawer nav{flex-direction:column;gap:6px;max-width:1320px;margin:0 auto;display:flex}.drawer nav a{color:#fff;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff0f;padding:18px 6px;font-family:Orbitron,Noto Sans Thai,sans-serif;font-size:16px}.drawer nav a.active{color:var(--orange)}.drawer nav .btn{text-transform:none;letter-spacing:.04em;justify-content:center;padding:16px 22px}@media (max-width:960px){nav.primary{display:none}.nav-toggle{display:inline-flex}.hide-mobile{display:none}.foot-inner{grid-template-columns:1fr 1fr}.anno-left,.anno-right{gap:12px}.anno .sep{display:none}}@media (max-width:520px){.foot-inner{grid-template-columns:1fr}.anno-inner{flex-wrap:wrap;gap:6px 14px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.floaters,.anno,header.nav,.drawer,footer.site{display:none!important}}h1 em,h2 em,h3 em,h4 em,h5 em,.page-hero p em,.home-hero .sub em,.lede em,.c-info p em,.svc-copy p em,.about-content>p em,.story em,.faq .a em{color:var(--orange);font-style:normal}
