html{
  font-size:16px !important;
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
}

 body{margin:0; min-width: 390px; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--text); background:var(--bg)}

/* Обычный текст */
p, li, dd, dt, blockquote, figcaption, address, label, input, textarea, select, button{
  font-size:1rem !important;
  line-height:1.6 !important;
}

/* Заголовки */
h1{
  font-size:2rem !important;
  line-height:1.2 !important;
  margin:0 0 12px !important;
}

h2{
  font-size:1.625rem !important;
  line-height:1.25 !important;
  margin:0 0 10px !important;
}

h3{
  font-size:1.25rem !important;
  line-height:1.3 !important;
  margin:0 0 8px !important;
}

h4{
  font-size:1.125rem !important;
  line-height:1.35 !important;
  margin:0 0 6px !important;
}

/* Ссылки */
a{
  line-height:inherit !important;
}

/* Контентные контейнеры */
.container, main, article, section, header, footer, .content, .page, .page-content{
  font-size:inherit !important;
  line-height:inherit !important;
}

/* ===== Твои элементы ===== */

.topbar.nav a{
  font-size:13px !important;
  line-height:1.2 !important;
}

.topbar.btn{
  font-size:13px !important;
  line-height:1.2 !important;
}

.topbar.phone span{
  font-size:12.5px !important;
  line-height:1.2 !important;
}

/* hero */
.heroLead{
  font-size:15.5px !important;
  line-height:1.6 !important;
}

.heroTitle{
  line-height:1.05 !important;
}

/* карточки */
.card h3{
  font-size:15px !important;
  line-height:1.35 !important;
}

.card p{
  font-size:13.5px !important;
  line-height:1.55 !important;
}

.badge{
  font-size:13.5px !important;
  line-height:1.2 !important;
}

.li span{
  font-size:13.5px !important;
  line-height:1.4 !important;
}

.sectionTitle{
  font-size:22px !important;
  line-height:1.25 !important;
}

/* футер */
.contacts{
  font-size:14px !important;
  line-height:1.5 !important;
}

.copy{
  font-size:12.5px !important;
  line-height:1.4 !important;
}

/* ===== TOKENS ===== */

 :root{
    --bg: #F8FAFC;
    --card: #FFFFFF;
    --text: #1F2937;
    --muted: #64748B;
    --blue: #1E3A8A;     /* основной */
    --blue2:#3B82F6;     /* вторичный */
    --orange:#F97316;    /* CTA */
    --line: rgba(15,23,42,.10);
    --shadow: 0 10px 30px rgba(2,6,23,.08);
    --radius: 16px;
    --radius2: 22px;
    --container: 1180px;
  }

*{box-sizing:border-box}

a, a:hover{color:inherit; text-decoration:none}

.container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 18px;
}

/* Buttons */

.topbar .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:50px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid transparent;
  font-weight:700;
  cursor:pointer;
	font-size: 14px;
  transition:.15s transform,.15s opacity,.15s box-shadow;
  user-select:none;
  white-space:nowrap;
}

.topbar .btn:active{transform:translateY(1px)}

.topbar .btn-primary{
  background:var(--orange);
  color:#fff;
  box-shadow:0 10px 22px rgba(249,115,22,.28);
}

.topbar .btn-primary:hover{opacity:.96}

/* Header */

.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(248,250,252,.86);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--line);
}

.topbar .row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  height:72px;
}

.topbar .brand{display:flex; align-items:center; gap:10px}

.topbar .logo{
  background:#185ea4 url("../logo.svg") no-repeat 7px 8px;
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:900;
  box-shadow:0 10px 20px rgba(30,58,138,.25);
}

.topbar .brand b{font-size:18px}

.topbar .nav{display:flex; gap:8px; flex-wrap:wrap}

.topbar .nav a{
  color:var(--muted);
  font-weight:700;
  padding:10px 10px;
  font-size: 14px;
  border-radius:12px;
}

.topbar .nav a:hover{
  background:#fff;
  color:var(--blue);
  box-shadow:0 10px 20px rgba(2,6,23,.06);
}

.head-cta{display:flex; align-items:center; gap:10px}

.topbar .phone{
  display:flex;
  flex-direction:column;
  line-height:1.1;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
}

.topbar .phone small{color:var(--muted); font-weight:700}
.topbar .phone a{color:var(--blue); font-weight:900}

.burger{display:none}
  .breadcrumbs{
      display:flex; flex-wrap:wrap; gap:8px;
      align-items:center;
      margin-bottom:12px;
      color:var(--muted);
      font-weight:700;
      font-size:13px;
    }
    .crumb{display:inline-flex; align-items:center; gap:8px}
    .crumb a{color:var(--blue-2); font-weight:900}
/* Responsive */
.btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap:10px;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid var(--line);
      background:#fff;
      font-weight:800;
      white-space:nowrap;
    }
    .btn:hover{box-shadow: var(--shadow)}
    .btn--primary{
      background:#f97316;
      border-color:transparent;
      color:#fff;
    }
    .btn--primary:hover{filter:saturate(1.05)}
    .btn--ghost{background:rgba(30,79,214,.08); border-color:transparent; color:var(--blue)}
    .btn svg{width:18px;height:18px}
@media (max-width:980px){
.topbar .nav{display:none}
.topbar .burger{display:inline-flex; height:42px; padding:0 12px}
}

/* PRO upgrade */

.topbar{
  background:rgba(255,255,255,.70) !important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.60) !important;
}

.topbar .btn-primary{
  background:linear-gradient(135deg,#f97316,#fb923c);
  color:#fff;
  box-shadow:0 12px 30px rgba(249,115,22,.35);
  transition:.2s transform,.2s box-shadow,.15s opacity;
}

.topbar .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(249,115,22,.45);
  opacity:1;
}

/* Mobile */

@media all and (max-width:620px){
 .topbar .none{display:none}
 .topbar .phone a{font-size:13px}
} 
@media (max-width: 500px) {
  body {
    zoom: 0.9;
  }
	    .topbar .phone a {
        font-size: 12px;
    }
	.table {font-size: 12px;}
}
}