/* ===== TOKENS — ТЁПЛЫЙ НАТУРАЛЬНЫЙ ===== */
:root {
  --g:#4A6E2A; --gh:#5A8432; --gd:#36521E;
  --gold:#B5722E; --gold-l:#CF9058; --gold-d:#8E5620;
  --dark:#120E06; --dark2:#181209; --dark3:#1F180C;
  --cream:#F7EDD8; --cream2:#FBF5E8; --cream3:#F0E3C8;
  --text:#2A1A09; --muted:#7A5838;
  --tl:#F5E8D0; --tlm:rgba(245,232,208,.52);
  --bord:rgba(120,70,30,.15); --bordl:rgba(245,232,208,.11);
  --r:10px; --rm:22px; --rl:36px;
  --pad:clamp(20px,5vw,80px);
  --sec:clamp(72px,10vw,120px);
}

/* ===== ТЁПЛЫЙ НАТУРАЛЬНЫЙ: стиль ===== */
/* Скруглённые карточки */
.svc-card,.pf-card,.rev-card,.faq-item,.clf-form,.pcalc,.badge{border-radius:18px!important;overflow:hidden}
.scen-card{border-radius:12px!important;overflow:hidden}
/* Кнопки-пилюли */
.btn{border-radius:50px!important}
.btn-primary{
  box-shadow:0 4px 20px rgba(181,114,46,.28);
  padding-left:2.2em;padding-right:2.2em
}
.btn-primary:hover{
  box-shadow:0 10px 36px rgba(181,114,46,.42);
  transform:translateY(-3px)
}
.btn-outline{border-radius:50px!important}
/* Курсивный лейбл — Playfair Italic */
.lbl{
  font-family:'Playfair Display',serif;
  font-style:italic;font-weight:400;
  letter-spacing:.06em;font-size:15px;
  text-transform:none;color:var(--gold-l)
}
.lbl::before{border-radius:2px}
/* Мягкие тени на карточках */
.svc-card{box-shadow:0 6px 30px rgba(120,70,30,.1);border:none}
.svc-card:hover{box-shadow:0 18px 48px rgba(120,70,30,.18);transform:translateY(-9px)}
.rev-card{box-shadow:0 6px 24px rgba(120,70,30,.1);border:none}
.pf-card{border-radius:16px!important;overflow:hidden;box-shadow:0 4px 20px rgba(120,70,30,.08)}
/* Мягкая шапка секций */
.sec-head::after{
  background:linear-gradient(to right,var(--gold-l),transparent);
  border-radius:2px
}
/* Подчёркивание nav — мягкое */
.hdr__nav a::after{border-radius:2px;height:2px}
/* Мягкий футер */
.ftr{border-top:1px solid var(--bord)}
/* Форма — round */
input,select,textarea{border-radius:10px!important}
/* Оверлей изображения производства — тёплый и прозрачный */
.prod-img__overlay{
  background:linear-gradient(to top,rgba(30,18,6,.6),transparent)
}
/* Иконки внутри prod-pt — тёплый зелёный, без эмодзи */
.prod-pt__check{
  border-color:rgba(74,110,42,.35);
  color:var(--g);
  font-family:'Inter',sans-serif;
  font-variant-emoji:text
}
/* Все ✓ — принудительно текстовый рендер */
.prod-pt__check,.calc-success__check,.chk-opt__box{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif
}
/* lbl--inv линия — тёплая золотая */
.lbl--inv::before{background:var(--gold-l)}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  background:var(--cream2); color:var(--text);
  line-height:1.6; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ===== TYPOGRAPHY ===== */
h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.1;font-weight:700}
h1{font-size:clamp(2.4rem,5.5vw,4.8rem)}
h2{font-size:clamp(1.8rem,3.5vw,3rem)}
h3{font-size:clamp(1rem,1.8vw,1.35rem)}
em{font-style:italic;color:var(--gold)}

.lbl{
  display:flex; align-items:center; gap:12px;
  font-size:11px; font-weight:600; letter-spacing:.2em;
  text-transform:uppercase; color:var(--gold); margin-bottom:16px;
}
.lbl::before{
  content:''; display:block; width:28px; height:1px;
  background:var(--gold); flex-shrink:0;
}
.lbl--inv{color:var(--gold-l)}
.lbl--inv::before{background:var(--gold-l)}

.sub{font-size:clamp(.9rem,1.4vw,1.05rem);color:var(--muted);line-height:1.75;max-width:560px}

/* ===== LAYOUT ===== */
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.sec{padding:var(--sec) 0}
.sec--dark{background:var(--dark);color:var(--tl)}
.sec--dark2{background:var(--dark2);color:var(--tl)}
.sec--warm{background:var(--cream3)}
.sec--light{background:var(--cream2)}

/* ===== BUTTONS ===== */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px; padding:14px 28px; font-size:13px; font-weight:600;
  letter-spacing:.04em; transition:.25s ease; white-space:nowrap;
  line-height:1; border-radius:var(--r);
}
.btn--sm{padding:10px 20px;font-size:12px}
.btn--lg{padding:16px 36px;font-size:14px}
.btn--xl{padding:18px 44px;font-size:15px}
.btn--green{background:var(--g);color:#fff}
.btn--green:hover{background:var(--gh);transform:translateY(-1px);box-shadow:0 8px 24px rgba(61,104,32,.3)}
.btn--outline{border:1.5px solid rgba(240,232,216,.22);color:var(--tl)}
.btn--outline:hover{border-color:var(--gold);color:var(--gold)}
.btn--outline-dark{border:1.5px solid var(--bord);color:var(--text)}
.btn--outline-dark:hover{border-color:var(--g);color:var(--g)}

.link-arr{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--g);transition:gap .2s}
.link-arr:hover{gap:10px}
.link-arr::after{content:'→'}

/* ===== IMAGE HELPERS ===== */
.ic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block}
.ic--top{object-position:center top}
.ic-wrap{position:relative;overflow:hidden}

/* ===== ANIMATIONS ===== */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(32px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes slideRight{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
@keyframes countUp{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}

/* Hero entrance — staggered */
.hero__eyebrow{animation:fadeIn .9s ease .2s both}
.hero__h1{animation:fadeUp 1s cubic-bezier(.22,.68,0,1.2) .45s both}
.hero__sub{animation:fadeUp .9s ease .65s both}
.hero__btns{animation:fadeUp .9s ease .85s both}
.hero__stats{animation:fadeUp .9s ease 1.05s both}

/* Scroll reveal */
.rv{
  opacity:0;transform:translateY(40px);
  transition:opacity .72s cubic-bezier(.22,.68,0,1),transform .72s cubic-bezier(.22,.68,0,1);
  will-change:opacity,transform;
}
.rv.vis{opacity:1;transform:none}
.rv-d1{transition-delay:.1s}
.rv-d2{transition-delay:.2s}
.rv-d3{transition-delay:.3s}
.rv-d4{transition-delay:.4s}
.rv-d5{transition-delay:.5s}
.rv-left{transform:translateX(-40px)}
.rv-left.vis{transform:none}
.rv-right{transform:translateX(40px)}
.rv-right.vis{transform:none}
.rv-scale{transform:scale(.95);opacity:0}
.rv-scale.vis{transform:scale(1);opacity:1}

/* Quote strip line reveal */
.quote-strip__author-line{
  transform-origin:left;animation:slideRight 1s ease .2s both;
}

/* ===== SKIP LINK ===== */
.skip-link{position:absolute;top:-60px;left:14px;padding:8px 16px;background:var(--g);color:#fff;border-radius:0 0 var(--r) var(--r);font-size:13px;transition:top .2s;z-index:300}
.skip-link:focus{top:0}

/* ===== HEADER — default (hero) ===== */
.hdr{
  position:fixed;inset:0 0 auto;z-index:100;
  background:transparent;
  border-bottom:1px solid transparent;
  transition:background .38s ease,border-color .38s ease,box-shadow .38s ease;
}
.hdr::after{display:none}
.hdr__in{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:40px;
  height:168px;
  max-width:1440px;
  margin:0 auto;
  padding:0 52px;
  transition:height .38s ease,padding .38s ease;
}
.logo{
  display:flex;align-items:center;
  text-decoration:none;
}
.logo__img{
  width:210px;height:210px;object-fit:contain;display:block;
  transition:width .38s ease,height .38s ease;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.25));
  border-radius:50%;
}
.hdr__nav{
  display:flex;align-items:center;justify-content:center;
  gap:24px;
}
.hdr__nav a{
  font-size:13.5px;font-weight:500;color:rgba(245,232,208,.75);
  padding:6px 0;transition:color .2s;white-space:nowrap;
  position:relative;text-decoration:none;
}
.hdr__nav a::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:1px;background:var(--gold);transform:scaleX(0);
  transition:transform .25s ease;transform-origin:center;
}
.hdr__nav a:hover{color:var(--tl)}
.hdr__nav a:hover::after{transform:scaleX(1)}
.hdr__right{
  display:flex;align-items:center;
  gap:12px;margin-left:28px;
}
.hdr__phone{display:flex;flex-direction:column}
.hdr__phone-num{
  display:block;font-size:15px;font-weight:700;color:var(--tl);
  line-height:1.2;white-space:nowrap;letter-spacing:.01em;transition:color .3s;
}
.hdr__phone-sub{
  display:block;font-size:10px;color:rgba(245,232,208,.5);
  letter-spacing:.06em;margin-top:2px;transition:color .3s;
}
.hdr__sep{width:1px;height:28px;background:rgba(245,232,208,.2);flex-shrink:0;transition:background .3s}
.hdr__btns{display:flex;align-items:center;gap:8px}
.hdr__btn{
  display:inline-flex;align-items:center;height:41px;
  padding:0 18px;border-radius:var(--r);
  font-size:13px;font-weight:600;letter-spacing:.03em;
  color:rgba(245,232,208,.88);border:1px solid rgba(245,232,208,.25);
  transition:height .38s ease,color .25s,border-color .25s,background .25s,box-shadow .25s;
  white-space:nowrap;text-decoration:none;
}
.hdr__btn:hover{border-color:var(--gold-l);color:var(--gold-l)}
.hdr__btn--cta{
  background:var(--g);border-color:var(--g);color:#fff;
  padding:0 20px;font-weight:700;
}
.hdr__btn--cta:hover{background:var(--gh);border-color:var(--gh);box-shadow:0 4px 16px rgba(61,104,32,.35)}
.ham{
  display:none;flex-direction:column;gap:5px;
  padding:8px;width:40px;height:40px;
  align-items:center;justify-content:center;
}
.ham span{height:1.5px;width:22px;background:var(--tl);display:block;transition:.3s;border-radius:2px}

/* ===== MOBILE NAV ===== */
.mnav{
  position:fixed;inset:0;background:var(--dark);
  z-index:1000;transform:translateX(100%);
  transition:transform .4s cubic-bezier(.4,0,.2,1);
  padding:88px 32px 40px;display:flex;flex-direction:column;
}
.mnav.op{transform:translateX(0)}
.mnav__x{
  position:absolute;top:20px;right:20px;
  font-size:18px;color:var(--tl);width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--bordl);border-radius:var(--r);transition:.2s;
  font-family:'Inter',sans-serif;
}
.mnav__x:hover{border-color:var(--gold);color:var(--gold)}
.mnav a{
  font-family:'Playfair Display',serif;font-size:1.9rem;
  color:var(--tl);padding:16px 0;border-bottom:1px solid var(--bordl);
  transition:color .2s;display:block;
}
.mnav a:hover{color:var(--gold)}
.mnav__foot{margin-top:auto;padding-top:28px}
.mnav__phone{font-size:1.2rem;font-weight:700;color:var(--gold);display:block;margin-bottom:16px}

/* ===== HERO ===== */
.hero{
  min-height:100svh;position:relative;
  display:flex;align-items:flex-end;
  background:#060a05;overflow:hidden;
}
.hero__photo{position:absolute;inset:0;z-index:0}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero__overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(to right,rgba(6,10,5,.85) 0%,rgba(6,10,5,.25) 60%,transparent 100%),
    linear-gradient(to bottom,rgba(6,10,5,.1) 0%,rgba(6,10,5,.15) 40%,rgba(6,10,5,.88) 100%);
}
.hero__in{
  position:relative;z-index:2;
  padding-top:90px;
  padding-bottom:clamp(48px,8vw,96px);
  width:100%;
}
.hero__content{max-width:700px}
.hero__eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.hero__eyebrow-line{width:44px;height:1px;background:var(--gold)}
.hero__eyebrow-text{
  font-size:11px;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);
}
.hero__h1{
  color:#fff;margin-bottom:24px;
  font-size:clamp(2.6rem,6vw,5.2rem);
  line-height:1.06;
  text-shadow:0 2px 32px rgba(0,0,0,.35);
}
.hero__sub{
  font-size:clamp(.95rem,1.5vw,1.1rem);
  color:rgba(240,232,216,.68);
  max-width:480px;margin-bottom:40px;line-height:1.78;
}
.hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:80px}
.hero__stats{
  display:flex;gap:0;padding-top:32px;
  border-top:1px solid rgba(240,232,216,.1);
  flex-wrap:wrap;
}
.hero__stat{
  padding:0 40px 0 0;margin-right:40px;
  border-right:1px solid rgba(240,232,216,.1);
}
.hero__stat:last-child{border-right:none;padding-right:0;margin-right:0}
.hero__stat-num{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:700;
  color:var(--gold);line-height:1;display:block;
}
.hero__stat-txt{
  font-size:12px;color:rgba(240,232,216,.45);
  letter-spacing:.03em;display:block;margin-top:5px;
}

/* ===== QUOTE STRIP ===== */
.quote-strip{
  background:var(--dark2);padding:56px 0;
  border-top:1px solid var(--bordl);
}
.quote-strip__q{max-width:800px;position:relative;padding-left:56px}
.quote-strip__mark{
  font-family:'Playfair Display',serif;font-size:7rem;
  color:var(--gold);opacity:.18;position:absolute;
  top:-8px;left:0;line-height:1;font-style:normal;
}
.quote-strip__text{
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:clamp(1.1rem,2vw,1.5rem);color:var(--tl);
  line-height:1.65;
}
.quote-strip__author{
  display:flex;align-items:center;gap:10px;
  margin-top:18px;
}
.quote-strip__author-line{width:24px;height:1px;background:var(--gold-d)}
.quote-strip__author-name{font-size:12px;color:var(--tlm);letter-spacing:.06em}

/* ===== SERVICES ===== */
.svc-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:52px}
.svc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.svc-card{
  border-radius:var(--rm);overflow:hidden;position:relative;
  cursor:pointer;transition:transform .4s,box-shadow .4s;
  background:var(--dark3);
}
.svc-card:hover{transform:translateY(-5px);box-shadow:0 28px 64px rgba(0,0,0,.22)}
.svc-card__img{
  aspect-ratio:2/3;position:relative;overflow:hidden;
}
.svc-card__img img{transition:transform .6s ease}
.svc-card:hover .svc-card__img img{transform:scale(1.06)}
.svc-card__img::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,transparent 30%,rgba(8,12,6,.82) 100%);
}
.svc-card__body{
  position:absolute;bottom:0;left:0;right:0;
  padding:20px 18px;z-index:2;
}
.svc-card__title{
  font-family:'Playfair Display',serif;
  font-size:1rem;font-weight:700;color:#fff;
  margin-bottom:6px;line-height:1.25;
}
.svc-card__text{font-size:11px;color:rgba(240,232,216,.6);line-height:1.5}
.svc-card__link{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:600;color:var(--gold-l);
  margin-top:10px;letter-spacing:.05em;
  opacity:0;transform:translateY(4px);transition:.3s;
}
.svc-card__link::after{content:'→'}
.svc-card:hover .svc-card__link{opacity:1;transform:translateY(0)}

/* ===== SCENARIOS ===== */
.scen-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:52px}
.scen-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:2px;
}
.scen-card{
  position:relative;overflow:hidden;
  aspect-ratio:3/4;cursor:pointer;
}
.scen-card__overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,rgba(6,10,5,.08) 0%,rgba(6,10,5,.9) 100%);
  transition:opacity .4s;
}
.scen-card:hover .scen-card__overlay{opacity:.85}
.scen-card__img img{transition:transform .65s ease}
.scen-card:hover .scen-card__img img{transform:scale(1.05)}
.scen-card__body{
  position:absolute;bottom:0;left:0;right:0;
  padding:32px 28px;z-index:2;
}
.scen-card__num{
  font-family:'Playfair Display',serif;
  font-size:4.5rem;font-weight:700;color:rgba(185,130,69,.18);
  line-height:1;position:absolute;top:20px;right:22px;z-index:2;
}
.scen-card__lbl{
  font-size:10px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);display:block;margin-bottom:8px;
}
.scen-card__title{
  font-family:'Playfair Display',serif;
  font-size:1.5rem;font-weight:700;color:#fff;
  margin-bottom:10px;line-height:1.2;
}
.scen-card__text{font-size:13px;color:rgba(240,232,216,.65);line-height:1.65;margin-bottom:14px}
.scen-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.scen-tag{
  font-size:10px;font-weight:600;padding:4px 10px;border-radius:20px;
  border:1px solid rgba(240,232,216,.2);color:rgba(240,232,216,.6);
  letter-spacing:.04em;
}

