/* ═══════════════════════════════════════
   DESIGN TOKENS — JAMIT brand palette
═══════════════════════════════════════ */
:root {
  /* Brand blues */
  --blue:       #2B5AFF;
  --blue-dark:  #1A3FE0;
  --blue-light: #EBF0FF;
  --blue-mid:   #B8CCFF;
  --hero-blue:  #2B5FF5;

  /* Grays */
  --ink:        #111827;
  --ink-2:      #1F2937;
  --gray-600:   #4B5563;
  --gray-400:   #9CA3AF;
  --gray-200:   #E5E9F0;
  --gray-100:   #F0F2F7;
  --gray-50:    #F7F8FB;
  --white:      #FFFFFF;

  /* Semantic */
  --success:    #16A34A;
  --border:     rgba(17,24,39,.09);
  --border-md:  rgba(17,24,39,.14);

  /* Radius */
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;

  /* Shadow */
  --shadow-sm: 0 1px 4px rgba(17,24,39,.06);
  --shadow-md: 0 4px 20px rgba(17,24,39,.08);
  --shadow-lg: 0 12px 48px rgba(17,24,39,.10);
}

/* ═══════════════════════════════════════
   RESET & BASE (mobile-first)
═══════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:'Wix Madefor Text',sans-serif;background:var(--white);color:var(--ink);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font-family:inherit}
section{margin-bottom:0px !important;}
.main-navigation {
	margin: 24px 0;
}
/* ═══════════════════════════════════════
   UTILITIES (не зависят от ширины)
═══════════════════════════════════════ */
.dark .hero,
.dark .metrics,
.dark .scope,
.dark .dirs,
.dark .team { background: var(--main-dark); }
.dark .manifesto,
.dark .how,
.dark .industries,
.dark .tariffs,
.dark .faq { background: var(--main-basic); }
.dark h2.title,
.dark .subtitle,
.dark .step .step-title,
.dark .step .step-desc,
.dark .ind-card h3,
.dark .ind-card p,
.dark .dir-card h3,
.dark .dir-card p,
.dark .manifesto-body p,
.dark .team-card h4,
.dark .team-card span { color: var(--white); }
.dark .manifesto-body strong {
	color: var(--background-light);
}
.dark .how .tag,
.dark .industries .tag,
.dark .tariffs .tag,
.dark .faq .tag,
.dark .manifesto .tag {
	color: rgba(255,255,255,.5);
}
.dark .how .tag::before,
.dark .industries .tag::before,
.dark .tariffs .tag::before,
.dark .faq .tag::before,
.dark .manifesto .tag::before {
	background: rgba(255,255,255,.5);
}
.dark .scope .tag,
.dark .dirs .tag,
.dark .team .tag,
.dark .dir-num { color: rgba(255,255,255,.5); }
.dark .scope .tag::before,
.dark .metrics .tag::before,
.dark .dirs .tag::before,
.dark .team .tag::before { background: rgba(255,255,255,.5); }
.dark .scope-card,
.dark .ind-card,
.dark .dir-card,
.dark .team-card { background: #353D49; }
.dark .scope-list li { color: var(--gray-100); }
.dark .scope-card h3,
.dark .scope-card p { color: var(--white); }
.dark .scope-card:hover { background: #59606A; }
.dark .scope-wide-inner p { color: var(--white); }

.wrap{max-width:1200px;margin:0 auto;padding:0 18px}
.section{padding:64px 0}
.tag{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:var(--blue);margin-bottom:16px;
}
.tag::before{content:'';width:20px;height:2px;background:var(--blue);flex-shrink:0}

h2.title{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(24px,7vw,48px);
  font-weight:700;line-height:1.1;letter-spacing:-0.5px;
  color:var(--ink);
}
h2.title.light{color:var(--white)}
.subtitle{color:var(--gray-600);font-size:16px;line-height:1.75;margin-top:14px;max-width:560px}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:translateY(0)}

/* ═══════════════════════════════════════
   NAVIGATION — mobile-first
═══════════════════════════════════════ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:300;
  background:#fff;box-shadow:0 1px 0 var(--border);
  border-top:3px solid var(--blue);
  transition:box-shadow .2s;
}
.nav.scrolled{box-shadow:0 2px 20px rgba(17,24,39,.08)}

/* ROW 1 — только логотип + бургер на мобильных */
.nav-row1{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;height:58px;
  border-bottom:1px solid var(--gray-200);
}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-logo-img{height:28px;width:auto}
.nav-logo-text{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:900;letter-spacing:-.5px;color:var(--ink)}
.nav-logo-drop{font-size:8px;color:var(--blue);margin-left:1px}
.nav-logo-tagline{display:none}       /* скрыт на мобильных */
.nav-divider{display:none}

/* Поиск, иконки, телефон, переключатель — скрыты на мобильных */
.nav-search,
.nav-phone-wrap,
.nav-toggle,
.nav-icons{display:none}

/* Бургер — показываем */
.nav-burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-burger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}

