:root{--brand:#0f4c81;--ink:#123;--muted:#6b7280;--bg:#ffffff}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);}
a{color:var(--brand);text-decoration:none}
.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #eef2f7;z-index:9}
.container{max-width:1100px;margin:0 auto;padding:0 18px}
.nav-inner{display:flex;align-items:center;gap:20px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#0b2b3a}
.brand img{height:55px;width:auto}
.nav a{padding:6px 10px;border-radius:8px;color:#334155;font-weight:500}
.nav a.active,.nav a:hover{background:#e8f1fb}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:36px 0}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.badge{background:#eef6ff;color:#0b2b3a;border:1px solid #d9ecff;padding:8px 10px;border-radius:999px;font-size:13px}
.btn{background:var(--brand);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:600}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{border:1px solid #eef2f7;border-radius:14px;overflow:hidden;background:#fff}
.card figure{aspect-ratio:4/3;background:#f3f6fa;margin:0;display:grid;place-items:center}
.card img{width:100%;height:100%;object-fit:cover}
.card .meta{display:flex;justify-content:space-between;padding:8px 10px;color:#475569;font-size:13px;border-top:1px solid #eef2f7}
.section{padding:26px 0}
h1{font-size:40px;line-height:1.1;margin:0 0 10px}
h2{font-size:24px;margin:0 0 10px}
.footer{border-top:1px solid #eef2f7;margin-top:30px;padding:20px 0;color:#64748b;font-size:14px}
.lead{color:#475569}
.hero-visual{border:1px solid #e5e9f1;border-radius:14px;padding:6px;box-shadow:0 1px 0 #eef2f7 inset;background:#f6fbff}
.hero-visual img{border-radius:10px;display:block;width:100%}
.page-title{padding:22px 0 10px}
.form{display:grid;grid-template-columns:1fr;gap:10px}
input,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px}