/* old tokens removed - using index.html design system */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family:var(--ff);
      background-color: var(--bg);
      color: var(--ink);
      line-height: 1.6;
    }
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
    }
    /* HEADER */
    .header {
      background-color: var(--bg-1);
      border-bottom: 1px solid var(--line);
      position: sticky;
      top: 0;
      z-index: 100;
    }
    .header-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 80px;
    }
    .navbar-logo {
      flex-shrink: 0;
    }
    .navbar-logo img {
      height: 36px;
      width: auto;
    }
    .nav {
      display: flex;
      gap: 40px;
      flex: 1;
      margin-left: 60px;
    }
    .nav a {
      color: var(--ink-2);
      text-decoration: none;
      font-size: 0.95rem;
      font-weight: 500;
      transition: color 0.2s;
    }
    .nav a:hover {
      color: var(--accent);
    }
    .header-btn {
      background-color: var(--accent);
      color: #000;
      padding: 10px 28px;
      border-radius:0;
      text-decoration: none;
      font-size: 0.95rem;
      font-weight: 600;
      transition: background-color 0.2s;
    }
    .header-btn:hover {
      background-color: var(--accent-w);
    }
    @media (max-width: 900px) {
      .nav { gap: 20px; margin-left: 30px; }
      .nav a { font-size: 0.88rem; }
    }
    @media (max-width: 768px) {
      .nav { display: none; }
      .header-content { height: 70px; }
      .header-btn { padding: 8px 20px; font-size: 0.88rem; }
    }
    /* BREADCRUMBS */
    .breadcrumbs {
      margin-top: 32px;
      margin-bottom: 48px;
      padding: 0;
      display: flex;
      gap: 8px;
      font-size: 0.88rem;
      color: var(--ink-2);
    }
    .breadcrumbs a {
      color: var(--ink-2);
      text-decoration: none;
      transition: color 0.2s;
    }
    .breadcrumbs a:hover {
      color: var(--accent);
    }
    /* PAGE HEADER */
    .page-header {
      margin-bottom: 48px;
    }
    .page-header h1 {
      font-size: 2.5rem;
      font-weight: 800;
      margin-bottom: 24px;
      color: var(--ink);
    }
    /* MISSION STATEMENT */
    .mission {
      background-color: var(--bg-1);
      border: 1px solid var(--line);
      border-radius:0;
      padding: 40px;
      margin-bottom: 48px;
      border-left: 4px solid var(--accent);
    }
    .mission p {
      font-size: 1.3rem;
      font-weight: 600;
      color: var(--ink);
      line-height: 1.7;
    }
    /* STATS SECTION */
    .stats-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 24px;
      margin-bottom: 80px;
    }
    .stat-card {
      background-color: var(--bg-1);
      border: 1px solid var(--line);
      border-radius:0;
      padding: 32px 24px;
      text-align: center;
    }
    .stat-number {
      font-size: 2.2rem;
      font-weight: 800;
      color: var(--accent);
      margin-bottom: 8px;
    }
    .stat-label {
      font-size: 0.9rem;
      color: var(--ink-2);
      font-weight: 500;
    }
    /* STORY SECTION */
    .story-section {
      margin-bottom: 80px;
    }
    .story-section h2 {
      font-size: 1.8rem;
      font-weight: 700;
      margin-bottom: 32px;
      color: var(--ink);
    }
    .story-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }
    .story-text {
      background-color: var(--bg-1);
      border: 1px solid var(--line);
      border-radius:0;
      padding: 32px;
    }
    .story-text p {
      font-size: 0.95rem;
      color: var(--ink-2);
      margin-bottom: 20px;
      line-height: 1.7;
    }
    .story-text p:last-child {
      margin-bottom: 0;
    }
    /* WHY CHOOSE US */
    .why-section {
      margin-bottom: 80px;
    }
    .why-section h2 {
      font-size: 1.8rem;
      font-weight: 700;
      margin-bottom: 32px;
      color: var(--ink);
    }
    .why-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 24px;
      margin-bottom: 48px;
    }
    .why-card {
      background-color: var(--bg-1);
      border: 1px solid var(--line);
      border-radius:0;
      padding: 32px;
      transition: border-color 0.2s, box-shadow 0.2s;
    }
    .why-card:hover {
      border-color: var(--accent);
      box-shadow: none;
    }
    .why-icon {
      width: 48px;
      height: 48px;
      background-color: rgba(212,162,60, 0.1);
      border-radius:0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 16px;
    }
    .why-icon svg {
      width: 28px;
      height: 28px;
      stroke: var(--accent);
      fill: none;
      stroke-width: 2;
    }
    .why-card h3 {
      font-size: 1.1rem;
      font-weight: 700;
      margin-bottom: 12px;
      color: var(--ink);
    }
    .why-card p {
      font-size: 0.9rem;
      color: var(--ink-2);
      line-height: 1.5;
    }
    /* WHAT WE DONT DO */
    .disclaimer-section {
      background-color: rgba(239, 68, 68, 0.08);
      border: 1px solid rgba(239, 68, 68, 0.2);
      border-radius:0;
      padding: 32px;
      margin-bottom: 80px;
    }
    .disclaimer-section h3 {
      font-size: 1.2rem;
      font-weight: 700;
      margin-bottom: 12px;
      color: var(--ink);
    }
    .disclaimer-section p {
      font-size: 0.95rem;
      color: var(--ink-2);
      line-height: 1.6;
    }
    /* CTA SECTION */
    .about-cta {
      background-color: var(--bg-1);
      border: 1px solid var(--line);
      border-radius:0;
      padding: 48px 32px;
      text-align: center;
      margin-bottom: 80px;
    }
    .about-cta h2 {
      font-size: 1.8rem;
      font-weight: 700;
      margin-bottom: 16px;
      color: var(--ink);
    }
    .about-cta p {
      font-size: 1rem;
      color: var(--ink-2);
      margin-bottom: 32px;
    }
    .about-cta-btn {
      background-color: var(--accent);
      color: #000;
      padding: 14px 40px;
      border-radius:0;
      text-decoration: none;
      font-size: 0.95rem;
      font-weight: 600;
      transition: background-color 0.2s;
      display: inline-block;
    }
    .about-cta-btn:hover {
      background-color: var(--accent-w);
    }
    /* FOOTER */
    .scroll-top-btn {
      position: fixed;
      bottom: 28px;
      right: 28px;
      width: 48px;
      height: 48px;
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius:0;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s, visibility 0.3s;
      z-index: 7000;
      padding: 0;
    }
    .scroll-top-btn.visible {
      opacity: 1;
      visibility: visible;
    }
    .scroll-top-btn:hover {
      background: rgba(212,162,60, 0.12);
      border-color: rgba(212,162,60, 0.4);
    }
    .scroll-top-btn svg {
      width: 22px;
      height: 22px;
      stroke: #938e85;
      fill: none;
      stroke-width: 2.5;
      transition: stroke 0.2s;
    }
    .scroll-top-btn:hover svg {
      stroke: var(--accent);
    }
    @media (max-width: 900px) {
      .story-grid {
        grid-template-columns: 1fr;
        gap: 24px;
      }
    }
    @media (max-width: 768px) {
      .page-header h1 {
        font-size: 1.8rem;
      }
      .mission p {
        font-size: 1.1rem;
      }
      .why-section h2,
      .story-section h2 {
        font-size: 1.4rem;
      }
      .about-cta {
        padding: 32px 20px;
      }
      .about-cta h2 {
        font-size: 1.4rem;
      }
    }
    /* ===== PROGRESS BAR ===== */
    body.cursor-hover
    /* ===== NAVBAR ===== */
    .navbar{position:fixed;top:3px;left:0;right:0;z-index: 8000;background: rgba(250,249,246,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(42,42,58,0.5);padding:0 max(24px,calc((100% - 1200px) / 2));height:64px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,box-shadow .3s}
    .navbar.scrolled{box-shadow:0 4px 24px rgba(0,0,0,0.5)}
    .navbar-logo{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;letter-spacing:0.04em}
    .navbar-logo img{display:block;height:36px;width:auto}
    .navbar-nav{display:flex;align-items:center;gap:28px;list-style:none}
    .navbar-nav a{font-size:0.88rem;font-weight:500;color:var(--ink-2);transition:color .2s;position:relative}
    .navbar-nav a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}
    .navbar-nav a:hover,.navbar-nav a:focus{color:var(--accent);outline:none}
    .navbar-nav a:hover::after{transform:scaleX(1)}
    .navbar-contact{display:flex;align-items:center;gap:8px;flex-shrink:0}
    .navbar-phone{font-size:.88rem;font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:.01em;transition:color .2s}
    .navbar-phone:hover{color:var(--accent)}
    .navbar-msg{width:34px;height:34px;border-radius:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg-1);transition:border-color .2s,background .2s,transform .15s;flex-shrink:0}
    .navbar-msg:hover{border-color:var(--accent);background:var(--accent-d);transform:translateY(-2px)}
    .navbar-msg svg{width:17px;height:17px;fill:var(--ink-2);transition:fill .2s}
    .navbar-msg:hover svg{fill:var(--accent)}
    .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
    .burger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s}
    .mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;z-index: 6100;background:var(--bg-1);border-bottom:1px solid var(--line);padding:20px 24px;flex-direction:column;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
    .mobile-menu.open{display:flex}
    .mobile-menu a{color:var(--ink-2);font-weight:500;font-size:1rem;padding:10px 0;border-bottom:1px solid var(--line);transition:color .2s}
    .mobile-menu a:hover{color:var(--accent)}
    .mobile-menu-msgs{display:flex;gap:10px;padding:14px 0 4px;border-bottom:1px solid var(--line)}
    .mobile-menu-msgs a{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--ink-2);padding:7px 12px;border:1px solid var(--line);border-radius:0;transition:border-color .2s,color .2s;white-space:nowrap}
    .mobile-menu-msgs a:hover{border-color:var(--accent);color:var(--accent)}
    .mobile-menu-msgs a svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}
    .mobile-menu-phone{display:block;font-size:1.05rem;font-weight:700;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line)}
    /* ===== MEGA MENU ===== */
    .has-mega{position:relative}
    .has-mega>.mega-trigger{display:flex;align-items:center;gap:4px;cursor:default}
    .has-mega>.mega-trigger svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform .25s;flex-shrink:0}
    .has-mega:hover>.mega-trigger svg,.has-mega:focus-within>.mega-trigger svg{transform:rotate(180deg)}
    .mega-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:860px;max-width:96vw;background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);border-radius:2px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s .75s,visibility .25s .75s,transform .25s .75s;transform:translateX(-50%) translateY(-8px);z-index: 6000;box-shadow:0 24px 60px rgba(0,0,0,.7)}
    .has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);transition:opacity .2s,visibility .2s,transform .2s}
    .mega-menu::before{content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:14px;height:7px;background:var(--line);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
    .mega-col h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
    .mega-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}
    .mega-col ul li a{display:block;font-size:.82rem;color:var(--ink-2);padding:5px 8px;border-radius:6px;transition:background .15s,color .15s}
    .mega-col ul li a:hover{background:var(--accent-d);color:var(--accent)}
    .mega-footer-row{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between}
    .mega-footer-row a{font-size:.82rem;color:var(--accent);font-weight:600;transition:opacity .2s}
    .mega-footer-row a:hover{opacity:.8}
    .mega-menu--services{width:700px;grid-template-columns:1fr 1fr}.has-mega:first-child .mega-menu,.has-mega:nth-child(2) .mega-menu{left:0;transform:none}
    .mega-service-item{display:flex;gap:12px;padding:10px;border-radius:0;transition:background .15s;text-decoration:none;color:inherit}
    .mega-service-item:hover{background:var(--accent-d)}
    .mega-service-icon{width:38px;height:38px;border-radius:0;background:var(--accent-d);border:1px solid var(--accent-b);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:background .2s,box-shadow .2s}
    .mega-service-item:hover .mega-service-icon{background:rgba(212,162,60,.25);box-shadow:0 0 12px rgba(212,162,60,.2)}
    .mega-service-title{font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:2px;line-height:1.3;transition:color .2s}
    .mega-service-item:hover .mega-service-title{color:var(--accent)}
    .mega-service-desc{font-size:.75rem;color:var(--ink-3);line-height:1.45}
    .mega-services-col{display:flex;flex-direction:column;gap:4px}
    /* ===== RESPONSIVE NAVBAR ===== */
    @media(max-width:1100px){.navbar-phone{display:none}}
    @media(max-width:900px){.navbar-nav,.navbar-contact{display:none}.burger{display:flex}}
    /* ===== BODY OFFSET FOR FIXED NAVBAR ===== */
    /* ── COOKIE BANNER ── */
    .cookie-banner.visible{transform:translateY(0)}
    /* DISCLAIMER */