/* ===== CALC LEAD FORM ===== */
.clf-wrap{
  display:grid;grid-template-columns:1.1fr 1fr .88fr;
  gap:0;border-radius:var(--rl);overflow:hidden;
  box-shadow:0 24px 80px rgba(16,19,14,.16);
}
.clf-form{background:var(--cream2);padding:52px}
.clf-photo{position:relative;overflow:hidden;background:var(--dark3)}
.clf-photo img{width:100%;height:100%;object-fit:cover}
.clf-benefits{
  background:var(--dark);padding:52px;
  display:flex;flex-direction:column;
}
.clf-steps{
  display:flex;align-items:center;gap:0;margin-bottom:36px;
}
.clf-step{display:flex;align-items:center;gap:8px}
.clf-step__dot{
  width:28px;height:28px;border-radius:50%;
  border:1.5px solid var(--bord);display:flex;align-items:center;
  justify-content:center;font-size:11px;color:var(--muted);
  font-weight:700;transition:.2s;flex-shrink:0;
}
.clf-step__dot.act{background:var(--g);border-color:var(--g);color:#fff}
.clf-step__dot.done{background:var(--g);border-color:var(--g);color:#fff}
.clf-step__lbl{font-size:11px;color:var(--muted);white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:max-width .3s ease,opacity .3s ease,color .2s}
.clf-step.act .clf-step__lbl{color:var(--text);font-weight:700;max-width:120px;opacity:1}
.clf-step.done .clf-step__lbl{max-width:0;opacity:0}
.clf-sep{width:20px;height:1px;background:var(--bord);margin:0 8px;flex-shrink:1;transition:background .2s}
.calc-pane{display:none}.calc-pane.act{display:block}
.calc-pane__title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:20px}
.calc-opts{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.calc-opt{
  display:flex;align-items:center;gap:12px;
  padding:13px 16px;border:1.5px solid var(--bord);border-radius:var(--r);
  cursor:pointer;transition:.2s;text-align:left;background:#fff;
}
.calc-opt:hover{border-color:var(--g);background:rgba(61,104,32,.03)}
.calc-opt.sel{border-color:var(--g);background:rgba(61,104,32,.06)}
.calc-opt__mark{
  width:22px;height:22px;border-radius:50%;
  border:1.5px solid var(--bord);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;transition:.2s;color:transparent;
}
.calc-opt.sel .calc-opt__mark{background:var(--g);border-color:var(--g);color:#fff}
.calc-opt.sel .calc-opt__mark::after{content:'✓'}
.calc-opt__title{font-size:13px;font-weight:600;color:var(--text);display:block}
.calc-opt__sub{font-size:11px;color:var(--muted)}
.calc-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px}
.fld{margin-bottom:18px}
.fld label{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.inp{
  width:100%;padding:12px 14px;border:1.5px solid var(--bord);
  border-radius:var(--r);font-size:14px;
  font-family:'Inter',sans-serif;transition:border-color .2s;background:#fff;
}
.inp:focus{outline:none;border-color:var(--g)}
.sel-sz{display:flex;flex-wrap:wrap;gap:8px}
.sel-sz button{
  padding:8px 15px;border:1.5px solid var(--bord);border-radius:40px;
  font-size:13px;color:var(--text);transition:.2s;
  font-family:'Inter',sans-serif;background:#fff;
}
.sel-sz button:hover{border-color:var(--g);color:var(--g)}
.sel-sz button.sel{background:var(--g);border-color:var(--g);color:#fff}
.ben-list{display:flex;flex-direction:column;gap:22px;margin-top:auto}
.ben{display:flex;align-items:flex-start;gap:16px}
.ben__mark{
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(185,130,69,.3);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:var(--gold-d);
  font-family:'Playfair Display',serif;
}
.ben__title{font-size:13px;font-weight:600;color:var(--tl);margin-bottom:3px}
.ben__sub{font-size:12px;color:var(--tlm);line-height:1.55}
.calc-success{display:none;text-align:center;padding:40px 8px}
.calc-success__check{
  width:64px;height:64px;border-radius:50%;
  background:rgba(61,104,32,.1);border:1.5px solid rgba(61,104,32,.3);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;color:var(--g);margin:0 auto 20px;font-weight:700;
}
.calc-success__h{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--text);margin-bottom:10px}
.calc-success__p{font-size:13px;color:var(--muted);line-height:1.7}

/* ===== SRUB ===== */
.srub-info{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.srub-comp-list{display:flex;flex-direction:column;gap:0;margin-top:32px}
.srub-comp{
  display:flex;align-items:center;gap:14px;
  padding:12px 0;border-bottom:1px solid var(--bordl);
}
.srub-comp:first-child{border-top:1px solid var(--bordl)}
.srub-comp__n{
  width:28px;height:28px;border-radius:50%;
  background:rgba(185,130,69,.1);border:1px solid rgba(185,130,69,.22);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:var(--gold-d);flex-shrink:0;
  font-family:'Playfair Display',serif;
}
.srub-comp__title{font-size:13px;font-weight:600;color:var(--tl)}
.srub-comp__desc{font-size:11px;color:var(--tlm);margin-left:auto;text-align:right;max-width:180px}
.srub-info__visual{border-radius:var(--rl);overflow:hidden;aspect-ratio:1}

/* ===== WHY US + PRODUCTION ===== */
.quality{display:grid;grid-template-columns:1fr 1fr;gap:0}
.quality__why{background:var(--dark2);padding:80px clamp(32px,6vw,80px)}
.quality__prod{background:var(--dark3);padding:80px clamp(32px,6vw,80px)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;border:1px solid var(--bordl);border-right:none;border-bottom:none}
.why-card{
  padding:22px;
  border-bottom:1px solid var(--bordl);
  border-right:1px solid var(--bordl);
  transition:background .25s;
}
.why-card:hover{background:rgba(255,255,255,.04)}
.why-card__n{
  font-family:'Playfair Display',serif;
  font-size:1.5rem;font-weight:700;
  color:rgba(185,130,69,.25);margin-bottom:10px;line-height:1;
}
.why-card__title{font-size:13px;font-weight:700;color:var(--tl);margin-bottom:6px;line-height:1.35}
.why-card__text{font-size:12px;color:var(--tlm);line-height:1.6}
.prod-img{
  border-radius:var(--rm);overflow:hidden;
  aspect-ratio:16/9;position:relative;margin-bottom:28px;
}
.prod-img__overlay{
  position:absolute;bottom:0;left:0;right:0;height:65%;z-index:1;
  background:linear-gradient(to top,rgba(14,18,11,.88),transparent);
}
.prod-quote{
  position:absolute;bottom:18px;left:18px;right:18px;
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:13px;color:rgba(240,232,216,.85);line-height:1.55;z-index:2;
}
.prod-points{display:flex;flex-direction:column;gap:0}
.prod-pt{
  display:flex;align-items:center;gap:12px;
  padding:13px 0;border-bottom:1px solid var(--bordl);
}
.prod-pt:last-child{border-bottom:none}
.prod-pt__check{
  width:22px;height:22px;border-radius:50%;
  border:1px solid rgba(61,104,32,.4);display:flex;
  align-items:center;justify-content:center;
  font-size:11px;color:var(--g);flex-shrink:0;font-weight:700;
}
.prod-pt__text{font-size:13px;color:var(--tl);font-weight:500}

/* ===== PORTFOLIO ===== */
.pf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:8px;flex-wrap:wrap}
.pf-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.pf-filter{
  padding:7px 18px;border-radius:40px;border:1.5px solid var(--bord);
  font-size:13px;font-weight:500;color:var(--muted);
  transition:.2s;font-family:'Inter',sans-serif;background:transparent;
}
.pf-filter:hover,.pf-filter.act{background:var(--g);border-color:var(--g);color:#fff}
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pf-card--featured{grid-column:span 2}
.pf-card--featured .pf-card__img{aspect-ratio:2/1.15}
.pf-card{
  border-radius:var(--rm);overflow:hidden;background:#fff;
  border:1px solid var(--bord);transition:.35s ease;cursor:pointer;
}
.pf-card:hover{box-shadow:0 20px 56px rgba(16,19,14,.13);transform:translateY(-3px)}
.pf-card__img{aspect-ratio:4/3;background:var(--dark3)}
.pf-card__img img{transition:transform .5s ease;width:100%;height:100%;object-fit:cover}
.pf-card:hover .pf-card__img img{transform:scale(1.04)}
.pf-card__body{padding:18px 20px}
.pf-card__title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:5px}
.pf-card__loc{font-size:12px;color:var(--muted);margin-bottom:12px}
.pf-card__tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-size:11px;padding:3px 10px;border-radius:20px;background:rgba(61,104,32,.08);color:var(--g);font-weight:600;border:1px solid rgba(61,104,32,.15)}
.tag--gold{background:rgba(185,130,69,.08);color:var(--gold-d);border-color:rgba(185,130,69,.2)}

/* ===== PROCESS ===== */
.process__in{display:grid;grid-template-columns:1fr 400px;gap:72px;align-items:start}
.process__left h2{margin-bottom:40px}
.process__steps{display:flex;flex-direction:column;gap:0}
.ps{
  display:grid;grid-template-columns:52px 1fr;gap:0 16px;
  padding:20px 0;border-bottom:1px solid var(--bord);
}
.ps:first-child{padding-top:0}
.ps:last-child{border-bottom:none}
.ps__num{
  font-family:'Playfair Display',serif;
  font-size:2rem;font-weight:700;color:rgba(185,130,69,.3);
  line-height:1;text-align:right;
  padding-right:16px;border-right:1px solid var(--bord);
  align-self:start;padding-top:2px;
}
.ps__body{padding-left:2px}
.ps__title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}
.ps__text{font-size:13px;color:var(--muted);line-height:1.6}
.process__visual{
  border-radius:var(--rl);overflow:hidden;
  aspect-ratio:3/4;position:sticky;top:90px;
}

/* ===== REVIEWS + PROMOS ===== */
.rev-promo{display:grid;grid-template-columns:1.55fr 1fr;gap:0}
.rev-side{padding:var(--sec) clamp(24px,5vw,72px);background:var(--cream)}
.promo-side{background:var(--cream3);padding:var(--sec) clamp(24px,5vw,52px)}
.rev-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px}
.rev-cards{display:flex;gap:18px;overflow-x:auto;padding-bottom:8px}
.rev-cards::-webkit-scrollbar{height:3px}
.rev-cards::-webkit-scrollbar-thumb{background:var(--g);border-radius:3px}
.rev-card{
  flex:0 0 268px;background:#fff;border-radius:var(--rm);
  padding:24px;border:1px solid var(--bord);
  box-shadow:0 4px 20px rgba(16,19,14,.05);
}
.rev-card__stars{display:flex;gap:3px;margin-bottom:14px}
.rev-star{
  width:13px;height:13px;
  background:var(--gold);
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
}
.rev-card__quote{font-size:13px;color:var(--text);line-height:1.7;margin-bottom:16px;font-style:italic}
.rev-card__author-name{font-size:13px;font-weight:700;color:var(--text)}
.rev-card__author-meta{font-size:11px;color:var(--muted);margin-top:2px}
.rev-card__photo{height:80px;border-radius:var(--r);margin-top:14px;overflow:hidden;position:relative}
.promo-title{font-size:clamp(1.1rem,2vw,1.6rem);font-family:'Playfair Display',serif;font-weight:700;margin-bottom:28px;color:var(--text);line-height:1.2}
.promo-cards{display:flex;flex-direction:column;gap:14px}
.promo-card{border-radius:var(--rm);overflow:hidden;position:relative}
.promo-card--big{
  aspect-ratio:2.2/1;background:var(--dark);
  display:flex;align-items:flex-end;padding:24px;
}
.promo-card__pct{font-size:2rem;font-weight:800;color:var(--gold);font-family:'Playfair Display',serif;line-height:1;margin-bottom:4px}
.promo-card__title{font-size:14px;font-weight:700;color:var(--tl)}
.promo-card__sub{font-size:11px;color:rgba(240,232,216,.5);margin-top:2px}
.promo-arr{font-size:11px;font-weight:600;color:var(--gold-l);margin-top:8px;display:inline-flex;align-items:center;gap:4px;letter-spacing:.06em}
.promo-arr::after{content:'→'}
.promo-card--sm{background:#fff;border:1px solid var(--bord);padding:18px 20px;display:flex;align-items:center;gap:16px}
.promo-card__sm-mark{
  width:44px;height:44px;background:rgba(61,104,32,.07);
  border:1px solid rgba(61,104,32,.18);border-radius:var(--r);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:var(--g);flex-shrink:0;
  font-family:'Playfair Display',serif;text-align:center;line-height:1.2;letter-spacing:.01em;
}
.promo-card__sm-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
.promo-card__sm-sub{font-size:11px;color:var(--muted)}

/* ===== FAQ ===== */
.faq-in{display:grid;grid-template-columns:300px 1fr;gap:72px;align-items:start}
.faq-list{border-top:1px solid var(--bord)}
.faq-item{border-bottom:1px solid var(--bord)}
.faq-item__q{
  width:100%;padding:20px 0;display:flex;
  align-items:center;justify-content:space-between;gap:16px;
  font-size:14px;font-weight:600;color:var(--text);
  text-align:left;background:transparent;transition:color .2s;
  font-family:'Inter',sans-serif;
}
.faq-item:hover .faq-item__q,.faq-item.op .faq-item__q{color:var(--g)}
.faq-cross{
  width:20px;height:20px;flex-shrink:0;position:relative;
  display:flex;align-items:center;justify-content:center;
}
.faq-cross::before,.faq-cross::after{
  content:'';position:absolute;background:var(--g);border-radius:2px;transition:.3s;
}
.faq-cross::before{width:14px;height:1.5px}
.faq-cross::after{width:1.5px;height:14px}
.faq-item.op .faq-cross::after{transform:rotate(90deg);opacity:0}
.faq-item__a{
  display:none;padding:0 0 20px;font-size:14px;
  color:var(--muted);line-height:1.75;max-width:680px;
}
.faq-item.op .faq-item__a{display:block}

/* ===== PRICE CALCULATOR ===== */
.price-calc{background:var(--dark);padding:var(--sec) 0}
.pcalc{border-radius:var(--rl);overflow:hidden;box-shadow:0 32px 96px rgba(0,0,0,.4);max-width:980px;margin:0 auto}
.pcalc__header{background:var(--dark3);padding:24px 36px;border-bottom:1px solid var(--bordl)}
.pcalc__header h3{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--tl)}
.pcalc__header p{font-size:12px;color:var(--tlm);margin-top:4px}
.pcalc__body{display:grid;grid-template-columns:1fr 1fr;gap:0}
.pcalc__left{background:#fff;padding:32px 36px}
.pcalc__right{background:#fafaf8;padding:32px 36px;border-left:1px solid var(--bord)}
.pcalc-lbl{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:block}
.ptype{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px}
.ptype__btn{
  padding:11px 14px;border:1.5px solid var(--bord);border-radius:var(--r);
  display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
  color:var(--text);transition:.2s;font-family:'Inter',sans-serif;
  cursor:pointer;background:#fff;text-align:left;
}
.ptype__btn:hover{border-color:var(--g)}
.ptype__btn.sel{border-color:var(--g);background:rgba(61,104,32,.06)}
.ptype__mark{width:9px;height:9px;border-radius:50%;background:var(--bord);flex-shrink:0;transition:.2s;margin-top:3px}
.ptype__btn.sel .ptype__mark{background:var(--g)}
.ptype__info{display:flex;flex-direction:column;gap:2px}
.ptype__name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}
.ptype__sub{font-size:11px;color:var(--muted);font-weight:400}
.ptype__btn.sel .ptype__name{color:var(--g)}
/* Size preset buttons */
.slider-sizes{display:flex;gap:6px;margin-bottom:4px;flex-wrap:wrap}
.slider-sz-btn{
  padding:6px 12px;border-radius:50px;border:1.5px solid var(--bord);
  font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;
  background:#fff;transition:.18s;
}
.slider-sz-btn:hover{border-color:var(--g);color:var(--g)}
.slider-sz-btn.sel{border-color:var(--g);background:rgba(61,104,32,.08);color:var(--g)}
.base-sqm{font-size:11px;font-weight:400;color:var(--muted)}
.slider-wrap{margin-bottom:28px}
.slider-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.slider-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.slider-val{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--text);line-height:1}
.slider-val span{font-size:13px;font-weight:400;color:var(--muted);margin-left:3px;font-family:'Inter',sans-serif}
input[type=range]{
  -webkit-appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;
  background:linear-gradient(to right,var(--g) 0%,var(--g) var(--val,50%),#e0d8cc var(--val,50%),#e0d8cc 100%);
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--g);
  box-shadow:0 2px 8px rgba(61,104,32,.4);border:2px solid #fff;
}
.slider-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}
.base-price{background:rgba(61,104,32,.07);border:1px solid rgba(61,104,32,.18);border-radius:var(--r);padding:11px 16px;margin-bottom:28px;font-size:13px;font-weight:600;color:var(--g)}
.kit-opts{display:flex;flex-direction:column;gap:8px}
.kit-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--bord);border-radius:var(--r);cursor:pointer;transition:.2s;background:#fff}
.kit-opt:hover{border-color:var(--g)}
.kit-opt.sel{border-color:var(--g);background:rgba(61,104,32,.05)}
.kit-opt__radio{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--bord);flex-shrink:0;transition:.2s}
.kit-opt.sel .kit-opt__radio{border-color:var(--g);box-shadow:inset 0 0 0 4px var(--g)}
.kit-opt__title{font-size:13px;font-weight:600;color:var(--text)}
.kit-opt__sub{font-size:11px;color:var(--muted);margin-left:auto}
.chk-opts{display:flex;flex-direction:column;gap:8px;margin-bottom:0}
.chk-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--bord);border-radius:var(--r);cursor:pointer;transition:.2s;background:#fafaf8}
.chk-opt:hover{border-color:var(--g)}
.chk-opt.sel{border-color:var(--g);background:rgba(61,104,32,.04)}
.chk-opt--dim{opacity:.4;}
.chk-opt__box{width:18px;height:18px;border-radius:3px;border:1.5px solid var(--bord);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:transparent;transition:.2s}
.chk-opt.sel .chk-opt__box{background:var(--g);border-color:var(--g);color:#fff}
.chk-opt__title{font-size:13px;font-weight:600;color:var(--text)}
.chk-opt__price{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}
.pcalc__summary{background:var(--dark2);padding:24px;border-radius:var(--r);margin-top:24px}
.sum-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--bordl);font-size:13px}
.sum-row:last-of-type{border-bottom:none}
.sum-row__lbl{color:var(--tlm)}
.sum-row__val{color:var(--tl);font-weight:600}
.sum-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px;margin-top:8px;border-top:1px solid rgba(185,130,69,.25)}
.sum-total__lbl{font-size:15px;font-weight:700;color:var(--tl)}
.sum-total__val{font-family:'Playfair Display',serif;font-size:1.7rem;font-weight:700;color:var(--gold)}
.sum-sqm{font-size:11px;color:var(--tlm);text-align:right;margin-top:2px}
.sum-tax{font-size:12px;color:var(--tlm);text-align:right;margin-top:4px}
.sum-tax strong{color:var(--tl)}
.sum-disclaimer{font-size:11px;color:var(--tlm);line-height:1.6;margin-top:14px;font-style:italic}

