*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#0c3766;background:#fff}
header{border-bottom:1px solid #e8eeee;background:#fff;position:sticky;top:0;z-index:10}
nav{max-width:1100px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:25px;font-weight:800;letter-spacing:5px;color:#0c3766;text-decoration:none}.links a{margin-left:24px;color:#31546f;text-decoration:none}
.hero{padding:105px 24px;text-align:center;background:linear-gradient(135deg,#f4fbfd,#f7fffd)}
.hero h1{font-size:56px;letter-spacing:11px;margin:0 0 15px;color:#073b70}.hero p{font-size:21px;color:#397080}
.btn{display:inline-block;margin-top:20px;padding:13px 25px;background:#087ca7;color:#fff;text-decoration:none;border-radius:6px}
section{max-width:1100px;margin:auto;padding:68px 24px}h2{text-align:center;font-size:30px;margin-top:0;color:#073b70}
.intro{max-width:760px;margin:0 auto;text-align:center;line-height:1.7;color:#526b78}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.category{border:1px solid #dce9eb;border-radius:10px;padding:18px 12px 20px;text-align:center;background:#fff}
.category img{width:100%;max-width:150px;height:100px;object-fit:contain;display:block;margin:0 auto 8px}
.category b{display:block;color:#073b70;letter-spacing:.5px}
.b2b{background:linear-gradient(135deg,#073b70,#078c9d);color:#fff;max-width:none;text-align:center}
.b2b h2{color:#fff}.b2b p{color:#e7f7f8}
footer{padding:30px 24px;background:#082b4d;color:#cfe0e8;text-align:center;font-size:14px}footer a{color:#fff;margin:0 8px}
.legal{max-width:850px;line-height:1.65}.legal h1{margin-top:0}.note{background:#fff4d6;padding:15px;border-radius:6px;color:#333}
@media(max-width:800px){.categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.categories{grid-template-columns:1fr}.hero h1{font-size:38px}.links{display:none}}