:root{
  --navy:#061a2f;--navy2:#0b3159;--blue:#1769e0;--blue2:#4aa3ff;--yellow:#ffbf00;--ink:#152033;--muted:#607086;--line:#dbe4ef;--soft:#f4f8fc;--white:#fff;
  --shadow:0 12px 30px rgba(9,33,63,.08);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter","Noto Sans Thai",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,24,45,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;flex-direction:column;line-height:.9;color:#fff;min-width:145px}.brand-mark{font-size:26px;font-weight:800;letter-spacing:-1.5px}.gear{color:#e8f2ff;font-size:.86em}.brand-sub{font-size:11px;font-weight:700;letter-spacing:3px;margin-top:6px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{color:#d9e7f7;font-size:14px;font-weight:600;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";position:absolute;height:2px;background:var(--yellow);left:0;right:0;bottom:-14px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:9px;font-weight:700;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#0d4eb6);color:#fff;box-shadow:0 10px 20px rgba(23,105,224,.25)}.btn-small{padding:10px 16px;font-size:13px}.btn-ghost{border-color:rgba(255,255,255,.3);color:#fff}.btn-light{background:#fff;color:#0f56bd}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,rgba(41,132,229,.24),transparent 28%),linear-gradient(135deg,#041526 0%,#072746 55%,#0a3156 100%);color:#fff}.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(89,166,242,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(89,166,242,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to left,#000,transparent 70%)}.hero-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:610px;gap:50px;padding:72px 0}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:800;color:#8bc3ff}.hero h1{font-size:clamp(44px,5.1vw,70px);line-height:1.05;letter-spacing:-2.2px;margin:10px 0 22px}.hero h1 span{color:var(--yellow)}.lead{max-width:620px;color:#d3e4f6;font-size:19px}.hero-actions{display:flex;gap:12px;margin:30px 0 38px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}.stats strong{font-size:26px;display:block}.stats span{font-size:11px;color:#a9bfd5}.hero-art{min-height:460px;display:flex;align-items:center}.blueprint-card{position:relative;width:100%;height:430px;border:1px solid rgba(113,188,255,.25);border-radius:20px;background:linear-gradient(rgba(33,124,209,.07),rgba(33,124,209,.03)),repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(116,190,255,.07) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(116,190,255,.07) 20px);box-shadow:inset 0 0 60px rgba(37,130,225,.1)}.building{position:absolute;border:2px solid rgba(118,197,255,.68);box-shadow:0 0 20px rgba(62,164,255,.12)}.building:before,.building:after{content:"";position:absolute;inset:10px;border:1px solid rgba(118,197,255,.35)}.building-a{width:170px;height:260px;right:30px;top:45px;transform:skewY(-8deg)}.building-b{width:145px;height:190px;right:180px;top:115px}.building-c{width:115px;height:145px;right:305px;top:160px}.quote-card{position:absolute;left:20px;bottom:20px;max-width:350px;padding:25px;background:rgba(5,25,46,.92);border:1px solid rgba(255,255,255,.08);border-radius:14px}.quote-mark{font-size:46px;color:var(--yellow);line-height:.7}.quote-card p{margin:4px 0 12px;color:#dbeafa}.quote-card small{color:#8fb2d4}
.section{padding:82px 0}.section-soft{background:var(--soft)}.section-heading{text-align:center;max-width:760px;margin:0 auto 40px}.section-heading span{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--blue)}.section-heading h2{font-size:36px;line-height:1.2;margin:7px 0 10px;letter-spacing:-1px}.section-heading p{color:var(--muted);margin:0}.cards{display:grid;gap:18px}.six-col{grid-template-columns:repeat(6,1fr)}.three-col{grid-template-columns:repeat(3,1fr)}.four-col{grid-template-columns:repeat(4,1fr)}.category-card,.tool-card,.project-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.category-card{padding:26px 18px;text-align:center}.category-card .icon,.tool-card .icon{font-size:32px}.category-card h3,.tool-card h3{margin:12px 0 6px}.category-card p,.tool-card p,.project-body p{color:var(--muted);font-size:13px}.category-card a,.project-body a{font-size:13px;color:var(--blue);font-weight:700}.tool-card{padding:28px}.tool-card button{margin-top:8px;background:#fff;border:1px solid #9ec1f4;color:#1769e0;padding:9px 14px;border-radius:8px;font-weight:700;cursor:pointer}.tool-card button:hover{background:#edf5ff}.project-visual{height:155px;display:flex;align-items:flex-end;padding:14px;color:#fff;font-size:11px;font-weight:800;letter-spacing:1.1px}.p1{background:linear-gradient(135deg,#1d426a,#3975ad)}.p2{background:linear-gradient(135deg,#218977,#52b8a4)}.p3{background:linear-gradient(135deg,#5c48a9,#8b72db)}.p4{background:linear-gradient(135deg,#1e1f24,#48515b)}.project-body{padding:18px}.project-body>span{font-size:10px;color:var(--blue);text-transform:uppercase;font-weight:800;letter-spacing:1px}.project-body h3{margin:5px 0 5px}.cta-band{background:linear-gradient(135deg,#0e53ba,#1769e0);color:#fff;padding:52px 0}.cta-layout{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-layout h2{margin:5px 0 0;max-width:760px}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-grid h2{font-size:38px;line-height:1.25;margin:8px 0}.eyebrow.dark{color:var(--blue)}.about-grid p{color:var(--muted)}
.site-footer{background:#061a2f;color:#d4e0eb;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:42px}.footer-grid h4{color:#fff;margin:0 0 13px}.footer-grid a,.footer-grid span{display:block;font-size:13px;margin:7px 0;color:#b8c9d8}.footer-grid p{font-size:13px;color:#a8bdcf;max-width:270px}.footer-brand{margin-bottom:15px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:18px;text-align:center;font-size:12px;color:#8ea5b9}
@media(max-width:1050px){.six-col{grid-template-columns:repeat(3,1fr)}.four-col{grid-template-columns:repeat(2,1fr)}.hero-layout{grid-template-columns:1fr}.hero-art{display:none}.hero-layout{min-height:auto;padding:82px 0}.main-nav{gap:18px}.contact-top{display:none}}
@media(max-width:760px){.nav-wrap{height:66px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#061a2f;padding:18px 22px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.main-nav a.active:after{display:none}.hero h1{font-size:45px}.lead{font-size:16px}.stats{grid-template-columns:repeat(2,1fr)}.three-col,.six-col,.four-col{grid-template-columns:1fr}.section{padding:60px 0}.section-heading h2{font-size:30px}.cta-layout,.about-grid{grid-template-columns:1fr;display:grid}.footer-grid{grid-template-columns:1fr 1fr}.hero-actions{flex-wrap:wrap}}
@media(max-width:480px){.container{width:min(100% - 24px,1180px)}.brand{min-width:auto}.brand-mark{font-size:22px}.brand-sub{font-size:9px}.hero h1{font-size:38px}.stats{gap:12px}.footer-grid{grid-template-columns:1fr}.section-heading h2{font-size:27px}}