/* ── Мини-форма в калькуляторе */
.calc-mini-form{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.cmf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.cmf-row{grid-template-columns:1fr}}
.cmf-inp{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(185,130,69,.25);border-radius:8px;padding:11px 14px;color:var(--tl);font-size:14px;font-family:inherit;transition:border-color .2s;box-sizing:border-box}
.cmf-inp::placeholder{color:var(--tlm)}
.cmf-inp:focus{outline:none;border-color:var(--gold)}
.cmf-ta{resize:vertical;min-height:58px}
.cmf-submit{width:100%;justify-content:center;margin-top:4px}
.cmf-ok{text-align:center;padding:20px 0 4px}
.cmf-ok__icon{width:44px;height:44px;background:var(--g);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;margin:0 auto 12px}
.cmf-ok__text{color:var(--tl);font-size:15px;line-height:1.5}

/* ===== FINAL CTA ===== */
.fcta{background:var(--dark);color:var(--tl);padding:var(--sec) 0;position:relative;overflow:hidden}
.fcta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(61,104,32,.12),transparent 60%)}
.fcta__in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.fcta__h{font-size:clamp(1.6rem,3vw,2.4rem);color:var(--tl);margin-bottom:14px}
.fcta__sub{font-size:14px;color:var(--tlm);line-height:1.75}
.fcta__btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fcta-btn{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--r);transition:.25s;border:1px solid var(--bordl)}
.fcta-btn:hover{border-color:var(--gold);background:rgba(185,130,69,.06)}
.fcta-btn--main{background:var(--g);border-color:var(--g)}
.fcta-btn--main:hover{background:var(--gh);border-color:var(--gh)}
.fcta-btn__mark{width:36px;height:36px;border-radius:var(--r);background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tl)}
.fcta-btn__mark svg{width:18px;height:18px}
.fcta-btn__title{font-size:13px;font-weight:700;color:var(--tl);display:block;margin-bottom:2px}
.fcta-btn__sub{font-size:11px;color:var(--tlm);display:block}

/* ===== FOOTER ===== */
.footer{background:var(--dark);border-top:1px solid var(--bordl)}
.footer__top{display:grid;grid-template-columns:240px 1fr 1fr 1fr 200px;gap:40px;padding:64px 0 48px}
.footer__logo{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--tl);display:block;margin-bottom:14px}
.footer__tagline{font-size:13px;color:var(--tlm);line-height:1.7;max-width:200px;margin-bottom:20px}
.footer__socials{display:flex;gap:10px}
.foot-soc{height:42px;padding:0 20px;border:1px solid var(--bordl);border-radius:50px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--tlm);letter-spacing:.08em;transition:.2s;text-transform:uppercase}
.foot-soc:hover{border-color:var(--gold);color:var(--gold);background:rgba(181,114,46,.06)}
.footer__col-title{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.footer__links{display:flex;flex-direction:column;gap:10px}
.footer__links a{font-size:13px;color:rgba(240,232,216,.42);transition:color .2s}
.footer__links a:hover{color:var(--gold)}
.footer__contacts{display:flex;flex-direction:column;gap:10px}
.footer__contact{font-size:13px;color:rgba(240,232,216,.42)}
.footer__contact a{color:rgba(240,232,216,.65);transition:color .2s}
.footer__contact a:hover{color:var(--gold)}
.footer__maps{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}
.footer__map-link{font-size:11px;font-weight:600;color:rgba(240,232,216,.55);border:1px solid rgba(240,232,216,.18);border-radius:4px;padding:3px 9px;transition:color .2s,border-color .2s;white-space:nowrap}
.footer__map-link:hover{color:var(--gold);border-color:var(--gold)}
.footer__prod{background:rgba(255,255,255,.03);border:1px solid var(--bordl);border-radius:var(--rm);padding:22px}
.footer__prod-img{height:80px;border-radius:var(--r);overflow:hidden;position:relative;margin-bottom:14px;background:var(--dark3)}
.footer__prod-title{font-size:12px;font-weight:700;color:var(--tl);margin-bottom:6px}
.footer__prod-sub{font-size:11px;color:var(--tlm);line-height:1.5;margin-bottom:14px}
.footer__bottom{border-top:1px solid var(--bordl);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer__copy{font-size:12px;color:rgba(240,232,216,.25)}
.footer__legal{display:flex;gap:20px}
.footer__legal a{font-size:12px;color:rgba(240,232,216,.25);transition:color .2s}
.footer__legal a:hover{color:var(--gold-l)}

/* ===== RESPONSIVE BASE ===== */
@media(max-width:1200px){
  .footer__top{grid-template-columns:1fr 1fr 1fr;gap:32px}
  .footer__brand{grid-column:1/-1}
  .footer__prod{display:none}
}
@media(max-width:1100px){
  .hdr__nav{display:none}
  .svc-head{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:repeat(3,1fr)}
  .scen-head{grid-template-columns:1fr}
  .clf-wrap{grid-template-columns:1fr}
  .clf-photo{display:none}
  .srub-info{grid-template-columns:1fr;gap:48px}
  .quality{grid-template-columns:1fr}
  .pf-card--featured{grid-column:span 1}
  .pf-card--featured .pf-card__img{aspect-ratio:4/3}
  .faq-in{grid-template-columns:1fr}
  .process__in{grid-template-columns:1fr}
  .process__visual{display:none}
  .fcta__in{grid-template-columns:1fr}
  .fcta__btns{grid-template-columns:1fr 1fr}
  .rev-promo{grid-template-columns:1fr}
}
@media(max-width:900px){
  :root{--pad:20px}
  .ham{display:flex}
  .pcalc__body{grid-template-columns:1fr}
  .pcalc__right{border-left:none;border-top:1px solid var(--bord)}
}
@media(max-width:640px){
  .hero__stats{gap:0}
  .hero__stat{
    border-right:none;padding-right:0;margin-right:0;
    width:50%;border-bottom:1px solid rgba(240,232,216,.1);
    padding-bottom:16px;margin-bottom:16px;
  }
  .hero__stat:nth-child(odd){padding-right:16px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .scen-grid{grid-template-columns:1fr}
  .scen-card{aspect-ratio:auto;min-height:480px}
  .pf-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .fcta__btns{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr 1fr}
  .ptype{grid-template-columns:1fr 1fr}
}

/* ===== REDESIGNED BLOCKS & CARDS ===== */
.svc-grid{counter-reset:svc}
.svc-card{counter-increment:svc}
.svc-card__body::before{
  content:'0' counter(svc);
  display:block;font-size:10px;font-weight:700;
  letter-spacing:.16em;font-family:'Inter',sans-serif;
  color:rgba(181,114,46,.38);margin-bottom:10px;
  transition:color .3s;
}
.svc-card:hover .svc-card__body::before{color:var(--gold)}
.svc-card:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 64px rgba(0,0,0,.2),inset 0 3px 0 var(--gold);
}
.pf-card__img{position:relative}
.pf-card__body{
  padding:20px 22px 22px;
  border-top:3px solid transparent;
  transition:border-color .35s;
}
.pf-card:hover .pf-card__body{border-top-color:var(--g)}
.pf-card__img::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,transparent 50%,rgba(33,20,8,.3) 100%);
  opacity:0;transition:opacity .4s;pointer-events:none;
}
.pf-card:hover .pf-card__img::after{opacity:1}
.rev-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  overflow-x:visible;padding-bottom:0;
}
.rev-card{flex:none}
.rev-card__quote::before{
  content:'\201C';
  font-family:'Playfair Display',serif;
  font-size:4.5rem;line-height:.75;
  color:var(--gold);opacity:.2;
  display:block;margin-bottom:4px;
}
.ps{transition:background .25s,padding-left .25s}
.ps:hover{background:rgba(181,114,46,.05);padding-left:10px}
.ps__num{transition:color .25s}
.ps:hover .ps__num{color:rgba(181,114,46,.5)}
.faq-item{
  border-bottom:1px solid var(--bord);
  border-left:2px solid transparent;
  transition:border-left-color .25s,padding-left .25s,background .25s;
}
.faq-item:hover,.faq-item.op{
  border-left-color:var(--g);
  padding-left:14px;
  background:rgba(181,114,46,.03);
}
.scen-tag{backdrop-filter:blur(6px)}
.scen-card:hover .scen-tag{
  background:rgba(181,114,46,.18);
  border-color:rgba(181,114,46,.32);
}

/* ===== WARM: HERO + PAGE REDESIGN ===== */

/* --- Новые анимации --- */
@keyframes revealClip{
  from{clip-path:inset(0 0 100% 0);opacity:1;transform:none}
  to{clip-path:inset(0 0 0% 0);opacity:1;transform:none}
}
@keyframes shimmerLine{
  from{background-position:-200% center}
  to{background-position:200% center}
}
@keyframes warmPulse{
  0%,100%{box-shadow:0 4px 20px rgba(181,114,46,.28)}
  50%{box-shadow:0 8px 44px rgba(181,114,46,.52),0 0 0 6px rgba(181,114,46,.07)}
}
@keyframes floatRing{
  0%,100%{transform:translateY(0) scale(1)}
  40%{transform:translateY(-12px) scale(1.03)}
  70%{transform:translateY(-6px) scale(.98)}
}
@keyframes warmFadeUp{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}

/* --- Header: прозрачный (hero) → кремовый (scrolled) --- */
.hdr{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important}
.hdr::after{display:none!important}

/* Scrolled */
.hdr.scrolled{
  background:rgba(241,229,207,0.94)!important;
  border-bottom:1px solid rgba(120,70,30,.1)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
.hdr.scrolled .hdr__in{height:74px!important;padding:0 44px!important}
.hdr.scrolled .logo__img{width:80px!important;height:80px!important}
.hdr.scrolled .hdr__nav a{color:var(--muted)!important}
.hdr.scrolled .hdr__nav a:hover{color:var(--text)!important}
.hdr.scrolled .hdr__phone-num{color:var(--text)!important}
.hdr.scrolled .hdr__phone-sub{color:var(--muted)!important}
.hdr.scrolled .hdr__sep{background:rgba(120,70,30,.18)!important}
.hdr.scrolled .hdr__btn:not(.hdr__btn--cta){height:38px!important;color:var(--text)!important;border-color:rgba(120,70,30,.22)!important}
.hdr.scrolled .hdr__btn:not(.hdr__btn--cta):hover{border-color:var(--gold)!important;color:var(--gold)!important}
.hdr.scrolled .hdr__btn--cta{height:38px!important}
.hdr.scrolled .ham span{background:var(--text)!important}
.hdr__btn--cta,.hdr.scrolled .hdr__btn--cta{background:var(--g)!important;border-color:var(--g)!important;color:#fff!important}

/* --- Hero: editorial split — cream слева, фото справа --- */
.hero{
  align-items:center!important;
  background:var(--cream2)!important;
}
.hero__overlay{
  background:
    linear-gradient(
      108deg,
      rgba(249,244,235,1) 0%,
      rgba(249,244,235,.98) 28%,
      rgba(248,238,218,.75) 50%,
      rgba(240,226,198,.2) 68%,
      transparent 82%
    )!important;
}
/* Дополнительный warm vignette снизу */
.hero__overlay::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(249,244,235,.6) 0%,transparent 30%);
  pointer-events:none;
}

/* Текст hero: тёмный шоколад */
.hero__h1{
  color:var(--text)!important;
  text-shadow:none!important;
  animation:revealClip 1.1s cubic-bezier(.77,0,.175,1) .35s both!important;
}
.hero__sub{
  color:var(--muted)!important;
  animation:warmFadeUp .9s ease .7s both!important;
}
.hero__eyebrow-text{
  color:rgba(120,70,30,.65)!important;
}
/* Eyebrow line: gold shimmer */
.hero__eyebrow-line{
  width:44px;height:1.5px;
  background:linear-gradient(90deg,var(--gold-d) 0%,var(--gold-l) 50%,var(--gold-d) 100%);
  background-size:200% 100%;
  animation:shimmerLine 2.5s linear 1.6s infinite!important;
}

/* Stats: тёмный текст */
.hero__stat-num{
  color:var(--dark)!important;
  font-size:clamp(1.4rem,2.2vw,2rem)!important;
}
.hero__stat-txt{color:var(--muted)!important}
.hero__stats{
  border-top:1px solid rgba(120,70,30,.14)!important;
}
.hero__stat{
  border-right-color:rgba(120,70,30,.12)!important;
}

/* Контент: левая половина */
.hero__content{max-width:54%}
.hero__btns{margin-bottom:52px!important}

/* Кнопка outline: тёмная рамка на светлом фоне */
.hero .btn-outline{
  border-color:rgba(120,70,30,.3)!important;
  color:var(--text)!important;
  background:rgba(249,244,235,.5)!important;
  backdrop-filter:blur(8px);
}
.hero .btn-outline:hover{
  background:rgba(181,114,46,.1)!important;
  border-color:var(--gold)!important;
  color:var(--dark)!important;
}
/* CTA: warm glow pulse */
.hero .btn-primary{
  animation:warmPulse 3s ease-in-out 2s infinite;
}

/* Декоративные кольца — z-index:2 чтобы быть поверх overlay */
.hero::before{
  content:'';
  position:absolute;
  bottom:clamp(72px,11vh,130px);
  right:clamp(44px,7vw,110px);
  z-index:2;
  pointer-events:none;
  width:96px;height:96px;
  border:1.5px solid rgba(181,114,46,.32);
  border-radius:50%;
  animation:floatRing 5.5s ease-in-out .3s infinite;
}
.hero::after{
  content:'';
  position:absolute;
  bottom:clamp(88px,11vh,148px);
  right:clamp(60px,7vw,126px);
  z-index:2;
  pointer-events:none;
  width:64px;height:64px;
  border:1px solid rgba(181,114,46,.16);
  border-radius:50%;
  animation:floatRing 5.5s ease-in-out .9s infinite;
}

