@font-face{font-family:Kanit;src:url('/kanit.ttf')}*{box-sizing:border-box}body{margin:0;background:#f5f8fb;color:#193955;font:18px/1.8 Kanit,sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7e2eb}.brand img{width:110px;display:block}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#177994}h1{font-size:clamp(32px,4vw,54px);line-height:1.3}h2{font-size:24px}em{color:#187c98;font-style:normal}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding:48px 0}.hero img{width:100%;max-width:340px;justify-self:center}.badge{background:#e4f2f7;padding:8px 16px;border-radius:24px;font-size:15px}.button{display:inline-block;padding:12px 24px;background:#193955;color:white;border-radius:8px;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article,.document{background:white;padding:28px;border-radius:12px;border:1px solid #d7e2eb}.document{max-width:900px;margin:28px auto}.document h1{font-size:36px}aside{background:#fff4d6;padding:20px;margin:28px 0;border-radius:8px}footer{font-size:15px;border-top:1px solid #d7e2eb}@media(max-width:700px){header{align-items:flex-start;gap:18px}nav{gap:12px;font-size:15px}.hero,.cards{grid-template-columns:1fr}.hero{padding-top:24px}.hero img{max-width:180px}.document{padding:20px}}