*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
:root{
  --black:#0B0B0C;--graphite:#2F3338;--burgundy:#5A1F2E;
  --midnight:#1F3048;--gold:#D4C07A;
  --emerald:#0F3D3E;--white:#E6E8EB;--silver:#C9CDD3;
}
.page{background:var(--black);font-family:'Georgia',serif;color:var(--white);width:100%;line-height:1.6}
.nav{background:var(--black);border-bottom:1px solid #ffffff18;padding:18px 48px;display:flex;align-items:center;gap:40px}
.nav-right{display:flex;align-items:center;gap:16px;margin-left:auto}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-mark{width:28px;height:28px}
.logo-text{font-family:'Arial',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.12em;color:var(--gold);text-transform:uppercase}
.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.08em;color:var(--white);text-decoration:none;text-transform:uppercase}
/* Дропдаун Услуги */
.nav-dropdown{position:relative}
.nav-dropdown > a{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.nav-dropdown > a::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s,border-color .2s;opacity:0.7}
.nav-dropdown:hover > a::after{transform:rotate(225deg) translateY(-2px);border-color:var(--gold)}
.nav-dropdown:hover > a{color:var(--gold)}
.nav-submenu{position:absolute;top:100%;left:-20px;min-width:340px;background:var(--black);border:1px solid rgba(212,192,122,0.18);padding:12px 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:200;box-shadow:0 12px 40px rgba(0,0,0,0.5)}
.nav-dropdown:hover .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-submenu::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.nav-submenu li{padding:0;margin:0}
.nav-submenu a{display:flex;align-items:baseline;gap:14px;padding:11px 22px;font-size:12px;letter-spacing:0.06em;text-transform:none;color:var(--silver);border-left:2px solid transparent;transition:background .15s,color .15s,border-color .15s}
.nav-submenu a:hover{background:rgba(212,192,122,0.06);color:var(--white);border-left-color:var(--gold)}
.nav-submenu a .num{font-family:'Bodoni Moda',serif;font-size:11px;font-weight:500;color:var(--gold);letter-spacing:0.08em;flex-shrink:0;width:18px}
.nav-cta{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);background:transparent;border:2px solid var(--white);padding:10px 22px;cursor:pointer;font-weight:700;transition:background .2s,color .2s}
.nav-cta:hover{background:var(--white);color:var(--black)}
.nav-lang{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--white);background:transparent;border:1px solid #ffffff30;padding:8px 14px;cursor:pointer;transition:border-color .2s,color .2s}
.nav-lang:hover{border-color:var(--white);color:var(--white)}

