body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2933;background:#fff}
.hero{background:linear-gradient(135deg,#0b4f6c,#01baef);color:#fff;padding:64px 24px}
.c{max-width:820px;margin:0 auto}
.hero h1{margin:0 0 10px;font-size:28px;font-weight:600}
.hero p{margin:0;opacity:.9;max-width:520px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;padding:48px 24px}
.card{border:1px solid #e4e7eb;border-radius:6px;padding:20px}
.card h3{margin:0 0 8px;font-size:15px;color:#0b4f6c}
.card p{margin:0;color:#616e7c;font-size:14px}
.strip{background:#f5f7fa;padding:28px 24px;color:#616e7c;font-size:14px}
footer{padding:26px 24px;color:#9aa5b1;font-size:13px;border-top:1px solid #e4e7eb}

/* вынесено в отдельный файл — кешируется отдельно от разметки */
.brandmark { display:inline-flex; align-items:center; gap:10px; }
.brandmark img { width:28px; height:28px; }