/*
Theme Name: NFLG
Theme URI: https://nflg.ru
Author: SEO Урал
Description: Премиальная индустриальная тема для B2B-сайта производителя бетонных заводов NFLG. Контент редактируется через страницы/CPT + поля SCF (Secure Custom Fields).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nflg
*/

/* ============================================================
   NFLG — переменные и базовые стили
   ============================================================ */
:root{
  --navy-deep:#0F2235;
  --navy:#173B5E;
  --navy-soft:#21507c;
  --orange:#F47A20;
  --orange-dark:#D9650F;
  --white:#FFFFFF;
  --gray-bg:#F5F7FA;
  --gray-line:#E4E9EF;
  --ink:#10202F;
  --muted:#5C7088;
  --radius-lg:28px;
  --radius-md:20px;
  --radius-sm:14px;
  --shadow-soft:0 20px 50px -20px rgba(15,34,53,.18);
  --shadow-card:0 14px 34px -16px rgba(15,34,53,.16);
  --font-display:'Unbounded', Arial, sans-serif;
  --font-head:'Unbounded', Arial, sans-serif;
  --font-body:'Onest', Arial, sans-serif;
  --font-mono:'Onest', Arial, sans-serif;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; overflow-x:hidden; max-width:100%;}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--white);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit; cursor:pointer; border:none; background:none;}
.nflg-container{
  max-width:1280px;
  margin:0 auto;
  padding:0 32px;
}
.nflg-eyebrow{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--orange);
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.nflg-eyebrow::before{
  content:'';
  width:18px; height:1px;
  background:var(--orange);
  display:inline-block;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head); font-weight:800; line-height:1.12; color:var(--navy-deep);}
.nflg-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:16px 28px;
  border-radius:100px;
  font-weight:600;
  font-size:15px;
  white-space:nowrap;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.nflg-btn--orange{
  background:var(--orange);
  color:var(--white);
  box-shadow:0 14px 30px -12px rgba(244,122,32,.55);
}
.nflg-btn--orange:hover{background:var(--orange-dark); transform:translateY(-2px);}
.nflg-btn--ghost-dark{
  background:rgba(255,255,255,.08);
  color:var(--white);
  border:1.5px solid rgba(255,255,255,.35);
}
.nflg-btn--ghost-dark:hover{background:rgba(255,255,255,.16); transform:translateY(-2px);}
.nflg-btn--outline-navy{
  background:transparent;
  color:var(--navy-deep);
  border:1.5px solid var(--gray-line);
}
.nflg-btn--outline-navy:hover{border-color:var(--navy-deep); transform:translateY(-2px);}
.nflg-btn svg{width:16px; height:16px; flex-shrink:0;}

/* ============================================================
   HEADER
   ============================================================ */
.nflg-header-wrap{
  position:fixed; top:18px; left:0; right:0;
  z-index:200;
  display:flex; justify-content:center;
  padding:0 20px;
}
.nflg-header{
  width:100%;
  max-width:1320px;
  background:rgba(15,34,53,.92);
  backdrop-filter:blur(14px);
  border-radius:100px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 10px 10px 40px;
  box-shadow:0 16px 40px -18px rgba(15,34,53,.45);
  transition:box-shadow .3s ease;
}
.nflg-logo{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-head); font-weight:800; font-size:19px; color:var(--white);
  letter-spacing:.01em;
}
.nflg-logo svg{width:30px; height:30px;}
.nflg-logo-img{height:75px; width:auto; display:block; object-fit:contain;}
@media(max-width:860px){
  .nflg-logo-img{height:48px;}
}
.nflg-nav{display:flex; align-items:center; gap:4px;}
.nflg-nav>li{position:relative;}
.nflg-nav>li>a, .nflg-nav-trigger{
  display:flex; align-items:center; gap:6px;
  padding:11px 16px;
  font-size:14.5px; font-weight:500;
  color:rgba(255,255,255,.86);
  border-radius:100px;
  transition:background .2s ease, color .2s ease;
}
.nflg-nav>li>a:hover, .nflg-nav-trigger:hover{background:rgba(255,255,255,.1); color:var(--white);}
.nflg-nav-trigger svg{width:11px; height:11px; transition:transform .25s ease;}

