:root{--blue:#0a3d91;--blue2:#0f6fff;--cyan:#20c7ff;--dark:#061733;--muted:#5e6b82;--bg:#f4f8ff;--white:#fff;--line:#dce7f7}*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans Thai',sans-serif;color:var(--dark);background:var(--white);line-height:1.7}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--dark);font-weight:800;font-size:22px}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;display:grid;place-items:center;font-size:16px;box-shadow:0 10px 25px rgba(15,111,255,.25)}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{text-decoration:none;color:var(--dark);font-weight:600}.btn{display:inline-block;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white!important;text-decoration:none;padding:13px 22px;border-radius:999px;font-weight:800;box-shadow:0 12px 28px rgba(15,111,255,.22)}.btn-small{padding:9px 16px}.btn-outline{background:white;color:var(--blue)!important;border:1px solid var(--blue);box-shadow:none}.hero{background:radial-gradient(circle at top right,rgba(32,199,255,.25),transparent 35%),linear-gradient(180deg,#eef6ff,white);padding:86px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center}.eyebrow{color:var(--blue2);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:64px;line-height:1.05;margin:8px 0 20px}.lead{font-size:20px;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{min-height:320px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,var(--dark),#0a3d91);color:white;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 30px 70px rgba(6,23,51,.22);position:relative;overflow:hidden}.pulse{position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(32,199,255,.45);box-shadow:0 0 80px rgba(32,199,255,.75)}.hero-card h2{font-size:34px;margin:0}.hero-card p{color:#cfe7ff}.section{padding:82px 0}.section-title{text-align:center;margin-bottom:34px}.section-title h2,.about h2,.contact h2{font-size:38px;margin:6px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:26px;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:0 12px 34px rgba(10,61,145,.07)}.card h3{color:var(--blue);margin-top:0}.section-blue{background:var(--bg)}.solution-list{display:grid;gap:16px}.solution-list div{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:4px}.solution-list strong{color:var(--blue);font-size:20px}.solution-list span{color:var(--muted)}.about{display:grid;grid-template-columns:1fr .8fr;gap:28px;align-items:center}.about p{color:var(--muted)}.about-box{border-radius:26px;background:var(--bg);padding:30px;border:1px solid var(--line)}.contact-card{background:linear-gradient(135deg,#06245a,var(--blue));color:white;border-radius:32px;padding:42px}.contact-card p{color:#d8ebff}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.contact-grid div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:18px}.contact-grid span{display:block;color:#d8ebff}.footer{padding:24px 0;background:#061733;color:#cfe7ff;text-align:center}@media(max-width:820px){.nav{height:auto;padding:14px 0;align-items:flex-start}.nav-links{display:none}.hero{padding:54px 0}.hero-grid,.cards,.about,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.section{padding:54px 0}}