/* --- Quote strip: тёплый кремовый фон --- */
.quote-strip{
  background:var(--cream)!important;
  border-top:1px solid var(--bord)!important;
  border-bottom:1px solid var(--bord)!important;
}
.quote-strip__text{
  color:var(--text)!important;
}
.quote-strip__mark{
  color:var(--gold)!important;
  opacity:.35!important;
}
.quote-strip__author-name{color:var(--muted)!important}
.quote-strip__author-line{background:var(--gold-d)!important}

/* --- Ценовой калькулятор: кремовый --- */
.price-calc{
  background:var(--cream3)!important;
  border-top:1px solid var(--bord);
}
.pcalc__header{
  background:var(--cream2)!important;
  border-bottom-color:var(--bord)!important;
}
.pcalc__header h3{color:var(--text)!important}
.pcalc__header p{color:var(--muted)!important}
.pcalc{
  box-shadow:0 16px 64px rgba(120,70,30,.14)!important;
}

/* --- Promo side: тёплый кремовый --- */
.promo-side{
  background:var(--cream)!important;
  border-left:1px solid var(--bord)!important;
}
.promo-title{color:var(--text)!important}

/* --- Финальный CTA: тёплый тёмный янтарь --- */
.fcta{
  background:linear-gradient(135deg,#1C1409 0%,#231A0B 100%)!important;
}

/* --- Улучшенные scroll reveal для warm --- */
.rv{
  transition:
    opacity .85s cubic-bezier(.22,.68,0,1),
    transform .85s cubic-bezier(.22,.68,0,1)!important;
}

/* ===== WARM: WOOD TEXTURE + BLOCK FIX ===== */

/* --- Анимация годовых колец --- */
@keyframes ringExpand{
  from{transform:scale(.6);opacity:0}
  to{transform:scale(1);opacity:1}
}
@keyframes ringPulse{
  0%,100%{opacity:.18}
  50%{opacity:.32}
}

/* --- Fix: clf-benefits — тёплая тёмная древесина (красное дерево) --- */
.clf-benefits{
  background:
    repeating-linear-gradient(
      91.2deg,
      rgba(200,140,60,.06) 0,rgba(200,140,60,.06) 1px,
      transparent 1px,transparent 9px
    ),
    repeating-linear-gradient(
      89.1deg,
      rgba(160,100,40,.04) 0,rgba(160,100,40,.04) 2px,
      transparent 2px,transparent 16px
    ),
    linear-gradient(145deg,#2A1C0C 0%,#1F1508 100%)!important;
}
.ben__title{color:#F5E8D0!important;font-weight:600}
.ben__sub{color:rgba(245,232,208,.52)!important}
.ben__mark{
  width:36px;height:36px;
  border:1.5px solid rgba(200,150,60,.3)!important;
  color:var(--gold-l)!important;
  font-size:10px;letter-spacing:.05em;
}

/* --- Текстура древесной волокны на светлых секциях --- */
/* Subtle grain on cream backgrounds */
.sec--light{position:relative;overflow:hidden}
.sec--light::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    repeating-linear-gradient(
      91.4deg,
      rgba(101,60,20,.018) 0,rgba(101,60,20,.018) 1px,
      transparent 1px,transparent 8px
    ),
    repeating-linear-gradient(
      88.7deg,
      rgba(120,72,26,.013) 0,rgba(120,72,26,.013) 2px,
      transparent 2px,transparent 15px
    ),
    repeating-linear-gradient(
      90.3deg,
      rgba(80,44,14,.011) 0,rgba(80,44,14,.011) 1px,
      transparent 1px,transparent 24px
    );
}
/* Fix: дочерние элементы sec--light поверх зерна */
.sec--light > .wrap{position:relative;z-index:1}

/* --- Зерно на тёмных деревянных секциях --- */
.quality__why,.quality__prod,.clf-benefits{position:relative;overflow:hidden}
.quality__why::after,.quality__prod::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    repeating-linear-gradient(
      91deg,
      rgba(181,114,46,.055) 0,rgba(181,114,46,.055) 1px,
      transparent 1px,transparent 10px
    ),
    repeating-linear-gradient(
      89.2deg,
      rgba(181,114,46,.035) 0,rgba(181,114,46,.035) 2px,
      transparent 2px,transparent 18px
    ),
    repeating-linear-gradient(
      90.6deg,
      rgba(200,140,60,.025) 0,rgba(200,140,60,.025) 1px,
      transparent 1px,transparent 30px
    );
}
/* Контент поверх зерна */
.quality__why > *,.quality__prod > *{position:relative;z-index:1}

/* --- Декоративные годовые кольца дерева --- */
/* Quote strip: кольца в правом углу */
.quote-strip{position:relative;overflow:hidden}
.quote-strip::after{
  content:'';
  position:absolute;top:-40px;right:-60px;
  width:280px;height:280px;
  border-radius:50%;
  border:1px solid rgba(181,114,46,.09);
  box-shadow:
    0 0 0 22px rgba(181,114,46,.07),
    0 0 0 46px rgba(181,114,46,.055),
    0 0 0 72px rgba(181,114,46,.04),
    0 0 0 100px rgba(181,114,46,.028),
    0 0 0 132px rgba(181,114,46,.018),
    0 0 0 168px rgba(181,114,46,.01);
  pointer-events:none;z-index:0;
  animation:ringPulse 6s ease-in-out infinite;
}
/* Hero: годовые кольца левый нижний угол */
.hero__stats{position:relative}
.hero__stats::before{
  content:'';
  position:absolute;
  bottom:-80px;left:-100px;
  width:200px;height:200px;
  border-radius:50%;
  border:1px solid rgba(181,114,46,.07);
  box-shadow:
    0 0 0 18px rgba(181,114,46,.055),
    0 0 0 38px rgba(181,114,46,.04),
    0 0 0 60px rgba(181,114,46,.028),
    0 0 0 86px rgba(181,114,46,.016);
  pointer-events:none;z-index:0;
  animation:ringPulse 8s ease-in-out 1s infinite;
}

/* --- Декоративный плинтус-полоска с зерном между секциями --- */
.sec--light + .sec--light{
  border-top:none;
}
/* Древесный разделитель */
.wood-divider{
  height:4px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(101,60,20,.07) 0,rgba(101,60,20,.07) 1px,
      transparent 1px,transparent 6px
    ),
    linear-gradient(to right,
      transparent 0%,
      rgba(181,114,46,.18) 20%,
      rgba(181,114,46,.25) 50%,
      rgba(181,114,46,.18) 80%,
      transparent 100%
    );
  margin:0;
}

/* --- CLF wrap: тёплая тень --- */
.clf-wrap{
  box-shadow:0 20px 72px rgba(120,60,20,.14)!important;
}

/* --- Quote strip: тёплые цвета кольца --- */
.quote-strip > .wrap{position:relative;z-index:1}

/* ══════════════════════════════════
   ANIMATION PACK — WARM VARIANT
══════════════════════════════════ */

/* Scroll progress bar */
#pgbar{position:fixed;top:0;left:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--gd),var(--gold-l),var(--gd));
  background-size:200% 100%;animation:pgShift 3s linear infinite;
  z-index:9999;box-shadow:0 0 10px rgba(181,114,46,.45);pointer-events:none;transition:width .08s linear;}
@keyframes pgShift{0%{background-position:0%}100%{background-position:200%}}

/* Button ripple */
.btn-p,.btn-s{position:relative;overflow:hidden}
.rpl{position:absolute;border-radius:50%;width:6px;height:6px;
  background:rgba(255,255,255,.32);transform:scale(0);
  animation:rplA .6s ease-out forwards;pointer-events:none;margin-left:-3px;margin-top:-3px;}
@keyframes rplA{to{transform:scale(55);opacity:0}}

/* CTA glow pulse */
@keyframes ctaGlow{
  0%,100%{box-shadow:0 4px 18px rgba(54,82,30,.22)}
  50%{box-shadow:0 4px 32px rgba(54,82,30,.5),0 0 0 7px rgba(74,110,42,.07)}
}
.hero .btn-p{animation:ctaGlow 3s ease-in-out infinite!important}
.hero .btn-p:hover{animation:none!important}

/* Stagger для карточек */
.svc-card,.pf-card,.rev-card{
  opacity:0;transform:translateY(26px) scale(.985);
  transition:opacity .52s ease,transform .52s cubic-bezier(.22,.68,0,1.2);
}
.svc-card.ai,.pf-card.ai,.rev-card.ai{opacity:1;transform:none}

/* Сценарий — clip-path reveal */
.scen-card__img{overflow:hidden}
.scen-card:not(.vis) .scen-card__img img{clip-path:inset(0 0 100% 0)!important;transition:clip-path .8s cubic-bezier(.77,0,.175,1) var(--del,0s),transform .65s ease!important}
.scen-card.vis .scen-card__img img{clip-path:inset(0 0 0% 0)!important}

/* Частицы в hero */
.ptc{position:absolute;border-radius:2px;pointer-events:none;z-index:2;
  animation:ptcUp var(--d,9s) var(--del,0s) ease-in-out infinite;}
@keyframes ptcUp{
  0%{transform:translateY(0) rotate(0deg);opacity:0}
  12%{opacity:var(--a,.12)}
  80%{opacity:var(--a,.12)}
  100%{transform:translateY(var(--h,-300px)) rotate(var(--r,160deg));opacity:0}
}

/* Typewriter cursor */
.twc{display:inline-block;width:1.5px;height:.78em;background:var(--gold);
  vertical-align:middle;margin-left:1px;border-radius:1px;
  animation:twBlink .75s steps(1) infinite;}
@keyframes twBlink{50%{opacity:0}}

/* Animated underline для nav */
.nav__links a{position:relative}
.nav__links a::after{content:'';position:absolute;bottom:-2px;left:0;
  width:0;height:1.5px;background:var(--gold);border-radius:2px;transition:width .3s ease;}
.nav__links a:hover::after{width:100%}

/* Process steps */
.proc-item{opacity:0;transform:translateX(-18px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.22,.68,0,1.2);}
.proc-item.ai{opacity:1;transform:none}

/* Sec-title shimmer underline */
.sec-title::after{content:'';display:block;width:0;height:2px;
  background:linear-gradient(90deg,var(--g),var(--gold));border-radius:2px;
  margin:12px auto 0;transition:width .8s cubic-bezier(.77,0,.175,1) .15s;}
.sec-title.vis::after,.rv.vis .sec-title::after{width:60px}

/* FAQ items stagger */
.faq-item{opacity:0;transform:translateY(10px);
  transition:opacity .4s ease,transform .4s ease,border-left-color .25s,padding-left .25s,background .25s;}
.faq-item.ai{opacity:1;transform:none}

/* Stat number pop */
@keyframes numPop{0%{transform:scale(1)}45%{transform:scale(1.14)}100%{transform:scale(1)}}
.hero__stat-num{display:inline-block}
.hero__stat-num.popped{animation:numPop .45s ease forwards}

/* ════════════════════════════════════════
   DESIGN UPGRADE — воздух, размер, акценты
════════════════════════════════════════ */

/* ─── 1. Typography & global spacing ─── */
h2{font-size:clamp(2rem,3.8vw,3.4rem)!important}
h3{font-size:clamp(1.15rem,2.1vw,1.55rem)!important}
.sub{font-size:clamp(1rem,1.6vw,1.15rem)!important;line-height:1.85!important}
.sec{padding:clamp(80px,11vw,140px) 0!important}
.wrap{padding-left:clamp(24px,5.5vw,96px)!important;padding-right:clamp(24px,5.5vw,96px)!important}

/* ─── 2. Hero — крупнее, увереннее ─── */
.hero__h1{
  font-size:clamp(3.2rem,7.5vw,6.4rem)!important;
  letter-spacing:-.025em!important;
  line-height:1.02!important;
}
.hero__sub{
  font-size:clamp(1.05rem,1.8vw,1.22rem)!important;
  line-height:1.82!important;
  color:var(--muted)!important;
  margin-bottom:44px!important;
}
.hero__btns .btn--lg{padding:18px 48px!important;font-size:15px!important}
.hero__btns{margin-bottom:88px!important}
.hero__stat-num{
  font-size:clamp(1.8rem,2.8vw,2.6rem)!important;
  color:var(--dark)!important;
}
.hero__stat-txt{
  font-size:13px!important;
  color:rgba(42,26,9,.55)!important;
}
.hero__stat{padding:0 52px 0 0!important;margin-right:52px!important}
/* Overlay: плотнее слева чтобы текст читался */
.hero__overlay{
  background:
    linear-gradient(
      108deg,
      rgba(249,244,235,1) 0%,
      rgba(249,244,235,.99) 32%,
      rgba(248,238,218,.8) 52%,
      rgba(240,226,198,.22) 70%,
      transparent 84%
    )!important;
}

/* ─── 3. Services grid: 2 большие + 3 маленькие ─── */
.svc-grid{
  grid-template-columns:1.7fr 1.7fr 1fr 1fr 1fr!important;
  gap:16px!important;
}
.svc-card:nth-child(1) .svc-card__img,
.svc-card:nth-child(2) .svc-card__img{aspect-ratio:2/3!important}
.svc-card:nth-child(3) .svc-card__img,
.svc-card:nth-child(4) .svc-card__img,
.svc-card:nth-child(5) .svc-card__img{aspect-ratio:3/4!important}
.svc-card:nth-child(1) .svc-card__title,
.svc-card:nth-child(2) .svc-card__title{
  font-size:1.35rem!important;
  margin-bottom:8px!important;
}
.svc-card:nth-child(1) .svc-card__text,
.svc-card:nth-child(2) .svc-card__text{font-size:12px!important}
.svc-card:nth-child(1) .svc-card__body,
.svc-card:nth-child(2) .svc-card__body{padding:24px 22px!important}
/* Hover: gold top accent */
.svc-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 32px 72px rgba(0,0,0,.22),inset 0 4px 0 var(--gold)!important;
}
.svc-card:hover .svc-card__img img{transform:scale(1.07)!important}

/* ─── 4. Scenarios — hover "рассчитать" ─── */
.scen-card__body::after{
  content:'Рассчитать стоимость →';
  display:block;margin-top:14px;
  font-size:12px;font-weight:700;
  color:var(--gold-l);letter-spacing:.07em;
  opacity:0;transform:translateY(8px);
  transition:opacity .3s ease,transform .3s ease;
}
.scen-card:hover .scen-card__body::after{opacity:1;transform:translateY(0)}
/* Hide the existing btn inside cards to avoid duplication — keep ::after */
.scen-card__body .btn{display:none}

/* ─── 5. Calculator — premium feel ─── */
.clf-form{padding:64px!important}
.clf-benefits{padding:64px 56px!important}
.calc-pane__title{
  font-size:20px!important;
  font-family:'Playfair Display',serif!important;
  color:var(--text)!important;
  margin-bottom:24px!important;
}
.calc-opt{padding:16px 20px!important}
.calc-opt__title{font-size:14px!important}
.calc-opt__sub{font-size:12px!important}
.clf-step__dot{width:32px!important;height:32px!important;font-size:12px!important}
.ben__mark{width:40px!important;height:40px!important}
.ben__title{font-size:14px!important}
.ben__sub{font-size:13px!important}
/* Заголовок блока калькулятора */
.clf-wrap h2{font-size:clamp(1.7rem,3vw,2.4rem)!important}

/* ─── 6. Why-us — крупнее карточки ─── */
.why-card{padding:28px 26px!important}
.why-card__n{font-size:2.2rem!important;color:rgba(185,130,69,.32)!important}
.why-card__title{font-size:14px!important;margin-bottom:8px!important}
.why-card__text{font-size:13px!important;line-height:1.65!important}

/* ─── 7. Portfolio ─── */
.pf-card__body{padding:22px 24px 24px!important}
.pf-card__title{font-size:16px!important}
.pf-card__loc{font-size:13px!important}
.tag{padding:4px 12px!important;font-size:12px!important}

/* ─── 8. Process ─── */
.ps{padding:26px 0!important}
.ps__num{font-size:2.5rem!important;color:rgba(185,130,69,.38)!important}
.ps__title{font-size:15px!important;margin-bottom:6px!important}
.ps__text{font-size:14px!important;line-height:1.7!important}

/* ─── 9. FAQ ─── */
.faq-item__q{font-size:15px!important;padding:22px 0!important}
.faq-item__a{font-size:15px!important;line-height:1.82!important}

/* ─── 10. Reviews ─── */
.rev-card{padding:28px!important}
.rev-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}
.rev-card__quote{font-size:14px!important;line-height:1.75!important}
.rev-card__author-name{font-size:14px!important}

/* ─── 11. Quote strip — шире и крупнее ─── */
.quote-strip{padding:80px 0!important}
.quote-strip__text{font-size:clamp(1.25rem,2.4vw,1.85rem)!important;line-height:1.6!important}