/* Десктоп: мега-меню открывается по hover. Зона наведения (.nflg-mega)
   начинается сразу под триггером без зазора, чтобы курсор не "проваливался"
   в мёртвую область между кнопкой и карточкой — иначе подменю закрывалось бы
   на полпути при движении мыши вниз. Видимая карточка с тенью — это
   .nflg-mega-inner, у неё уже есть собственный отступ сверху для красоты. */
@media (min-width:861px){
  .nflg-nav-item--has-mega:hover .nflg-nav-trigger svg{transform:rotate(180deg);}
  .nflg-mega{
    position:absolute; top:100%; left:50%;
    transform:translateX(-50%);
    width:300px;
    padding-top:14px;
    opacity:0; pointer-events:none;
    transition:opacity .2s ease;
    z-index:50;
  }
  .nflg-nav-item--has-mega:hover .nflg-mega{opacity:1; pointer-events:auto;}
  .nflg-mega-inner{
    background:var(--white);
    border-radius:var(--radius-md);
    box-shadow:var(--shadow-soft);
    padding:10px;
    display:grid;
    max-height:70vh;
    overflow-y:auto;
  }
  /* Широкий вариант мегаменю для «Продукция» — три колонки */
  .nflg-mega-inner--wide{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:4px;
    width:560px;
    padding:14px;
  }
  .nflg-mega:has(.nflg-mega-inner--wide){
    width:560px;
  }
}
.nflg-mega a{
  display:flex; align-items:center; gap:11px;
  padding:11px 12px; border-radius:12px;
  font-size:14px; font-weight:500; color:var(--navy-deep);
  transition:background .15s ease;
}
.nflg-mega a:hover{background:var(--gray-bg);}
.nflg-mega a svg{width:17px; height:17px; color:var(--orange); flex-shrink:0;}
.nflg-mega-col{display:flex; flex-direction:column; gap:2px;}
.nflg-mega-col-title{
  font-size:11px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--muted);
  padding:6px 12px 8px; display:block;
}
.nflg-header-right{display:flex; align-items:center; gap:14px;}
.nflg-header-phone{display:flex; flex-direction:column; color:var(--white); padding-right:6px;}
.nflg-header-phone strong{font-size:14.5px; font-weight:600;}
.nflg-header-phone span{font-size:11px; color:rgba(255,255,255,.55);}
.nflg-burger{display:none; width:40px; height:40px; align-items:center; justify-content:center; color:var(--white);}
.nflg-burger svg{width:22px; height:22px;}

/* ============================================================
   HERO
   ============================================================ */
.nflg-hero{
  position:relative;
  min-height:96vh;
  display:flex;
  align-items:center;
  padding:170px 0 160px;
  overflow:hidden;
  background:var(--navy-deep);
}
.nflg-hero-bg{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center 38%;
}
.nflg-hero-grain{
  position:absolute; inset:0;
  background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 48px),
                    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 48px);
  pointer-events:none;
}
.nflg-hero .nflg-container{position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .8fr; gap:40px; align-items:end;}
.nflg-hero--centered .nflg-container{grid-template-columns:1fr; justify-content:center;}
.nflg-hero--centered{min-height:auto; padding:170px 0 100px;}
.nflg-hero--centered .nflg-hero-copy{margin:0 auto; max-width:760px; text-align:center;}
.nflg-hero--centered .nflg-hero-ctas{justify-content:center;}
.nflg-hero--centered .nflg-pills{justify-content:center;}
.nflg-hero--centered .nflg-gauge-card{margin:32px auto 0;}
.nflg-hero-copy{max-width:640px;}
.nflg-hero h1{
  font-size:clamp(22px,6vw,60px);
  color:var(--white);
  margin:22px 0 22px;
  letter-spacing:-.01em;
}
.nflg-hero h1 em{color:var(--orange); font-style:normal;}
.nflg-hero h1 em.nflg-typing::after{
  content:'|'; display:inline-block; margin-left:2px;
  animation: nflgCursorBlink .8s step-end infinite;
}
@keyframes nflgCursorBlink{ 50%{ opacity:0; } }
.nflg-hero p{
  font-size:17.5px; color:rgba(255,255,255,.78); max-width:520px; margin-bottom:34px;
}
.nflg-hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px;}
.nflg-pills{display:flex; gap:10px; flex-wrap:wrap;}
.nflg-pill{
  display:flex; align-items:center; gap:7px;
  padding:9px 16px;
  border-radius:100px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.85);
  font-size:13px; font-weight:500;
}
.nflg-pill svg{width:13px; height:13px; color:var(--orange); flex-shrink:0;}

