:root{color-scheme:dark;--bg:#07121e;--card:#102333;--teal:#43d5ca;--muted:#a8bcc9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3fbff;font-family:Arial,Noto Sans Thai,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:auto;padding:0 24px}header{border-bottom:1px solid #244052;background:#091927}header .bar{align-items:center;justify-content:space-between;min-height:76px}header .bar,nav{display:flex;gap:20px;flex-wrap:wrap}nav a:hover{color:var(--teal)}.brand{font-weight:800;font-size:21px;letter-spacing:.03em}.accent,.brand span{color:var(--teal)}.hero{padding:100px 0 84px;background:radial-gradient(circle at 80% 20%,#17495b 0,transparent 45%)}.eyebrow{color:var(--teal);font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:12px}h1{font-size:clamp(38px,6vw,68px);line-height:1.12;margin:18px 0;max-width:900px}h2{font-size:clamp(28px,4vw,42px);line-height:1.2}p{color:var(--muted)}.lead{font-size:19px;max-width:730px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border-radius:9px;background:var(--teal);color:#05212b;font-weight:800;padding:13px 22px}.btn.secondary{background:transparent;border:1px solid #547584;color:white}.section{padding:65px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.card{background:linear-gradient(145deg,#122d3e,#0d1d2d);border:1px solid #294758;border-radius:16px;padding:26px;min-height:195px}.card h3{margin:0 0 12px;font-size:21px}.card p{margin:0}.tag{display:inline-block;color:var(--teal);font-size:12px;letter-spacing:.08em;font-weight:700;margin-bottom:14px}.banner{padding:34px;border:1px solid #32616c;border-radius:18px;background:#0d2936}footer{padding:35px 0;border-top:1px solid #244052;color:var(--muted);font-size:14px}footer a{color:var(--teal)}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding:65px 0}header .bar{padding:16px 24px}nav{gap:12px;font-size:14px}}