/* ─── 12. Mobile sticky bar ─── */
.mob-bar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:150;
  background:rgba(18,14,6,.97);border-top:1px solid rgba(181,114,46,.18);
  backdrop-filter:blur(12px);
  padding:8px 16px max(12px,env(safe-area-inset-bottom));
  gap:8px;
}
.mob-bar__btn{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:10px 6px;border-radius:var(--r);font-size:11px;font-weight:600;
  letter-spacing:.04em;color:rgba(240,232,216,.65);
  transition:opacity .2s,background .2s;text-decoration:none;
}
.mob-bar__btn svg{flex-shrink:0}
.mob-bar__btn--call{background:rgba(74,110,42,.18);color:var(--g)}
.mob-bar__btn--wa{background:rgba(37,211,102,.12);color:#2cc462}
.mob-bar__btn--calc{background:rgba(181,114,46,.15);color:var(--gold)}
.mob-bar__btn:active{opacity:.75}
@media(min-width:901px){.mob-bar{display:none!important}}
@media(max-width:900px){
  .mob-bar{display:flex}
  body{padding-bottom:72px}
}

/* ─── 13. Responsive adjustments ─── */
@media(max-width:1100px){
  .svc-grid{grid-template-columns:repeat(2,1fr)!important}
  .svc-card:nth-child(1) .svc-card__img,
  .svc-card:nth-child(2) .svc-card__img{aspect-ratio:4/3!important}
}
@media(max-width:640px){
  .svc-grid{grid-template-columns:1fr!important}
  .hero__h1{font-size:clamp(2rem,8vw,2.8rem)!important}
  .hero__content{max-width:100%!important}
  .hero__stat{padding:0!important;margin:0!important;width:50%}
  .quote-strip{padding:52px 0!important}
  .clf-form{padding:32px 24px!important}
  .clf-benefits{padding:32px 24px!important}
}

/* ═══════════════════════════════════════════════════════
   REDESIGN v2 — шире, мощнее, коммерчески сильнее
═══════════════════════════════════════════════════════ */

/* 1. Контейнер: шире — меньше пустых полей */
.wrap{
  padding-left:clamp(20px,3vw,44px)!important;
  padding-right:clamp(20px,3vw,44px)!important;
}

/* 2. Базовый шрифт 16px + крупные заголовки */
body{font-size:16px}
h2{font-size:clamp(2.2rem,4.2vw,3.8rem)!important}
h3{font-size:clamp(1.2rem,2.2vw,1.65rem)!important}

/* 3. Hero: тёмный мощный фото-герой */
.hero{background:#060a05!important;align-items:flex-end!important}
.hero__overlay{
  background:
    linear-gradient(108deg,
      rgba(6,10,5,.82) 0%,
      rgba(6,10,5,.70) 30%,
      rgba(6,10,5,.38) 58%,
      rgba(6,10,5,.08) 78%,
      transparent 100%
    ),
    linear-gradient(to bottom,
      rgba(6,10,5,.08) 0%,
      rgba(6,10,5,.82) 100%
    )!important;
}
.hero__overlay::after{display:none!important}
.hero::before,.hero::after{display:none!important}

/* Hero text — светлый на тёмном */
.hero__h1{
  color:#fff!important;
  text-shadow:0 2px 28px rgba(0,0,0,.55),0 1px 0 rgba(0,0,0,.2)!important;
  font-size:clamp(2.2rem,4vw,3.6rem)!important;
  line-height:1.12!important;
}
.hero__sub{
  color:rgba(245,232,208,.90)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.4)!important;
}
.hero__eyebrow-text{color:var(--gold-l)!important}
.hero__stat-num{
  color:var(--gold-l)!important;
  font-size:clamp(1.5rem,2.2vw,2rem)!important;
}
.hero__stat-txt{color:rgba(240,232,216,.55)!important;font-size:12px!important}
.hero__stats{border-top:1px solid rgba(240,232,216,.12)!important}
.hero__stat{
  border-right-color:rgba(240,232,216,.12)!important;
  padding:0 40px 0 0!important;
  margin-right:40px!important;
}
.hero__content{max-width:540px!important}
.hero .btn--outline{
  border-color:rgba(240,232,216,.28)!important;
  color:var(--tl)!important;
  background:rgba(255,255,255,.04)!important;
  backdrop-filter:blur(6px)!important;
}
.hero .btn--outline:hover{
  background:rgba(181,114,46,.14)!important;
  border-color:var(--gold)!important;
  color:var(--gold-l)!important;
}
/* Подстрока "по Алтайскому краю" */
.hero__h1-loc{
  display:block;
  font-family:'Inter',sans-serif;
  font-size:clamp(.82rem,1.1vw,.95rem);
  font-weight:600;font-style:normal;
  color:var(--gold-l);
  letter-spacing:.2em;text-transform:uppercase;
  margin-top:.55em;
  animation:fadeIn .8s ease 1.1s both;
}

/* 4. Услуги: 2 большие + 4 маленькие */
.svc-grid{
  grid-template-columns:1.8fr 1.8fr 1fr 1fr 1fr 1fr!important;
  gap:14px!important;
}
.svc-card:nth-child(1) .svc-card__img,
.svc-card:nth-child(2) .svc-card__img{aspect-ratio:3/4!important}
.svc-card:nth-child(n+3) .svc-card__img{aspect-ratio:5/6!important}
.svc-card:hover{
  transform:translateY(-7px) scale(1.008)!important;
  box-shadow:0 32px 72px rgba(0,0,0,.28),0 0 0 1.5px var(--gold)!important;
}
.svc-card:nth-child(1) .svc-card__title,
.svc-card:nth-child(2) .svc-card__title{font-size:1.25rem!important}

/* 5. Сценарии: вопрос + мета */
.scen-qs{
  display:block;
  font-family:'Inter',sans-serif;
  font-size:11px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  color:rgba(245,232,208,.38);
  margin-bottom:10px;
}
.scen-meta{
  display:flex;align-items:center;gap:10px;
  margin:10px 0 12px;
}
.scen-meta__time{
  font-family:'Playfair Display',serif;
  font-size:1.35rem;font-weight:700;
  color:var(--gold-l);line-height:1;
}
.scen-meta__sep{
  width:1px;height:20px;
  background:rgba(245,232,208,.2);
  flex-shrink:0;
}
.scen-meta__who{font-size:12px;color:rgba(245,232,208,.5);line-height:1.35}
.scen-card__cta{
  display:block;
  font-size:13px;font-weight:700;
  color:var(--gold-l);letter-spacing:.06em;
  margin-top:14px;
  opacity:0;transform:translateY(8px);
  transition:opacity .3s,transform .3s;
}
.scen-card__cta::after{content:' →'}
.scen-card:hover .scen-card__cta{opacity:1;transform:translateY(0)}
/* Убрать старый CSS ::after — используем HTML .scen-card__cta */
.scen-card__body::after{display:none!important}

/* Калькулятор: 2 колонки на десктопе */
@media(min-width:1101px){
  .clf-wrap{grid-template-columns:1.25fr 1fr!important}
  .clf-photo{display:none!important}
  .clf-form{padding:64px 56px!important}
  .clf-benefits{padding:64px 52px!important}
}

/* Step counter */
.clf-step-header{
  display:flex;align-items:center;justify-content:flex-end;
  margin-bottom:10px;
}
.clf-step-prog{
  font-size:12px;color:var(--muted);font-weight:500;
  letter-spacing:.04em;
}
.clf-step-prog strong{color:var(--text);font-weight:700}

/* 6. Производство: кинематографический блок */
.quality__prod{padding:0!important;min-height:560px!important}
.prod-cin{
  position:relative;z-index:1;
  height:100%;min-height:560px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.prod-cin__img{position:absolute;inset:0;z-index:0;overflow:hidden}
.prod-cin__img img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.prod-cin__ovl{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,
    rgba(6,10,5,.98) 0%,
    rgba(6,10,5,.84) 28%,
    rgba(6,10,5,.46) 58%,
    rgba(6,10,5,.14) 100%
  );
}
.prod-cin__body{
  position:relative;z-index:2;
  padding:clamp(28px,4vw,56px);
}
.prod-facts{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  margin-top:24px;
}
.prod-fact{
  padding:16px 18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(185,130,69,.18);
  border-radius:var(--r);
  backdrop-filter:blur(6px);
  transition:background .3s,border-color .3s;
}
.prod-fact:hover{background:rgba(255,255,255,.09);border-color:rgba(185,130,69,.36)}
.prod-fact__n{
  font-size:9px;font-weight:700;letter-spacing:.2em;
  color:var(--gold-l);margin-bottom:7px;
  font-family:'Inter',sans-serif;
}
.prod-fact__title{
  font-size:14px;font-weight:700;color:var(--tl);
  margin-bottom:4px;
  font-family:'Playfair Display',serif;
}
.prod-fact__text{font-size:12px;color:var(--tlm);line-height:1.55}

/* 7. Портфолио: премиальная галерея */
.pf-card__img{aspect-ratio:3/2!important}
.pf-card--featured .pf-card__img{aspect-ratio:16/9!important}
.pf-card--featured .pf-card__body{padding:24px 28px!important}
.pf-card--featured .pf-card__title{font-size:18px!important}
.pf-grid{gap:20px!important}
.pf-card{
  border:none!important;
  box-shadow:0 4px 24px rgba(16,19,14,.08)!important;
}
.pf-card:hover{
  box-shadow:0 24px 60px rgba(16,19,14,.15)!important;
  transform:translateY(-4px)!important;
}

/* 8. Responsive v2 */
@media(max-width:1200px){
  .svc-grid{grid-template-columns:repeat(3,1fr)!important}
  .svc-card:nth-child(1) .svc-card__img,
  .svc-card:nth-child(2) .svc-card__img{aspect-ratio:4/3!important}
  .svc-card:nth-child(n+3) .svc-card__img{aspect-ratio:4/3!important}
}
@media(max-width:1100px){
  .quality{grid-template-columns:1fr!important}
  .quality__prod{min-height:460px!important}
  .prod-cin{min-height:460px!important}
}
@media(max-width:640px){
  .svc-grid{grid-template-columns:1fr 1fr!important}
  .hero__content{max-width:100%!important}
  .prod-facts{grid-template-columns:1fr!important}
  .hero__stat{padding:0!important;margin:0!important;width:50%}
}

/* ═══════════════════════════════════════════════════════════
   REDESIGN v3 — дорогой коммерческий лендинг мастерской
═══════════════════════════════════════════════════════════ */

/* ── 1. Hero: мощный, светлее в зоне объекта ── */
.hero__overlay{
  background:
    linear-gradient(to right,
      rgba(5,10,5,.88) 0%,
      rgba(5,10,5,.72) 22%,
      rgba(5,10,5,.45) 44%,
      rgba(5,10,5,.18) 62%,
      rgba(5,10,5,.08) 78%,
      rgba(5,10,5,.04) 100%
    ),
    linear-gradient(to bottom,
      rgba(5,10,5,.72) 0%,
      rgba(5,10,5,.42) 22%,
      transparent 40%,
      transparent 60%,
      rgba(5,10,5,.72) 100%
    )!important;
}
.hero__h1{
  font-size:clamp(3.8rem,8.5vw,7.2rem)!important;
  line-height:1.01!important;
  letter-spacing:-.032em!important;
}
.hero__btns .btn{
  padding:20px 52px!important;
  font-size:16px!important;
  font-weight:700!important;
}
.hero__in{
  padding-top:80px!important;
  padding-bottom:clamp(64px,9vw,108px)!important;
}
.hero__content{max-width:62%!important}
.hero__btns{margin-bottom:80px!important}
.hero__stat-num{font-size:clamp(1.9rem,2.8vw,2.6rem)!important}
.hero__stat{padding:0 52px 0 0!important;margin-right:52px!important}

/* ── 2. Типографика: крупнее, больше дыхания ── */
h2{font-size:clamp(2.4rem,4.6vw,4.2rem)!important}
.sec{padding:clamp(88px,12vw,156px) 0!important}
.svc-head{margin-bottom:72px!important}
.scen-head{margin-bottom:60px!important}
.sub{max-width:520px!important}

/* ── 3. Услуги: доминантная асимметричная 4-колонная сетка ── */
.svc-grid{
  grid-template-columns:2fr 2fr 1.1fr 1.1fr!important;
  grid-auto-rows:260px!important;
  gap:12px!important;
  align-items:stretch!important;
}
.svc-card:nth-child(1),
.svc-card:nth-child(2){grid-row:span 2!important}
/* Все изображения карточек — полная высота */
.svc-card__img{
  position:absolute!important;
  inset:0!important;
  aspect-ratio:unset!important;
  height:100%!important;
}
.svc-card:nth-child(1) .svc-card__title,
.svc-card:nth-child(2) .svc-card__title{
  font-size:1.45rem!important;
  margin-bottom:10px!important;
}
.svc-card:nth-child(1) .svc-card__text,
.svc-card:nth-child(2) .svc-card__text{font-size:13px!important}
.svc-card:nth-child(1) .svc-card__body,
.svc-card:nth-child(2) .svc-card__body{padding:28px 24px!important}

/* ── 4. Калькулятор: тёмный, главный конверсионный ── */
#calc-lead-sec{background:var(--dark)!important}
#calc-lead-sec .lbl{color:var(--gold)!important}
#calc-lead-sec h2{color:var(--tl)!important}
#calc-lead-sec .sub{color:var(--tlm)!important}
.clf-wrap{
  box-shadow:0 32px 96px rgba(0,0,0,.55)!important;
  border:1px solid rgba(185,130,69,.14)!important;
}
.clf-form{background:var(--cream2)!important}
/* Кнопка "Получить расчёт" — очень заметная */
[type=submit].btn--green{
  padding:20px 48px!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:.05em!important;
  animation:ctaGlow 2.5s ease-in-out 1s infinite!important;
  box-shadow:0 8px 36px rgba(61,104,32,.38)!important;
}
[type=submit].btn--green:hover{animation:none!important}

/* ── 5. Портфолио: full-width hero + 3-column сетка ── */
.pf-grid{
  grid-template-columns:repeat(3,1fr)!important;
  gap:14px!important;
}
.pf-card--hero{
  grid-column:1/-1!important;
  border-radius:var(--rl)!important;
  border:none!important;
  overflow:hidden!important;
  background:var(--dark3)!important;
}
.pf-card--hero .pf-card__img{
  aspect-ratio:21/9!important;
  height:auto!important;
}
.pf-card--hero .pf-card__body{display:none!important}
/* Hero overlay inside image */
.pf-hero__ovl{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,
    rgba(6,10,5,.92) 0%,
    rgba(6,10,5,.36) 42%,
    rgba(6,10,5,.05) 70%,
    transparent 100%
  );
}
.pf-hero__body{
  position:absolute;bottom:0;left:0;right:0;z-index:2;
  padding:clamp(20px,3vw,40px) clamp(24px,3.5vw,48px);
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
}
.pf-hero__kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-l);margin-bottom:14px;
}
.pf-hero__kicker::before{content:'';display:block;width:20px;height:1px;background:var(--gold)}
.pf-hero__title{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.6rem,3vw,2.6rem);
  font-weight:700;color:#fff;line-height:1.15;margin-bottom:10px;
}
.pf-hero__meta{
  font-size:14px;color:rgba(240,232,216,.65);
  display:flex;flex-wrap:wrap;gap:6px 16px;
}
.pf-hero__meta span+span::before{content:'·';margin-right:8px}
.pf-hero__tags{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}
.pf-hero__tag{
  display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;
  color:var(--gold-l);background:rgba(185,130,69,.14);
  border:1px solid rgba(185,130,69,.28);border-radius:20px;padding:5px 14px;
}
/* Остальные карточки портфолио */
.pf-card:not(.pf-card--hero){
  border-radius:var(--rm)!important;
  border:none!important;
  background:#fff!important;
  box-shadow:0 4px 24px rgba(16,19,14,.07)!important;
}
.pf-card:not(.pf-card--hero) .pf-card__img{aspect-ratio:4/3!important}
.pf-card:not(.pf-card--hero) .pf-card__body{
  padding:18px 20px 22px!important;
  border-top:none!important;
}
.pf-card:not(.pf-card--hero) .pf-card__title{font-size:15px!important;margin-bottom:5px!important}
.pf-card:not(.pf-card--hero):hover{
  box-shadow:0 20px 56px rgba(16,19,14,.13)!important;
  transform:translateY(-4px)!important;
}

/* ── 6. Сруб-конструктор: визуальная схема ── */
.srub-comp-list{display:none!important}
.srub-kit-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:28px;
}
.srub-kit-item{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(185,130,69,.14);
  border-radius:var(--r);
  padding:18px 12px 16px;
  text-align:center;
  transition:background .25s,border-color .25s,transform .25s;
}
.srub-kit-item:hover{
  background:rgba(185,130,69,.08);
  border-color:rgba(185,130,69,.32);
  transform:translateY(-2px);
}
.srub-kit-icon{
  width:40px;height:40px;
  margin:0 auto 10px;
  color:var(--gold-l);
  display:flex;align-items:center;justify-content:center;
}
.srub-kit-name{
  font-size:13px;font-weight:700;color:var(--tl);
  margin-bottom:4px;
  font-family:'Playfair Display',serif;
}
.srub-kit-desc{font-size:11px;color:var(--tlm);line-height:1.5}