/* ROW 2 — скрыта на мобильных */
.nav-row2{display:none}

/* Мобильное меню */
.mob-menu{
  position:fixed;inset:0;z-index:400;background:#fff;
  display:flex;flex-direction:column;padding:80px 24px 40px;
  opacity:0;pointer-events:none;transition:opacity .3s;overflow-y:auto;
}
.mob-menu.open{opacity:1;pointer-events:all}
.mob-menu a{font-size:16px;font-weight:600;color:var(--ink);padding:14px 0;border-bottom:1px solid var(--gray-200);display:block}
.mob-menu a:hover{color:var(--blue)}
.mob-cta{background:var(--blue)!important;color:#fff!important;padding:14px 36px;border-radius:100px;margin-top:24px;text-align:center;border-bottom:none!important}
.mob-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--gray-600);font-size:26px}

/* ═══════════════════════════════════════
   HERO — mobile-first
═══════════════════════════════════════ */
.hero{
  background:var(--hero-blue);
 /* min-height:100svh;*/
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
  padding-top:0px;padding-bottom:30px;
}
.hero-bg-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.blob-1{width:700px;height:700px;top:-180px;right:-100px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 65%);animation:blobDrift 9s ease-in-out infinite}
.blob-2{width:450px;height:450px;bottom:-60px;left:10%;background:radial-gradient(circle,rgba(0,30,120,.35) 0%,transparent 65%);animation:blobDrift 12s ease-in-out infinite reverse}
@keyframes blobDrift{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(24px,-32px) scale(1.06)}70%{transform:translate(-16px,18px) scale(.96)}}

section.hero .wrap{position:relative;z-index:2;display:flex;flex-direction:column;flex:1}

.hero-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.55);margin-bottom:24px}
.hero-breadcrumb a{color:rgba(255,255,255,.55);transition:color .2s}
.hero-breadcrumb a:hover{color:#fff}
.hero-breadcrumb-sep{opacity:.4;margin:0 2px}
.hero-breadcrumb span{color:rgba(255,255,255,.85)}

.hero-inner{display:flex;flex-direction:column;gap:32px;flex:1}
.hero-left{display:flex;flex-direction:column}

.hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);
  color:rgba(255,255,255,.85);font-size:12px;font-weight:600;letter-spacing:.3px;
  padding:8px;border-radius:10px;margin-bottom:20px;width:fit-content;
}
.hero-badge-dot{
  width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;
  animation:dotPulse 2.5s ease-in-out infinite;
}
@keyframes dotPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{opacity:.4;box-shadow:0 0 0 6px rgba(255,255,255,0)}}

.hero-h1{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(36px,8vw,64px);font-weight:700;line-height:.97;letter-spacing:-1.5px;
  color:#fff;margin-bottom:20px;
}
.hero-h1 .line-2{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45);display:block}
.hero-h1 .line-3{color:rgba(255,255,255,.88);display:block}

.hero-sub{color:rgba(255,255,255,.7);font-size:16px;line-height:1.7;max-width:520px;margin-bottom:32px}

.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:40px}
.btn-hero-primary{
  display:inline-flex;align-items:center;gap:9px;
  background:#fff;color:var(--blue);font-size:14px;font-weight:700;
  padding:13px 24px;border-radius:100px;border:none;cursor:pointer;
  box-shadow:0 4px 32px rgba(0,0,0,.15);transition:all .22s;text-decoration:none;
}
.btn-hero-primary:hover{background:var(--gray-50);transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,0,0,.2)}
.btn-hero-primary svg{transition:transform .2s}
.btn-hero-primary:hover svg{transform:translateX(3px)}
.btn-hero-ghost{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:14px;font-weight:500;transition:color .2s}
.btn-hero-ghost:hover{color:#fff}

/* KPI — в колонку на мобильных */
.hero-kpi{display:flex;flex-direction:column;gap:20px;padding-top:28px;border-top:1px solid rgba(255,255,255,.2)}
.kpi-item{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}
.kpi-item:last-child{border-bottom:none;padding-bottom:0}
.kpi-num{font-family:'Unbounded',sans-serif;font-size:clamp(22px,6vw,34px);font-weight:900;color:#fff;line-height:1;margin-bottom:6px}
.kpi-label{font-size:12px;color:rgba(255,255,255,.6);line-height:1.45}

/* Stat-карточки — мобильные: два в ряд, если экран >374px, иначе в столбик */
.hero-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding-top:8px}
.hero-stat-card{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  border-radius:14px;padding:18px 16px;backdrop-filter:blur(8px);
  animation:cardFloat 6s ease-in-out infinite;
  flex:1 1 100%; /* по умолчанию на полную ширину */
}
.hero-stat-card:nth-child(2){animation-delay:.8s;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13)}
.hero-stat-card:nth-child(3){animation-delay:1.6s;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hero-stat-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:6px}
.hero-stat-value{font-family:'Unbounded',sans-serif;font-size:clamp(26px,5vw,36px);font-weight:900;color:#fff;line-height:1}

/* ═══════════════════════════════════════
   BREADCRUMB (mobile-first)
═══════════════════════════════════════ */
.breadcrumb{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:14px 0}
.breadcrumb-inner{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-400);flex-wrap:wrap}
.breadcrumb-inner a{color:var(--gray-400);transition:color .2s}
.breadcrumb-inner a:hover{color:var(--blue)}
.breadcrumb-inner span{color:var(--gray-600);font-weight:500}
.bc-sep{opacity:.5}

