:root{--blue:#053b78;--dark:#061b34;--gold:#f5b400;--soft:#f3f6fb;--green:#39a852;--orange:#f17922;--purple:#8d45c7}
*{box-sizing:border-box} body{margin:0;font-family:Arial,'Noto Sans Lao',sans-serif;color:#10233f;background:#fff;line-height:1.6}
.topbar{height:32px;background:#f6f8fc;color:#43536b;font-size:14px;display:flex;justify-content:flex-end;align-items:center;padding:0 6%}.quick span{margin-left:25px}
.navbar{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-shadow:0 2px 12px #0001;position:sticky;top:0;z-index:20}.brand img{height:64px;max-width:360px}nav a{color:#061b34;text-decoration:none;margin:0 9px;font-weight:700;font-size:14px;white-space:nowrap}.btn{background:var(--blue);color:white;text-decoration:none;padding:12px 20px;border-radius:7px;font-weight:700;border:0;display:inline-block}.hero{height:650px;background:linear-gradient(90deg,#062247ee,#062247aa),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80') center/cover}.hero-overlay{height:100%}.hero-content{height:100%;display:grid;grid-template-columns:1.25fr .9fr;gap:40px;align-items:center;padding:0 6%;color:white}.hero h1{font-size:50px;line-height:1.15;margin:0 0 20px}.hero h1 span{color:var(--gold)}.hero p{font-size:20px;max-width:680px}.ghost{background:transparent;border:1px solid white;margin-left:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats div{background:#071f3fbb;border-radius:12px;padding:28px;text-align:center;backdrop-filter:blur(4px)}.stats b{font-size:38px;display:block;color:white}.stats span{font-size:15px}.section{padding:58px 6%;max-width:1280px;margin:auto}.center{text-align:center}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:2px}.section h2{font-size:36px;color:var(--dark);margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:left}.card{background:white;border:1px solid #dfe6ef;border-radius:13px;padding:30px;text-decoration:none;color:#10233f;box-shadow:0 8px 25px #0000000c}.card:hover{transform:translateY(-5px);transition:.2s}.icon{height:58px;width:58px;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:15px}.blue{background:var(--blue)}.green{background:var(--green)}.orange{background:var(--orange)}.purple{background:var(--purple)}.card span{color:var(--blue);font-weight:800}.values{margin:0 6% 55px;padding:30px;background:#eef4fb;border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.values b{color:var(--blue)}.page-hero{padding:90px 6%;background:linear-gradient(90deg,#062247,#0b5297);color:white}.page-hero h1{font-size:46px;margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}.panel,.service-list div,.project-grid div{background:#f6f8fc;border-left:5px solid var(--gold);padding:22px;border-radius:10px}.service-list,.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form input,.form select,.form textarea,.search{padding:14px;border:1px solid #cfd7e3;border-radius:8px;font-size:15px}.form textarea,.form label{grid-column:1/-1}.form button{width:max-content}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{border-bottom:1px solid #e6ebf2;text-align:left;padding:12px}th{background:var(--blue);color:white}footer{background:#071f3f;color:white;padding:45px 6% 18px}.footer-grid{display:grid;grid-template-columns:2fr 1.5fr 1.5fr;gap:25px}.copy{text-align:center;color:#bdc8d8;margin-top:25px}
@media(max-width:900px){.navbar{height:auto;display:block;padding:12px 5%}.brand img{height:55px}nav{margin:10px 0}nav a{display:inline-block;margin:6px}.contact-btn{display:inline-block}.hero{height:auto}.hero-content{grid-template-columns:1fr;padding:70px 6%}.hero h1{font-size:36px}.cards,.values,.service-list,.project-grid,.two-col,.footer-grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}