/* Гейдж производительности — фирменный элемент */
.nflg-gauge-card{
  background:rgba(15,34,53,.55);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  border-radius:var(--radius-md);
  padding:26px 26px 22px;
  width:100%;
  max-width:330px;
  margin-left:auto;
  box-shadow:0 30px 60px -25px rgba(0,0,0,.5);
}
.nflg-gauge-top{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:6px;}
.nflg-gauge-label{font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.55);}
.nflg-gauge-wrap{position:relative; display:flex; justify-content:center; margin:8px 0 4px;}
.nflg-gauge-wrap svg{width:220px; height:130px;}
.nflg-gauge-value{
  position:absolute; bottom:6px; left:0; right:0; text-align:center;
}
.nflg-gauge-value .num{font-family:var(--font-display); font-size:38px; font-weight:700; color:var(--white);}
.nflg-gauge-value .unit{font-family:var(--font-mono); font-size:13px; color:rgba(255,255,255,.55); margin-left:4px;}
.nflg-gauge-range{display:flex; justify-content:space-between; font-family:var(--font-mono); font-size:11px; color:rgba(255,255,255,.45); padding:0 4px;}

/* ============================================================
   Dimension divider — фирменный разделитель секций
   ============================================================ */
.nflg-dimension{
  display:flex; align-items:center; gap:14px;
  color:var(--muted);
  font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  margin-bottom:18px;
}
.nflg-dimension::before, .nflg-dimension::after{
  content:''; flex:1; height:7px;
  background-image:repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 10px);
  background-position:left center; background-repeat:repeat-x; background-size:auto 100%;
  opacity:.35;
}
.nflg-dimension--dark{color:rgba(255,255,255,.45);}

/* ============================================================
   ADVANTAGES (поднятые карточки над hero)
   ============================================================ */
.nflg-advantages{
  position:relative;
  z-index:5;
  margin-top:-86px;
}
.nflg-adv-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
}
.nflg-adv-card{
  background:var(--white);
  border:1px solid var(--gray-line);
  border-radius:var(--radius-md);
  padding:30px 26px 26px;
  box-shadow:var(--shadow-card);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
  position:relative;
}
.nflg-adv-card{
  transition-delay: 0ms;
}
.nflg-adv-card:nth-child(1){transition-delay: 0ms;}
.nflg-adv-card:nth-child(2){transition-delay: 140ms;}
.nflg-adv-card:nth-child(3){transition-delay: 280ms;}
.nflg-adv-card:nth-child(4){transition-delay: 420ms;}
.nflg-adv-card:hover{
  transform:translateY(-8px);
  border-color:rgba(244,122,32,.55);
  background:#FFF6EE;
  box-shadow:0 26px 50px -18px rgba(244,122,32,.4);
  transition-delay:0ms;
}
.nflg-adv-icon{
  width:54px; height:54px; border-radius:16px;
  background:linear-gradient(135deg,var(--navy-deep),var(--navy));
  display:flex; align-items:center; justify-content:center;
  margin-bottom:18px;
}
.nflg-adv-icon svg{width:26px; height:26px; color:var(--orange);}
.nflg-adv-card h3{font-size:17.5px; margin-bottom:8px;}
.nflg-adv-card p{font-size:14px; color:var(--muted); line-height:1.5;}

/* ============================================================
   SECTION generic
   ============================================================ */
.nflg-section{padding:120px 0;}
.nflg-section--gray{background:var(--gray-bg);}
.nflg-section--navy{background:var(--navy-deep);}
.nflg-section--navy .nflg-section-head h2,
.nflg-section--navy h2{color:var(--white);}
.nflg-section--navy .nflg-link-arrow{color:var(--white);}
.nflg-dimension--orange{color:var(--orange);}
.nflg-dimension--orange::before, .nflg-dimension--orange::after{opacity:.5;}
.nflg-section-head{max-width:640px; margin-bottom:54px;}
.nflg-section-head h2{font-size:clamp(28px,3.4vw,40px); margin-top:14px;}
.nflg-section-head--split{display:flex; justify-content:space-between; align-items:flex-end; gap:30px; max-width:none;}
.nflg-link-arrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:14.5px; font-weight:600; color:var(--navy-deep);
  white-space:nowrap; padding-bottom:6px;
}
.nflg-link-arrow svg{width:14px; height:14px; transition:transform .2s ease;}
.nflg-link-arrow:hover svg{transform:translateX(4px);}

