@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --font-head: 'Sora', sans-serif;
  --font-body: 'Manrope', sans-serif;

  --bg: #eef1ec;
  --surface: #ffffff;
  --surface-2: #e2e6de;
  --surface-3: #d1d7c9;
  --text: #14211b;
  --text-muted: #57655d;
  --border: #e0ddcd;
  --border-strong: #b9c2ac;

  --accent: #1d5c46;
  --accent-hover: #123e30;
  --accent-contrast: #ffffff;
  --accent-shadow: rgba(29,92,70,.4);
  --accent-soft: rgba(29,92,70,.10);
  --brass: #9c421f;

  --header-bg: rgba(245,244,236,.92);
  --hero-bg: linear-gradient(150deg, #0d201a 0%, #1d5c46 55%, #2c4a2f 120%);
  --hero-text: #f2f0e8;
  --hero-heading: #ffffff;

  --footer-bg: #0c1a15;
  --footer-text: #eceee7;
  --footer-text-muted: #8fa89d;
  --footer-border: #1c2f28;

  --radius-card: 16px;
  --radius-btn: 999px;
  --radius-logo: 12px;
  --shadow-1: 0 24px 48px -24px rgba(12,26,21,.35);
}

h1, h2, h3 { font-weight: 600; letter-spacing: -0.015em; }
.logo { font-family: var(--font-head); font-weight: 700; font-size: 1.4rem; }
.logo__mark { border-radius: var(--radius-logo); font-family: var(--font-head); }

.hero h1 { font-weight: 600; }

.eyebrow { text-transform: uppercase; font-size: .72rem; letter-spacing: .13em; font-weight: 700; color: var(--brass); }

.btn { font-weight: 600; }
.btn--primary { padding-left: 30px; padding-right: 30px; }
.usp-card { position: relative; border-top: none !important; padding-top: 34px; }
.usp-card::before {
  content: ""; position: absolute; top: 18px; left: 22px; width: 9px; height: 9px;
  border-radius: 50%; background: var(--brass);
}
.usp-card b { font-family: var(--font-head); font-weight: 600; }

.section-head h2 { position: relative; }

.brand-tile__mark { border-radius: 50%; border: 1px solid var(--border-strong); background: transparent; }

/* Hero text pinned right (site signature) */
.hero-slide--right .hero__inner > div:first-child { margin-left: auto; }
.hero-slide--right.hero-slide::before {
  background:
    linear-gradient(260deg, rgba(6,11,15,.92) 0%, rgba(6,11,15,.72) 34%, rgba(6,11,15,.32) 62%, rgba(6,11,15,.08) 85%),
    linear-gradient(to top, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 32%);
}
.hero-slide--right .hero__actions { justify-content: flex-end; }
.hero-slide--right .hero__stat-big { text-align: right; }
@media (max-width: 980px) {
  /* Below 980px the text column goes full-width (see base.css), so the
     right-pinned diagonal scrim no longer covers where the text sits.
     Fall back to the same uniform scrim base.css uses for other slides. */
  .hero-slide--right.hero-slide::before {
    background: linear-gradient(180deg, rgba(5,7,12,.6) 0%, rgba(5,7,12,.48) 40%, rgba(4,6,10,.8) 100%);
  }
  .hero-slide--right .hero__inner > div:first-child { margin-left: 0; }
  .hero-slide--right .hero__actions { justify-content: flex-start; }
  .hero-slide--right .hero__stat-big { text-align: left; }
}

/* Sidebar-style credit calculator on homepage */
.credit-sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
@media (max-width: 900px) { .credit-sidebar { grid-template-columns: 1fr; } }

/* Brands as a quiet inline strip (moved later in page flow) */
.brands-grid--strip { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 980px) { .brands-grid--strip { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 680px) { .brands-grid--strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Пункты меню в одну строку; на узком десктопе кнопка звонка из шапки убирается (есть плавающая «Перезвоните мне») */
.main-nav a { white-space: nowrap; }
@media (max-width: 1439px) {
  .main-nav { gap: 2px; margin-left: 8px; }
  .main-nav a { padding: 10px 10px; }
}
@media (min-width: 1181px) and (max-width: 1359px) {
  .header-contact__cta { display: none; }
}