:root {
  --primary: #0b5ea8;
  --primary-dark: #0a4e8b;
  --bg: #ffffff;
  --bg-alt: #eef5fb;
  --text: #0f172a;
  --muted: #475569;
  --border: #e2e8f0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;color:var(--text);background:#fff}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 1rem}
.topbar{background:var(--primary-dark);color:#fff;font-size:.9rem}
.topbar .inner{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}
.header{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:.75rem;padding:.9rem 0}
.brand img{height:44px;width:44px;object-fit:contain}
.brand .title{font-weight:700;font-size:1.125rem;color:var(--text)}
.nav{display:flex;gap:1.25rem;font-weight:600;font-size:.95rem}
.nav a{color:var(--muted)}.nav a.active,.nav a:hover{color:var(--primary)}
.hero{background:linear-gradient(180deg,var(--bg-alt),#fff)}
.hero .wrap{text-align:center;padding:3.5rem 0}
.hero h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:.04em;font-weight:800}
.hero p{margin-top:.75rem;font-size:1.15rem;color:var(--muted)}
.cta{display:inline-block;margin-top:1.25rem;background:var(--primary);color:#fff;padding:.8rem 1.1rem;border-radius:.6rem}
.cta:hover{background:var(--primary-dark);text-decoration:none}
.main{min-height:60vh}
.section{padding:2.5rem 0}
h2{font-size:2rem;margin:0 0 1rem}h3{font-size:1.25rem;margin:1.25rem 0 .5rem}
p{line-height:1.6;color:var(--text)}
.lead{font-size:1.125rem;color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}
.card{background:#fff;border:1px solid var(--border);border-radius:.9rem;padding:1rem}
.blockquote{border-left:4px solid var(--primary);background:var(--bg-alt);padding:1rem;margin-top:1rem;color:var(--muted)}
.list{list-style:disc;padding-left:1.25rem}.list.tight li{margin:.25rem 0}
.footer{border-top:1px solid var(--border);background:#f8fafc;margin-top:2.5rem}
.footer .wrap{display:grid;gap:1rem;grid-template-columns:1fr;padding:2rem 0}
@media(min-width:900px){.footer .wrap{grid-template-columns:1fr 1fr 1fr}}
.footer img{height:56px;width:56px;object-fit:contain;margin-bottom:.5rem}
.footer p,.footer a{font-size:.95rem;color:var(--muted)}
.small{font-size:.85rem;color:var(--muted)}
.form{background:var(--bg-alt);border:1px solid var(--border);border-radius:.9rem;padding:1rem}
.input{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:.6rem}
.input:focus{outline:2px solid var(--primary);border-color:var(--primary)}
.button{background:var(--primary);color:#fff;padding:.8rem 1rem;border-radius:.6rem;border:none;cursor:pointer}
.button:hover{background:var(--primary-dark)}