*{box-sizing:border-box}
body{margin:0;font-family:Inter,"Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
color:#1d2733;background:#f5f7f9;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:#173B57;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.topbar{background:#173B57;color:#fff;position:sticky;top:0;z-index:10}
.topbar .wrap{display:flex;align-items:center;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px}
.brand:hover{text-decoration:none}
.brand .mk{width:34px;height:34px;flex:0 0 auto}
.brand small{display:block;font-weight:500;font-size:11px;color:#9fc0d6;letter-spacing:.02em}
.tb-spacer{flex:1}
.tb-phone{color:#fff;font-weight:700;white-space:nowrap}
.tb-cta{background:#FFD400;color:#173B57;font-weight:800;padding:9px 16px;border-radius:10px;white-space:nowrap}
.tb-cta:hover{text-decoration:none;filter:brightness(.96)}
.crumbs{font-size:13px;color:#5b6b7a;padding:16px 0 4px}
.crumbs a{color:#5b6b7a}
.crumbs span{color:#9aa7b2}
h1{font-size:clamp(1.7rem,1.2rem+1.8vw,2.6rem);line-height:1.12;margin:.4em 0 .3em;letter-spacing:-.01em}
.lead{font-size:1.06rem;color:#3a4a58;max-width:62ch;margin:.2em 0 1.2em}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.stat{background:#fff;border:1px solid #e6ebef;border-radius:12px;padding:10px 14px;font-size:.92rem}
.stat b{display:block;font-size:1.05rem}
.sec-h{font-size:1.35rem;margin:30px 0 14px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.card{background:#fff;border:1px solid #e6ebef;border-radius:14px;overflow:hidden;display:flex;
flex-direction:column;transition:box-shadow .18s,transform .18s}
.card:hover{box-shadow:0 8px 26px rgba(23,59,87,.12);transform:translateY(-2px)}
.card .ph{aspect-ratio:1/1;background:#fff;display:block;width:100%;object-fit:contain;
padding:8px;border-bottom:1px solid #eef2f5}
.card .b{padding:11px 13px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card .nm{font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;
-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}
.card .mt{font-size:.78rem;color:#7c8a96}
.card .pr{margin-top:auto;font-weight:800;font-size:1.05rem;color:#173B57}
.card .pp{font-size:.78rem;color:#5b6b7a;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:6px 0 4px}
.chip{background:#fff;border:1px solid #d8e0e6;border-radius:999px;padding:8px 14px;font-size:.9rem;
font-weight:600;color:#173B57}
.chip:hover{text-decoration:none;border-color:#173B57;background:#eef4f8}
.chip b{color:#7c8a96;font-weight:600}
.info{background:#fff;border:1px solid #e6ebef;border-radius:16px;padding:20px 22px;margin:30px 0}
.info ul{margin:.4em 0;padding-left:1.2em}
.info li{margin:.35em 0}
.cta-band{background:#173B57;color:#fff;border-radius:18px;padding:26px 24px;margin:30px 0;
display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cta-band h2{margin:0;font-size:1.3rem}
.cta-band .grow{flex:1;min-width:200px}
.cta-band a.btn{background:#FFD400;color:#173B57;font-weight:800;padding:12px 22px;border-radius:12px}
.cta-band a.btn:hover{text-decoration:none;filter:brightness(.96)}
.cta-band a.btn.ghost{background:transparent;color:#fff;border:1.5px solid #ffffff66}
footer.ft{background:#0f2c42;color:#c7d6e2;margin-top:40px;padding:34px 0}
footer.ft .wrap{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
footer.ft h3{color:#fff;font-size:.95rem;margin:0 0 10px}
footer.ft a{color:#c7d6e2;display:block;padding:3px 0;font-size:.9rem}
footer.ft a:hover{color:#fff}
footer.ft .muted{font-size:.82rem;color:#8ba3b6;margin-top:8px}
.botline{border-top:1px solid #ffffff14;margin-top:24px;padding-top:16px;font-size:.8rem;color:#8ba3b6}
@media(max-width:600px){.topbar .wrap{height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;gap:10px}
.tb-phone{display:none}}
a.card{text-decoration:none;color:inherit}
/* ===== блог / статья ===== */
.article{max-width:760px;margin:0 auto}
.article h1{font-size:clamp(1.7rem,1.2rem+1.8vw,2.5rem);line-height:1.16;margin:.3em 0 .15em}
.art-meta{color:#8a99a6;font-size:.9rem;margin-bottom:26px}
.article h2{font-size:1.5rem;margin:34px 0 12px;line-height:1.25}
.article h3{font-size:1.18rem;margin:22px 0 8px}
.article p{margin:0 0 16px;line-height:1.7;color:#28333d}
.article ul,.article ol{margin:0 0 18px;padding-left:1.3em;line-height:1.7;color:#28333d}
.article li{margin:.4em 0}
.article a{color:#1b6fb3;text-decoration:underline}
.article a:hover{color:#125a93}
.art-table{overflow-x:auto;margin:0 0 22px}
.art-table table{width:100%;border-collapse:collapse;font-size:.93rem}
.art-table th,.art-table td{border:1px solid #e6ebef;padding:9px 12px;text-align:left;vertical-align:top}
.art-table th{background:#f5f7f9;font-weight:700;color:#173B57}
.art-faq{margin:0 0 16px}
.art-faq h3{margin:0 0 4px;font-size:1.05rem}
.art-faq p{margin:0;color:#3a4a58}
.art-list{display:grid;gap:14px;margin:24px 0}
.art-card{display:block;background:#fff;border:1px solid #e6ebef;border-radius:14px;padding:18px 20px;transition:box-shadow .18s,transform .18s}
.art-card:hover{box-shadow:0 8px 26px rgba(23,59,87,.1);transform:translateY(-2px);text-decoration:none}
.art-card h2{margin:0 0 6px;font-size:1.2rem;color:#173B57}
.art-card p{margin:0 0 8px;color:#5b6b7a;font-size:.92rem;line-height:1.5}
.art-more{color:#1b6fb3;font-weight:600;font-size:.9rem}