/* ── 7. Нижние блоки: до уровня верхних ── */
/* Отзывы */
.rev-card{padding:32px!important}
.rev-card__quote{font-size:15px!important;line-height:1.78!important;margin-bottom:20px!important}
.rev-card__photo{height:90px!important;border-radius:12px!important}
.rev-card__author-name{font-size:14px!important}
/* FAQ */
.faq-item__q{font-size:16px!important;padding:24px 0!important}
.faq-item__a{font-size:15px!important;line-height:1.85!important;padding-bottom:24px!important}
/* Цитата */
.quote-strip{padding:88px 0!important}
.quote-strip__text{font-size:clamp(1.3rem,2.6vw,1.95rem)!important;line-height:1.6!important}
/* Финальный CTA */
.fcta__h{font-size:clamp(2rem,3.8vw,3.4rem)!important;line-height:1.12!important;margin-bottom:20px!important}
.fcta__sub{font-size:15px!important;line-height:1.82!important}
.fcta-btn{padding:22px 24px!important;border-radius:12px!important}
.fcta-btn__title{font-size:14px!important}
.fcta-btn--main{box-shadow:0 8px 32px rgba(61,104,32,.32)!important}
/* Процесс */
.ps__title{font-size:16px!important;margin-bottom:6px!important}
.ps__text{font-size:15px!important;line-height:1.72!important}
.ps__num{font-size:2.8rem!important}

/* ── 8. Responsive v3 ── */
@media(max-width:1200px){
  .svc-grid{
    grid-template-columns:repeat(2,1fr)!important;
    grid-auto-rows:auto!important;
  }
  .svc-card:nth-child(1),
  .svc-card:nth-child(2){grid-row:span 1!important}
  .svc-card__img{
    position:relative!important;
    height:auto!important;
    aspect-ratio:4/3!important;
  }
  .srub-kit-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:900px){
  .pf-card--hero .pf-card__img{aspect-ratio:4/3!important}
  .pf-hero__body{flex-direction:column;align-items:flex-start}
  .pf-hero__right{display:none}
}
@media(max-width:640px){
  .svc-grid{grid-template-columns:1fr!important}
  .hero__h1{font-size:clamp(2.6rem,10vw,3.8rem)!important}
  .hero__btns .btn{padding:16px 36px!important;font-size:14px!important}
  .hero__content{max-width:100%!important}
  .pf-grid{grid-template-columns:1fr!important}
  .faq-in{grid-template-columns:1fr!important}
  .srub-kit-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* ══════════════════════════════════════════════════════════
   REDESIGN v4 — точечные улучшения: коммерческий, чистый, дорогой
══════════════════════════════════════════════════════════ */

/* ── Базовая читаемость ── */
body{font-size:16px!important}
.sub{font-size:15px!important;line-height:1.75!important}

/* ── Шапка: логотип Playfair, телефон ярче, кнопки единой высоты ── */
.logo__name{
  font-family:'Playfair Display',serif!important;
  font-size:17px!important;font-weight:700!important;letter-spacing:.01em!important;
}
.logo__name em{color:var(--gold-d)!important;font-style:italic!important}
.logo__since{
  font-size:10px!important;font-weight:600!important;
  letter-spacing:.18em!important;text-transform:uppercase!important;
  color:var(--muted)!important;
}
.hdr__phone-num{
  font-size:15px!important;font-weight:700!important;
  color:var(--tl)!important;letter-spacing:.01em!important;
}
.hdr__phone-sub{font-size:11px!important;color:var(--muted)!important}
.hdr__btn{
  height:40px!important;padding:0 18px!important;
  display:inline-flex!important;align-items:center!important;
  font-size:13px!important;border-radius:8px!important;
}
.hdr__btn--cta{height:40px!important;padding:0 22px!important;font-size:13px!important}

/* ── Hero: компактнее заголовок, читабельный сабтайтл ── */
.hero__h1{
  font-size:clamp(2.8rem,6vw,5.2rem)!important;
  line-height:1.09!important;letter-spacing:-.022em!important;
}
.hero__sub{
  font-size:clamp(1rem,1.5vw,1.13rem)!important;
  color:rgba(245,232,208,.92)!important;
  max-width:480px!important;line-height:1.65!important;
  margin-top:16px!important;
}
.hero__btns{margin-bottom:36px!important}
.hero__btns .btn--lg{
  padding:18px 44px!important;font-size:15px!important;font-weight:700!important;
}

/* Hero stats: единая полупрозрачная плашка, одна строка */
.hero__stats{
  display:inline-flex!important;flex-wrap:wrap!important;gap:0!important;
  padding:14px 26px!important;
  background:rgba(6,10,5,.44)!important;
  border:1px solid rgba(245,232,208,.1)!important;
  border-radius:14px!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.hero__stat{
  display:inline-flex!important;flex-direction:row!important;
  align-items:center!important;gap:9px!important;
  padding:0 26px 0 0!important;margin:0!important;
}
.hero__stat:last-child{padding-right:0!important}
.hero__stat+.hero__stat{
  border-left:1px solid rgba(245,232,208,.13)!important;
  padding-left:26px!important;
}
.hero__stat-num{
  font-size:clamp(1.1rem,1.8vw,1.45rem)!important;
  font-weight:700!important;white-space:nowrap!important;line-height:1!important;
}
.hero__stat-txt{
  font-size:11px!important;color:rgba(245,232,208,.6)!important;
  line-height:1.3!important;max-width:72px!important;
}

/* ── Услуги: zoom фото при hover, стрелка акцент ── */
.svc-card .ic{
  transition:transform .55s cubic-bezier(.25,.46,.45,.94)!important;
  will-change:transform!important;
}
.svc-card:hover .ic{transform:scale(1.065)!important}
.svc-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.24),0 0 0 1.5px var(--gold)!important;
}
.svc-card__link{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  font-size:11px!important;font-weight:700!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;
  color:var(--gold-l)!important;margin-top:10px!important;
  opacity:.82!important;transition:gap .25s,opacity .25s!important;
}
.svc-card__link::after{content:'→'!important;font-size:13px!important}
.svc-card:hover .svc-card__link{gap:9px!important;opacity:1!important}

/* ── Сценарии: заголовки крупнее, тело просторнее ── */
.scen-card__title{font-size:clamp(1.35rem,2.3vw,1.8rem)!important;line-height:1.2!important}
.scen-qs{font-size:11px!important;letter-spacing:.16em!important;margin-bottom:14px!important}
.scen-card__body{
  padding:clamp(22px,3vw,34px) clamp(22px,3vw,30px) clamp(22px,3vw,30px)!important;
}

/* ── Калькулятор: удобные поля, сильнее ── */
.inp{
  padding:14px 18px!important;font-size:15px!important;
  border-radius:10px!important;border:1.5px solid var(--bord)!important;
  background:#fff!important;
}
.inp:focus{
  border-color:var(--g)!important;outline:none!important;
  box-shadow:0 0 0 3px rgba(74,110,42,.1)!important;
}
.fld{margin-bottom:18px!important}
.fld label{
  font-size:13px!important;font-weight:600!important;
  letter-spacing:.03em!important;margin-bottom:8px!important;
  display:block!important;
}
.calc-pane__title{font-size:19px!important;font-weight:700!important;margin-bottom:22px!important}
.calc-opt{padding:13px 15px!important;border-radius:10px!important}
.calc-opt__title{font-size:14px!important;font-weight:700!important}
.calc-opt__sub{font-size:12px!important}
.sel-sz button{
  padding:11px 15px!important;font-size:14px!important;
  font-weight:600!important;border-radius:8px!important;
}

/* ── Этапы работы: timeline с кружками ── */
.process__steps{position:relative!important}
.process__steps::before{
  content:''!important;position:absolute!important;
  left:25px!important;top:0!important;bottom:0!important;
  width:2px!important;
  background:linear-gradient(to bottom,rgba(185,130,69,.55) 0%,rgba(185,130,69,.05) 100%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.ps{
  display:grid!important;
  grid-template-columns:54px 1fr!important;
  gap:0 16px!important;
  padding:0!important;
  height:80px!important;
  align-items:center!important;
  border:none!important;
  border-bottom:none!important;
  overflow:visible!important;
}
.ps__num{
  width:52px!important;height:52px!important;
  border-radius:50%!important;
  background:#f5ede0!important;
  border:2px solid rgba(185,130,69,.38)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-family:'Playfair Display',serif!important;
  font-size:1.05rem!important;font-weight:700!important;
  color:var(--gold-d)!important;
  flex-shrink:0!important;position:relative!important;z-index:1!important;
  transition:background .25s,border-color .25s,color .25s!important;
  line-height:1!important;
  justify-self:start!important;
}
.ps:hover .ps__num{
  background:rgba(185,130,69,.9)!important;
  border-color:var(--gold)!important;color:#fff!important;
}
.ps__body{padding-top:0!important}
.ps__title{font-size:15px!important;font-weight:700!important;color:var(--text)!important;margin-bottom:3px!important}
.ps__text{font-size:14px!important;color:var(--muted)!important;line-height:1.65!important}

/* ── Преимущества: 4 колонки, воздух ── */
.why-grid{
  grid-template-columns:repeat(4,1fr)!important;
  margin-top:48px!important;
}
.why-card{padding:28px 22px!important}
.why-card__n{
  font-size:2rem!important;margin-bottom:16px!important;
  color:rgba(185,130,69,.25)!important;line-height:1!important;
}
.why-card__title{font-size:13px!important;font-weight:700!important;margin-bottom:6px!important}
.why-card__text{font-size:12px!important;line-height:1.62!important}

/* ── Отзывы ── */
.rev-card{flex:0 0 300px!important;padding:26px!important;border-radius:16px!important}
.rev-card__quote{font-size:14px!important;line-height:1.74!important;margin-bottom:16px!important}

/* ── FAQ: крупнее, читабельнее ── */
.faq-item__q{font-size:16px!important;padding:22px 0!important;line-height:1.45!important}
.faq-item__a{font-size:14px!important;line-height:1.8!important;padding-bottom:22px!important}

/* ── Финальный CTA ── */
.fcta{padding:clamp(80px,10vw,128px) 0!important}
.fcta__h{font-size:clamp(2rem,3.6vw,3.2rem)!important;line-height:1.1!important}
.fcta__sub{font-size:15px!important;line-height:1.8!important}
.fcta-btn{padding:20px 22px!important;border-radius:12px!important}
.fcta-btn__title{font-size:14px!important}
.fcta-btn--main{
  box-shadow:0 8px 32px rgba(61,104,32,.3)!important;
  animation:ctaGlow 2.5s ease-in-out infinite!important;
}
.fcta-btn--main:hover{animation:none!important}

/* ── Responsive v4 ── */
@media(max-width:900px){
  .why-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:640px){
  .hero{min-height:90svh!important;min-height:90vh!important}
  .hero__in{padding-top:56px!important;padding-bottom:44px!important}
  .hero__h1{font-size:clamp(2.2rem,8vw,3.1rem)!important;letter-spacing:-.015em!important}
  .hero__btns .btn--lg{padding:15px 30px!important;font-size:14px!important}
  .hero__content{max-width:100%!important}
  .hero__stats{
    padding:11px 16px!important;
    width:100%!important;box-sizing:border-box!important;
    flex-wrap:wrap!important;gap:6px 0!important;
  }
  .hero__stat{padding:3px 14px 3px 0!important}
  .hero__stat+.hero__stat{padding-left:14px!important}
  .hero__stat-num{font-size:1.05rem!important}
  .hero__stat-txt{font-size:10px!important;max-width:60px!important}
  .process__steps::before{display:none!important}
  .scen-card__title{font-size:1.35rem!important}
}

/* ══════════════════════════════════════════════════
   REDESIGN v5 — цельность и коммерческая сила
══════════════════════════════════════════════════ */

/* ── Trust bar (заменяет quote strip) ── */
.trust-bar{
  background:var(--cream);
  border-bottom:1px solid rgba(120,70,30,.1);
  border-top:none;
}
.trust-bar__items{
  display:flex;align-items:stretch;
}
.trust-bar__item{
  flex:1;display:flex;align-items:center;gap:14px;
  padding:20px clamp(14px,2vw,28px);
  border-right:1px solid rgba(120,70,30,.09);
  transition:background .2s;
}
.trust-bar__item:last-child{border-right:none}
.trust-bar__item:hover{background:rgba(181,114,46,.04)}
.trust-bar__icon{
  flex-shrink:0;width:38px;height:38px;
  background:rgba(185,130,69,.1);border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  color:var(--gold-d);
}
.trust-bar__label{font-size:13px;font-weight:700;color:var(--text);line-height:1.25;margin-bottom:2px}
.trust-bar__sub{font-size:11px;color:var(--muted)}

/* ── Hero stats: шире, полноширинный, 4 колонки ── */
.hero__stats{
  display:flex!important;
  justify-content:space-between!important;
  align-items:stretch!important;
  gap:0!important;
  padding:18px 30px!important;
  border-radius:16px!important;
  flex-wrap:nowrap!important;
}
.hero__stat{
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 24px 0 0!important;
  margin:0!important;
}
.hero__stat:last-child{padding-right:0!important}
.hero__stat+.hero__stat{
  border-left:1px solid rgba(245,232,208,.15)!important;
  padding-left:24px!important;
}
.hero__stat-num{
  font-size:clamp(1.4rem,2.2vw,1.85rem)!important;
  font-weight:800!important;
  color:#fff!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.hero__stat-txt{
  font-size:12px!important;
  color:rgba(245,232,208,.82)!important;
  line-height:1.35!important;
  max-width:none!important;
  white-space:normal!important;
}

/* ── Services: доминантные первые 2 карточки ── */
.svc-card:nth-child(1) .svc-card__title,
.svc-card:nth-child(2) .svc-card__title{
  font-size:1.65rem!important;
  line-height:1.2!important;
}
.svc-card:nth-child(1) .svc-card__text,
.svc-card:nth-child(2) .svc-card__text{
  font-size:13px!important;
  line-height:1.58!important;
  opacity:.82!important;
}
.svc-card:nth-child(n+3) .svc-card__text{display:none!important}
.svc-card:nth-child(n+3) .svc-card__title{font-size:1.05rem!important}

/* ── Сценарии: светлее, с зазором, читаемые ── */
.scen-grid{gap:10px!important;min-height:auto!important;padding:0 clamp(16px,4vw,80px)!important;}
.scen-card{border-radius:16px!important}
.scen-card__overlay{
  background:linear-gradient(
    to bottom,
    rgba(6,10,5,.04) 0%,
    rgba(6,10,5,.30) 45%,
    rgba(6,10,5,.65) 100%
  )!important;
}
.scen-card:hover .scen-card__overlay{opacity:.80!important}
.scen-meta__time{
  font-family:'Playfair Display',serif!important;
  font-size:1.5rem!important;
  font-weight:700!important;
  color:#fff!important;
  line-height:1!important;
}
.scen-meta__who{font-size:12px!important;color:rgba(240,232,216,.72)!important}
.scen-card__title{font-size:clamp(1.4rem,2.4vw,1.82rem)!important;line-height:1.18!important}

/* ── Калькулятор ── */
#calc-lead-sec .sub{
  font-size:16px!important;
  color:rgba(240,232,216,.78)!important;
  max-width:580px!important;
  margin-left:auto!important;margin-right:auto!important;
}

/* ── Responsive v5 ── */
@media(max-width:900px){
  .trust-bar__sub{display:none}
  .trust-bar__item{padding:16px 12px}
  .trust-bar__icon{width:32px;height:32px}
  .trust-bar__label{font-size:12px}
}
@media(max-width:640px){
  .trust-bar__items{flex-wrap:wrap}
  .trust-bar__item{
    flex:0 0 50%;
    border-bottom:1px solid rgba(120,70,30,.09);
  }
  .trust-bar__item:nth-child(even){border-right:none}
  .trust-bar__item:nth-child(n+4){border-bottom:none}
  .hero__stats{flex-wrap:wrap!important;padding:14px 18px!important}
  .hero__stat{
    flex:0 0 50%!important;
    padding:8px 0 8px 0!important;
    border-left:none!important;
    border-bottom:1px solid rgba(245,232,208,.1)!important;
  }
  .hero__stat:nth-child(odd){padding-right:12px!important}
  .hero__stat:nth-child(even){padding-left:12px!important;border-left:1px solid rgba(245,232,208,.12)!important}
  .hero__stat:nth-child(3),.hero__stat:nth-child(4){border-bottom:none!important}
  .hero__stat+.hero__stat{border-left:none!important;padding-left:0!important}
  .scen-grid{gap:6px!important}
  .svc-grid{grid-template-columns:1fr!important}
}

/* Сценарии: CTA всегда видна, не только при hover */
.scen-card__cta{
  opacity:.85!important;
  transform:none!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  color:var(--gold-l)!important;
  display:block!important;
  margin-top:16px!important;
}
.scen-card:hover .scen-card__cta{opacity:1!important;transform:none!important}
.scen-card__cta::after{content:' →'}

/* ── Process v5: тёмная сетка 3×2 ── */
.proc5-hd{margin-bottom:52px}
.proc5-hd__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.proc5-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(245,232,208,.08);
  border-radius:20px;
  overflow:hidden;
}
.proc5-card{
  padding:36px 32px;
  border-right:1px solid rgba(245,232,208,.07);
  border-bottom:1px solid rgba(245,232,208,.07);
  border-left:3px solid rgba(185,130,69,.0);
  transition:background .3s,border-left-color .3s;
  position:relative;
}
.proc5-card:hover{background:rgba(245,232,208,.03);border-left-color:var(--gold)}
.proc5-card:nth-child(3n){border-right:none}
.proc5-card:nth-child(n+4){border-bottom:none}
.proc5-n{
  font-family:'Playfair Display',serif;
  font-size:.72rem;font-weight:700;
  color:var(--gold);letter-spacing:.2em;
  display:block;margin-bottom:18px;
}
.proc5-title{
  font-family:'Playfair Display',serif;
  font-size:1.15rem;font-weight:700;
  color:var(--tl);margin-bottom:10px;
}
.proc5-text{font-size:13px;color:var(--tlm);line-height:1.72}
@media(max-width:860px){
  .proc5-hd__row{flex-direction:column;align-items:flex-start;gap:20px}
  .proc5-grid{grid-template-columns:repeat(2,1fr)}
  .proc5-card:nth-child(3n){border-right:1px solid rgba(245,232,208,.07)}
  .proc5-card:nth-child(2n){border-right:none}
  .proc5-card:nth-child(n+4){border-bottom:1px solid rgba(245,232,208,.07)}
  .proc5-card:nth-child(n+5){border-bottom:none}
}
@media(max-width:560px){
  .proc5-grid{grid-template-columns:1fr;border-radius:14px}
  .proc5-card{border-right:none!important}
  .proc5-card:not(:last-child){border-bottom:1px solid rgba(245,232,208,.07)!important}
  .proc5-card:last-child{border-bottom:none!important}
}