.cookie-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9000;
  background: var(--surface);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid var(--line);
  padding: 18px 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  transform: translateY(0);
  transition: transform .4s cubic-bezier(.4,0,.2,1), opacity .4s;
}
.cookie-bar.hidden {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  display: none !important;
}
@media(max-width:720px) {
  .cookie-bar { padding: 20px 24px; flex-direction: column; align-items: flex-start; gap: 16px }
}
.cookie-text {
  font-size: 13px; color: var(--ink-2); line-height: 1.6;
  font-weight: 300; max-width: 680px;
}
.cookie-text a {
  color: var(--ink-2); text-decoration: underline;
  text-underline-offset: 3px; transition: color .2s;
}
.cookie-text a:hover { color: var(--ink) }
.cookie-actions { display: flex; gap: 10px; align-items: center; flex-shrink: 0 }
.cookie-accept {
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--bg); background: var(--ink);
  padding: 10px 22px; font-weight: 600;
  border: none; cursor: pointer;
  transition: background .2s;
  white-space: nowrap;
}
.cookie-accept:hover { background: var(--accent); color: var(--bg) }
.cookie-decline {
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ink-3); background: transparent;
  padding: 10px 16px; font-weight: 500;
  border: 1px solid var(--line); cursor: pointer;
  transition: border-color .2s, color .2s;
  white-space: nowrap;
}
.cookie-decline:hover { border-color: var(--ink-3); color: var(--ink-2) }
/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0 }
html { scroll-behavior: smooth; background: var(--bg) }
body {
  font-family: var(--ff);
  background: var(--bg);
  color: var(--ink);
  font-size: 17px;
  line-height: 1.65;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none }
