/* Extracted from uslugi\index.html block 1 */
body { background:#f6f8fb; color:#102033; font-family:"Fira Sans",Arial,sans-serif; }
.services-page { margin-left:210px; padding:52px 30px 80px; }
.services-shell { width:min(100%,1160px); margin:0 auto; }
.breadcrumbs { margin:0 0 18px; color:#617385; font-size:14px; }
.breadcrumbs a { color:#1d5789; font-weight:800; text-decoration:none; }
.hero,.section,.card,.note,.cta { border:1px solid #dbe7ed; border-radius:8px; background:#fff; box-shadow:0 16px 42px rgba(16,32,51,.08); }
.hero { display:grid; grid-template-columns:minmax(0,1fr) 420px; gap:26px; overflow:hidden; margin-bottom:22px; }
.hero__text { padding:34px; }
.kicker { display:inline-flex; margin-bottom:14px; padding:7px 12px; border:1px solid #b9d8df; border-radius:8px; background:#ecfeff; color:#0e7490; font-size:13px; font-weight:900; text-transform:uppercase; }
h1 { margin:0 0 16px; color:#102033; font-size:42px; line-height:1.12; font-weight:900; }
.lead { margin:0; color:#3b4d61; font-size:18px; line-height:1.65; }
.hero figure { margin:0; background:#eaf4ff; }
.hero img { display:block; width:100%; height:100%; min-height:360px; object-fit:cover; }
.hero figcaption { padding:14px 18px; background:#102033; color:#d8e5ee; font-size:14px; line-height:1.45; }
.section { padding:30px; margin-bottom:22px; }
.section h2 { margin:0 0 14px; color:#102033; font-size:30px; line-height:1.22; font-weight:900; }
.section p { margin:0 0 16px; color:#3b4d61; font-size:17px; line-height:1.68; }
.note { margin:22px 0; padding:18px 20px; background:#fffaf0; border-color:#f4d08a; box-shadow:none; }
.note strong { display:block; margin-bottom:6px; color:#7a4d00; font-size:16px; }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.card { box-shadow:none; overflow:hidden; display:flex; flex-direction:column; }
.card img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }
.card__body { padding:18px; display:flex; flex-direction:column; flex:1; }
.card h3 { margin:0 0 10px; color:#102033; font-size:21px; line-height:1.25; font-weight:900; }
.card p { margin:0 0 14px; font-size:15px; line-height:1.55; }
.card a { margin-top:auto; color:#1d5789; font-weight:900; text-decoration:none; }
.links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0 0; padding:0; }
.links li { list-style:none; padding:14px 16px; border:1px solid #dbe7ed; border-radius:8px; background:#f5f8fb; color:#3b4d61; font-size:15px; line-height:1.45; }
a { color:#1d5789; font-weight:900; }
.steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:18px; }
.step { padding:18px; border:1px solid #dbe7ed; border-radius:8px; background:#f7fbff; }
.step strong { display:block; margin-bottom:8px; color:#102033; font-size:18px; }
.step p { margin:0; font-size:15px; line-height:1.5; }
.cta { margin-top:22px; padding:22px 24px; display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; background:#102033; }
.cta p { margin:0; color:#d8e5ee; font-size:16px; line-height:1.55; }
.cta strong { color:#fff; }
.cta a { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:0 16px; border-radius:8px; background:#fff; color:#1d5789 !important; font-size:15px; line-height:1.2; text-align:center; text-decoration:none; }
.cta a.ghost { background:#eaf4ff; }
@media (max-width:1050px){ .hero{grid-template-columns:1fr;} .grid{grid-template-columns:repeat(2,minmax(0,1fr));} .steps{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:990px){ .services-page{margin-left:0; padding:108px 20px 64px;} h1{font-size:34px;} .cta{grid-template-columns:1fr;} }
@media (max-width:720px){ .grid,.links,.steps{grid-template-columns:1fr;} }
@media (max-width:640px){ .services-page{padding:90px 10px 54px;} .hero__text,.section{padding:22px 18px;} h1{font-size:29px;} .lead{font-size:16px;} .hero img{min-height:240px;} }