/* ── Reviews v5: оценка слева + цитаты справа ── */
.rev5-in{display:grid;grid-template-columns:240px 1fr;gap:80px;align-items:start}
.rev5-score{
  font-family:'Playfair Display',serif;
  font-size:4.5rem;font-weight:700;
  color:var(--tl);line-height:1;margin-top:20px;
}
.rev5-stars{color:var(--gold);font-size:14px;letter-spacing:3px;margin:10px 0 8px}
.rev5-sub{font-size:12px;color:var(--tlm);line-height:1.5}
.rev5-divider{height:1px;background:rgba(245,232,208,.1);margin:24px 0}
.rev5-stat-num{
  font-family:'Playfair Display',serif;
  font-size:2.4rem;font-weight:700;color:var(--gold-l);line-height:1;
}
.rev5-plus{font-size:1.6rem}
.rev5-stat-lbl{font-size:11px;color:var(--tlm);letter-spacing:.06em;margin-top:4px}
.rev5-list{border-top:1px solid rgba(245,232,208,.1)}
.rev5-item{padding:32px 0;border-bottom:1px solid rgba(245,232,208,.07)}
.rev5-item:last-child{border-bottom:none}
.rev5-q{
  font-size:15px;color:rgba(245,232,208,.82);
  line-height:1.78;font-style:italic;margin-bottom:18px;
}
.rev5-name{font-size:13px;font-weight:700;color:var(--gold-l)}
.rev5-meta{font-size:11px;color:rgba(245,232,208,.28);margin-top:3px;letter-spacing:.04em}
@media(max-width:860px){.rev5-in{grid-template-columns:1fr;gap:48px}}

/* ── Process v4: зигзаг с огромными цифрами ── */
.proc4-hd{margin-bottom:60px}
.proc4-hd__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.proc4-list{border-top:1px solid rgba(185,130,69,.18)}
.proc4-item{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  border-bottom:1px solid rgba(185,130,69,.12);
  overflow:hidden;
}
.proc4-num{
  font-family:'Playfair Display',serif;
  font-size:clamp(7rem,11vw,13rem);
  font-weight:700;
  color:rgba(185,130,69,.1);
  line-height:1;
  padding:24px 32px;
  transition:color .5s;
  user-select:none;
}
.proc4-item--r .proc4-num{text-align:right}
.proc4-item:hover .proc4-num{color:rgba(185,130,69,.22)}
.proc4-content{padding:32px 40px}
.proc4-item--r .proc4-content{order:-1}
.proc4-tag{
  font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);margin-bottom:10px;
}
.proc4-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.2rem,2vw,1.6rem);
  font-weight:700;color:var(--text);
  margin-bottom:10px;line-height:1.2;
}
.proc4-text{font-size:14px;color:var(--muted);line-height:1.7}
@media(max-width:860px){
  .proc4-hd__row{flex-direction:column;align-items:flex-start;gap:20px}
  .proc4-item,.proc4-item--r{grid-template-columns:80px 1fr}
  .proc4-item--r .proc4-content{order:0}
  .proc4-num{font-size:4.5rem;padding:20px 16px}
  .proc4-item--r .proc4-num{text-align:left}
  .proc4-content{padding:20px 16px}
}

/* ── Reviews v4: тёмный фон, крупная цитата ── */
.rev4-sec{background:var(--dark);padding:clamp(72px,9vw,110px) 0}
.rev4-hd{margin-bottom:52px}
.rev4-hd__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.rev4-grid{
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  gap:2px;
  background:rgba(245,232,208,.06);
  border-radius:20px;
  overflow:hidden;
}
.rev4-card{
  background:rgba(12,18,10,.85);
  padding:36px 32px;
  display:flex;flex-direction:column;gap:0;
}
.rev4-card--feat{
  background:rgba(185,130,69,.08);
  border-left:1px solid rgba(185,130,69,.18);
  border-right:1px solid rgba(185,130,69,.18);
  position:relative;
}
.rev4-q{
  font-family:'Playfair Display',serif;
  font-size:5rem;font-weight:700;
  color:var(--gold);opacity:.28;
  line-height:.8;margin-bottom:8px;
  user-select:none;
}
.rev4-stars{color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:18px;opacity:.8}
.rev4-quote{
  font-size:14px;color:rgba(245,232,208,.8);
  line-height:1.75;font-style:italic;flex:1;
}
.rev4-quote--lg{font-size:16px;line-height:1.8;color:rgba(245,232,208,.92)}
.rev4-foot{margin-top:28px;padding-top:20px;border-top:1px solid rgba(245,232,208,.08)}
.rev4-name{font-size:13px;font-weight:700;color:var(--gold-l);margin-bottom:3px}
.rev4-proj{font-size:11px;color:rgba(245,232,208,.3);letter-spacing:.04em}
@media(max-width:860px){
  .rev4-grid{grid-template-columns:1fr}
  .rev4-hd__row{flex-direction:column;align-items:flex-start;gap:16px}
  .rev4-card--feat{border:none;border-top:1px solid rgba(185,130,69,.18);border-bottom:1px solid rgba(185,130,69,.18)}
}

/* ===== PROC6 — Как мы работаем ===== */
.proc6-sec{background:var(--dark2);padding:clamp(52px,7vw,80px) 0}
.proc6-top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:44px;flex-wrap:wrap}
.proc6-sub{font-size:14px;color:rgba(245,232,208,.52);margin-top:12px;line-height:1.65;max-width:480px}
.proc6-cta{flex-shrink:0;align-self:flex-end}
.proc6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(245,232,208,.07);border-radius:16px;overflow:hidden}
.proc6-card{background:rgba(10,8,4,.8);padding:26px 24px 28px;display:flex;flex-direction:column;transition:background .3s}
.proc6-card:hover{background:rgba(185,130,69,.06)}
.proc6-icon{width:26px;height:26px;color:var(--gold);opacity:.65;margin-bottom:16px;flex-shrink:0}
.proc6-n{font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--gold);margin-bottom:9px;font-family:'Playfair Display',serif}
.proc6-title{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--tl);margin-bottom:7px}
.proc6-text{font-size:12.5px;color:rgba(245,232,208,.48);line-height:1.72}
@media(max-width:860px){.proc6-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.proc6-grid{grid-template-columns:1fr};.proc6-top{flex-direction:column}}

/* ===== REV6 — Говорят клиенты ===== */
.rev6-sec{background:var(--cream2);padding:clamp(60px,8vw,96px) 0}
.rev6-top{margin-bottom:44px}
.rev6-in{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}
.rev6-trust{background:#fff;border:1px solid rgba(185,130,69,.14);border-radius:16px;padding:28px 22px;position:sticky;top:90px}
.rev6-score{font-family:'Playfair Display',serif;font-size:3.4rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:6px}
.rev6-stars{color:var(--gold);font-size:12px;letter-spacing:3px;margin-bottom:4px}
.rev6-score-lbl{font-size:11px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.rev6-divider{height:1px;background:rgba(185,130,69,.12);margin:18px 0}
.rev6-stat{margin-bottom:14px}
.rev6-stat:last-of-type{margin-bottom:0}
.rev6-stat-n{font-family:'Playfair Display',serif;font-size:1.7rem;font-weight:700;color:var(--text);line-height:1}
.rev6-stat-l{font-size:11px;color:var(--muted);margin-top:2px}
.rev6-cards{display:flex;flex-direction:column;gap:14px}
.rev6-card{background:#fff;border:1px solid rgba(185,130,69,.12);border-radius:14px;padding:22px 20px;transition:box-shadow .3s,transform .3s}
.rev6-card:hover{box-shadow:0 10px 32px rgba(120,70,30,.1);transform:translateY(-2px)}
.rev6-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.rev6-name{font-size:13.5px;font-weight:700;color:var(--text)}
.rev6-meta{font-size:11px;color:var(--muted);margin-top:2px}
.rev6-thumb{width:52px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--cream3)}
.rev6-thumb .ic{width:100%;height:100%;object-fit:cover}
.rev6-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--g);background:rgba(61,104,32,.08)}
.rev6-quote{font-size:13px;color:var(--text);opacity:.78;line-height:1.72;font-style:italic;margin-bottom:10px}
.rev6-rating{color:var(--gold);font-size:10px;letter-spacing:2.5px}
@media(max-width:860px){.rev6-in{grid-template-columns:1fr};.rev6-trust{position:static}}