/* ============================================================
   ABOUT
   ============================================================ */
.nflg-about-grid{
  display:grid; grid-template-columns:.92fr 1fr; gap:64px; align-items:center;
}
.nflg-about-media{position:relative;}
.nflg-about-media img{
  border-radius:var(--radius-lg);
  width:100%; height:560px; object-fit:cover;
  box-shadow:var(--shadow-soft);
}
.nflg-about-float{
  position:absolute; bottom:-30px; left:-30px;
  width:230px;
  background:var(--navy-deep);
  border-radius:var(--radius-md);
  padding:24px;
  box-shadow:0 24px 50px -20px rgba(15,34,53,.55);
}
.nflg-about-float .big{font-family:var(--font-display); font-weight:700; font-size:34px; color:var(--orange); line-height:1;}
.nflg-about-float p{color:rgba(255,255,255,.75); font-size:13.5px; margin-top:8px; line-height:1.45;}
.nflg-about-text h2{margin:14px 0 20px;}
.nflg-about-text > p{color:var(--muted); font-size:16px; margin-bottom:30px; max-width:480px;}
.nflg-about-features{display:grid; gap:20px; margin-bottom:32px;}
.nflg-about-feature{display:flex; gap:16px; align-items:flex-start;}
.nflg-about-feature .ic{
  width:42px; height:42px; border-radius:12px; background:var(--gray-bg);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.nflg-about-feature .ic svg{width:20px; height:20px; color:var(--orange);}
.nflg-about-feature h4{font-size:15px; margin-bottom:3px;}
.nflg-about-feature p{font-size:13.5px; color:var(--muted);}

/* Кнопки в блоке «О компании» на главной */
.nflg-about-btns{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.nflg-about-pdf{
  display:inline-flex; align-items:center; gap:9px;
  background:var(--orange);
  border:1.5px solid var(--orange);
  color:#fff;
}
.nflg-about-pdf svg{ width:18px; height:18px; }
.nflg-about-pdf:hover{ background:#e06a12; border-color:#e06a12; color:#fff; }
@media(max-width:560px){
  .nflg-about-btns{ flex-direction:column; align-items:stretch; }
  .nflg-about-pdf{ justify-content:center; }
  .nflg-pills{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .nflg-pill{
    justify-content:flex-start;
    padding:10px 14px;
    font-size:12.5px;
  }
}

/* ============================================================
   CATEGORIES
   ============================================================ */
.nflg-cat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.nflg-cat-card{
  background:var(--white);
  border-radius:var(--radius-md);
  overflow:hidden;
  box-shadow:var(--shadow-card);
  transition:transform .3s ease, box-shadow .3s ease;
  display:flex; flex-direction:column;
}
.nflg-cat-card:hover{transform:translateY(-6px); box-shadow:0 28px 50px -18px rgba(15,34,53,.22);}
.nflg-cat-media{position:relative; height:190px; overflow:hidden; background:var(--gray-bg);}
.nflg-cat-media img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.nflg-cat-card:hover .nflg-cat-media img{transform:scale(1.07);}
.nflg-cat-body{padding:22px; display:flex; flex-direction:column; gap:8px; flex:1;}
.nflg-cat-body h3{font-size:16.5px;}
.nflg-cat-body p{font-size:13.5px; color:var(--muted); flex:1; line-height:1.5;}
.nflg-cat-foot{display:flex; justify-content:flex-end; margin-top:6px;}
.nflg-cat-arrow{
  width:38px; height:38px; border-radius:50%;
  background:var(--gray-bg); display:flex; align-items:center; justify-content:center;
  transition:background .25s ease, transform .25s ease;
}
.nflg-cat-arrow svg{width:15px; height:15px; color:var(--navy-deep); transition:color .25s ease, transform .25s ease;}
.nflg-cat-card:hover .nflg-cat-arrow{background:var(--orange);}
.nflg-cat-card:hover .nflg-cat-arrow svg{color:var(--white); transform:rotate(45deg);}

/* ============================================================
   WHY US — dark band
   ============================================================ */
.nflg-why{
  background:var(--navy-deep);
  position:relative;
  padding:90px 0;
  overflow:hidden;
}
.nflg-why-lines{
  position:absolute; inset:0;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 90px);
  mask-image:radial-gradient(circle at 30% 50%, rgba(0,0,0,.9), transparent 75%);
}
.nflg-why .nflg-container{position:relative; z-index:2;}
.nflg-why-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:50px; flex-wrap:wrap; gap:20px;}
.nflg-why-head h2{color:var(--white); font-size:clamp(24px,3vw,32px);}
.nflg-stats{display:grid; grid-template-columns:repeat(4,1fr);}
.nflg-stat{padding:0 28px; border-left:1px solid rgba(255,255,255,.14);}
.nflg-stat:first-child{border-left:none; padding-left:0;}
.nflg-stat .num{font-family:var(--font-display); font-weight:700; font-size:clamp(34px,4.4vw,52px); color:var(--orange); line-height:1; display:block;}
.nflg-stat .lbl{font-size:14px; color:rgba(255,255,255,.65); margin-top:10px; line-height:1.4;}

/* ============================================================
   PROJECTS — masonry
   ============================================================ */
.nflg-projects-grid{
  display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:1fr; gap:22px;
}
.nflg-project-card{
  position:relative; border-radius:var(--radius-md); overflow:hidden;
  min-height:330px; box-shadow:var(--shadow-card); background:var(--gray-bg);
}
.nflg-project-card:nth-child(2){min-height:400px; margin-top:-36px;}
.nflg-project-card:nth-child(4){min-height:400px; margin-top:-36px;}
.nflg-project-card img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform .5s ease;
}
.nflg-project-card:hover img{transform:scale(1.06);}
.nflg-project-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(15,34,53,0) 35%, rgba(10,20,32,.92) 100%);
}
.nflg-project-info{
  position:absolute; left:20px; right:20px; bottom:20px; color:var(--white);
}
.nflg-project-loc{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(255,255,255,.65); margin-bottom:6px; display:block;
}
.nflg-project-info h3{color:var(--white); font-size:18px; margin-bottom:8px;}
.nflg-project-meta{display:flex; gap:14px; font-size:12.5px; color:rgba(255,255,255,.75); margin-bottom:14px;}
.nflg-project-btn{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:600; color:var(--white);
  border:1.3px solid rgba(255,255,255,.4); border-radius:100px; padding:9px 16px;
  transition:background .2s ease, border-color .2s ease;
}
.nflg-project-btn:hover{background:var(--orange); border-color:var(--orange);}
.nflg-project-btn svg{width:12px; height:12px;}