img { display: block; max-width: 100% }
button { font: inherit; color: inherit; background: none; border: none; cursor: pointer }
::selection { background: var(--accent); color: var(--bg) }
/* ── LAYOUT ── */
/* Topbar / Navigation */
/* ══════════════════════════════════════
   TOPBAR
══════════════════════════════════════ */
.topbar {
  position: fixed; top: 0; left: 0; right: 0;
  z-index: 8000;
  height: 72px;
  background: rgba(250,249,246,.86);
  backdrop-filter: blur(22px) saturate(1.3);
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  border-bottom: 1px solid var(--line);
  transition: background .3s, box-shadow .3s;
}
.topbar.scrolled {
  background: rgba(250,249,246,.96);
  border-bottom-color: var(--line);
  box-shadow: 0 4px 16px rgba(25,23,15,.08);
}
.topbar-in {
  max-width: 1440px; margin: 0 auto;
  padding: 0 56px;
  height: 100%;
  display: flex; align-items: center; justify-content: space-between;
  gap: 32px;
}
@media(max-width:1100px) { .topbar-in { padding: 0 32px } }
@media(max-width:900px)  { .topbar-in { padding: 0 24px } }
/* Logo */
.logo {
  display: flex; align-items: center; gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
}
.logo-mark { display: block; flex-shrink: 0; width:26px; height:26px; object-fit:contain }
.logo-name { font-weight: 700; font-size: 13px; color: var(--ink); letter-spacing: .08em }
/* Nav */
.nav { display: flex; gap: 24px; align-items: center }
@media(max-width:1100px) { .nav { display: none } }
.nav a {
  font-size: .85rem; color: var(--ink-2); font-weight: 400;
  letter-spacing: .02em;
  white-space: nowrap;
  position: relative; padding-bottom: 4px;
  transition: color .25s;
}
/* Анимированная золотая полоска снизу */
.nav a::after {
  content: ''; position: absolute; left: 0; bottom: 0; right: 0;
  height: 1px; background: var(--accent);
  transform: scaleX(0); transform-origin: left;
  transition: transform .28s cubic-bezier(.4,0,.2,1);
}
.nav a:hover, .nav a.active { color: var(--ink) }
.nav a:hover::after, .nav a.active::after { transform: scaleX(1) }
/* ══════════════════════════════════════
   MEGA MENU
══════════════════════════════════════ */
.nav-item {
  position: relative;
}
.nav-item > a {
  display: flex; align-items: center; gap: 5px;
}
.nav-item > a .chevron {
  width: 10px; height: 10px;
  transition: transform .25s ease;
  opacity: .5;
  flex-shrink: 0;
}
.nav-item:hover > a .chevron { transform: rotate(180deg); opacity: 1 }
.nav-item > a::after { display: none }  /* disable underline on mega-item trigger */
.nav-item > a:hover { color: var(--ink) }
.mega-drop {
  position: absolute; top: calc(100% + 14px); left: 0;
  transform: translateY(-6px);
  opacity: 0; pointer-events: none;
  /* Delay on HIDE - gives time to move mouse into dropdown */
  transition: opacity .18s ease .32s, transform .18s ease .32s;
  z-index: 6000;
  min-width: 520px;
}
.nav-item:hover .mega-drop,
.nav-item.is-open .mega-drop {
  opacity: 1; pointer-events: auto;
  transform: translateY(0);
  /* No delay on SHOW */
  transition: opacity .18s ease 0s, transform .18s ease 0s;
}
/* Invisible hover bridge fills the gap between trigger and dropdown */
.mega-drop::after {
  content: ''; position: absolute;
  top: -16px; left: -20px; right: -20px;
  height: 18px;
}
/* Arrow tip */
.mega-drop::before {
  content: ''; position: absolute; top: -6px; left: 24px;transform: none;
  width: 12px; height: 6px;
  background: var(--bg-2);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.mega-inner {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius:4px;
  box-shadow: 0 24px 64px rgba(0,0,0,.55);
  overflow: hidden;
}
/* SERVICES mega */
.mega-services {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mega-svc-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 20px 20px;
  color: var(--ink-2); font-size: .82rem;
  border-bottom: 1px solid var(--line-soft);
  transition: background .2s, color .2s;
}
.mega-svc-item:nth-child(odd) { border-right: 1px solid var(--line-soft) }
.mega-svc-item:hover { background: var(--bg-1); color: var(--ink) }
.mega-svc-icon {
  width: 32px; height: 32px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--accent-d); border-radius:2px;
  color: var(--accent);
}
.mega-svc-icon svg { width: 15px; height: 15px; stroke: currentColor; fill: none }
.mega-svc-text { display: flex; flex-direction: column; gap: 2px }
.mega-svc-name { font-weight: 500; color: var(--ink); font-size: .82rem; line-height: 1.2 }
.mega-svc-desc { font-size: .72rem; color: var(--ink-3); font-weight: 300; line-height: 1.4 }
.mega-svc-featured {
  grid-column: 1 / -1;
  background: var(--accent-d);
  border-bottom: none;
  border-top: 1px solid var(--accent-b);
}
.mega-svc-featured:hover { background: rgba(212,162,60,.15) }
.mega-svc-featured .mega-svc-name { color: var(--accent) }
/* MODELS mega */
.mega-models {
  min-width: 560px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--line);
}
.mega-brand-item {
  background: var(--bg-2);
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 18px 12px;
  text-align: center;
  transition: background .2s;
}
.mega-brand-item:hover { background: var(--bg-1) }
.mega-brand-logo {
  width: 44px; height: 44px; flex-shrink: 0;
  background: var(--bg-1);
  border-radius:2px;
  border: 1px solid var(--line);
  display: flex; align-items: center; justify-content: center;
  padding: 8px;
  color: var(--ink-3);
  transition: color .2s;
}
.mega-brand-logo svg { width: 100%; height: 100% }
.mega-brand-item:hover .mega-brand-logo { color: var(--accent) }
.mega-brand-name {
  font-size: .75rem; font-weight: 500; color: var(--ink-2);
  letter-spacing: .03em;
}
.mega-brand-item:hover .mega-brand-name { color: var(--accent) }
.mega-models-foot {
  grid-column: 1 / -1;
  background: var(--bg-2);
  padding: 12px 20px;
  border-top: 1px solid var(--line);
  display: flex; justify-content: space-between; align-items: center;
  font-size: .75rem; color: var(--ink-3);
}
.mega-models-foot a { color: var(--accent); font-weight: 500 }
.mega-models-foot a:hover { color: var(--accent-w) }
/* Right side */
.top-r { display: flex; align-items: center; gap: 14px; flex-shrink: 0 }
.top-phone {
  font-size: 13px; color: var(--ink-2); font-weight: 400;
  letter-spacing: .01em; font-family: var(--mono);
  white-space: nowrap;
}
@media(max-width:820px) { .top-phone { display: none } }
/* Messenger icon buttons */
.top-messengers {
  display: flex; align-items: center; gap: 6px;
}
@media(max-width:820px) { .top-messengers { display: none } }
.msng {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--line);
  color: var(--ink-3);
  font-size: 9px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase;
  transition: border-color .2s, color .2s, background .2s;
  flex-shrink: 0;
}
.msng:hover { border-color: var(--accent-b); color: var(--accent); background: var(--accent-d) }
.msng svg { width: 14px; height: 14px; flex-shrink: 0 }
/* Divider between phone and messengers */
.top-divider {
  width: 1px; height: 20px; background: var(--line); flex-shrink: 0;
}
@media(max-width:820px) { .top-divider { display: none } }
.btn-top {
  font-size: 10px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--bg); padding: 10px 18px;
  background: var(--accent);
  border: 1px solid var(--accent);
  font-weight: 600;
  transition: background .2s, color .2s;
  white-space: nowrap;
}
.btn-top:hover { background: var(--accent-w); border-color: var(--accent-w); color: var(--bg) }
@media(max-width:560px) { .btn-top { display: none } }
.burger {
  display: none; flex-direction: column; gap: 5px;
  padding: 8px; cursor: pointer; margin-right: -8px;
}
.burger span { display: block; width: 20px; height: 1px; background: var(--ink-2) }
@media(max-width:1100px) { .burger { display: flex } }
/* Mobile nav */
.mobile-nav {
  position: fixed; inset: 0; top: 72px;
  z-index: 6100;
  background: var(--surface);
  backdrop-filter: blur(20px);
  padding: 48px 32px 56px;
  flex-direction: column; gap: 0;
  overflow-y: auto;
  display: flex;
  opacity: 0; transform: translateY(-8px);
  transition: opacity .32s ease, transform .32s ease;
  pointer-events: none;
}
.mobile-nav.open { opacity: 1; transform: translateY(0); pointer-events: auto }
.mobile-nav a {
  font-size: 1.5rem; font-weight: 300; color: var(--ink-2);
  padding: 18px 0;
  border-bottom: 1px solid var(--line-soft);
  transition: color .2s;
}
.mobile-nav a:first-child { border-top: 1px solid var(--line-soft) }
.mobile-nav a:hover { color: var(--ink) }
/* Mobile messenger row */
.mobile-msng-row {
  display: flex; gap: 12px; margin-top: 40px; flex-wrap: wrap;
}
.mobile-msng-row .msng {
  width: 48px; height: 48px; font-size: 10px;
  border-color: var(--line);
}
.mobile-msng-row .msng svg { width: 18px; height: 18px }
/* ══════════════════════════════════════
   HERO - two-column: text + car UI mockup
══════════════════════════════════════ */
.hero {
  padding-top: 68px;
  min-height: 100vh;
  display: flex; flex-direction: column;
  position: relative;
  overflow: hidden;
  background: var(--bg);
}
/* Warm ambient glow */
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 55% 45% at 75% 38%, rgba(212,162,60,.065) 0%, transparent 65%),
    radial-gradient(ellipse 35% 55% at 8% 65%, rgba(168,111,58,.07) 0%, transparent 50%);
  pointer-events: none;
}
.hero-main {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  padding: 72px 56px 56px;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  position: relative; z-index: 2;
}
@media(max-width:960px) {
  .hero-main {
    grid-template-columns: 1fr;
    padding: 56px 24px 40px;
    gap: 56px;
  }
}
/* Left - copy */
.hero-left {}
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 10px; letter-spacing: .24em; text-transform: uppercase;
  color: var(--ink-3); font-weight: 500;
  margin-bottom: 44px;
}
.hero-eyebrow::before {
  content: ''; display: block; width: 28px; height: 1px; background: var(--accent);
  flex-shrink: 0;
}
.hero-h1 {
  font-size: clamp(46px, 6.5vw, 96px);
  font-weight: 200;
  letter-spacing: -.04em;
  line-height: .98;
  margin-bottom: 40px;
}
.hero-h1 .l1 { display: block; color: var(--ink) }
.hero-h1 .l2 { display: block; color: var(--ink-3); font-style: normal }
.hero-h1 .l3 {
  display: inline-block; color: var(--ink); font-weight: 300;
  position: relative;
  padding-bottom: .08em;
}
.hero-h1 .l3::after {
  content: ''; position: absolute;
  left: 0; right: 0; bottom: .01em; height: 1px;
  background: var(--accent);
}
.hero-p {
  font-size: 16px; color: var(--ink-2); line-height: 1.72;
  font-weight: 300; max-width: 420px; margin-bottom: 52px;
}
.hero-actions { display: flex; align-items: center; gap: 28px; flex-wrap: wrap }
.btn-prim {
  display: inline-flex; align-items: center; gap: 16px;
  font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--bg); background: var(--ink);
  padding: 16px 28px; font-weight: 600;
  transition: background .25s, color .25s;
  white-space: nowrap;
}
.btn-prim:hover { background: var(--accent); color: var(--bg) }
.btn-prim .ar {
  width: 18px; height: 1px; background: currentColor; position: relative; flex-shrink: 0;
}
.btn-prim .ar::after {
  content: ''; position: absolute; right: 0; top: -3px;
  width: 6px; height: 6px;
  border-right: 1px solid currentColor; border-top: 1px solid currentColor;
  transform: rotate(45deg);
}
.hero-tg {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; color: var(--ink-3); font-weight: 300;
  transition: color .2s;
}
.hero-tg:hover { color: var(--ink-2) }
.tg-icon {
  width: 18px; height: 18px;
  display: flex; align-items: center; justify-content: center;
  opacity: .65; flex-shrink: 0;
}
.tg-icon svg { width: 18px; height: 18px }
/* Footer */
/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
/* Disclaimer bar above footer */
/* Footer body */
/* Main grid: support + 4 link columns */
/* Support column */
/* Link columns */
/* Bottom bar: logo + legal */
@media(max-width:720px) {
}
/* Cities bar */
/* Bottom disclaimer */
/* ── Section spacing helper ── */
.sec-pad-bottom    { padding-bottom: var(--sec-gap) }
.sec-pad-bottom-sm { padding-bottom: 80px }
/* Scroll-to-top + Cookie notice */
/* ── Form validation ── */
@keyframes shake {
  0%,100% { transform: translateX(0) }
  20%      { transform: translateX(-6px) }
  40%      { transform: translateX(6px) }
  60%      { transform: translateX(-4px) }
  80%      { transform: translateX(4px) }
}
.form-field.error input,
.form-field.error select {
  border-bottom-color: #e05a5a;
  animation: shake .4s ease;
}
.form-field .field-err {
  display: none; font-size: 11px; color: #e05a5a;
  margin-top: 6px; font-weight: 400; letter-spacing: .02em;
}
.form-field.error .field-err { display: block }
/* footer-socials-responsive */
/* ════════════════════════════════════════════════════
   EDITORIAL DESIGN SYSTEM - Global Override
   Manrope 200/300 · JetBrains Mono · 1px · 0–2px r
════════════════════════════════════════════════════ */
/* ── 1. HEADING WEIGHTS: Manrope 200/300 ── */
h1,h2,h3{font-weight:200!important;letter-spacing:-.03em!important}
body{font-size:16px!important;line-height:1.6!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.svc-hero h1,.pkg-hero h1{font-weight:200!important;letter-spacing:-.04em!important}
.sec-title,.risk-title,.hero-h1{font-weight:200!important;letter-spacing:-.03em!important;color:var(--ink)!important}
.step-title,.incl-title,.feat-title,.svc-title,
.other-name,.price-name,.brand-chip-name,
.ssb-title,.sb-title,.ssb-t{font-weight:400}
/* ── 2. MONOCHROME INK GRADIENT - no colorful gradients ── */
/* Remove all gradient-clip text effects */
.sec-title span,.svc-hero h1 em,h1 em,
.hero-h1 .l3,.pkg-hero h1 em{
  background:none!important;
  -webkit-background-clip:unset!important;
  -webkit-text-fill-color:unset!important;
  background-clip:unset!important;
  color:var(--ink-3)!important;
}
/* Hero multi-line: ink → ink-2 → ink-3 progression */
.hero-h1 .l1{color:var(--ink)!important}
.hero-h1 .l2{color:var(--ink-2)!important;font-weight:200}
.hero-h1 .l3{color:var(--ink)!important;font-weight:300}
/* ── 3. BUTTONS - hover = color only, NO shimmer, NO transform ── */
.btn-primary::after,.btn-prim::after,
.btn-primary:hover::after,.btn-prim:hover::after{
  display:none!important
}
.btn-primary,.btn-prim,.btn-outline,.btn-secondary,
.ssb-ord,.ssb-bt,.cta-msg-btn,.sw-form-btn,
.cta-btn,.sb-btn,.sbtn,.ssb-bt{
  transition:background .18s,border-color .18s,color .18s!important;
}
.btn-primary:hover,.btn-prim:hover,
.btn-outline:hover,.btn-secondary:hover,
.ssb-ord:hover,.cta-btn:hover,
.sb-btn:hover,.cta-msg-btn:hover{
  transform:none!important;
  box-shadow:none!important;
}
.btn-primary:hover{background:var(--accent-w,#c9a07a)!important}
/* ── 4. SHARP CORNERS: 0–2px only ── */
.btn-primary,.btn-prim,.btn-outline,.btn-secondary,
.cta-msg-btn,.sw-link,.ssb-bt,.cta-btn,.sb-btn,
.price-card,.incl-item,.feat-card,.service-card,
.other-item,.brand-chip,.trust-item,
.sec-tag,.svc-hero-tag,.pkg-badge,.price-badge,
.sidebar-widget,details,summary,
.process-step,.guarantee-banner,
.risk-item,.ok-item,.step-card,
.cookie-accept,.cookie-decline,
.mobile-menu,.mobile-nav,
.sw-form-btn,.sw-link{
  border-radius:0!important
}
input,textarea,.sw-form-input,.form-input{border-radius:2px!important}
/* ── 5. NO SHADOWS - 1px lines only ── */
*{box-shadow:none!important}
.price-card.featured{border:1px solid var(--accent-b)!important}
.price-card:hover,.incl-item:hover,.other-item:hover,
.service-card:hover,.feat-card:hover,.step-card:hover{
  border-color:var(--accent-b)!important
}
/* ── 6. NO CARD HOVER LIFT ── */
.price-card:hover,.incl-item:hover,.other-item:hover,
.service-card:hover,.feat-card:hover,.brand-chip:hover,
.city-link:hover,.other-item:hover{
  transform:none!important
}
.float-btn:hover{transform:none!important}
/* ── 7. EYEBROW: 10px · letter-spacing .24em · uppercase · weight 500 ── */
.sec-tag,.svc-hero-tag,.pkg-badge,.hero-eyebrow,
.price-badge,.trust-item strong,.ssb-t{
  font-size:10px!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  font-weight:500!important;
}
/* Editorial style: underline marker, no filled badge */
.sec-tag,.svc-hero-tag,.pkg-badge{
  background:transparent!important;
  border:none!important;
  border-bottom:1px solid var(--line)!important;
  padding:0 0 8px 0!important;
  border-radius:0!important;
  color:var(--ink-3)!important;
  display:block!important;
  width:fit-content!important;
  margin-bottom:20px!important;
}
/* ── 8. EDITORIAL SECTION COUNTER: 01 / 02 / 03 ── */
body{counter-reset:eds}
section .sec-tag,.pkg-hero .pkg-badge{
  counter-increment:eds;
}
.svc-hero-tag::before{content:none!important}
section .sec-tag::before{
  content:counter(eds,decimal-leading-zero) '  ';
  font-family:'JetBrains Mono',monospace;
  font-weight:300;
  color:var(--accent);
  font-size:10px;
  letter-spacing:.04em;
}
/* ── 9. JETBRAINS MONO FOR NUMBERS ── */
.price-amount,.ssb-p,.pkg-stat strong,
.sb-price,.step-num,.err-code{
  font-family:'JetBrains Mono',monospace!important;
  font-weight:300!important;
}
.price-amount{
  font-size:2.6rem!important;
  color:var(--ink)!important;
  letter-spacing:-.03em;
}
.price-period{color:var(--ink-3);font-size:.75rem;margin-bottom:28px}
/* ── 10. STEP NUM: editorial large faded number ── */
.step-num{
  font-family:'JetBrains Mono',monospace!important;
  font-size:3rem!important;
  font-weight:200!important;
  color:rgba(242,237,227,.12)!important;
  border:none!important;
  width:auto!important;height:auto!important;
  display:block!important;
  border-radius:0!important;
  background:transparent!important;
  line-height:1!important;
  margin-bottom:16px!important;
  letter-spacing:-.04em;
}
/* ── 11. TOPBAR / SITE-HEADER: thin 1px ── */
.topbar,.site-header,.hdr-inner,
#ssb,.sticky-bar,.cookie-bar{
  border-color:var(--line)!important;
}
/* ── 12. FOOTER: consistent 1px ── */
/* ── 13. STEP CARDS: flat editorial layout ── */
.step-card{
  border:none!important;
  border-top:1px solid var(--line)!important;
  background:transparent!important;
  padding-top:24px!important;
  border-radius:0!important;
}
.steps-grid,.steps-section .steps-grid{
  gap:0!important;
  border-top:none!important;
}
/* ── 14. PROCESS STEPS: editorial ── */
.process-step{
  border:none!important;
  border-top:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
}
/* ── 15. ACCENT BORDER on featured cards ── */
.price-card.featured::before{
  transform:scaleX(1)!important;
  background:var(--accent)!important;
  height:1px!important;
}
.price-card::before{
  height:1px!important;
  background:var(--line)!important;
  transform:scaleX(1)!important;
}
/* ── 16. PRICE BADGE: inline label ── */
.price-badge{
  background:transparent!important;
  border:1px solid var(--accent-b)!important;
  color:var(--accent)!important;
  border-radius:0!important;
  font-size:9px!important;
  letter-spacing:.2em!important;
}
/* ── 17. INCL-CHECK: minimal ── */
.incl-check{
  border-radius:0!important;
  background:transparent!important;
  border:1px solid var(--line)!important;
}
/* ── 19b. MESSENGER BUTTON VARIANTS - dark editorial ── */
.cta-btn-tg,.cta-btn-wa,.cta-btn-max,
.cta-tg,.cta-wa,.cta-max{
  background:var(--bg-2)!important;
  color:var(--ink-2)!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.cta-btn-tg:hover,.cta-btn-wa:hover,.cta-btn-max:hover,
.cta-tg:hover,.cta-wa:hover,.cta-max:hover{
  border-color:var(--accent)!important;
  color:var(--accent)!important;
  background:var(--bg-2)!important;
  transform:none!important;
}
/* ── 18. SCROLL-TO-TOP: sharp ── */
#stb,#scrollTopBtn,.scroll-top-btn{
  border-radius:0!important;
}
/* ── 19. NON-STANDARD BUTTON CLASSES - unified accent style ── */
/* Telegram / WhatsApp / messenger buttons */
.btn-tg,.btn-wa,.btn-messenger,.btn-phone,.btn-call{
  background:var(--accent)!important;
  color:#0e0e10!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  transition:background .18s!important;
}
.btn-tg:hover,.btn-wa:hover,.btn-messenger:hover,
.btn-phone:hover,.btn-call:hover{
  background:var(--accent-w,#c9a07a)!important;
  transform:none!important;
  box-shadow:none!important;
}
/* Accent / outlined variants */
.btn-accent{
  background:var(--accent)!important;
  color:#0e0e10!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.btn-accent:hover{background:var(--accent-w,#c9a07a)!important;transform:none!important}
.btn-border,.btn-outline-accent{
  background:transparent!important;
  border:1px solid var(--accent)!important;
  color:var(--accent)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.btn-border:hover,.btn-outline-accent:hover{
  background:var(--accent)!important;
  color:#0e0e10!important;
  transform:none!important;
}
/* Submit / form buttons */
.btn-submit,.form-submit,.submit-btn{
  background:var(--accent)!important;
  color:#0e0e10!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.btn-submit:hover,.form-submit:hover,.submit-btn:hover{
  background:var(--accent-w,#c9a07a)!important;
  transform:none!important;
}
/* Platform / catalog / filter buttons */
.platform-btn,.filter-btn,.catalog-btn,.sort-btn{
  border-radius:0!important;
  box-shadow:none!important;
}
/* Ghost / secondary text buttons */
.btn-ghost,.btn-link-style{
  background:transparent!important;
  border:none!important;
  color:var(--accent)!important;
  border-radius:0!important;
}
/* ── 20. DARK THEME: neutralise any stray white backgrounds ── */
/* Only on elements that should NOT be white in dark theme */
.hero-section,.page-hero,.svc-hero,.pkg-hero,
.section-white,.bg-white,.section-light,
.card-white,.widget-white{
  background:var(--bg,#0e0e10)!important;
  color:var(--ink,#f2ede3)!important;
}
/* Prevent white forms on dark pages */
.sw-form,.contact-form,.feedback-form,
.quiz-form,.calc-form{
  background:var(--bg-1,#1a1a1c)!important;
}
/* ── Modal: always hidden inline (failsafe, even if chrome.css doesn't load) ── */
#axto-lead-modal{position:fixed!important;inset:0!important;z-index:10000!important;display:flex!important;align-items:center;justify-content:center;opacity:0!important;pointer-events:none!important;background:rgba(25,23,15,.55);padding:16px;transition:opacity .22s ease}
#axto-lead-modal.axto-open{opacity:1!important;pointer-events:all!important}
#axto-lead-modal.axto-open .axto-modal-box{transform:translateY(0)}