@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg:#101a29;--bg-deep:#0a111c;--surface:#151f30;--surface-soft:#1c2a40;--line:#ffffff1a;--text:#f7fbff;--muted:#b7c2d3;--blue:#3b82f6;--cyan:#48d6ff;--green:#55d68a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 12%, #3b82f62e, transparent 32rem), linear-gradient(135deg, var(--bg) 0%, var(--bg-deep) 100%);min-width:320px;color:var(--text);margin:0;font-family:Noto Sans Thai,Inter,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-shell{width:min(1120px,100% - 40px);margin:0 auto}.nav{justify-content:space-between;align-items:center;gap:20px;padding:26px 0;display:flex}.nav-links{color:var(--muted);align-items:center;gap:14px;font-weight:700;display:flex}.brand{align-items:flex-end;gap:16px;line-height:1;display:inline-flex}.brand img{object-fit:contain;width:56px;height:84px;display:block}.brand span{color:#fff;letter-spacing:0;font-family:Inter,Arial,sans-serif;font-size:3.1rem;font-weight:800}.nav-cta{border:1px solid var(--line);min-height:42px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:.95rem;font-weight:700;display:inline-flex}.hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;gap:56px;min-height:calc(100svh - 96px);padding:42px 0 84px;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:800}h1,h2{letter-spacing:0;margin:0;line-height:1.1}h1{max-width:830px;font-size:clamp(2.65rem,8vw,5.65rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.15rem);font-weight:800}p{color:var(--muted);font-size:1.05rem}.hero-lead{max-width:720px;margin:24px 0 0;font-size:clamp(1.08rem,2vw,1.34rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:12px 20px;font-weight:800;display:inline-flex}.button.primary{background:var(--blue);color:#fff;box-shadow:0 18px 36px #3b82f647}.button.secondary{border-color:var(--line);color:var(--text);background:#ffffff0a}.hero-panel,.contact-box{border:1px solid var(--line);background:#151f30c2;border-radius:8px;box-shadow:0 28px 80px #0000004d}.hero-panel{padding:30px}.signal-mark{width:92px;height:auto;margin-bottom:28px;display:block}.panel-label{color:var(--green);background:#55d68a14;border:1px solid #55d68a47;border-radius:999px;margin:0 0 16px;padding:6px 12px;font-size:.92rem;font-weight:800;display:inline-flex}.hero-panel h2{font-size:2.2rem}.fine-print{color:#8f9bad;font-size:.9rem}.section{border-top:1px solid var(--line);padding:76px 0}.split{grid-template-columns:minmax(0,.82fr) minmax(320px,1fr);gap:46px;display:grid}.split p,.contact p{max-width:620px}.service-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.service-list li{border:1px solid var(--line);color:#e7edf7;background:#ffffff09;border-radius:8px;align-items:center;min-height:62px;padding:14px 16px;font-weight:700;display:flex}.problem-band{grid-template-columns:minmax(260px,.42fr) 1fr;align-items:start;gap:34px;display:grid}.problem-grid,.stack-grid,.stage-row{flex-wrap:wrap;gap:10px;display:flex}.problem-grid span,.stack-grid span,.stage-row span{border:1px solid var(--line);color:#dce6f5;background:#ffffff0b;border-radius:999px;font-weight:700}.problem-grid span{padding:10px 14px}.section-heading{margin-bottom:28px}.stack-grid span{padding:11px 16px;font-family:Inter,Noto Sans Thai,sans-serif}.contact{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:46px;padding-bottom:96px;display:grid}.contact-box{padding:26px}.stage-row{margin-bottom:22px}.stage-row span{padding:8px 12px;font-size:.9rem}.button.wide{width:100%}.fine-print{margin:18px 0 0}.footer{border-top:1px solid var(--line);color:#8f9bad;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 34px;font-size:.92rem;display:flex}.footer a{color:var(--text);font-weight:700}.policy{border:1px solid var(--line);background:#151f30b8;border-radius:8px;width:min(880px,100%);margin:42px auto 82px;padding:clamp(24px,5vw,54px);box-shadow:0 28px 80px #00000047}.policy-header{border-bottom:1px solid var(--line);margin-bottom:34px;padding-bottom:28px}.policy-header h1{font-size:clamp(2.3rem,6vw,4.4rem)}.policy-header p{margin:14px 0 0}.policy-header .updated{color:var(--cyan);font-weight:800}.policy section+section{margin-top:36px}.policy h2{margin-bottom:14px;font-size:clamp(1.35rem,3vw,2rem)}.policy ul{color:var(--muted);gap:8px;margin:16px 0 0;padding-left:22px;display:grid}.policy li::marker{color:var(--blue)}.policy address{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:8px;margin-top:16px;padding:18px;font-style:normal}.policy address a{color:var(--text);font-weight:800}@media (width<=860px){.site-shell{width:min(100% - 28px,680px)}.nav{padding:18px 0}.brand img{width:44px;height:66px}.brand span{font-size:2.45rem}.hero,.split,.problem-band,.contact{grid-template-columns:1fr}.hero{gap:34px;min-height:0;padding:34px 0 64px}.hero-panel,.contact-box{padding:22px}.section{padding:58px 0}}@media (width<=520px){.nav{flex-direction:column;align-items:flex-start}.nav-links,.footer{flex-direction:column;align-items:stretch;width:100%}.nav-cta,.button{width:100%}h1{font-size:2.55rem}.hero-actions{width:100%}.signal-mark{width:76px}}