/* ============================================================
   DOCUMENTS
   ============================================================ */
.nflg-docs-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.nflg-doc-card{
  background:var(--white); border:1px solid var(--gray-line);
  border-radius:var(--radius-md); padding:28px 24px;
  display:flex; flex-direction:column; gap:16px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.nflg-doc-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-card); border-color:transparent;}
.nflg-doc-icon{
  width:48px; height:48px; border-radius:13px;
  background:var(--gray-bg); display:flex; align-items:center; justify-content:center;
}
.nflg-doc-icon svg{width:22px; height:22px; color:var(--orange);}
.nflg-doc-card h3{font-size:16px;}
.nflg-doc-card p{font-size:13px; color:var(--muted);}
.nflg-doc-dl{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:600; color:var(--navy-deep); margin-top:auto;
}
.nflg-doc-dl svg{width:13px; height:13px;}
.nflg-doc-dl--disabled{color:var(--muted); cursor:default;}

/* ============================================================
   PROCESS — timeline
   ============================================================ */
.nflg-process-track{
  position:relative;
  display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:18px 24px;
  padding-top:8px;
}
.nflg-process-track::before{
  content:''; position:absolute; top:23px; left:0; right:0; height:2px;
  background:repeating-linear-gradient(90deg, var(--gray-line) 0 10px, transparent 10px 18px);
}
.nflg-process-step{position:relative; text-align:left; padding-top:64px;}
.nflg-process-num{
  position:absolute; top:0; left:0;
  width:46px; height:46px; border-radius:50%;
  background:var(--white); border:2px solid var(--navy-deep);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-weight:600; font-size:15px; color:var(--navy-deep);
  z-index:2;
}
.nflg-process-step:first-child .nflg-process-num{background:var(--orange); border-color:var(--orange); color:var(--white);}
.nflg-process-step h4{font-size:15px; margin-bottom:6px;}
.nflg-process-step p{font-size:13px; color:var(--muted); line-height:1.5;}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.nflg-test-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.nflg-test-card{
  background:var(--white); border-radius:var(--radius-md); padding:30px;
  box-shadow:var(--shadow-card); display:flex; flex-direction:column; gap:18px;
}
.nflg-test-stars{display:flex; gap:3px; color:var(--orange);}
.nflg-test-stars svg{width:15px; height:15px;}
.nflg-test-card p.quote{font-size:14.5px; color:var(--ink); line-height:1.6;}
.nflg-test-foot{display:flex; align-items:center; gap:12px; margin-top:auto;}
.nflg-test-logo{
  width:46px; height:46px; border-radius:12px; background:var(--gray-bg);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--navy-deep);
}
.nflg-test-foot strong{font-size:13.5px; display:block;}
.nflg-test-foot span{font-size:12px; color:var(--muted);}

