:root{
  --v-blue:#43B5F5; --v-dark:#0A2E4A; --muted:#4a5a6a;
  --ink:#111; --bg:#fff; --card:#f7fbfe; --line:#dfe9f1;
  --container:1180px;
}
*{box-sizing:border-box}
html{font-size:16px}
@media (max-width:480px){html{font-size:15px}}
@media (max-width:380px){html{font-size:14px}}

body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}

.container{max-width:var(--container);margin:0 auto;padding:0 20px}
@media (max-width:480px){.container{padding:0 14px}}

header{position:sticky;top:0;background:#fff;border-bottom:3px solid var(--v-blue);z-index:50}
nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex:0 0 auto;box-shadow:0 0 0 2px #eaf6ff}
.brand .name{font-weight:800;color:var(--v-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand .tag{font-size:.8rem;color:var(--muted)}

.navlinks{display:flex;align-items:center;gap:14px}
.navlinks a{padding:6px 10px;border-radius:6px;white-space:nowrap}
.navlinks a.active{background:#e8f5fe;border:1px solid #cde9fb}
.btn{background:var(--v-blue);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700}

.nav-toggle{display:none;background:#e8f5fe;border:1px solid #cde9fb;color:var(--v-dark);border-radius:8px;padding:8px 10px;font-weight:700}
@media (max-width:820px){
  .navlinks{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px;flex-direction:column;align-items:flex-start}
  .navlinks.open{display:flex}
  .nav-toggle{display:inline-block}
}

section{padding:56px 0}
h1{font-size:clamp(1.6rem, 2.4vw + 1rem, 2.6rem);color:var(--v-dark);margin:.2rem 0 .6rem}
h2{font-size:clamp(1.2rem, 1.4vw + .9rem, 1.9rem);color:var(--v-dark);margin:0 0 .8rem}

.hero{padding:64px 0;border-bottom:1px solid #e7eef4;background:#fff url('assets/images/hero.jpg') center/cover no-repeat}
.hero .overlay{background:rgba(255,255,255,.88);padding:18px;border-radius:12px;display:inline-block;max-width:900px}
.hero p{font-size:1rem;color:#2a3a4a;line-height:1.45}

.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.col-12{grid-column:span 12}
.col-6{grid-column:span 6}
.col-4{grid-column:span 4}
@media (max-width:980px){.col-6,.col-4{grid-column:span 12}}

.card{background:var(--card);padding:16px;border-radius:12px;border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.card img{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:10px;background:#fff}
.mini{font-size:.92rem;color:var(--muted)}

.kicker{display:inline-block;background:#e8f5fe;border:1px solid #cde9fb;color:#0a2e4a;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.78rem;margin-bottom:10px}
.inline{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.inline .chip{background:#f2f8fc;border:1px solid #deebf3;border-radius:999px;padding:6px 10px;font-size:.85rem;color:#3a4a5c}

.list{margin:.4rem 0 0 1.2rem;padding:0}
footer{background:#f0f6fa;padding:22px 0;border-top:2px solid var(--v-blue);font-size:.92rem;color:#2d3a45}
.footergrid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
@media (max-width:640px){.footergrid{grid-template-columns:1fr}}