*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--main:#0369a1;--dark:#0c4a6e;--bg:#f0f9ff;--ink:#1a1a1a;--muted:#555}body{font-family:system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:var(--main)}.wrap{width:min(900px,calc(100% - 2rem));margin:0 auto}.top{background:var(--dark);color:#bae6fd;font-size:.8rem;padding:.5rem 0;text-align:center}.nav{background:#fff;border-bottom:2px solid var(--main)}.nav-row{display:flex;justify-content:space-between;align-items:center;min-height:60px}.logo{font-weight:700;color:var(--dark)}.nav nav{display:flex;gap:1.2rem;font-weight:600;color:var(--muted)}.hero{padding:3rem 0;background:linear-gradient(135deg,var(--main),var(--dark));color:#fff}.hero h1{font-size:2rem;margin-bottom:.5rem}.block{padding:2.5rem 0}.block.alt{background:#fff}.block h2{margin-bottom:.75rem;color:var(--dark)}.foot{padding:1rem 0;background:var(--dark);color:#7dd3fc;font-size:.85rem;text-align:center}@media(max-width:600px){.nav nav{display:none}}