/* ============================================================
   FAQ
   ============================================================ */
.nflg-faq-list{max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:14px;}
.nflg-faq-item{
  background:var(--white); border:1px solid var(--gray-line);
  border-radius:var(--radius-md); overflow:hidden;
}
.nflg-faq-q{
  width:100%; display:flex; justify-content:space-between; align-items:center;
  padding:22px 26px; font-size:15.5px; font-weight:600; color:var(--navy-deep); text-align:left;
}
.nflg-faq-q .plus{
  width:28px; height:28px; border-radius:50%; background:var(--gray-bg); flex-shrink:0;
  display:flex; align-items:center; justify-content:center; position:relative; margin-left:16px;
}
.nflg-faq-q .plus::before, .nflg-faq-q .plus::after{
  content:''; position:absolute; background:var(--navy-deep); transition:transform .3s ease;
}
.nflg-faq-q .plus::before{width:11px; height:1.6px;}
.nflg-faq-q .plus::after{width:1.6px; height:11px;}
.nflg-faq-item.open .plus::after{transform:rotate(90deg); opacity:0;}
.nflg-faq-item.open .plus{background:var(--orange);}
.nflg-faq-item.open .plus::before, .nflg-faq-item.open .plus::after{background:var(--white);}
.nflg-faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.nflg-faq-a p{padding:0 26px 22px; font-size:14.5px; color:var(--muted); max-width:620px; line-height:1.6;}

/* ============================================================
   CONTACT CTA
   ============================================================ */
.nflg-cta{
  position:relative; border-radius:var(--radius-lg); overflow:hidden;
  padding:90px 60px; text-align:left;
  background-size:cover; background-position:center;
}
.nflg-cta-inner{max-width:560px;}
.nflg-cta h2{color:var(--white); font-size:clamp(26px,3.6vw,42px); margin:16px 0 16px;}
.nflg-cta p{color:rgba(255,255,255,.75); font-size:16px; margin-bottom:30px;}

/* ============================================================
   FOOTER
   ============================================================ */
.nflg-footer{background:var(--navy-deep); padding:90px 0 30px; color:rgba(255,255,255,.7);}
.nflg-footer-top{display:grid; grid-template-columns:1.3fr 1fr 1fr 1.1fr; gap:50px; padding-bottom:60px; border-bottom:1px solid rgba(255,255,255,.1);}
.nflg-footer-brand .nflg-logo{margin-bottom:18px;}
.nflg-logo--footer .nflg-logo-img{height:56px;}
.nflg-footer-brand p{font-size:14px; max-width:280px; line-height:1.6; color:rgba(255,255,255,.55);}
.nflg-footer-social{display:flex; gap:10px; margin-top:22px;}
.nflg-footer-social a{
  width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.2);
  display:flex; align-items:center; justify-content:center; transition:background .2s ease, border-color .2s ease;
}
.nflg-footer-social a:hover{background:var(--orange); border-color:var(--orange);}
.nflg-footer-social svg{width:16px; height:16px; color:var(--white);}
.nflg-footer h5{color:var(--white); font-size:14px; font-weight:600; margin-bottom:20px; letter-spacing:.02em;}
.nflg-footer ul{display:flex; flex-direction:column; gap:12px;}
.nflg-footer a{font-size:14px; color:rgba(255,255,255,.6); transition:color .2s ease;}
.nflg-footer a:hover{color:var(--orange);}
.nflg-footer-bottom{
  display:flex; justify-content:space-between; align-items:center; padding-top:26px; flex-wrap:wrap; gap:10px;
  font-size:12.5px; color:rgba(255,255,255,.4);
}