/* ═══════════════════════════════════════
   SUB-SERVICES LINKS (mobile-first)
═══════════════════════════════════════ */
.sub-nav{background:var(--blue);border-bottom:1px solid rgba(255,255,255,.12);overflow-x:auto;scrollbar-width:none}
.sub-nav::-webkit-scrollbar{display:none}
.sub-nav-inner{max-width:1440px;margin:0 auto;padding:0 18px;display:flex;gap:0;white-space:nowrap}
.sub-nav a{font-size:14px;color:rgba(255,255,255,.65);padding:16px 14px;border-bottom:3px solid transparent;transition:color .2s,border-color .2s;display:flex;align-items:center;gap:8px}
.sub-nav a:hover{color:#fff}
.sub-nav a.active{color:#fff;border-bottom-color:#fff}

/* ═══════════════════════════════════════
   MANIFESTO (mobile-first)
═══════════════════════════════════════ */
.manifesto{background:var(--white);padding:64px 0}
.manifesto-grid{display:flex;flex-direction:column;gap:40px;margin-top:40px}
.manifesto-body p{font-size:16px;line-height:1.8;margin-bottom:20px;color:var(--ink)}
.manifesto-body p:last-child{margin-bottom:0}
.manifesto-body strong{color:var(--blue)}
.manifesto-card{background:var(--blue);border-radius:var(--r-xl);padding:36px 28px;position:relative;overflow:hidden}
.manifesto-card::after{content:'"';position:absolute;bottom:-50px;right:16px;font-family:'Wix Madefor Text',sans-serif;font-size:180px;font-weight:900;color:rgba(255,255,255,.06);line-height:1;pointer-events:none}
.manifesto-card blockquote{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:600;line-height:1.4;color:#fff;margin-bottom:20px;position:relative}
.manifesto-card p{color:rgba(255,255,255,.75);font-size:15px;line-height:1.7}
.manifesto-card-tag{display:inline-flex;align-items:center;gap:6px;margin-top:22px;color:rgba(255,255,255,.7);font-size:12px;font-weight:600;letter-spacing:.5px}

/* ═══════════════════════════════════════
   METRICS STRIPE (mobile-first: 2 cols)
═══════════════════════════════════════ */
.metrics{background:var(--blue);padding:64px 0}
.metrics-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:40px}
.metric-cell{padding:24px 20px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);transition:background .25s}
.metric-cell:nth-child(odd){border-right:1px solid rgba(255,255,255,.2)}
.metric-cell:nth-child(even){border-right:none}
.metric-cell:nth-child(3),.metric-cell:nth-child(4){border-bottom:none}
.metric-cell:hover{background:rgba(255,255,255,.12)}
.metric-num{font-family:'Unbounded',sans-serif;font-size:clamp(34px,8vw,52px);font-weight:900;color:#fff;line-height:1;margin-bottom:10px}
.metric-num sup{font-size:.55em;vertical-align:super}
.metric-lbl{color:rgba(255,255,255,.8);font-size:14px;line-height:1.55}
.metric-note{color:rgba(255,255,255,.55);font-size:12px;margin-top:6px}

/* ═══════════════════════════════════════
   HOW IT WORKS (mobile-first: 2 cols)
═══════════════════════════════════════ */
.how{background:var(--gray-50)}
.how-steps{display:grid;grid-template-columns:1fr;gap:28px;margin-top:48px}
.how-line{display:none}
.step{text-align:center;padding:0 8px;position:relative}
.step-circle{width:72px;height:72px;border-radius:50%;background:var(--white);border:2px solid var(--gray-200);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all .3s}
.step-circle svg{color:var(--blue);width:28px;height:28px;transition:color .3s}
.step:hover .step-circle{background:var(--blue);border-color:var(--blue);box-shadow:0 10px 32px rgba(43,90,255,.3);transform:scale(1.07)}
.step:hover .step-circle svg{color:#fff}
.step-num{position:absolute;top:-8px;right:calc(50% - 46px);width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-family:'Wix Madefor Text',sans-serif;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}
.step-title{font-size:14px;font-weight:700;margin-bottom:8px;line-height:1.35;color:var(--ink)}
.step-desc{font-size:12.5px;color:var(--gray-600);line-height:1.65}

/* ═══════════════════════════════════════
   SCOPE CARDS (mobile-first: 1 col)
═══════════════════════════════════════ */
.scope{background:var(--white)}
.scope-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:40px}
.scope-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:28px;position:relative;overflow:hidden;transition:all .25s}
.scope-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.scope-card:hover{border-color:var(--blue-mid);box-shadow:var(--shadow-lg);transform:translateY(-4px);background:var(--white)}
.scope-card:hover::before{transform:scaleX(1)}
.sc-icon{width:48px;height:48px;border-radius:14px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}
.sc-icon svg{color:var(--blue);width:22px;height:22px}
.scope-card h3{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--ink)}
.scope-card p{font-size:14px;color:var(--gray-600);line-height:1.7}
.scope-wide{grid-column:span 1}
.scope-wide-inner{display:flex;flex-direction:column;gap:28px}
.scope-wide-inner p{margin-top:12px;font-size:15px;color:var(--gray-600);line-height:1.7}
.scope-list{list-style:none;margin-top:14px}
.scope-list li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--gray-200);font-size:15px;color:var(--ink)}
.scope-list li:last-child{border-bottom:none}
.scope-list .li-icon{width:24px;height:24px;border-radius:6px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.scope-list .li-icon svg{color:var(--blue);width:13px;height:13px}

/* ═══════════════════════════════════════
   VISIBILITY / CLUSTERS (mobile-first)
═══════════════════════════════════════ */
.visibility{background:var(--blue);padding:64px 0}
.vis-grid{display:flex;flex-direction:column;gap:40px;margin-top:40px}
.cluster-item{display:flex;align-items:center;gap:16px;padding:18px 20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);margin-bottom:10px;transition:all .22s;cursor:default}
.cluster-wrapper{
	display:flex;
	align-items:center;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

.cluster-item:hover{background:rgba(43,90,255,.12);border-color:rgba(43,90,255,.3)}
.cluster-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.cluster-name{color:#fff;font-size:15px;font-weight:500;flex:1}
.cluster-tag{color:rgba(255,255,255,.6);font-size:13px;text-align:right}
.funnel-box{background:rgba(43,90,255,.12);border:1px solid rgba(43,90,255,.24);border-radius:var(--r-lg);padding:8px}
.funnel-box h3{font-family:'Wix Madefor Text',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:14px}
.funnel-box p{color:rgba(255,255,255,.75);font-size:14px;line-height:1.7;margin-bottom:22px}
.funnel{display:flex;flex-direction:column;gap:5px}
.f-step{height:50px;border-radius:9px;padding:0 18px;display:flex;align-items:center;font-size:13px;font-weight:500;color:rgba(255,255,255,.85);background:linear-gradient(90deg,rgba(43,90,255,.55),rgba(43,90,255,.12));transition:background .2s}
.f-step:hover{background:linear-gradient(90deg,rgba(43,90,255,.75),rgba(43,90,255,.2))}
.f-2{width:100%}
.f-3{width:100%}
.f-4{width:100%;background:linear-gradient(90deg,rgba(22,163,74,.6),rgba(22,163,74,.12))}
.f-4:hover{background:linear-gradient(90deg,rgba(22,163,74,.8),rgba(22,163,74,.2))}

/* ═══════════════════════════════════════
   INDUSTRIES (mobile-first: 1 col)
═══════════════════════════════════════ */
.industries{background:var(--white)}
.ind-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:40px}
.ind-card{border:1.5px solid var(--gray-200);border-radius:var(--r-lg);padding:28px;transition:all .28s;cursor:default;background:var(--white)}
.ind-card:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-4px);box-shadow:0 16px 48px rgba(43,90,255,.25)}
.ind-card:hover h3{color:#fff}
.ind-card:hover p{color:rgba(255,255,255,.7)}
.ind-card:hover .ind-icon-wrap{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.25)}
.ind-card:hover .ind-icon-wrap svg{color:#fff}
.ind-icon-wrap{width:48px;height:48px;border-radius:14px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .28s}
.ind-icon-wrap svg{color:var(--blue);width:22px;height:22px;transition:color .28s}
.ind-card h3{font-size:17px;font-weight:700;margin-bottom:10px;line-height:1.3;color:var(--ink);transition:color .28s}
.ind-card p{font-size:14px;color:var(--gray-600);line-height:1.65;transition:color .28s}

/* ═══════════════════════════════════════
   8 WORK DIRECTIONS (mobile-first: 1 col → 2 cols → 3 → 4)
═══════════════════════════════════════ */
.dirs{background:var(--gray-50)}
.dir-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:40px}
.dir-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:22px;transition:all .22s}
.dir-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--blue-mid)}
.dir-icon{width:44px;height:44px;border-radius:11px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.dir-icon svg{color:var(--blue);width:20px;height:20px}
.dir-num{font-size:10px;font-weight:700;color:var(--blue);letter-spacing:1.5px;opacity:.6;margin-bottom:10px;font-family:'Wix Madefor Text',sans-serif;font-weight:600}
.dir-card h3{font-size:15px;font-weight:600;margin-bottom:8px;line-height:1.35;color:var(--ink)}
.dir-card p{font-size:13px;color:var(--gray-600);line-height:1.65}

/* ═══════════════════════════════════════
   TARIFFS (mobile-first: 1 col → 2 → 4)
═══════════════════════════════════════ */
.tariffs{background:var(--white)}
.tar-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:40px;align-items:start}
.tar-card{border:1.5px solid var(--gray-200);border-radius:14px;padding:24px 20px;position:relative;transition:all .25s;background:var(--white)}
.tar-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.tar-featured{background:var(--blue);border-color:var(--blue)}
.tar-featured:hover{box-shadow:0 16px 48px rgba(43,90,255,.35)}
.tar-badge{position:absolute;top:-14px;right:16px;background:#FF6B35;color:#fff;font-size:10px;font-weight:800;letter-spacing:.4px;padding:4px 12px;border-radius:100px;display:flex;align-items:center;gap:5px}
.tar-name{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.1}
.tar-featured .tar-name{color:#fff}
.tar-subtitle{display:inline-block;background:var(--gray-100);color:var(--gray-600);font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;margin-bottom:14px}
.tar-featured .tar-subtitle{background:rgba(255,255,255,.18);color:rgba(255,255,255,.85)}
.tar-price{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:700;color:var(--ink);margin-bottom:14px;line-height:1}
.tar-featured .tar-price{color:#fff}
.tar-btn{width:100%;padding:13px;border-radius:10px;cursor:pointer;font-family:'Wix Madefor Text',sans-serif;font-size:14px;font-weight:700;transition:all .22s;margin-bottom:18px}
.tar-btn-blue{border:none;background:var(--blue);color:#fff}
.tar-btn-blue:hover{background:var(--blue-dark)}
.tar-btn-white{border:2px solid rgba(255,255,255,.4);background:#fff;color:var(--blue)}
.tar-btn-white:hover{background:rgba(255,255,255,.9)}
.tar-desc{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:14px;line-height:1.5}
.tar-featured .tar-desc{color:rgba(255,255,255,.9)}
.tar-list{list-style:none;margin-bottom:16px}
.tar-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid var(--gray-200);font-size:13px;line-height:1.45;color:var(--ink)}
.tar-featured .tar-list li{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.88)}
.tar-list li:last-child{border-bottom:none}
.tar-check{width:16px;height:16px;border-radius:4px;background:var(--blue-light);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center}
.tar-check svg{color:var(--blue);width:9px;height:9px}
.tar-featured .tar-check{background:rgba(255,255,255,.22)}
.tar-featured .tar-check svg{color:#fff}
.tar-geo{display:flex;align-items:center;gap:8px;background:rgba(43,90,255,.07);border:1px solid rgba(43,90,255,.18);border-radius:8px;padding:9px 12px;font-size:12px;font-weight:600;color:var(--blue);margin-bottom:14px}
.tar-featured .tar-geo{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}
.tar-footer-text{font-size:12px;color:var(--gray-600);line-height:1.5;font-weight:500;padding-top:10px;border-top:1px solid var(--gray-200)}
.tar-featured .tar-footer-text{color:rgba(255,255,255,.85);font-weight:700;border-color:rgba(255,255,255,.2)}
.tar-note{text-align:center;font-size:13px;color:var(--gray-400);margin-top:20px}
.tar-note a{color:var(--blue)}

/* ═══════════════════════════════════════
   CTA (mobile-first: колонка)
═══════════════════════════════════════ */
.cta-section{background:var(--blue);padding:80px 0;position:relative;overflow:hidden}
.cta-noise{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.4}
.cta-glow-top{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.08) 0%,transparent 65%);pointer-events:none}
.cta-split{display:flex;flex-direction:column;gap:44px;align-items:center;position:relative}
.cta-left .tag{color:rgba(255,255,255,.65)}
.cta-left .tag::before{background:rgba(255,255,255,.4)}
.cta-h2{font-family:'Unbounded',sans-serif;font-size:clamp(28px,8vw,48px);font-weight:700;line-height:1.08;letter-spacing:-1.5px;color:#fff;margin-bottom:18px}
.cta-sub{color:rgba(255,255,255,.6);font-size:16px;line-height:1.72;margin-bottom:32px;max-width:420px}
.cta-perks{display:flex;flex-direction:column;gap:14px}
.cta-perk{display:flex;align-items:center;gap:14px}
.cta-perk-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.cta-perk-icon svg{color:#fff;width:18px;height:18px}
.cta-perk-text{font-size:14px;color:rgba(255,255,255,.75);line-height:1.45}
.cta-perk-text strong{color:#fff;font-weight:600;display:block;font-size:14px}

/* ═══════════════════════════════════════
   FOOTER (mobile-first: столбик)
═══════════════════════════════════════ */
footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:56px 0 0}
.footer-main{display:flex;flex-direction:column;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--gray-200)}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.footer-logo-text{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:900;color:var(--ink)}
.footer-reg{font-size:12px;color:var(--gray-400);line-height:1.9}
.footer-nav-col h5{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px}
.footer-nav-col a{display:block;font-size:14px;color:var(--gray-600);margin-bottom:8px;transition:color .2s}
.footer-nav-col a:hover{color:var(--blue)}
.footer-nav-col a.has-arrow::after{content:" ›";color:var(--gray-400)}
.footer-badges{display:flex;flex-wrap:wrap;gap:12px}
.footer-badge-card{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:10px 14px;text-align:center;min-width:120px}
.footer-badge-card img{max-height:36px;width:auto;display:block;margin:0 auto 4px}
.footer-badge-label{font-size:10px;color:var(--gray-400);font-weight:500}
.footer-messengers h5{font-size:12px;font-weight:700;color:var(--gray-400);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.footer-messenger-btn{display:block;width:100%;padding:10px 16px;border-radius:8px;border:1px solid var(--gray-200);background:#fff;text-align:center;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;transition:all .2s;cursor:pointer}
.footer-messenger-btn:hover{border-color:var(--blue);color:var(--blue)}
.footer-contacts h5{font-size:12px;font-weight:700;color:var(--gray-400);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.footer-contacts-label{font-size:11px;color:var(--gray-400);margin-bottom:3px;margin-top:14px}
.footer-contacts-label:first-of-type{margin-top:0}
.footer-contacts-val{font-size:14px;color:var(--ink);font-weight:500}
.footer-contacts-val a{color:var(--blue);font-weight:600}
.footer-call-btn{display:block;width:100%;margin-top:16px;padding:12px 16px;border-radius:10px;border:none;cursor:pointer;background:var(--blue);color:#fff;font-size:14px;font-weight:700;transition:background .2s}
.footer-call-btn:hover{background:var(--blue-dark)}
.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;color:var(--gray-400);padding:20px 0;text-align:center}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.footer-legal a{color:var(--gray-400);transition:color .2s}
.footer-legal a:hover{color:var(--blue)}

/* ═══════════════════════════════════════
   MEDIA QUERIES (mobile-first расширение)
═══════════════════════════════════════ */

@media (min-width: 375px) {
	section{margin-bottom:0;}
	.metrics-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:40px;}
	.how-steps{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px;}
}

/* ≥400px — крохотные улучшения */
@media (min-width: 400px) {
	section{margin-bottom:0;}
  .hero-stat-card { flex: 1 1 calc(50% - 4px); }
}

@media (min-width: 475px) {
	  .dir-grid { grid-template-columns: repeat(2,1fr); }
}
/* ≥640px — фаблеты / маленькие планшеты */
@media (min-width: 640px) {
	.funnel-box{background:rgba(43,90,255,.12);border:1px solid rgba(43,90,255,.24);border-radius:var(--r-lg);padding:36px}
	.f-2{width:84%}
	.f-3{width:67%}
	.f-4{width:50%;background:linear-gradient(90deg,rgba(22,163,74,.6),rgba(22,163,74,.12))}
	section{margin-bottom:0;}
  .wrap { padding: 0 28px; }
  .section { padding: 80px 0; }
  /*.hero { padding-top: 76px; padding-bottom: 52px; }*/
  .hero-actions { flex-direction: row; align-items: center; }
  .hero-kpi { flex-direction: row; flex-wrap: wrap; gap: 24px; }
  .kpi-item { flex: 0 0 calc(50% - 12px); border-bottom: none; padding-bottom: 0; }
  .ind-grid { grid-template-columns: repeat(2,1fr); }
  .tar-grid { grid-template-columns: repeat(2,1fr); }
  .footer-main { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-bottom { flex-direction: row; justify-content: space-between; text-align: left; }
  .hero-badge {padding:8px 14px;}
    .cluster-wrapper{
		display:flex;
		flex-direction: row;
	}
}

/* ≥768px — планшеты */
@media (min-width: 768px) {
	section{margin-bottom:0;}
  .wrap { padding: 0 48px; }
  .section { padding: 96px 0; }
  /*.hero { padding-top: 80px; padding-bottom: 60px; }*/
  .hero-h1 { letter-spacing: -2px; }
  .hero-stats { gap: 12px; }
  .hero-stat-card { flex: 1 1 auto; min-width: 140px; }
  .kpi-item { flex: 1; border-right: 1px solid rgba(255,255,255,.2); margin-right: 28px; padding-right: 28px; }
  .kpi-item:last-child { border-right: none; margin-right: 0; padding-right: 0; }
  .how-steps { grid-template-columns: repeat(3,1fr); gap: 32px; }
  .scope-grid { grid-template-columns: repeat(2,1fr); }
  .scope-wide { grid-column: span 2; }
  .scope-wide-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
  .ind-grid { grid-template-columns: repeat(3,1fr); }
  .dir-grid { grid-template-columns: repeat(3,1fr); }
  .tar-grid { grid-template-columns: repeat(4,1fr); }
  .cta-split { display: grid; grid-template-columns: 1fr; gap: 80px; align-items: center; }
  .footer-main { grid-template-columns: 220px 1fr auto auto auto; gap: 48px; align-items: start; }
  .kpi-num {
      font-family: 'Unbounded', sans-serif;
      font-size: clamp(22px, 6vw, 20px);
      font-weight: 900;
      color: #fff;
      line-height: 1;
      margin-bottom: 6px;
  }

}
@media (min-width: 868px){
      .manifesto-grid {
    display: flex;
    flex-direction: row;
  }
    .vis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
    .kpi-num {
      font-family: 'Unbounded', sans-serif;
      font-size: clamp(22px, 6vw, 22px);
      font-weight: 900;
      color: #fff;
      line-height: 1;
      margin-bottom: 6px;
  }

}
@media (min-width: 900px){
.cta-split { display: grid; grid-template-columns: 1fr 480px; gap: 80px; align-items: center; }
}
/* ≥1024px — десктопы: полная навигация и мелкие правки */
@media (min-width: 1024px) {

	section{margin-bottom:0;}
  .wrap { padding: 0 48px; }
  /* Показываем двухрядную десктопную навигацию */
  .nav-row1 { height: 64px; padding: 0 48px; gap: 20px; justify-content: flex-start; }
  .nav-logo-text { font-size: 18px; }
  .nav-logo-img { height: 32px; }
  .nav-logo-tagline { display: block; font-size: 11px; color: var(--gray-400); line-height: 1.35; max-width: 90px; margin-left: 12px; }
  .nav-divider { display: block; width: 1px; height: 36px; background: var(--gray-200); flex-shrink: 0; }
  .nav-search { display: flex; align-items: center; gap: 8px; background: var(--gray-100); border: 1px solid var(--gray-200); border-radius: 100px; padding: 8px 18px; flex: 1; max-width: 280px; transition: border-color .2s,box-shadow .2s; }
  .nav-search:focus-within { border-color: var(--blue-mid); box-shadow: 0 0 0 3px rgba(43,90,255,.08); }
  .nav-search svg { color: var(--gray-400); flex-shrink: 0; }
  .nav-search input { background: none; border: none; outline: none; font-size: 13px; color: var(--ink); width: 100%; }
  .nav-search input::placeholder { color: var(--gray-400); }
  .nav-icons { display: flex; gap: 4px; margin-left: auto; }
  .nav-icon-btn { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--gray-200); background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color .2s,background .2s; color: var(--gray-600); }
  .nav-icon-btn:hover { border-color: var(--blue-mid); color: var(--blue); background: var(--blue-light); }
  .nav-phone-wrap { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; }
  .nav-phone { font-size: 14px; font-weight: 600; color: var(--ink); white-space: nowrap; line-height: 1; }
  .nav-phone-sub { font-size: 11px; color: var(--gray-400); margin-top: 2px; }
  .nav-toggle { display: flex; align-items: center; width: 44px; height: 24px; border-radius: 100px; background: var(--gray-200); cursor: pointer; border: none; padding: 2px; transition: background .2s; position: relative; flex-shrink: 0; }
  .nav-toggle.on { background: var(--blue); }
  .nav-toggle-knob { width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .2s; }
  .nav-toggle.on .nav-toggle-knob { transform: translateX(20px); }
  .nav-burger { display: none; }
  .nav-row2 { display: flex; align-items: center; padding: 0 48px; height: 48px; gap: 0; max-width: 1200px; margin: 0 auto; }
  .nav-links { display: flex; gap: 0; list-style: none; flex: 1; }
  .nav-links > li { position: relative; }
  .nav-links a, .nav-links button { font-size: 14px; font-weight: 400; color: var(--gray-600); padding: 8px 16px; border-radius: 0; display: flex; align-items: center; gap: 5px; transition: color .2s; white-space: nowrap; background: none; border: none; cursor: pointer; height: 48px; line-height: 1; }
  .nav-links a:hover, .nav-links button:hover { color: var(--ink); }
  .nav-links a.active, .nav-links button.active { color: var(--blue); font-weight: 600; }
  .nav-chevron { transition: transform .2s; color: var(--gray-400); }
  .nav-links > li:hover .nav-chevron { transform: rotate(180deg); }
  .nav-cta-wrap { margin-left: auto; flex-shrink: 0; }
  .nav-cta { background: var(--blue); color: #fff; font-size: 13px; font-weight: 700; padding: 10px 22px; border-radius: 100px; border: none; cursor: pointer; transition: background .2s,transform .15s,box-shadow .2s; white-space: nowrap; }
  .nav-cta:hover { background: var(--blue-dark); transform: translateY(-1px); box-shadow: 0 4px 20px rgba(43,90,255,.3); }
  /* Мега-дропдауны и simple-drop (оставлены как были, только теперь внутри min-width) */
  .mega-drop { position: absolute; top: calc(100% + 8px); left: 0; z-index: 500; background: #fff; border-radius: 14px; box-shadow: 0 8px 48px rgba(17,24,39,.14),0 2px 8px rgba(17,24,39,.06); border: 1px solid var(--gray-200); display: none; min-width: 480px; overflow: hidden; }
  .nav-links > li:hover .mega-drop { display: flex; }
  .mega-col { padding: 20px 0; min-width: 220px; }
  .mega-col + .mega-col { border-left: 1px solid var(--gray-200); }
  .mega-item { display: flex; align-items: center; gap: 10px; padding: 10px 22px; font-size: 14px; color: var(--ink); transition: background .15s,color .15s; cursor: pointer; }
  .mega-item:hover { background: var(--gray-50); color: var(--blue); }
  .mega-item-icon { width: 28px; height: 28px; border-radius: 7px; background: var(--blue-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .mega-item-icon svg { color: var(--blue); width: 14px; height: 14px; }
  .mega-item-text { font-size: 14px; font-weight: 500; flex: 1; }
  .mega-item-arrow { color: var(--gray-400); font-size: 11px; margin-left: auto; }
  .mega-item:hover .mega-item-arrow { color: var(--blue); }
  .mega-section-title { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gray-400); padding: 8px 22px 4px; }
  .mega-divider { height: 1px; background: var(--gray-200); margin: 6px 0; }
  .simple-drop { position: absolute; top: calc(100% + 8px); left: 0; z-index: 500; background: #fff; border-radius: 10px; box-shadow: 0 8px 32px rgba(17,24,39,.12); border: 1px solid var(--gray-200); display: none; min-width: 200px; padding: 8px 0; overflow: hidden; }
  .nav-links > li:hover .simple-drop { display: block; }
  .simple-drop a { display: block; padding: 10px 18px; font-size: 14px; color: var(--ink); transition: background .15s,color .15s; height: auto; }
  .simple-drop a:hover { background: var(--gray-50); color: var(--blue); }

  /* Hero: двухколоночный грид */
  .hero-inner {
        display: grid;
        grid-template-columns: 1fr 180px;
        gap: 20px;
        align-items: start;
    }
  .hero-stats { flex-direction: column; flex-wrap: nowrap; gap: 12px; }
  .hero-stat-card { flex: none; min-width: auto; }

  /* How: 5 шагов с линией */
  .how-steps { grid-template-columns: repeat(5,1fr); gap: 0; position: relative; }
  .how-line { display: block; position: absolute; top: 44px; left: 9%; right: 9%; height: 1px; background: var(--gray-200); z-index: 0; }

  /* Metrics: 4 колонки */
  .metrics-grid { grid-template-columns: repeat(4,1fr); }
  .metric-cell { border-right: 1px solid rgba(255,255,255,.2); border-bottom: none; padding: 40px 32px; }
  .metric-cell:last-child { border-right: none; }

  /* Dir: 4 колонки */
  .dir-grid { grid-template-columns: repeat(4,1fr); }

  /* Поднавигация: чуть больше паддинг */
  .sub-nav-inner { padding: 0 48px; }
  .kpi-num {
      font-family: 'Unbounded', sans-serif;
      font-size: clamp(22px, 6vw, 22px);
      font-weight: 900;
      color: #fff;
      line-height: 1;
      margin-bottom: 6px;
  }
}

@media (min-width: 1140px) {
  .hero-inner {
        display: grid;
        grid-template-columns: 1fr 240px;
        gap: 40px;
        align-items: start;
    }
    .kpi-num {
      font-family: 'Unbounded', sans-serif;
      font-size: clamp(22px, 6vw, 24px);
      font-weight: 900;
      color: #fff;
      line-height: 1;
      margin-bottom: 6px;
  }
}

/* ≥1200px — большие десктопы (мелкие правки) */
@media (min-width: 1200px) {
	section{margin-bottom:0;}
  .wrap { padding: 0 48px; }
}

@media (min-width:1350px) {
	.main-navigation .main-menu .has-child:hover>.dropdown-menu {
		position: absolute;
		top: 30px;
	}
}