.hero{padding:40px 48px 0;display:block}
.hero-eyebrow{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.hero-h1{font-size:34px;font-weight:400;line-height:1.22;color:var(--white);margin-bottom:18px;letter-spacing:-0.01em}
.hero-h1 em{font-style:italic;color:var(--gold)}
.hero-sub{font-family:'Arial',sans-serif;font-size:15px;color:var(--white);line-height:1.65;margin-bottom:0}
.hero-cta{display:inline-block;background:rgba(40,40,44,0.75);background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--white);font-family:'Arial',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;cursor:pointer;border:2px solid rgba(255,255,255,0.6);margin-bottom:12px;transition:background .2s,color .2s,border-color .2s}
.hero-cta:hover{background:var(--white);color:var(--black);border-color:var(--white);backdrop-filter:none;-webkit-backdrop-filter:none}
/* === Hero калькулятор потерь воронки === */
.hero-calc-card .calc-inputs{display:flex;flex-direction:column;gap:8px}
.hero-calc-card .calc-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hero-calc-card .calc-row label{font-family:'Arial',sans-serif;font-size:12px;color:#C9CDD3;letter-spacing:0.02em;flex:1;cursor:pointer}
.hero-calc-card .calc-row input{flex-shrink:0;width:104px;background:rgba(11,11,12,0.55);border:1px solid rgba(255,255,255,0.18);color:#fff;font-family:'Arial',sans-serif;font-size:13px;font-weight:500;padding:7px 10px;text-align:right;transition:border-color .15s,background .15s,color .2s;border-radius:0;-moz-appearance:textfield}
.hero-calc-card .calc-row input[data-pristine="true"]{color:rgba(255,255,255,0.32);font-weight:400}
.hero-calc-card .calc-results strong{transition:color .25s}
.hero-calc-card .calc-results[data-pristine="true"] #calc-current,
.hero-calc-card .calc-results[data-pristine="true"] #calc-target{color:rgba(255,255,255,0.32) !important;font-weight:400}
.hero-calc-card .calc-results[data-pristine="true"] #calc-loss{color:rgba(212,192,122,0.45) !important;font-weight:400}
.hero-calc-card .calc-row input::-webkit-outer-spin-button,.hero-calc-card .calc-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hero-calc-card .calc-row input:focus{outline:none;border-color:var(--gold);background:rgba(11,11,12,0.75)}
.hero-calc-card .calc-row input:hover{border-color:rgba(212,192,122,0.45)}
.calc-cta-btn{display:block;text-align:center;font-family:'Arial',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);text-decoration:none;border:1px solid var(--gold);padding:13px 16px;transition:background .2s,color .2s;background:transparent}
.calc-cta-btn:hover{background:var(--gold);color:#0B0B0C}
@media (max-width:768px){
  .hero-calc-card{max-width:100% !important;margin-left:0 !important;padding:18px 18px 16px !important}
  .hero-calc-card .calc-row input{width:96px}
}
/* WhatsApp плавашка: скрыта пока юзер в hero, появляется после скролла */
#wa-float{transition:opacity .35s ease,transform .35s ease,visibility .35s ease}
#wa-float.wa-hidden{opacity:0 !important;visibility:hidden !important;transform:scale(.7) translateY(20px) !important;pointer-events:none !important}
/* Mobile sticky CTA bar */
.mobile-sticky-cta{display:none}
@media (max-width:768px){
  .mobile-sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9998;background:rgba(11,11,12,0.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 12px;gap:10px;border-top:1px solid rgba(212,192,122,0.35);box-shadow:0 -6px 24px rgba(0,0,0,0.5);transform:translateY(105%);transition:transform .35s cubic-bezier(0.4,0,0.2,1);align-items:center}
  .mobile-sticky-cta.visible{transform:translateY(0)}
  .mobile-sticky-cta .msc-wa{flex:0 0 48px;width:48px;height:48px;background:#D4C07A;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s}
  .mobile-sticky-cta .msc-wa:active{background:#B8A062}
  .mobile-sticky-cta .msc-cta{flex:1;background:#D4C07A;color:#0B0B0C;border:none;font-family:'Arial',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;text-align:center;padding:16px 12px;text-decoration:none;display:flex;align-items:center;justify-content:center;height:48px;box-sizing:border-box}
  .mobile-sticky-cta .msc-cta:active{background:#B8A062}
  /* На мобиле плавающий WhatsApp скрыт — sticky bar его заменяет */
  #wa-float{display:none !important}
  /* Контент не упирается в нижний sticky bar */
  body{padding-bottom:72px}
}
/* === Сегменты: Где вы теряете продажи (modern cards) === */
.seg-card{will-change:transform}
@media (hover:hover) and (pointer:fine){
  .seg-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.08),0 6px 16px rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.1) !important}
  .seg-cta:hover{color:#fff !important}
  .seg-card[data-color="#1F3048"]:hover .seg-cta{background:#1F3048 !important}
  .seg-card[data-color="#0F3D3E"]:hover .seg-cta{background:#0F3D3E !important}
  .seg-card[data-color="#5A1F2E"]:hover .seg-cta{background:#5A1F2E !important}
  .seg-cta:hover .seg-cta-arrow{transform:translateX(4px)}
}
@media (max-width:980px){
  .seg-grid{grid-template-columns:1fr !important;max-width:560px !important;gap:18px !important}
}
@media (max-width:600px){
  #dlya-kogo{padding:40px 20px 32px !important}
  .seg-card{padding:28px 24px 26px !important}
}

/* === Что вы получите (results) === */
.result-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.08)}
@media (max-width:1024px){
  #results .results-grid{grid-template-columns:repeat(2,1fr) !important;max-width:760px !important}
}
@media (max-width:600px){
  #results{padding:48px 20px !important}
  #results .results-grid{grid-template-columns:1fr !important;max-width:420px !important}
  #results h2{font-size:24px !important}
  .result-card{padding:24px 22px !important}
}

/* === Quiz / Быстрая диагностика === */
.quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:0 auto 32px}
.quiz-card{position:relative;background:#fff;border:1px solid rgba(0,0,0,0.08);padding:20px 22px 22px 50px;text-align:left;cursor:pointer;font-family:'Arial',sans-serif;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s;display:flex;flex-direction:column;min-height:100%}
.quiz-card:hover{border-color:#B08D57;background:#FCFBF7}
.quiz-card.active{border-color:#5A1F2E;background:#FFF8F5;box-shadow:0 4px 14px rgba(90,31,46,0.12)}
.quiz-check{position:absolute;top:18px;left:18px;width:22px;height:22px;border:1.5px solid rgba(0,0,0,0.18);border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s}
.quiz-card.active .quiz-check{background:#5A1F2E;border-color:#5A1F2E;color:#fff}
.quiz-num{font-family:'Lora',Georgia,serif;font-size:13px;color:#6B5C30;letter-spacing:0.14em;font-weight:600;margin-bottom:6px;font-style:italic}
.quiz-card p{font-size:14px;color:#0B0B0C;line-height:1.5;margin:0}
.quiz-card.active p{color:#0B0B0C}

.quiz-result{max-width:680px;margin:32px auto 0;display:none;background:#fff;border:1px solid rgba(176,141,87,0.3);padding:28px;animation:quizFadeIn .4s ease}
.quiz-result.visible{display:block}
@keyframes quizFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.quiz-diagnosis{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.08);margin-bottom:20px}
.quiz-score{flex-shrink:0;display:flex;align-items:baseline;gap:4px}
.quiz-score-num{font-family:'Lora',Georgia,serif;font-size:42px;color:#5A1F2E;line-height:1;font-weight:500}
.quiz-score-label{font-family:'Arial',sans-serif;font-size:14px;color:#6B5C30;font-weight:600}
.quiz-message{flex:1;font-family:'Georgia',serif;font-size:16px;color:#0B0B0C;line-height:1.5;font-style:italic}
.quiz-form-title{font-family:'Arial',sans-serif;font-size:13px;color:#2F3338;margin:0 0 14px;line-height:1.5}
.quiz-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.quiz-input{background:#FCFBF7;border:1px solid rgba(0,0,0,0.15);padding:11px 14px;font-family:'Arial',sans-serif;font-size:14px;color:#0B0B0C;width:100%;box-sizing:border-box;transition:border-color .15s}
.quiz-input:focus{outline:none;border-color:#B08D57}
.quiz-consent-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px}
.quiz-consent-cb{width:14px;height:14px;min-width:14px;margin-top:3px;accent-color:#B08D57;cursor:pointer}
.quiz-consent-row label{font-family:'Arial',sans-serif;font-size:12px;color:#2F3338;line-height:1.5;cursor:pointer}
.quiz-consent-row a{color:#6B5C30;text-decoration:underline}
.quiz-consent-error{display:none;font-family:'Arial',sans-serif;font-size:12px;color:#c0392b;margin-bottom:12px}
.quiz-consent-error.show{display:block}
.quiz-submit{background:#5A1F2E;color:#fff;border:none;font-family:'Arial',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:14px 24px;cursor:pointer;width:100%;transition:background .2s}
.quiz-submit:hover{background:#3F1320}

@media (max-width:768px){
  .quiz-grid{grid-template-columns:1fr;gap:10px}
  #diagnostic{padding:48px 20px !important}
  #diagnostic h2{font-size:24px !important}
  .quiz-result{padding:22px;margin-left:0;margin-right:0}
  .quiz-diagnosis{flex-direction:column;align-items:flex-start;gap:12px}
  .quiz-score-num{font-size:36px}
  .quiz-form-row{grid-template-columns:1fr}
}

/* === AI-плашка под методикой 4V === */
@media (max-width:768px){
  .method-ai-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}
  .method-ai-row{margin-top:32px !important}
}
/* === Форматы и цены === */
.formats-cur-btn{font-family:'Arial',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.1em;color:#9098A0;background:transparent;border:none;padding:8px 18px;cursor:pointer;transition:background .2s,color .2s;border-radius:0}
.formats-cur-btn:not(.active):hover{color:#D4C07A}
.formats-cur-btn.active{background:var(--gold);color:#0B0B0C}
.format-card:hover{border-color:rgba(212,192,122,0.45) !important;background:rgba(212,192,122,0.07) !important;transform:translateY(-3px)}
.format-card-featured:hover{background:rgba(212,192,122,0.1) !important;border-color:rgba(212,192,122,0.55) !important}
.format-cta{display:block;text-align:center;font-family:'Arial',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);text-decoration:none;border:1px solid var(--gold);padding:14px 16px;margin-top:8px;background:transparent;transition:background .2s,color .2s}
.format-cta:hover{background:var(--gold);color:#0B0B0C}
.format-cta-primary{background:var(--gold);color:#0B0B0C}
.format-cta-primary:hover{background:transparent;color:var(--gold)}
@media (max-width:980px){
  .formats-grid{grid-template-columns:1fr !important;max-width:480px !important}
}
@media (max-width:768px){
  #formats{padding:48px 20px !important}
  #formats h2{font-size:26px !important}
  .format-card{padding:24px 20px 22px !important}
}
.hero-note{font-family:'Arial',sans-serif;font-size:13px;color:#ffffff50;letter-spacing:0.04em}
.video-frame{background:var(--graphite);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff15;position:relative}
.video-play{width:56px;height:56px;border:1.5px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center}
.video-play::after{content:'';border-left:18px solid var(--gold);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.video-label{position:absolute;bottom:16px;left:16px;font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.08em;color:var(--silver);text-transform:uppercase}

.divider{height:1px;background:linear-gradient(90deg,transparent,#ffffff20,transparent);margin:0 48px}

.stats{padding:52px 48px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:start}
.stat{padding:28px 32px;border-right:1px solid #ffffff12;display:flex;flex-direction:column;justify-content:flex-start}
.stat:last-child{border-right:none}
.stat-num{font-family:'Lora',Georgia,serif;font-size:38px;font-weight:500;color:var(--gold);line-height:1;margin-bottom:10px}
.stat-label{font-family:'Arial',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--white);margin-bottom:4px}
.stat-sub{font-family:'Arial',sans-serif;font-size:15px;color:var(--silver)}

.section{padding:80px 48px}
.section-eyebrow{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.section-title{font-size:28px;font-weight:400;color:var(--white);margin-bottom:8px;letter-spacing:-0.01em}
.section-sub{font-family:'Arial',sans-serif;font-size:15px;color:var(--silver);margin-bottom:48px}

.niches{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff12}
.niche-card{background:var(--black);padding:36px 32px;border-top:3px solid transparent}
.niche-card.dev{border-top-color:var(--midnight)}
.niche-card.agency{border-top-color:var(--emerald)}
.niche-card.furniture{border-top-color:var(--burgundy)}
.niche-label{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px}
.dev .niche-label{color:#4a7fc1}
.agency .niche-label{color:#2a8a5a}
.furniture .niche-label{color:#8a3a52}
.niche-title{font-size:18px;font-weight:400;color:var(--white);margin-bottom:14px}
.niche-text{font-family:'Arial',sans-serif;font-size:15px;color:var(--silver);line-height:1.65;margin-bottom:20px}
.niche-link{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none}
.dev .niche-link{color:#4a7fc1}
.agency .niche-link{color:#2a8a5a}
.furniture .niche-link{color:#8a3a52}

.method-bg{background:var(--graphite);padding:80px 48px}
.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}
.step{padding:0 28px;border-right:1px solid #ffffff10}
.step:first-child{padding-left:0}
.step:last-child{border-right:none}
.step-num{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.step-title{font-size:18px;font-weight:400;color:var(--white);margin-bottom:12px}
.step-text{font-family:'Arial',sans-serif;font-size:15px;color:var(--silver);line-height:1.65}
.step-v{font-size:38px;color:#ffffff08;font-weight:700;margin-bottom:8px}

.cases{padding:80px 48px}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff10}
.case-card{background:var(--black);padding:32px 28px}
.case-tag{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #ffffff12}
.case-block-label{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:#ffffff40;margin-bottom:6px;margin-top:16px}
.case-block-label:first-of-type{margin-top:0}
.case-text{font-family:'Arial',sans-serif;font-size:15px;color:var(--silver);line-height:1.6}
.case-result{font-family:'Arial',sans-serif;font-size:15px;color:var(--white);line-height:1.5;font-weight:400}
.case-result strong{font-family:'Lora',Georgia,serif;color:var(--gold);font-size:18px;display:block;margin-bottom:4px;font-weight:500;line-height:1.15}

.lead-section{background:var(--graphite);padding:64px 48px}
.lead-inner{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:start;max-width:1180px;margin:0 auto}
.lead-eyebrow{font-family:'Arial',sans-serif;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:flex;align-items:center;gap:14px}
.lead-eyebrow::before{content:'';width:32px;height:1px;background:var(--gold);display:inline-block}
.lead-title{font-family:'Bodoni Moda',serif;font-size:32px;font-weight:400;color:var(--white);margin-bottom:14px;line-height:1.18;letter-spacing:-0.01em;max-width:480px}
.lead-sub{font-family:'Arial',sans-serif;font-size:14px;color:var(--silver);line-height:1.7;margin-bottom:22px;max-width:460px}
.lead-points{list-style:none;margin-bottom:22px}
.lead-points li{font-family:'Arial',sans-serif;font-size:13px;color:var(--silver);padding:7px 0;border-bottom:1px solid #ffffff10;display:flex;gap:12px;line-height:1.55}
.lead-points li::before{content:'→';color:var(--gold);flex-shrink:0}
.lead-points li:last-child{border-bottom:none}
.lead-note{font-family:'Arial',sans-serif;font-size:13px;color:#9aa0a8;font-style:italic;line-height:1.6}
.form-wrap{background:var(--black);padding:28px 30px 26px;border:1px solid #ffffff12;position:relative}
.form-badge{display:flex;align-items:center;gap:10px;font-family:'Arial',sans-serif;font-size:11px;letter-spacing:0.06em;color:var(--gold);background:rgba(212,192,122,0.08);padding:10px 14px;margin:-28px -30px 22px;border-bottom:1px solid rgba(212,192,122,0.15)}
.form-badge .social-proof-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;flex-shrink:0;animation:pulse-badge 2.5s ease-in-out infinite}
.form-badge strong{color:var(--white);font-weight:600;padding:0 2px}
.form-label{font-family:'Arial',sans-serif;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:#9aa0a8;display:block;margin-bottom:6px}
.form-input{width:100%;background:transparent;border:none;border-bottom:1px solid #ffffff20;color:var(--white);font-family:'Arial',sans-serif;font-size:14px;padding:6px 0 8px;outline:none;margin-bottom:14px;transition:border-color .2s}
.form-input:focus{border-bottom-color:var(--gold)}
.form-textarea{width:100%;background:transparent;border:none;border-bottom:1px solid #ffffff20;color:var(--white);font-family:'Arial',sans-serif;font-size:14px;padding:6px 0 8px;outline:none;margin-bottom:18px;resize:none;height:60px;transition:border-color .2s}
.form-textarea:focus{border-bottom-color:var(--gold)}
.form-btn{width:100%;background:var(--gold);color:var(--black);font-family:'Arial',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;padding:13px;border:1px solid var(--gold);cursor:pointer;transition:background .2s,border-color .2s;margin-top:6px}
.form-btn:hover{background:transparent;color:var(--gold);border-color:var(--gold)}
.form-sub{font-family:'Arial',sans-serif;font-size:13px;color:#BFC3C9;text-align:center;margin-top:12px}

.testimonials{padding:80px 48px 40px}
.testi-block{background:#0B0B0C;padding:2.5rem 2rem;border-radius:12px}
.testi-top{display:grid;grid-template-columns:80px 1fr auto;gap:0 3rem;align-items:start}
.testi-anchor{font-size:88px;font-weight:700;color:#2F3338;line-height:1;font-family:serif;user-select:none;padding-top:2px}
.testi-mid{display:flex;flex-direction:column}
.testi-content{transition:opacity .2s ease}
.testi-content.fade{opacity:0}
.testi-q{font-size:15px;color:var(--white);line-height:1.8;font-style:italic;margin-bottom:1.4rem}
.testi-divline{width:24px;height:1px;background:var(--gold);margin-bottom:.8rem}
.testi-author{font-family:'Arial',sans-serif;font-size:15px;color:var(--silver);font-weight:500}
.testi-role{font-family:'Arial',sans-serif;font-size:13px;color:#BFC3C9;margin-top:2px}
.testi-nav{display:flex;gap:8px;align-items:flex-start;padding-top:6px}
.testi-arrow{width:44px;height:44px;border-radius:6px;border:1.5px solid #ffffff !important;background:#0B0B0C !important;color:#ffffff !important;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;outline:none;transition:background .18s,color .18s}
.testi-arrow:hover{background:#ffffff !important;color:#0B0B0C !important}
.testi-arrow svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.testi-bottom{margin-top:1.8rem}
.testi-prog{height:1px;background:#2F3338}
.testi-bar{height:1px;background:var(--gold);transition:width .35s ease}
.testi-counter{margin-top:.6rem;font-family:'Arial',sans-serif;font-size:13px;color:#BFC3C9;letter-spacing:.06em}
.testi-counter span{color:var(--gold)}

.faq-section{background:var(--graphite);padding:52px 48px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.faq-col{display:flex;flex-direction:column}
.faq-col .faq-item{padding:16px 0;border-bottom:1px solid #ffffff10}
.faq-col .faq-item:last-child{border-bottom:1px solid #ffffff10}
.faq-item{padding:16px 0;border-bottom:1px solid #ffffff10}
.faq-item{padding:16px 0;border-bottom:1px solid #ffffff10}
.faq-item:nth-child(odd),.faq-item:nth-child(even){padding-left:0;padding-right:0;border-right:none}
.faq-q{font-size:15px;font-weight:400;color:var(--white);margin-bottom:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-toggle{color:var(--gold);font-size:18px;flex-shrink:0;line-height:1;user-select:none}
.faq-a{font-family:'Arial',sans-serif;font-size:15px;color:var(--silver);line-height:1.7;max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a.open{max-height:400px}

.final-cta{padding:60px 48px;text-align:center;border-top:1px solid #ffffff08}
.final-title{font-size:28px;font-weight:400;color:var(--white);line-height:1.3;margin-bottom:16px}
.final-title em{color:var(--gold);font-style:italic}
.final-sub{font-family:'Arial',sans-serif;font-size:15px;color:var(--silver);margin-bottom:36px}
.final-btn{background:transparent;border:2px solid var(--white);color:var(--white);font-family:'Arial',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;padding:16px 44px;cursor:pointer;margin-bottom:12px;transition:background .2s,color .2s}
.final-btn:hover{background:var(--white);color:var(--black)}
.final-note{font-family:'Arial',sans-serif;font-size:13px;color:#BFC3C9}

footer{background:#0B0B0C;padding:40px 48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff10}
.footer-brand{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.14em;color:#ffffff30;text-transform:uppercase}
.footer-tagline{font-family:'Arial',sans-serif;font-size:13px;letter-spacing:0.1em;color:var(--gold);text-transform:uppercase}

/* 4V Method animations */
@keyframes fadeSlideUp {
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes glow-gold {
  0%,100%{
    filter:
      drop-shadow(0 14px 22px rgba(11,11,12,0.40))
      drop-shadow(0 4px 6px rgba(11,11,12,0.25))
      drop-shadow(0 2px 4px rgba(214,194,126,0.20));
    transform:scale(1)
  }
  50%{
    filter:
      drop-shadow(0 18px 28px rgba(11,11,12,0.46))
      drop-shadow(0 6px 10px rgba(11,11,12,0.28))
      drop-shadow(0 4px 12px rgba(214,194,126,0.45));
    transform:scale(1.07)
  }
}
@keyframes wa-pulse {
  0%   { transform:scale(1);   opacity:.8 }
  70%  { transform:scale(1.6); opacity:0  }
  100% { transform:scale(1.6); opacity:0  }
}
.v-triangle{
  width:160px;height:138px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  margin:0 auto 24px;
  position:relative;
}
.v-triangle svg{position:absolute;inset:0;width:100%;height:100%}
.v-triangle .v-tri-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:18px}
.v-step{opacity:0;animation:fadeSlideUp 0.6s ease forwards;display:flex;flex-direction:column}
.v-step:nth-child(1){animation-delay:0.1s}
.v-step:nth-child(2){animation-delay:0.3s}
.v-step:nth-child(3){animation-delay:0.5s}
.v-step:nth-child(4){animation-delay:0.7s}
.v-circle-1{animation:glow-gold 3s ease-in-out infinite;animation-delay:0s}
.v-circle-2{animation:glow-gold 3s ease-in-out infinite;animation-delay:0.75s}
.v-circle-3{animation:glow-gold 3s ease-in-out infinite;animation-delay:1.5s}
.v-circle-4{animation:glow-gold 3s ease-in-out infinite;animation-delay:2.25s}
.v-card{transition:transform 0.3s ease,box-shadow 0.3s ease;flex:1;display:flex;flex-direction:column}
.v-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,0.14)!important}


.hero-white-line{display:block}
.hero-yellow-lines{display:block}
.hero-yellow-lines span{display:block}
.hero-eyebrow-mobile{display:none}
.hero-eyebrow-desktop{display:inline}
.hero-eyebrow-desktop-break{display:block}
.hero-sub-desktop{display:block}
.hero-sub-mobile{display:none}
@media (max-width: 768px){.hero-sub-desktop{display:none}.hero-sub-mobile{display:block}}

/* ===== Mobile adaptation ===== */
html,body{max-width:100%;overflow-x:hidden}
img,svg,iframe,video{max-width:100%}
.nav-burger{display:none;margin-left:auto;background:transparent;border:1px solid #ffffff30;color:var(--white);width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.nav-burger span{display:block;width:18px;height:1.5px;background:currentColor}
.nav-links{transition:max-height .25s ease,opacity .25s ease}
@media (max-width: 768px){
  .page{overflow-x:hidden}
  .nav{padding:16px 20px;gap:16px;position:relative;flex-wrap:wrap}
  .nav-burger{display:flex}
  .nav-right{display:none}
  .nav-links{display:none;flex-direction:column;gap:14px;list-style:none;width:100%;padding:16px 0 8px;border-top:1px solid #ffffff12;margin-top:12px}
  .nav-links.is-open{display:flex}
  .nav-links a{font-size:12px;letter-spacing:.12em}
  /* Дропдаун на мобильном — раскрытый список */
  .nav-dropdown > a::after{display:none}
  .nav-submenu{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:none;box-shadow:none;padding:8px 0 0 16px;min-width:0;border-left:1px solid rgba(212,192,122,0.15)}
  .nav-submenu a{padding:8px 0;font-size:11px;color:var(--silver);border-left:none}
  .nav-submenu a:hover{background:transparent;border-left:none}
  .logo{max-width:calc(100% - 64px)}
  .logo-mark{width:24px;height:24px}
  .logo-text{font-size:11px;letter-spacing:.1em}
  /* Old override removed — controlled by rule at the bottom of file (full viewport, space-between) */
  .hero-section > div[style*="display:grid;grid-template-columns:1fr 1fr"]{display:grid !important;grid-template-columns:1fr !important;gap:24px !important;margin-bottom:28px !important}
  .hero-section .hero-eyebrow{font-size:11px !important;line-height:1.6;margin-bottom:20px !important}
  .hero-h1{font-size:30px;line-height:1.18;margin-bottom:18px}
  .hero-sub{font-size:14px;line-height:1.7}
  .hero-sub br{display:none}
  .hero-cta{width:100%;max-width:340px;padding:16px 20px !important}
  .stats-inline{padding:32px 20px !important;grid-template-columns:1fr !important;gap:0 !important}
  .stat{padding:22px 0 !important;border-right:none !important;border-bottom:1px solid #ffffff12}
  .stat:last-child{border-bottom:none}
  .stat-num{font-size:34px}
  .section,.cases,.lead-section,.testimonials,.faq-section,.final-cta,footer{padding-left:20px !important;padding-right:20px !important}
  .method-section{padding:32px 20px 48px !important}
  .method-section > div:first-child{margin-bottom:32px !important}
  .method-grid{grid-template-columns:1fr !important;gap:16px !important}
  .method-grid > div[style*="position:absolute;top:52px"]{display:none !important}
  .method-grid .v-triangle{width:136px;height:118px;margin-bottom:18px}
  .method-grid .v-card{padding:20px 16px !important}
  .lead-inner{grid-template-columns:1fr !important;gap:24px !important}
  .form-wrap{padding:24px 20px}
  .testimonials{padding-top:56px !important}
  .testi-block{padding:24px 18px}
  .testi-top{grid-template-columns:1fr !important;gap:18px !important}
  .testi-anchor{display:none}
  .testi-nav{padding-top:0;justify-content:flex-start}
  .testi-bottom{margin-top:1.2rem}
  .faq-grid{grid-template-columns:1fr !important;gap:0 !important}
  .faq-col{display:flex !important;flex-direction:column !important}
  .faq-item:nth-child(odd),.faq-item:nth-child(even){padding-left:0 !important;padding-right:0 !important;border-right:none !important}
  .faq-a.open{max-height:320px}

  .hero-sub{max-width:760px}
  .team-member-card{display:grid;grid-template-columns:160px 1fr;align-items:start}
  .team-photo{background:var(--graphite);min-height:240px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
  .team-section{padding:32px 20px 0 !important}

  .hero-sub{max-width:100%}
  #team-track{display:flex !important;transition:transform .45s cubic-bezier(.4,0,.2,1) !important}
  #team-track .team-page{min-width:100% !important;display:block !important}
  #team-track .team-member-card{display:block !important;min-width:100% !important;border-right:none !important}
  #team-track .team-photo{min-height:320px !important;aspect-ratio:4/5 !important;width:100% !important}
  #team-track .team-text{padding:18px 16px 20px !important}
  .team-intro{grid-template-columns:1fr !important;gap:20px !important;padding:24px 20px !important}
  .team-video-box{width:100% !important}
  /* Team mobile: card = single column (photo on top, text below) */
  .team-section [id="team-track"] > .team-member-card{display:grid !important;grid-template-columns:1fr !important;border-right:none !important;border-bottom:none !important;min-width:100% !important;width:100% !important}
  .team-section [id="team-track"] > .team-member-card > .team-photo{min-height:280px !important;aspect-ratio:4/5 !important;width:100% !important}
  .team-section [id="team-track"] > .team-member-card > .team-text{display:flex !important;padding:20px 18px 22px !important}
  .team-section [id="team-track"] > .team-member-card > .team-text p{font-size:13.5px !important;line-height:1.6 !important}
  .cta-band{padding:40px 20px !important}
  .cta-band h2{font-size:26px !important;line-height:1.25}
  .site-footer .footer-main{grid-template-columns:1fr !important;padding:36px 20px !important;gap:24px !important}
  .site-footer .footer-main > div{border-right:none !important}
  .site-footer .footer-main > div:nth-child(2){padding:0 !important}
  .site-footer .footer-main > div:last-child{text-align:left !important}
  .site-footer .footer-main > div:last-child a{justify-content:flex-start !important}
  .site-footer .footer-main > div:last-child > div[style*="display:flex;gap:8px;justify-content:flex-end"]{justify-content:flex-start !important}
  .footer-bottom{padding:18px 16px !important;display:flex !important;flex-wrap:wrap !important;flex-direction:row !important;justify-content:center !important;align-items:center !important;row-gap:8px !important;column-gap:10px !important;text-align:center}
  .footer-bottom > span[style*="white-space:nowrap"]{white-space:normal !important}
  .footer-bottom > span[style*="color:#ffffff20"]{display:inline !important}
  .footer-bottom > a{font-size:11px !important;letter-spacing:0.04em !important;white-space:normal !important}
  .floating-wa{bottom:20px !important;right:16px !important;width:52px !important;height:52px !important}
}
@media (min-width: 481px) and (max-width: 768px){
  .hero-section{padding-left:32px !important;padding-right:32px !important}
  .stats-inline,.method-section,.cases,.lead-section,.testimonials,.faq-section,.team-section,.cta-band,.site-footer .footer-main,.footer-bottom{padding-left:32px !important;padding-right:32px !important}
}


/* ===== v5 targeted fixes ===== */
@media (min-width: 769px){
  .hero-section .hero-sub{margin-bottom:8px !important;}
  .stats{align-items:flex-start !important;}
  .stat{justify-content:flex-start !important;align-self:flex-start !important;}
  .stat-num{display:flex !important;align-items:flex-start !important;min-height:60px !important;}

  /* Stable desktop cases layout: geometry is controlled by CSS, not JS */
  #cases-track{overflow:hidden !important;width:100% !important;}
  #cases-inner{display:flex !important;gap:24px !important;align-items:stretch !important;transform:translateX(0);}
  #cases-inner > .case-slide{
    flex:0 0 calc((100% - 48px) / 3) !important;
    width:calc((100% - 48px) / 3) !important;
    min-width:calc((100% - 48px) / 3) !important;
    max-width:calc((100% - 48px) / 3) !important;
    align-self:stretch !important;
    overflow:hidden !important;
  }
  #cases-inner > .case-slide > div:nth-child(2){
    flex:1 1 auto !important;
    min-height:100% !important;
  }
}
@media (max-width: 768px){
  .case-slide > div:nth-child(2){flex:0 0 auto !important;}
  .team-section [id="team-track"] > div > div{border-bottom:none !important;}
}

@media (hover:hover) and (pointer:fine){
  .seg-cta:hover { opacity: 0.85; }
}
@media (max-width: 768px) {
  #dlya-kogo { padding: 56px 24px !important; }
  #dlya-kogo > div:nth-child(2) { grid-template-columns: 1fr !important; }
}

@keyframes wa-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(214,194,126,0.6), 0 4px 20px rgba(214,194,126,0.45); }
  70%  { box-shadow: 0 0 0 14px rgba(214,194,126,0),  0 4px 20px rgba(214,194,126,0.45); }
  100% { box-shadow: 0 0 0 0 rgba(214,194,126,0),     0 4px 20px rgba(214,194,126,0.45); }
}
#wa-float {
  animation: wa-pulse 2s ease-out infinite;
}
#wa-float:hover {
  animation: none;
  transform: scale(1.1);
  box-shadow: 0 8px 32px rgba(214,194,126,0.65) !important;
}

.hero-eyebrow-desktop{display:inline}
.hero-eyebrow-mobile{display:none}
.hero-eyebrow-desktop-break{display:block}
.hero-sub-desktop{display:block}
.hero-sub-mobile{display:none}
@media (max-width: 768px){.hero-sub-desktop{display:none}.hero-sub-mobile{display:block}}
@media (min-width:769px){
  .hero-section .hero-eyebrow{max-width:980px;margin-left:auto !important;margin-right:auto !important}
}

.faq-detail[open] .faq-toggle{content:'−'}
.faq-detail[open] .faq-summary .faq-toggle{transform:rotate(45deg)}
.faq-summary{list-style:none}
.faq-summary::-webkit-details-marker{display:none}
.faq-static{max-height:none;padding-top:12px}
@media (max-width:768px){
  .hero-section .hero-eyebrow{font-size:10px !important;letter-spacing:0.12em !important;line-height:1.5 !important;max-width:100% !important}
  .hero-eyebrow-desktop,.hero-eyebrow-desktop-break{display:none !important}
  .hero-eyebrow-mobile{display:block !important}
  .hero-h1{font-size:28px !important;line-height:1.16 !important}
  .hero-white-line,.hero-yellow-lines span{display:block !important}
  .hero-sub{font-size:13px !important;line-height:1.65 !important}
  .stats-inline .stat,.stats-inline .stat-num,.stats-inline .stat-label,.stats-inline .stat-sub{text-align:center !important}
  #dlya-kogo p{white-space:normal !important;max-width:100% !important;overflow:visible !important}
  #dlya-kogo h2{font-size:26px !important;line-height:1.18 !important}
  #cases-track{overflow:hidden !important;width:100% !important}
  #cases-inner{gap:16px !important;align-items:stretch !important}
  .case-slide{width:100% !important;min-width:100% !important;max-width:100% !important;overflow:hidden !important}
  .case-slide *{max-width:100% !important;overflow-wrap:anywhere}
  
  .case-slide [style*="padding:28px 24px"]{padding:22px 18px !important}
  .case-slide [style*="padding:16px 24px"]{padding:14px 18px !important}
  .case-slide [style*="letter-spacing:0.18em"]{letter-spacing:0.12em !important}
  .testi-block{padding:24px 20px !important}
  .testi-top{display:flex !important;flex-direction:column !important;gap:18px !important}
  .testi-anchor{display:block !important;font-size:64px !important;color:#2F3338 !important}
  .testi-mid{width:100% !important}
  .testi-content{opacity:1 !important;min-height:auto !important}
  .testi-q{font-size:15px !important;line-height:1.75 !important;margin-bottom:18px !important}
  .testi-nav{justify-content:flex-start !important}
  .faq-section{padding-top:44px !important;padding-bottom:44px !important}
  .faq-grid{display:grid !important;grid-template-columns:1fr !important;gap:0 !important}
  .faq-detail{display:block !important}
  .faq-item{padding:0 !important;border-bottom:1px solid rgba(255,255,255,.1) !important}
  .faq-summary{padding:16px 0 !important}
  .faq-static{padding:0 0 16px 0 !important}

  .case-slide > div:nth-child(2) > div:last-child{margin-top:0 !important;padding-top:14px !important}
  .site-footer .footer-main,
  .site-footer .footer-main > div,
  .site-footer .footer-main > div:last-child{text-align:center !important}
  .site-footer .footer-main > div:last-child{display:flex !important;flex-direction:column !important;align-items:center !important}
  .site-footer .footer-main > div:last-child a{justify-content:flex-end !important}
  .site-footer .footer-main > div:last-child > div[style*="display:flex;gap:8px;justify-content:flex-end"],
  .site-footer .footer-main > div[style*="display:flex;gap:18px;align-items:center"],
  .site-footer .footer-main > div[style*="display:flex;gap:12px;align-items:center"]{justify-content:center !important}

}


/* ===== slider stabilization for WordPress transfer ===== */
#cases-track,
#team-slider-shell{width:100%;overflow:hidden}
#cases-inner,
#team-track{display:flex;will-change:transform;backface-visibility:hidden}
#cases-inner > .case-slide,
#team-track > .team-page{box-sizing:border-box}
#team-track > .team-page{min-width:100%}
#team-track .team-member-card,
#cases-inner .case-slide{min-width:0}
@media (min-width: 769px){
  #team-track > .team-page{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important}
  #team-track .team-member-card{display:grid !important;grid-template-columns:160px 1fr !important;align-items:start !important}
  #cases-inner > .case-slide{overflow:hidden}
}
@media (max-width: 768px){
  #cases-track{overflow:hidden !important;width:100% !important}
  #cases-inner{display:flex !important;gap:16px !important;align-items:stretch !important}
  #cases-inner > .case-slide{flex:0 0 100% !important;width:100% !important;min-width:100% !important;max-width:100% !important;overflow:hidden !important}
  #team-track{display:flex !important;gap:0 !important;transform:translateX(0)}
  #team-track > .team-page{display:block !important;min-width:100% !important;width:100% !important}
  #team-track > .team-page .team-member-card{display:grid !important;grid-template-columns:1fr !important;border-right:none !important;border-bottom:none !important}
  #team-track > .team-page .team-photo{min-height:320px !important;aspect-ratio:4 / 5 !important;width:100% !important}
  #team-track > .team-page .team-text{padding:18px 16px 20px !important}
}


/* ===== SCROLL REVEAL ANIMATIONS ===== */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal-left.visible {
  opacity: 1;
  transform: translateX(0);
}
.reveal-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal-right.visible {
  opacity: 1;
  transform: translateX(0);
}

/* Staggered children */
.reveal-stagger > * {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal-stagger.visible > *:nth-child(1) { transition-delay: 0.1s; }
.reveal-stagger.visible > *:nth-child(2) { transition-delay: 0.2s; }
.reveal-stagger.visible > *:nth-child(3) { transition-delay: 0.3s; }
.reveal-stagger.visible > *:nth-child(4) { transition-delay: 0.4s; }
.reveal-stagger.visible > *:nth-child(5) { transition-delay: 0.5s; }
.reveal-stagger.visible > * {
  opacity: 0;
  transform: translateY(30px);
}
.reveal-stagger.visible > * {
  opacity: 1;
  transform: translateY(0);
}

/* ===== EXIT-INTENT POPUP ===== */
.exit-overlay {
  position: fixed;
  inset: 0;
  background: rgba(11,11,12,0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  animation: fadeInOverlay 0.3s ease;
}
.exit-overlay.active {
  display: flex;
}
@keyframes fadeInOverlay {
  from { opacity: 0; }
  to { opacity: 1; }
}
.exit-popup {
  background: var(--graphite);
  border: 1px solid #ffffff15;
  max-width: 520px;
  width: 90%;
  padding: 48px 40px;
  position: relative;
  text-align: center;
  animation: scaleIn 0.35s ease;
}
@keyframes scaleIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.exit-popup-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  color: var(--silver);
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
  padding: 4px;
  transition: color 0.2s;
}
.exit-popup-close:hover {
  color: var(--white);
}
.exit-popup h3 {
  font-size: 24px;
  font-weight: 400;
  color: var(--white);
  margin-bottom: 12px;
  line-height: 1.3;
}
.exit-popup h3 em {
  color: var(--gold);
  font-style: italic;
}
.exit-popup p {
  font-family: 'Arial', sans-serif;
  font-size: 15px;
  color: var(--silver);
  line-height: 1.7;
  margin-bottom: 28px;
}
.exit-popup-btn {
  display: inline-block;
  background: transparent;
  border: 2px solid var(--white);
  color: var(--white);
  font-family: 'Arial', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 16px 36px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.exit-popup-btn:hover {
  background: var(--white);
  color: var(--black);
}

/* ===== SOCIAL PROOF BADGE ===== */
.social-proof {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(214,194,126,0.1);
  border: 1px solid rgba(214,194,126,0.25);
  padding: 8px 16px;
  font-family: 'Arial', sans-serif;
  font-size: 13px;
  color: var(--gold);
  letter-spacing: 0.04em;
  margin-bottom: 20px;
  animation: pulse-badge 2.5s ease-in-out infinite;
}
.social-proof-dot {
  width: 8px;
  height: 8px;
  background: #2a8a5a;
  border-radius: 50%;
  animation: blink-dot 1.5s ease-in-out infinite;
}
@keyframes blink-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}
@keyframes pulse-badge {
  0%, 100% { box-shadow: 0 0 0 0 rgba(214,194,126,0.15); }
  50% { box-shadow: 0 0 0 6px rgba(214,194,126,0); }
}

/* ===== SMOOTH SCROLL ===== */
html {
  scroll-behavior: smooth;
}

/* ===== MOBILE FIXES ===== */



/* Mobile nav phone between burger and logo */
@media (max-width: 768px) {
  .nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }



  .nav-right {
    display: none !important;
  }

  /* Mobile CTA items in burger menu */
  .nav-mobile-cta {
    padding-top: 8px;
    border-top: 1px solid #ffffff08;
  }
  .nav-mobile-cta:first-of-type {
    margin-top: 8px;
  }
  .nav-mobile-cta a {
    font-size: 13px !important;
  }

  /* WhatsApp floating button - not too big on Android */
  #wa-float {
    width: 52px !important;
    height: 52px !important;
    bottom: 20px !important;
    right: 16px !important;
  }
  #wa-float svg {
    width: 22px !important;
    height: 22px !important;
  }

  /* Social proof badge - fit on mobile */
  .social-proof {
    font-size: 11px;
    padding: 6px 12px;
    gap: 6px;
  }

  /* Exit popup mobile */
  .exit-popup {
    padding: 32px 24px;
    width: 92%;
  }
  .exit-popup h3 {
    font-size: 20px;
  }
  .exit-popup p {
    font-size: 14px;
  }
  .exit-popup-btn {
    padding: 14px 28px;
    font-size: 12px;
    width: 100%;
    text-align: center;
  }

  /* Ensure touch targets >= 44px */
  .nav-links a,
  .nav-mobile-cta a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  /* Fix hero CTA on mobile - full width, big enough touch target */
  .hero-cta {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Form inputs - bigger touch targets on mobile */
  .form-input,
  .form-textarea {
    font-size: 16px !important; /* prevents iOS zoom on focus */
    padding: 12px 0 !important;
  }

  /* Form button */
  .form-btn {
    min-height: 48px;
    font-size: 14px !important;
  }

  /* Final CTA buttons */
  .final-btn {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 340px;
  }

  /* Slider arrows - ensure 44px touch target */
  #cases-prev, #cases-next,
  #testi-prev, #testi-next,
  #team-prev, #team-next,
  .testi-arrow {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* Prevent horizontal overflow from any element */
  .page, .page * {
    max-width: 100vw;
  }

  /* Fix consent checkbox area - bigger touch */
  #consent-checkbox {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }
}

/* Small phones (< 380px) */
@media (max-width: 380px) {


  .hero-h1 {
    font-size: 24px !important;
  }

  .stat-num {
    font-size: 28px !important;
  }

  .social-proof {
    font-size: 10px;
  }
}

/* Android-specific: prevent font boosting */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Ensure images never overflow */
img, svg, video, iframe {
  max-width: 100%;
  height: auto;
}


/* ===== NAV PHONE - DESKTOP & MOBILE ===== */

/* Desktop: phone visible inside nav-right */
.nav-phone-desktop {
  /* inherits inline styles */
}
.nav-phone-mobile {
  display: none; /* hidden on desktop */
}
.nav-lang-mobile {
  display: none; /* hidden on desktop, видна только на мобильном */
}

/* Иконки соцсетей в футере */
.footer-socials a {
  width: 38px;
  height: 38px;
  border: 1px solid #ffffff20;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .2s, background .2s, transform .2s;
}
.footer-socials a:hover {
  border-color: var(--gold);
  background: rgba(212,192,122,0.08);
  transform: translateY(-2px);
}

/* Mobile CTA items hidden on desktop */
.nav-mobile-cta {
  display: none;
}

@media (max-width: 768px) {
  /* Hide desktop nav-right (phone, ENG, CTA inside it) */
  .nav-right {
    display: none !important;
  }

  /* Show mobile phone between logo and burger */
  .nav-phone-mobile {
    display: block;
    margin-left: auto;
    margin-right: 12px;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    color: var(--gold);
    text-decoration: none;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }

  /* Видимая кнопка языка на мобильном — между телефоном и бургером */
  .nav-lang-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--gold);
    background: transparent;
    border: 1px solid rgba(212,192,122,0.45);
    padding: 6px 10px;
    margin-right: 10px;
    cursor: pointer;
    min-height: 32px;
    line-height: 1;
    transition: border-color .2s, background .2s, color .2s;
  }
  .nav-lang-mobile:hover,
  .nav-lang-mobile:active {
    background: var(--gold);
    color: var(--black);
    border-color: var(--gold);
  }

  /* Burger stays at the end */
  .nav-burger {
    margin-left: 0 !important;
  }

  /* Mobile CTA items visible in burger menu */
  .nav-mobile-cta {
    display: list-item;
    padding-top: 8px;
    border-top: 1px solid #ffffff08;
  }
  .nav-mobile-cta a {
    font-size: 13px !important;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 380px) {
  .nav-phone-mobile {
    font-size: 11px;
  }
}


/* ===== CASE CARD RESULTS - MOBILE FIX ===== */
@media (max-width: 768px) {
  /* Keep result numbers large and visible */
  .case-slide [style*="font-size:38px"] {
    font-size: 36px !important;
    display: block !important;
    flex-shrink: 0 !important;
    min-width: auto !important;
  }

  /* Result row: stack vertically if needed */
  .case-slide [style*="display:flex;align-items:baseline"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 8px !important;
  }

  /* Prevent overflow-wrap from breaking numbers */
  .case-slide span[style*="font-family:'Lora'"],
  .case-slide span[style*="font-family:Lora"] {
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: nowrap !important;
  }
}

/* ===== HERO CTA + CALC RELOCATION ===== */
.hero-calc-mount{display:none !important}

/* Hero CTA — direct child of hero-section, horizontally centered via flex align-self */
.hero-cta-btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--gold);color:#0B0B0C !important;
  font-family:'Arial',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:0.14em;text-transform:uppercase;
  padding:15px 30px;text-decoration:none;
  border:1.5px solid var(--gold);
  align-self:center;
  position:relative;z-index:2;
  transition:background .2s,color .2s,border-color .2s;
}
@media (hover:hover) and (pointer:fine){
  .hero-cta-btn:hover{background:transparent;color:var(--gold) !important}
}
.hero-cta-btn:active{background:#B8A062;border-color:#B8A062}

@media (max-width: 768px){
  /* Hero fills viewport minus nav; svh used so browser chrome doesn't push CTA off-screen */
  .hero-section{
    min-height:calc(100vh - 60px) !important;
    min-height:calc(100svh - 60px) !important;
    padding:24px 20px 28px !important;
    justify-content:space-between !important;
  }
  /* On mobile the hero grid collapses to 1 col, calc gets moved out via JS */
  .hero-section > div[style*="display:grid;grid-template-columns:1fr 1fr"]{margin-bottom:0 !important;gap:0 !important}

  /* Hero CTA — full-width and centered on mobile */
  .hero-cta-btn{
    display:flex !important;
    width:100% !important;
    max-width:380px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:22px !important;
    margin-bottom:4px !important;
    padding:16px 20px;min-height:48px;
    align-self:center !important;
  }

  /* Calculator mount section (revealed on mobile, calc is moved here by JS) */
  .hero-calc-mount{
    display:block !important;
    background:#0B0B0C;
    padding:40px 20px 44px;
    border-bottom:1px solid #ffffff10;
  }
  .hero-calc-mount-inner{max-width:520px;margin:0 auto}
  .hero-calc-mount-eyebrow{
    font-family:'Arial',sans-serif;font-size:11px;letter-spacing:0.2em;
    text-transform:uppercase;color:var(--gold);
    margin-bottom:12px;display:flex;align-items:center;gap:10px;
  }
  .hero-calc-mount-title{
    font-family:'Georgia',serif;font-size:22px;font-weight:400;
    color:var(--white);line-height:1.3;margin:0 0 22px;letter-spacing:-0.005em;
  }
  /* Calc card inside mount: drop hero-specific blur/shadow tweaks */
  .hero-calc-mount .hero-calc-card{
    max-width:100% !important;margin:0 !important;
    background:rgba(255,255,255,0.04) !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
    box-shadow:0 8px 24px rgba(0,0,0,0.5) !important;
  }
  /* When calc was relocated, hide leftover hero-cta inside calc would still work; nothing to change */
}

@media (min-width: 769px){
  .hero-calc-mount{display:none !important}
}