/* ============================================================
   REVEAL ON SCROLL
   ============================================================ */
.nflg-reveal{opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease;}
.nflg-reveal.in{opacity:1; transform:none;}

@media (prefers-reduced-motion: reduce){
  .nflg-reveal{opacity:1; transform:none; transition:none;}
  html{scroll-behavior:auto;}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
  .nflg-adv-grid{grid-template-columns:repeat(2,1fr);}
  .nflg-cat-grid{grid-template-columns:repeat(2,1fr);}
  .nflg-docs-grid{grid-template-columns:repeat(2,1fr);}
  .nflg-stats{grid-template-columns:repeat(2,1fr); row-gap:34px;}
  .nflg-stat:nth-child(3){border-left:none;}
  .nflg-test-grid{grid-template-columns:1fr;}
  .nflg-process-track::before{display:none;}
  .nflg-about-grid{grid-template-columns:1fr; gap:80px;}
  .nflg-projects-grid{grid-template-columns:repeat(2,1fr);}
  .nflg-project-card:nth-child(2), .nflg-project-card:nth-child(4){margin-top:0;}
  .nflg-footer-top{grid-template-columns:1fr 1fr; gap:40px;}
}
@media (max-width:860px){
  .nflg-nav, .nflg-header-phone{display:none;}
  .nflg-header .nflg-btn{display:none;}
  .nflg-burger{display:flex;}
  .nflg-hero .nflg-container{grid-template-columns:1fr;}
  .nflg-gauge-card{margin:0; max-width:280px;}
  .nflg-hero{padding-top:140px;}
  .nflg-advantages{margin-top:40px;}
  .nflg-adv-grid{grid-template-columns:1fr;}
  .nflg-cat-grid{grid-template-columns:1fr;}
  .nflg-docs-grid{grid-template-columns:1fr;}
  .nflg-stats{grid-template-columns:1fr 1fr;}
  .nflg-projects-grid{grid-template-columns:1fr;}
  .nflg-cta{padding:60px 28px;}
  .nflg-footer-top{grid-template-columns:1fr;}
  .nflg-section{padding:80px 0;}
  .nflg-container{padding:0 20px;}
  .nflg-btn{white-space:normal; text-align:center;}
  .nflg-about-float{left:16px; right:16px; width:auto;}
}

/* Мобильное меню (раскрывается по клику на бургер) */
@media (max-width:860px){
  .nflg-nav{
    display:none;
    position:absolute; top:calc(100% + 12px); left:0; right:0;
    background:var(--navy-deep);
    border-radius:var(--radius-md);
    flex-direction:column; align-items:stretch;
    padding:10px;
    box-shadow:var(--shadow-soft);
    max-height:calc(100vh - 110px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .nflg-nav--open{display:flex;}
  .nflg-nav>li{width:100%;}
  .nflg-nav>li>a, .nflg-nav-trigger{width:100%;}
  .nflg-mega{position:static; padding-top:0;}
  .nflg-mega-inner{
    display:none; width:100%; margin-top:4px;
    background:var(--white);
    border-radius:var(--radius-md);
    padding:10px;
    max-height:50vh;
    overflow-y:auto;
  }
  .nflg-nav-item--has-mega.nflg-nav-item--open .nflg-mega-inner{display:flex; flex-direction:column;}
  .nflg-mega-inner--wide{width:auto!important; grid-template-columns:1fr!important;}
  .nflg-mega-col{border-bottom:1px solid var(--gray-line); padding-bottom:6px; margin-bottom:6px;}
  .nflg-mega-col:last-child{border-bottom:none; margin-bottom:0;}
  .nflg-burger-icon-close{display:none;}
  .nflg-burger.is-open .nflg-burger-icon-open{display:none;}
  .nflg-burger.is-open .nflg-burger-icon-close{display:block;}
}

/* ============================================================
   Базовые внутренние страницы (плейсхолдер до индивидуального
   дизайна категории/товара/о компании/документов/контактов)
   ============================================================ */
.nflg-basic-page{padding:160px 0 100px;}
.nflg-basic-page h1{font-size:clamp(28px,4vw,42px); margin-bottom:10px;}
.nflg-basic-content{font-size:16px; color:var(--ink); line-height:1.7; max-width:760px;}
.nflg-basic-content p{margin-bottom:16px;}