/* ===== PROMO6 — Специальные предложения ===== */
.promo6-sec{background:var(--cream);padding:clamp(60px,8vw,96px) 0}
.promo6-top{margin-bottom:40px}
.promo6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.promo6-card{background:#fff;border:1px solid rgba(185,130,69,.14);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.promo6-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(120,70,30,.11)}
.promo6-card--dark{background:var(--dark2);border-color:var(--dark2)}
.promo6-badge{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:700;color:var(--gold-d);line-height:1;margin-bottom:14px}
.promo6-badge--g{color:var(--g)}
.promo6-badge--wh{color:var(--gold-l)}
.promo6-title{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3}
.promo6-title--wh{color:var(--tl)}
.promo6-text{font-size:12.5px;color:var(--muted);line-height:1.65;flex:1;margin-bottom:18px}
.promo6-text--wh{color:rgba(245,232,208,.55)}
.promo6-link{font-size:11.5px;font-weight:700;color:var(--gold-d);letter-spacing:.06em;text-decoration:none;transition:opacity .2s}
.promo6-link:hover{opacity:.7}
.promo6-link--wh{color:var(--gold-l)}
@media(max-width:860px){.promo6-grid{grid-template-columns:1fr}}

/* ===== FLOAT CHAT ===== */
.float-chat{
  position:fixed;right:20px;bottom:28px;
  display:flex;flex-direction:column;gap:8px;
  z-index:8500;
}
.float-chat__pill{
  display:flex;align-items:center;gap:9px;
  padding:11px 18px 11px 13px;
  border-radius:40px;
  text-decoration:none;color:#fff;
  font-size:13px;font-weight:700;font-family:'Inter',sans-serif;
  box-shadow:0 4px 20px rgba(0,0,0,.22);
  transition:transform .2s ease,box-shadow .2s ease;
  white-space:nowrap;
}
.float-chat__pill:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.float-chat__pill:active{transform:translateY(0)}
.float-chat__vk{background:#0077FF}
.float-chat__max{background:#0063E8}
.float-chat__ico{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.float-chat__ico--text{font-size:10px;font-weight:900;letter-spacing:-.01em;background:rgba(255,255,255,.22);border-radius:5px;width:22px;height:22px}
.float-chat__lbl{line-height:1}

/* На мобильных float-chat скрыт — есть mob-bar */
@media(max-width:900px){
  .float-chat{display:none!important}
}

/* ===== MOBILE FORM FIX ===== */
/* Hide visual step dots on narrow screens — "Шаг X из 4" already shown */
@media(max-width:440px){
  .clf-steps{display:none}
  .clf-step-header{margin-bottom:24px}
}
/* calc-nav buttons: stack on very small screens */
@media(max-width:360px){
  .calc-nav{flex-direction:column;gap:10px}
  .calc-nav .btn{width:100%;justify-content:center}
}
/* sel-sz chips: slightly smaller on mobile */
@media(max-width:440px){
  .sel-sz button{padding:7px 12px;font-size:12px}
  .clf-form{padding:26px 18px!important}
}

/* ===== MOBILE MENU OVERLAY ===== */
.mnav-overlay{
  display:none;position:fixed;inset:0;z-index:998;
  background:rgba(6,10,5,.55);backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.mnav-overlay.vis{display:block}

/* ===== MOB-BAR SAFE AREA (iPhone notch) ===== */
@supports(padding-bottom:env(safe-area-inset-bottom)){
  .mob-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
}
/* Ensure page content isn't hidden behind mob-bar on mobile */
@media(max-width:900px){
  body{padding-bottom:68px}
}

/* ===== TOUCH TARGET MINIMUM (accessibility) ===== */
.ham{min-width:44px;min-height:44px}
.mnav__x{min-width:44px;min-height:44px}
.mob-bar__btn{min-height:44px}

/* ===== INPUT ZOOM FIX (iOS) ===== */
/* Prevents iOS auto-zoom on input focus */
@media(max-width:900px){
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  select,textarea{font-size:16px!important}
}

/* ===== PORTFOLIO FILTER SCROLL ON MOBILE ===== */
@media(max-width:640px){
  .pf-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}
  .pf-filters::-webkit-scrollbar{display:none}
  .pf-filter{flex-shrink:0}
}

/* ===== WORDPRESS LAYOUT OVERRIDE ===== */
/* Сбрасываем любые max-width от wp-global-styles / classic-theme-styles */
#main,main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.wp-site-blocks,body>.wp-site-blocks{max-width:none!important;padding:0!important}
body{max-width:none!important}

/* ===== COOKIE BANNER ===== */
.cookie-bar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:9990;
  background:var(--dark2);border-top:1px solid var(--bordl);
  padding:16px 24px;gap:20px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;box-shadow:0 -4px 24px rgba(0,0,0,.4);
}
.cookie-bar__text{color:rgba(245,232,208,.68);font-size:13px;line-height:1.55;max-width:860px;margin:0}
.cookie-bar__btn{flex-shrink:0;white-space:nowrap}
.cookie-bar--hide{animation:cbHide .35s ease forwards}
@keyframes cbHide{to{transform:translateY(110%);opacity:0}}
@media(max-width:600px){
  .cookie-bar{flex-direction:column;align-items:stretch;padding:16px 16px 20px}
  .cookie-bar__btn{width:100%;text-align:center;justify-content:center}
}

/* ===== EXTRAS CHECKBOXES ===== */
.clf-extras{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.clf-extra{
  display:flex;align-items:flex-start;gap:10px;
  cursor:pointer;padding:10px 13px;border-radius:10px;
  border:1.5px solid var(--bord);background:rgba(255,255,255,.5);
  transition:border-color .2s,background .2s;
}
.clf-extra:hover{border-color:var(--gold);background:rgba(181,114,46,.04)}
.clf-extra input[type="checkbox"]{display:none}
.clf-extra__box{
  flex-shrink:0;width:18px;height:18px;border-radius:5px;margin-top:1px;
  border:1.5px solid rgba(120,70,30,.3);background:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .18s,background .18s;
}
.clf-extra__box::after{
  content:'✓';font-size:12px;color:#fff;display:none;
  font-family:'Inter',sans-serif;font-weight:700;
}
.clf-extra input[type="checkbox"]:checked ~ .clf-extra__box{
  border-color:var(--g);background:var(--g);
}
.clf-extra input[type="checkbox"]:checked ~ .clf-extra__box::after{display:block}
.clf-extra input[type="checkbox"]:checked ~ .clf-extra__text strong{color:var(--g)}
.clf-extra__text{font-size:13px;color:var(--text);line-height:1.5}
.clf-extra__text strong{font-weight:600;transition:color .18s}

/* ===== CONSENT CHECKBOX ===== */
.clf-consent{
  margin:14px 0 4px;padding:13px 15px;
  background:rgba(74,110,42,.07);border-radius:10px;
  border:1px solid rgba(74,110,42,.18);transition:border-color .2s;
}
.clf-consent--error{border-color:rgba(224,64,64,.5)!important}
.clf-consent__lbl{
  display:flex;align-items:flex-start;gap:10px;
  cursor:pointer;font-size:12.5px;color:var(--muted);line-height:1.55;
}
.clf-consent__lbl a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.clf-consent__lbl a:hover{color:var(--gold-l)}
.clf-consent__chk{
  flex-shrink:0;width:16px;height:16px;
  accent-color:var(--g);cursor:pointer;margin-top:2px;
}
.clf-consent__err{
  display:none;margin-top:6px;font-size:11.5px;color:#e04040;padding-left:26px;
}
.clf-consent--error .clf-consent__err{display:block}

/* ===== FOOTER REQUISITES ===== */
.footer__req{
  padding:22px 0;border-top:1px solid var(--bordl);margin-top:36px;
}
.footer__req-title{
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(245,232,208,.3);margin-bottom:12px;
}
.footer__req-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px 40px;
  font-size:11.5px;color:rgba(245,232,208,.35);line-height:1.75;
}
.footer__req-grid strong{color:rgba(245,232,208,.5);display:block;margin-bottom:2px;font-size:11px}
@media(max-width:860px){.footer__req-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer__req-grid{grid-template-columns:1fr}}

/* ===== 404 PAGE ===== */
.page404{
  min-height:calc(100svh - 180px);display:flex;align-items:center;
  background:var(--dark);padding:var(--sec) 0;text-align:center;
}
.page404 .wrap{display:flex;justify-content:center}
.page404__wrap{max-width:560px;width:100%}
.page404__num{
  font-family:'Playfair Display',serif;font-weight:700;
  font-size:clamp(7rem,22vw,15rem);color:var(--gold);
  opacity:.13;line-height:.85;user-select:none;
}
.page404__body{position:relative;margin-top:clamp(-3rem,-6vw,-1.5rem)}
.page404__title{color:var(--tl);font-size:clamp(1.6rem,4vw,2.5rem);margin-bottom:14px}
.page404__sub{color:var(--tlm);font-size:.98rem;max-width:420px;margin:0 auto 10px;line-height:1.6}
.page404__text{color:var(--muted);font-size:.86rem;max-width:380px;margin:0 auto 38px;line-height:1.75}
.page404__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn--ghost{
  background:transparent;border:1.5px solid rgba(245,232,208,.28);
  color:var(--tl);
}
.btn--ghost:hover{border-color:rgba(245,232,208,.55);background:rgba(245,232,208,.07)}
@media(max-width:440px){
  .page404__btns{flex-direction:column}
  .page404__btns .btn{width:100%;justify-content:center}
}

/* ===== MOBILE HEADER ===== */
@media(max-width:900px){
  /* Шапка: один ряд — лого | телефон | гамбургер */
  .hdr__in{
    display:flex!important;
    flex-wrap:nowrap;
    align-items:center;
    height:108px!important;
    padding:0 16px!important;
    gap:12px;
  }
  .logo{flex:0 0 auto}
  .logo__img{width:104px!important;height:104px!important;}
  /* Показываем телефон, скрываем кнопки */
  .hdr__right{
    flex:1 1 auto;
    display:flex!important;
    align-items:center;
    margin-left:0;gap:0;
    justify-content:flex-start;
  }
  .hdr__phone{
    display:flex!important;
    flex-direction:column;
  }
  .hdr__phone-num{
    font-size:15px!important;
    font-weight:700!important;
    color:var(--tl)!important;
    letter-spacing:.01em;
    white-space:nowrap;
  }
  .hdr__phone-sub{
    display:block!important;
    font-size:10px!important;
    color:rgba(245,232,208,.55)!important;
    margin-top:1px;
  }
  .hdr__sep{display:none!important}
  .hdr__btns{display:none!important}
  .hdr.scrolled .hdr__in{height:62px!important;padding:0 16px!important}
  .hdr.scrolled .logo__img{width:56px!important;height:56px!important}
  .hdr.scrolled .hdr__phone-num{font-size:14px!important}

  /* Горизонтальный скролл: запрет */
  html,body{overflow-x:hidden!important;max-width:100vw}
  section,.trust-bar{overflow-x:hidden}
}

/* ── Гамбургер: оригинальный анимированный ── */
.ham{
  display:none;
  width:44px;height:44px;
  align-items:center;justify-content:center;
  flex-direction:column;gap:0;
  background:rgba(245,232,208,.1);
  border:1px solid rgba(245,232,208,.2);
  border-radius:12px;
  position:relative;
  transition:background .25s,border-color .25s;
  cursor:pointer;padding:0;
  flex-shrink:0;
}
.ham:hover{background:rgba(245,232,208,.18);border-color:rgba(181,114,46,.45)}
.ham span{
  position:absolute;
  height:1.5px;background:var(--tl);display:block;
  border-radius:3px;
  transition:transform .32s cubic-bezier(.4,0,.2,1),
             opacity .25s ease,
             width .25s ease;
}
.ham span:nth-child(1){width:20px;transform:translateY(-6px)}
.ham span:nth-child(2){width:13px;transform:translateX(-3px)}
.ham span:nth-child(3){width:20px;transform:translateY(6px)}
/* Крестик при открытом меню */
.ham.act span:nth-child(1){transform:translateY(0) rotate(45deg);width:20px}
.ham.act span:nth-child(2){opacity:0;width:0}
.ham.act span:nth-child(3){transform:translateY(0) rotate(-45deg);width:20px}

/* ===== MOBILE HERO ===== */
@media(max-width:640px){
  /* Overlay: равномерно тёмный на мобильном */
  .hero__overlay{background:linear-gradient(to bottom,rgba(5,10,5,.72)0%,rgba(5,10,5,.52)40%,rgba(5,10,5,.82)100%)!important}
  /* Контент: по центру */
  .hero{align-items:center!important}
  .hero__in{
    padding-top:clamp(90px,22svh,130px)!important;
    padding-bottom:clamp(28px,6svh,52px)!important;
    text-align:center;
  }
  .hero__eyebrow{justify-content:center!important}
  .hero__eyebrow-line{display:none}
  .hero__content{max-width:100%!important}
  /* Заголовок */
  .hero__h1{
    font-size:clamp(1.9rem,7.5vw,2.8rem)!important;
    line-height:1.12!important;
    letter-spacing:-.01em!important;
  }
  .hero__h1-loc{display:block;font-size:.72em;opacity:.65;margin-top:6px}
  /* Подзаголовок */
  .hero__sub{
    font-size:14px!important;
    line-height:1.65!important;
    margin-bottom:24px!important;
    color:rgba(245,232,208,.72)!important;
  }
  /* Кнопки: стопкой, полная ширина */
  .hero__btns{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    margin-bottom:32px!important;
    max-width:340px;margin-left:auto;margin-right:auto;
  }
  .hero__btns .btn{width:100%!important;justify-content:center!important;padding:14px 20px!important}
  /* Статистика: 2×2 сетка */
  .hero__stats{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    border:1px solid rgba(240,232,208,.12);
    border-radius:14px;overflow:hidden;
    max-width:340px;margin:0 auto;
  }
  .hero__stat{
    width:auto!important;border-right:1px solid rgba(240,232,208,.1)!important;
    border-bottom:1px solid rgba(240,232,208,.1)!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    padding:14px 10px!important;margin:0!important;
    text-align:center;
  }
  .hero__stat:nth-child(even){border-right:none!important}
  .hero__stat:nth-last-child(-n+2){border-bottom:none!important}
  .hero__stat-num{font-size:clamp(1.15rem,4.5vw,1.45rem)!important;display:block;text-align:center!important}
  .hero__stat-txt{font-size:10px!important;line-height:1.3;text-align:center!important}
}

/* ===== SCENARIO CARDS: тёмный overlay на мобильном ===== */
@media(max-width:900px){
  .scen-card__overlay{
    background:linear-gradient(
      to bottom,
      rgba(6,10,5,.18) 0%,
      rgba(6,10,5,.48) 35%,
      rgba(6,10,5,.82) 75%,
      rgba(6,10,5,.92) 100%
    )!important;
  }
  .scen-card__body{padding:24px 20px!important}
  .scen-card__title{font-size:1.3rem!important}
  .scen-card__text{font-size:12.5px!important}
}

/* ===== LEGAL PAGES ===== */
.legal-hero{
  background:var(--dark);
  padding:calc(var(--sec) + 80px) 0 clamp(52px,9vw,88px);
  text-align:center;position:relative;overflow:hidden;
}
.legal-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 60% at 50% 110%,rgba(74,110,42,.1),transparent);
}
.legal-hero .wrap{position:relative;z-index:1}
.legal-hero__title{
  color:var(--tl)!important;
  font-size:clamp(1.6rem,3.5vw,2.6rem)!important;
  margin:18px auto 16px;max-width:640px;line-height:1.2!important;
}
.legal-hero__date{color:var(--muted);font-size:13px;margin:0}

.legal-content .wrap{max-width:740px}
.legal-content h2{
  font-family:'Inter',sans-serif!important;
  font-size:.72rem!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.13em!important;
  color:var(--gold)!important;
  margin:40px 0 14px!important;
  padding-bottom:10px;
  border-bottom:1px solid var(--bord);
  display:block!important;
}
.legal-content p,.legal-content li{
  color:var(--text);font-size:.92rem;line-height:1.78;margin-bottom:10px;
}
.legal-content ul,.legal-content ol{padding-left:20px;margin-bottom:14px}
.legal-content ul li{list-style:disc}
.legal-content ol li{list-style:decimal}
.legal-content a{color:var(--g);text-decoration:underline;text-underline-offset:2px}
.legal-content a:hover{color:var(--gh)}
.legal-content strong{font-weight:600;color:var(--text)}
.legal-box{
  background:var(--cream3);border-left:3px solid var(--gold);
  padding:14px 18px;margin-bottom:32px;border-radius:0 var(--r) var(--r) 0;
  font-size:.88rem;color:var(--muted);line-height:1.65;
}

/* ===== ABOUT / О НАС ===== */
.about-sec{overflow:hidden}
.about-inner{
  max-width:760px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:28px;
}
.about-accent{
  width:52px;height:3px;
  background:linear-gradient(to right,var(--gold),var(--gold-l));
  border-radius:2px;
}
.about-quote{
  display:flex;flex-direction:column;gap:18px;
}
.about-p{
  margin:0;
  font-size:clamp(17px,2.1vw,21px);
  line-height:1.78;
  color:var(--tl);
  font-weight:300;
}
.about-p--close{
  font-style:italic;
  color:var(--cream);
  font-size:clamp(18px,2.2vw,22px)!important;
}
.about-brand{
  color:var(--gold-l);
  font-style:normal;
  font-weight:500;
}
.about-sig{
  display:flex;align-items:center;gap:14px;
}
.about-sig__dash{
  display:block;width:30px;height:1px;
  background:var(--gold);opacity:.4;flex-shrink:0;
}
.about-sig__txt{
  font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:var(--tlm);white-space:nowrap;
}
@media(max-width:640px){
  .about-inner{gap:18px}
  .about-quote{gap:14px}
  .about-p{font-size:15px;line-height:1.7}
  .about-p--close{font-size:16px!important}
}

/* ===== КОНСТРУКТОР — СЕТКА РАЗМЕРОВ ===== */
.pcalc-hint{
  font-size:12px;color:var(--muted);line-height:1.55;
  margin:-8px 0 14px;
}
.ksize-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:24px;
}
.ksize-btn{
  display:flex;flex-direction:column;align-items:flex-start;
  padding:11px 13px;
  border:1.5px solid var(--bord);border-radius:var(--r);
  background:#fafaf8;cursor:pointer;
  text-align:left;
  transition:border-color .2s,background .2s,transform .15s;
}
.ksize-btn:hover{border-color:var(--g);background:rgba(61,104,32,.03);transform:translateY(-1px)}
.ksize-btn.sel{
  border-color:var(--g);background:rgba(61,104,32,.06);
}
.ksize-btn.sel .ksize-dim{color:var(--g)}
.ksize-dim{
  font-size:14px;font-weight:700;color:var(--text);
  font-family:'Playfair Display',serif;line-height:1.2;
}
.ksize-inc{
  font-size:10px;color:var(--muted);margin:3px 0 5px;
  line-height:1.35;
}
.ksize-price{
  font-size:12px;font-weight:700;color:var(--gold-d);
  white-space:nowrap;
}
.ksize-btn.sel .ksize-price{color:var(--g)}
.ksize-btn--custom{
  border-style:dashed;
  align-items:center;justify-content:center;
  text-align:center;
}
.ksize-btn--custom .ksize-dim{color:var(--muted);font-size:12px;font-family:'Inter',sans-serif;font-weight:600}
.ksize-btn--custom .ksize-inc{display:none}
.ksize-btn--custom .ksize-price{color:var(--gold);font-size:11px}
.ksize-btn--custom:hover .ksize-dim{color:var(--g)}
/* Кнопка «Под ключ» в конструкторе */
.klyuch-btn{
  display:flex;align-items:center;gap:7px;
  width:100%;margin:0 0 14px;padding:10px 16px;
  background:linear-gradient(135deg,#3d6820 0%,#5a9a2e 100%);
  color:#fff;border:none;border-radius:8px;
  font-size:13px;font-weight:600;font-family:'Inter',sans-serif;
  cursor:pointer;transition:opacity .2s,transform .15s;
  letter-spacing:.01em;
}
.klyuch-btn:hover{opacity:.88;transform:translateY(-1px)}
.klyuch-btn.act{
  background:linear-gradient(135deg,#5a9a2e 0%,#3d6820 100%);
  box-shadow:0 0 0 2px rgba(61,104,32,.35);
}
.klyuch-btn svg{flex-shrink:0;opacity:.85}
@media(max-width:540px){
  .ksize-grid{grid-template-columns:1fr 1fr}
  .pcalc__body{grid-template-columns:1fr!important}
  .pcalc__left{padding:20px 16px!important}
  .pcalc__right{padding:20px 16px!important;border-left:none!important;border-top:1px solid var(--bord)}
  .pcalc{border-radius:12px!important;margin:0!important}
  .ptype{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .ptype__name{font-size:12px!important}
  .ptype__sub{font-size:10px!important}
  .chk-opt{padding:10px 10px!important}
  .chk-opt__title{font-size:12px!important}
  .chk-opt__price{font-size:10px!important;min-width:0;max-width:72px;text-align:right}
  .sum-total__val{font-size:1.4rem!important}
  .pcalc__summary{padding:16px!important}
  .cmf-row{grid-template-columns:1fr!important}
}
@media(max-width:380px){
  .ksize-grid{grid-template-columns:1fr!important}
  .pcalc__left{padding:16px 12px!important}
  .pcalc__right{padding:16px 12px!important}
}
/* ===== 404 ===== */
.e404{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.e404__bg{position:absolute;inset:0;z-index:0}
.e404__bg img{width:100%;height:100%;object-fit:cover}
.e404__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,18,6,.82) 0%,rgba(20,30,10,.72) 100%)}
.e404__in{position:relative;z-index:1;text-align:center;color:#fff;padding:120px 24px 80px}
.e404__eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:32px}
.e404__eyebrow-line{width:32px;height:1px;background:var(--gold)}
.e404__code{font-family:'Playfair Display',serif;font-size:clamp(7rem,18vw,14rem);font-weight:700;line-height:.9;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.15);margin-bottom:16px;user-select:none}
.e404__h{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:#fff;line-height:1.2;margin-bottom:20px}
.e404__h em{color:var(--gold-l);font-style:italic}
.e404__sub{font-size:clamp(.9rem,1.4vw,1.05rem);color:rgba(255,255,255,.65);line-height:1.75;max-width:480px;margin:0 auto 36px}
.e404__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}
.e404__btns .btn--outline{border-color:rgba(255,255,255,.3);color:#fff}
.e404__btns .btn--outline:hover{border-color:var(--gold-l);color:var(--gold-l)}
.e404__nav{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}
.e404__nav a{font-size:13px;color:rgba(255,255,255,.45);transition:color .2s}
.e404__nav a:hover{color:var(--gold-l)}
.e404__nav span{color:rgba(255,255,255,.2)}
@media(max-width:540px){.e404__btns{flex-direction:column;align-items:center}.e404__btns .btn{width:260px;text-align:center}}