:root { --ink:#18202a; --muted:#5d6875; --line:#e5e9ee; --bg:#f7f9fb; --white:#fff; --accent:#2557d6; }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:var(--white); line-height:1.65; }
a { color:inherit; }
.container { width:min(1100px, calc(100% - 40px)); margin:auto; }
.narrow { width:min(760px, calc(100% - 40px)); }
.site-header { border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); }
.nav { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { font-weight:800; text-decoration:none; letter-spacing:-.02em; }
nav { display:flex; gap:22px; font-size:.95rem; }
nav a { text-decoration:none; color:var(--muted); }
nav a:hover { color:var(--ink); }
.hero { padding:110px 0 95px; background:linear-gradient(180deg,#f6f8ff 0%,#fff 100%); }
.eyebrow { margin:0 0 14px; color:var(--accent); font-size:.78rem; font-weight:800; letter-spacing:.12em; }
h1 { margin:0; max-width:820px; font-size:clamp(2.4rem,6vw,4.8rem); line-height:1.04; letter-spacing:-.045em; }
.lead { max-width:720px; margin:28px 0 0; color:var(--muted); font-size:1.18rem; }
.section { padding:78px 0; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.card { border:1px solid var(--line); border-radius:18px; padding:28px; background:var(--white); }
.card h2 { margin-top:0; font-size:1.2rem; }
.card p, .narrow p { color:var(--muted); }
.muted { background:var(--bg); }
.narrow h1 { font-size:clamp(2.2rem,5vw,3.5rem); margin-bottom:30px; }
.narrow h2 { margin-top:38px; }
.notice { border-left:4px solid var(--accent); padding:14px 18px; background:var(--bg); }
.footer { border-top:1px solid var(--line); padding:28px 0; color:var(--muted); font-size:.9rem; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; }
@media (max-width:700px) { .nav { align-items:flex-start; padding:18px 0; flex-direction:column; } nav { flex-wrap:wrap; } .hero { padding:75px 0 65px; } .cards { grid-template-columns:1fr; } .footer-inner { flex-direction:column; } }