/* ============================================================
   ООО «РЕШАЙН» — «Дом вдали от дома»
   Тёплая дизайн-система. Чистый CSS, без фреймворков.
   ============================================================ */

/* ---------- ТОКЕНЫ ---------- */
:root{
  --bg:#FBF7F1; --bg-warm:#F4EBE0; --surface:#FFFFFF; --surface-sand:#F7EFE4;
  --ink:#2E2A24; --ink-deep:#23362B; --muted:#7A7065; --on-accent:#FFF6F0; --on-dark:#F2EADF;
  --accent:#D9694A; --accent-hover:#C4583B; --accent-soft:#F6DDD2;
  --accent-2:#5C7A5A; --accent-2-soft:#E2EADD; --amber:#E0A458;
  --border:#E8DDCD; --border-strong:#D9CBB6;

  --r-xs:8px; --r-sm:12px; --r-md:18px; --r-lg:24px; --r-xl:28px; --r-2xl:36px; --r-pill:999px;

  --shadow-sm:0 1px 2px rgba(46,42,36,.05),0 2px 6px rgba(46,42,36,.04);
  --shadow-md:0 4px 12px rgba(46,42,36,.07),0 10px 24px rgba(46,42,36,.06);
  --shadow-lg:0 12px 28px rgba(46,42,36,.10),0 24px 60px rgba(46,42,36,.08);
  --shadow-accent:0 10px 24px rgba(217,105,74,.28);

  --ease-out:cubic-bezier(.16,1,.3,1); --ease-soft:cubic-bezier(.33,1,.68,1); --ease-inout:cubic-bezier(.65,0,.35,1);
  --t-fast:180ms; --t-base:280ms; --t-slow:520ms;

  --container:1180px; --gutter:clamp(20px,5vw,64px); --section-y:clamp(64px,9vw,132px);
  --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  --grad-warm:radial-gradient(120% 120% at 15% 8%, #FCEFE0 0%, #FBF7F1 45%, #F4EBE0 100%);
  --grad-sunset:linear-gradient(135deg,#E0A458 0%,#D9694A 60%,#C4583B 100%);
  --grad-deep:linear-gradient(160deg,#2A4033 0%,#23362B 70%,#1E2E25 100%);

  --font-display:"Fraunces","Playfair Display",Georgia,"Times New Roman",serif;
  --font-sans:"Mulish","Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-display:clamp(2.6rem,1.6rem + 4.6vw,5rem);
  --fs-h2:clamp(1.7rem,1.2rem + 2.2vw,2.6rem);
  --fs-h3:clamp(1.3rem,1.05rem + 1.1vw,1.7rem);
  --fs-lead:clamp(1.12rem,1rem + .6vw,1.35rem);
  --fs-body:clamp(1rem,.97rem + .15vw,1.08rem);
  --fs-small:.9rem; --fs-eyebrow:.82rem;
  --nav-h:84px;
}

/* ---------- БАЗА ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-behavior:smooth; scroll-padding-top:var(--nav-h); -webkit-text-size-adjust:100%}
body{font-family:var(--font-sans); font-size:var(--fs-body); line-height:1.65; color:var(--ink);
  background:var(--bg); letter-spacing:.005em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img,svg{display:block; max-width:100%}
a{color:var(--accent); text-decoration:none}
button,input,textarea{font:inherit; color:inherit}
ul[class]{list-style:none; padding:0}
.no-scroll{overflow:hidden}
:where(a,button,input,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--accent-soft); outline-offset:2px; border-radius:6px}

h1,h2,h3{font-family:var(--font-display); font-optical-sizing:auto; color:var(--ink); font-weight:600; text-wrap:balance}
h1,.display{font-size:var(--fs-display); line-height:1.04; letter-spacing:-.015em}
h2{font-size:var(--fs-h2); line-height:1.12; letter-spacing:-.01em}
h3{font-size:var(--fs-h3); line-height:1.2}
.display em,h2 em,h1 em{font-style:italic; font-weight:500; color:var(--accent)}
p{max-width:64ch}
strong{font-weight:700; color:var(--ink)}

/* ---------- ЛЕЙАУТ ---------- */
.container{width:100%; max-width:var(--container); margin-inline:auto; padding-inline:var(--gutter)}
.container--narrow{max-width:920px}
.section{padding-block:var(--section-y); position:relative}
.section--warm{background:var(--bg-warm)}
.section--sand{background:var(--surface-sand)}
.grid{display:grid; gap:var(--sp-5)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.grid-2,.grid-3{grid-template-columns:1fr}}

.section-head{max-width:720px; margin-bottom:var(--sp-8)}
.section-head--center{margin-inline:auto; text-align:center}
.eyebrow{display:inline-block; font-family:var(--font-sans); font-size:var(--fs-eyebrow); font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--accent); margin-bottom:14px}
.lead{font-size:var(--fs-lead); line-height:1.55; color:var(--muted); max-width:52ch}
.section-head .lead{margin-top:14px}
.muted{color:var(--muted)}

/* ---------- КНОПКИ (pill) ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--font-sans); font-weight:700; font-size:1rem; line-height:1;
  padding:15px 26px; border-radius:var(--r-pill); border:1.5px solid transparent; cursor:pointer; white-space:nowrap;
  transition:transform var(--t-fast) var(--ease-soft), box-shadow var(--t-base) var(--ease-soft),
             background var(--t-fast) var(--ease-soft), color var(--t-fast) var(--ease-soft), border-color var(--t-fast)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn .ic{width:18px; height:18px}
.btn--primary{background:var(--accent); color:var(--on-accent); box-shadow:var(--shadow-accent)}
.btn--primary:hover{background:var(--accent-hover); transform:translateY(-2px); box-shadow:0 14px 30px rgba(217,105,74,.34)}
.btn--secondary{background:var(--accent-2-soft); color:var(--ink-deep)}
.btn--secondary:hover{background:#D6E2CF; transform:translateY(-2px)}
.btn--ghost{background:transparent; color:var(--ink); border-color:var(--border-strong)}
.btn--ghost:hover{border-color:var(--accent); color:var(--accent); background:var(--accent-soft)}
.btn--lg{padding:18px 32px; font-size:1.06rem}
.btn-row{display:flex; gap:14px; flex-wrap:wrap; align-items:center}

/* ---------- ЧИПЫ ---------- */
.chip{display:inline-flex; align-items:center; gap:8px; padding:8px 15px; border-radius:var(--r-pill);
  font-size:.86rem; font-weight:600; line-height:1; background:var(--accent-soft); color:var(--accent-hover)}
.chip .dot{width:7px; height:7px; border-radius:50%; background:currentColor; flex:none}
.chip--sage{background:var(--accent-2-soft); color:#41603F}
.chip--amber{background:#F7E7CC; color:#9A6B1E}
.chip--outline{background:transparent; border:1.5px solid var(--border-strong); color:var(--muted)}
.chip-row{display:flex; flex-wrap:wrap; gap:10px}

/* ---------- ШАПКА ---------- */
.header{position:fixed; inset:0 0 auto 0; z-index:100; padding-block:18px;
  transition:background var(--t-base) var(--ease-soft), box-shadow var(--t-base) var(--ease-soft), padding var(--t-base) var(--ease-soft)}
.header.is-scrolled{background:rgba(251,247,241,.82); backdrop-filter:saturate(1.4) blur(14px);
  -webkit-backdrop-filter:saturate(1.4) blur(14px); box-shadow:0 1px 0 var(--border),var(--shadow-sm); padding-block:10px}
.nav{display:flex; align-items:center; justify-content:space-between; gap:24px}
.logo{display:inline-flex; align-items:center; gap:11px; color:var(--ink-deep)}
.logo__mark{width:42px; height:42px; flex:none}
.logo__word{font-family:var(--font-display); font-weight:600; font-size:1.32rem; letter-spacing:.02em; color:var(--ink-deep)}
.logo__word .y{color:var(--accent)}
.nav__mid{display:flex; align-items:center; gap:28px}
.nav__links{display:flex; gap:28px}
.nav__link{font-weight:600; color:var(--ink); font-size:.98rem; position:relative; padding:6px 2px; white-space:nowrap;
  transition:color var(--t-fast) var(--ease-soft)}
.nav__link::after{content:""; position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--accent);
  border-radius:2px; transition:width var(--t-base) var(--ease-out)}
.nav__link:hover{color:var(--accent)}
.nav__link:hover::after,.nav__link.is-active::after{width:100%}
.nav__right{display:flex; align-items:center; gap:16px}
.nav__phone{font-weight:700; color:var(--ink-deep); white-space:nowrap}
.nav__phone:hover{color:var(--accent)}
@media(max-width:1280px){.nav__phone{display:none}}

/* бургер */
.burger{display:none; width:46px; height:46px; border:0; background:var(--surface); border-radius:var(--r-pill);
  box-shadow:var(--shadow-sm); cursor:pointer; position:relative; z-index:160}
.burger span{position:absolute; left:13px; width:20px; height:2px; background:var(--ink); border-radius:2px;
  transition:transform var(--t-base) var(--ease-out), opacity var(--t-fast), top var(--t-base) var(--ease-out)}
.burger span:nth-child(1){top:17px}
.burger span:nth-child(2){top:22px}
.burger span:nth-child(3){top:27px}
.burger.is-open span:nth-child(1){top:22px; transform:rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){top:22px; transform:rotate(-45deg)}

@media(max-width:1100px){
  .burger{display:block}
  .nav__mid{position:fixed; inset:0; flex-direction:column; justify-content:center; gap:34px;
    background:var(--bg); transform:translateX(100%); transition:transform var(--t-base) var(--ease-out);
    padding:var(--sp-9) var(--gutter); z-index:150}
  .nav__mid.is-open{transform:translateX(0)}
  .nav__links{flex-direction:column; align-items:center; gap:26px}
  .nav__link{font-family:var(--font-display); font-size:1.7rem}
  .nav__link::after{display:none}
  .nav__mid .btn{width:100%; max-width:320px}
}

/* ---------- HERO ---------- */
.hero{position:relative; background:var(--grad-warm); overflow:clip; padding-top:clamp(120px,16vw,180px); padding-bottom:var(--section-y)}
.hero__grid{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,72px); align-items:center; position:relative; z-index:1}
@media(max-width:920px){.hero__grid{grid-template-columns:1fr}}
.hero__title{margin:14px 0 18px}
.hero__lead{max-width:46ch; margin-bottom:30px}
.hero__chips{margin-top:30px}
.hero__note{margin-top:14px; font-size:.9rem; color:var(--muted)}
.hero__media{position:relative; border-radius:var(--r-2xl); overflow:hidden; box-shadow:var(--shadow-lg);
  aspect-ratio:4/5; background:var(--surface-sand)}
.hero__media img{width:100%; height:100%; object-fit:cover}
.hero__badge{position:absolute; left:-16px; bottom:26px; background:var(--surface); border-radius:var(--r-lg);
  padding:14px 18px; box-shadow:var(--shadow-md); display:flex; gap:12px; align-items:center; max-width:240px;
  animation:float 6s var(--ease-inout) infinite}
.hero__badge .ic{width:40px;height:40px;border-radius:50%;background:var(--accent-2-soft);color:#41603F;display:grid;place-items:center;flex:none}
.hero__badge b{font-family:var(--font-display); font-size:1.05rem; display:block}
.hero__badge span{font-size:.82rem; color:var(--muted)}

/* блобы */
.blob{position:absolute; filter:blur(10px); opacity:.55; border-radius:50%; z-index:0; pointer-events:none}
.blob--terra{width:440px;height:440px;right:-130px;top:30px;background:radial-gradient(circle at 30% 30%,#F6DDD2,transparent 70%); animation:breathe 12s var(--ease-inout) infinite}
.blob--sage{width:380px;height:380px;left:-150px;bottom:-100px;background:radial-gradient(circle at 40% 40%,#E2EADD,transparent 70%); animation:breathe 14s var(--ease-inout) infinite reverse}
.blob--amber{width:300px;height:300px;right:18%;bottom:-120px;background:radial-gradient(circle at 50% 50%,#F7E7CC,transparent 70%); animation:breathe 16s var(--ease-inout) infinite}

/* плейсхолдер-блоб */
.ph{border-radius:var(--r-2xl); aspect-ratio:4/5; position:relative; display:grid; place-items:center; color:var(--muted);
  background:radial-gradient(120% 90% at 20% 15%,#FCEBDC 0,transparent 60%),radial-gradient(120% 90% at 85% 80%,#E2EADD 0,transparent 60%),linear-gradient(160deg,#F7EFE4,#F4EBE0)}
.ph__inner{display:grid; gap:12px; justify-items:center; text-align:center; padding:24px}
.ph__inner .logo__mark{width:64px; height:64px; opacity:.65}
.ph__label{font-size:.82rem; text-transform:uppercase; letter-spacing:.14em; font-weight:700; color:var(--muted)}

/* ---------- КАРТОЧКИ ---------- */
.card{background:var(--surface); border-radius:var(--r-xl); padding:30px; border:1px solid var(--border);
  box-shadow:var(--shadow-sm); transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out), border-color var(--t-base)}
.card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--accent-soft)}
.card__icon{width:56px; height:56px; border-radius:var(--r-md); display:grid; place-items:center;
  background:var(--accent-soft); color:var(--accent-hover); margin-bottom:18px; transition:transform var(--t-base) var(--ease-out)}
.card:hover .card__icon{transform:rotate(-6deg) scale(1.06)}
.card__icon .ic{width:28px; height:28px}
.card__title{margin-bottom:8px}
.card__text{color:var(--muted); font-size:var(--fs-body)}
.card:nth-child(3n+2) .card__icon{background:var(--accent-2-soft); color:#41603F}
.card:nth-child(3n) .card__icon{background:#F7E7CC; color:#9A6B1E}

/* мини-факт (доверие в hero/ленте) */
.facts{display:grid; grid-template-columns:repeat(5,1fr); gap:var(--sp-5)}
@media(max-width:900px){.facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.facts{grid-template-columns:1fr}}
.fact{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:22px; box-shadow:var(--shadow-sm)}
.fact b{font-family:var(--font-display); display:block; margin-bottom:6px; font-size:1.12rem}
.fact span{color:var(--muted); font-size:.92rem}

/* ---------- ШАГИ ---------- */
.steps{counter-reset:step; display:grid; gap:var(--sp-6); max-width:760px}
.step{position:relative; padding-left:90px}
.step::before{counter-increment:step; content:counter(step,decimal-leading-zero); position:absolute; left:0; top:-2px;
  font-family:var(--font-display); font-size:1.8rem; font-weight:600; color:var(--accent); line-height:1;
  width:64px; height:64px; border-radius:var(--r-lg); background:var(--accent-soft); display:grid; place-items:center}
.step:nth-child(3n+2)::before{color:#41603F; background:var(--accent-2-soft)}
.step:nth-child(3n)::before{color:#9A6B1E; background:#F7E7CC}
.step:not(:last-child)::after{content:""; position:absolute; left:31px; top:66px; bottom:-30px; width:2px;
  background:repeating-linear-gradient(var(--border-strong) 0 6px,transparent 6px 12px)}
.step__title{margin-bottom:6px}
.step__text{color:var(--muted)}

/* ---------- TRUST ---------- */
.trust{background:var(--bg-warm); border-radius:var(--r-2xl); padding:clamp(32px,5vw,56px)}
.trust__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-6)}
@media(max-width:760px){.trust__grid{grid-template-columns:1fr}}
.trust__item{display:flex; gap:16px; align-items:flex-start}
.trust__ic{width:48px;height:48px;border-radius:var(--r-md);background:var(--accent-2-soft);color:#41603F;display:grid;place-items:center;flex:none}
.trust__ic .ic{width:24px;height:24px}
.trust__t{font-family:var(--font-display); font-size:1.18rem; margin-bottom:4px}
.trust__d{color:var(--muted); font-size:.95rem}

/* ---------- FAQ ---------- */
.faq{max-width:820px; margin-inline:auto}
.faq__item{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); margin-bottom:14px; overflow:hidden;
  transition:box-shadow var(--t-base) var(--ease-soft), border-color var(--t-base)}
.faq__item[open]{box-shadow:var(--shadow-md); border-color:var(--accent-soft)}
.faq__q{list-style:none; cursor:pointer; padding:22px 24px; display:flex; justify-content:space-between; align-items:center; gap:16px;
  font-family:var(--font-display); font-weight:600; font-size:1.12rem; color:var(--ink)}
.faq__q::-webkit-details-marker{display:none}
.faq__icon{flex:none; width:30px; height:30px; border-radius:50%; background:var(--accent-soft); color:var(--accent-hover);
  display:grid; place-items:center; transition:transform var(--t-base) var(--ease-out)}
.faq__icon .ic{width:16px; height:16px}
.faq__item[open] .faq__icon{transform:rotate(135deg)}
.faq__a{padding:0 24px 24px; color:var(--muted); line-height:1.7; max-width:72ch}

/* ---------- ФОРМА ---------- */
.contact-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(28px,4vw,56px); align-items:start}
@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}
.contact-info{display:flex; flex-direction:column; gap:20px; font-style:normal}
.contact-info__row{display:flex; gap:14px; align-items:flex-start}
.contact-info__ic{width:46px;height:46px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-hover);display:grid;place-items:center;flex:none}
.contact-info__ic .ic{width:22px;height:22px}
.contact-info a{color:var(--ink); font-weight:600}
.contact-info a:hover{color:var(--accent)}
.contact-info small{display:block; color:var(--muted); font-weight:400; font-size:.86rem}
.form-card{background:var(--surface-sand); border-radius:var(--r-2xl); padding:clamp(24px,4vw,44px); box-shadow:var(--shadow-md)}
.field{display:flex; flex-direction:column; gap:8px; margin-bottom:18px}
.field label{font-weight:600; font-size:.92rem; color:var(--ink)}
.input,.textarea{font-family:var(--font-sans); font-size:1rem; color:var(--ink); background:var(--surface);
  border:1.5px solid var(--border-strong); border-radius:var(--r-md); padding:14px 16px;
  transition:border-color var(--t-fast) var(--ease-soft), box-shadow var(--t-fast) var(--ease-soft), background var(--t-fast)}
.input::placeholder,.textarea::placeholder{color:var(--muted)}
.input:hover,.textarea:hover{border-color:var(--accent-soft)}
.input:focus,.textarea:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 4px var(--accent-soft); background:#FFFDFB}
.textarea{min-height:130px; resize:vertical}
.consent{display:flex; gap:10px; align-items:flex-start; font-size:.86rem; color:var(--muted); margin-bottom:18px}
.consent input{margin-top:3px; width:18px; height:18px; accent-color:var(--accent); flex:none}
.consent a{text-decoration:underline}
.form-status{font-size:.92rem; padding:12px 16px; border-radius:var(--r-md); display:none; margin-top:4px}
.form-status.is-ok{display:block; background:var(--accent-2-soft); color:#3C5A3A}
.form-status.is-err{display:block; background:var(--accent-soft); color:var(--accent-hover)}
.hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}

/* ---------- CTA ---------- */
.cta__box{background:var(--grad-sunset); color:var(--on-accent); border-radius:var(--r-2xl);
  padding:clamp(36px,6vw,72px); text-align:center; position:relative; overflow:hidden}
.cta__box h2{color:#fff; max-width:18ch; margin:0 auto 14px}
.cta__box .lead{color:#FCE9DF; max-width:54ch; margin:0 auto 28px}
.cta__box .btn--primary{background:#fff; color:var(--accent-hover); box-shadow:0 10px 30px rgba(0,0,0,.16)}
.cta__box .btn--primary:hover{background:#fff; color:var(--accent)}

/* ---------- FOOTER ---------- */
.footer{background:var(--grad-deep); color:var(--on-dark); border-radius:var(--r-2xl) var(--r-2xl) 0 0; padding-top:clamp(56px,7vw,88px); padding-bottom:32px}
.footer__top{display:grid; grid-template-columns:1.6fr 1fr 1.3fr; gap:32px}
@media(max-width:760px){.footer__top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer__top{grid-template-columns:1fr}}
.footer .logo,.footer .logo__word{color:var(--on-dark)}
.footer__about{margin-top:16px; color:rgba(242,234,223,.78); max-width:38ch; font-size:.95rem}
.footer__chips{margin-top:18px}
.footer .chip{background:rgba(224,164,88,.16); color:var(--amber)}
.footer__title{font-family:var(--font-display); font-size:1.05rem; margin-bottom:14px; color:#fff}
.footer__list{display:flex; flex-direction:column; gap:11px; font-size:.95rem}
.footer a{color:var(--on-dark); opacity:.82; transition:opacity var(--t-fast), color var(--t-fast)}
.footer a:hover{opacity:1; color:var(--amber)}
.footer__bottom{margin-top:48px; padding-top:24px; border-top:1px solid rgba(242,234,223,.14);
  color:rgba(242,234,223,.62); font-size:.88rem; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px}

/* ---------- REVEAL / KEYFRAMES ---------- */
.reveal{opacity:0; transform:translateY(22px); transition:opacity var(--t-slow) var(--ease-out), transform var(--t-slow) var(--ease-out); transition-delay:var(--d,0ms)}
.reveal.is-in{opacity:1; transform:none}
@keyframes fadeUp{from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none}}
@keyframes float{0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)}}
@keyframes breathe{0%,100%{transform:scale(1) translate(0,0); opacity:.5} 50%{transform:scale(1.12) translate(12px,-10px); opacity:.62}}

/* ---------- УТИЛИТЫ ---------- */
.text-center{text-align:center}
.list-soft{display:grid; gap:12px}
.list-soft li{position:relative; padding-left:30px; color:var(--muted)}
.list-soft li::before{content:""; position:absolute; left:0; top:2px; width:20px; height:20px; border-radius:50%;
  background:var(--accent-2-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%235C7A5A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}
.divider{height:1px; border:0; background:var(--border); margin-block:var(--sp-7)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important}
  .reveal{opacity:1!important; transform:none!important}
  .blob,.hero__badge{animation:none!important}
  .marquee__row{animation:none!important}
}

/* ============================================================
   V2 — РЕДАКЦИОННАЯ ВЁРСТКА (другая структура страницы)
   ============================================================ */

/* Hero editorial — крупный заголовок во всю ширину + широкая фото-полоса */
.hero2{position:relative; overflow:clip; background:var(--grad-warm); padding-top:clamp(132px,17vw,210px); padding-bottom:clamp(36px,5vw,64px)}
.hero2__eyebrow{display:inline-block; font-family:var(--font-sans); font-weight:700; text-transform:uppercase; letter-spacing:.16em; font-size:.82rem; color:var(--accent); margin-bottom:22px}
.hero2__title{font-family:var(--font-display); font-weight:600; font-size:clamp(2.3rem,1.3rem+3.5vw,4.3rem); line-height:1.05; letter-spacing:-.02em; max-width:14ch; color:var(--ink); margin-top:18px}
.hero2__title em{font-style:italic; color:var(--accent)}
.hero2__bottom{display:flex; justify-content:space-between; align-items:flex-end; gap:clamp(24px,4vw,56px); flex-wrap:wrap; margin-top:clamp(26px,4vw,46px)}
.hero2__lead{max-width:44ch; font-size:var(--fs-lead); line-height:1.55; color:var(--muted)}
.hero2__actions{display:flex; gap:14px; align-items:center; flex-wrap:wrap}
.hero2__phone{font-weight:700; color:var(--ink-deep); white-space:nowrap}
.hero2__phone:hover{color:var(--accent)}
.hero2__band{margin-top:clamp(30px,5vw,56px); border-radius:var(--r-2xl); overflow:hidden; aspect-ratio:24/9; box-shadow:var(--shadow-lg); position:relative}
@media(max-width:760px){.hero2__band{aspect-ratio:4/3}}
.hero2__band .ph{aspect-ratio:auto; height:100%; width:100%; border-radius:0}
.hero2__note{position:absolute; left:24px; bottom:22px; background:var(--surface); border-radius:var(--r-lg); padding:12px 18px; box-shadow:var(--shadow-md); font-size:.92rem; font-weight:600; color:var(--ink-deep)}

/* Hero v3 — текст + заполненная тёплая карточка-цитата (без пустой полосы) */
.hero2__grid{display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(32px,5vw,72px); align-items:center; position:relative; z-index:1}
@media(max-width:920px){.hero2__grid{grid-template-columns:1fr; gap:36px}}
.hero2__actions{display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin-top:clamp(24px,3vw,34px)}
.qcard{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-2xl); padding:clamp(26px,3vw,40px); box-shadow:var(--shadow-lg); position:relative}
.qcard__mark{width:46px; height:46px; margin-bottom:20px}
.qcard__quote{font-family:var(--font-display); font-weight:500; font-style:italic; font-size:clamp(1.35rem,1rem+1.3vw,1.85rem); line-height:1.32; color:var(--ink); margin-bottom:24px}
.qcard__list{display:grid; gap:14px}
.qcard__list li{position:relative; padding-left:32px; color:var(--ink-deep); font-weight:600}
.qcard__list li::before{content:""; position:absolute; left:0; top:2px; width:21px; height:21px; border-radius:50%;
  background:var(--accent-2-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%235C7A5A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}

/* О нас — сбалансированные 2 колонки (без пустого ярлыка) */
.about-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,72px); align-items:start}
@media(max-width:860px){.about-grid{grid-template-columns:1fr; gap:28px}}

/* Бегущая строка (вместо чипов) */
.marquee{overflow:hidden; border-block:1px solid var(--border); padding-block:20px; background:var(--bg-warm); display:flex}
.marquee__row{display:flex; white-space:nowrap; animation:marq 34s linear infinite; will-change:transform; flex:none}
.marquee__row>span{font-family:var(--font-display); font-style:italic; font-weight:500; font-size:clamp(1.2rem,.9rem+1.3vw,2rem); color:var(--ink-deep); display:inline-flex; align-items:center; padding-inline:26px}
.marquee__row>span::after{content:"✦"; color:var(--accent); font-style:normal; font-size:.55em; margin-left:30px}
@keyframes marq{from{transform:translateX(0)} to{transform:translateX(-50%)}}

/* Редакционная 2-колонка со «липким» ярлыком */
.edito{display:grid; grid-template-columns:230px 1fr; gap:clamp(28px,6vw,96px); align-items:start}
@media(max-width:860px){.edito{grid-template-columns:1fr; gap:16px}}
.edito__side{position:sticky; top:108px; align-self:start}
@media(max-width:860px){.edito__side{position:static}}
.edito__label{font-family:var(--font-sans); font-weight:700; text-transform:uppercase; letter-spacing:.14em; font-size:.82rem; color:var(--accent)}
.edito__label small{display:block; margin-top:10px; font-weight:400; text-transform:none; letter-spacing:0; color:var(--muted); font-size:.92rem; max-width:18ch}

/* Крупная цитата / проза */
.pull{font-family:var(--font-display); font-weight:500; font-size:clamp(1.7rem,1.05rem+2.6vw,3.1rem); line-height:1.2; color:var(--ink); max-width:22ch; letter-spacing:-.012em}
.pull em{font-style:italic; color:var(--accent)}
.prose p{font-size:var(--fs-lead); color:var(--muted); line-height:1.62; margin-bottom:1em; max-width:62ch}
.prose p:last-child{margin-bottom:0}
.prose strong{color:var(--ink)}
.inline-values{display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:28px}
.inline-values span{font-weight:700; color:var(--ink-deep)}
.inline-values span::before{content:"—"; color:var(--accent); margin-right:8px}

/* Услуги как редакционное «оглавление» (строки, не карточки) */
.svc{border-top:2px solid var(--ink-deep)}
.svc__item{display:grid; grid-template-columns:68px 1.05fr 1.35fr; gap:clamp(14px,3vw,40px); align-items:baseline;
  padding:clamp(22px,3vw,36px) 0; border-bottom:1px solid var(--border);
  transition:padding-left var(--t-base) var(--ease-out)}
.svc__item:hover{padding-left:12px}
.svc__n{font-family:var(--font-display); font-weight:600; font-size:1.15rem; color:var(--accent)}
.svc__t{font-family:var(--font-display); font-weight:600; font-size:clamp(1.3rem,1rem+1.4vw,2.05rem); line-height:1.08; color:var(--ink); transition:color var(--t-base)}
.svc__item:hover .svc__t{color:var(--accent)}
.svc__d{color:var(--muted); font-size:var(--fs-body)}
@media(max-width:760px){.svc__item{grid-template-columns:42px 1fr; row-gap:10px}.svc__d{grid-column:2}}

/* Процесс — горизонтальная лента (scroll-snap) */
.flow{display:grid; grid-template-columns:repeat(5,1fr); gap:18px}
@media(max-width:1100px){.flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.flow{grid-template-columns:1fr}}
.flow__item{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-xl); padding:26px; box-shadow:var(--shadow-sm)}
.flow__n{font-family:var(--font-display); font-weight:600; font-size:2.6rem; line-height:1; color:var(--accent); display:block; margin-bottom:14px}
.flow__item:nth-child(3n+2) .flow__n{color:#41603F}
.flow__item:nth-child(3n) .flow__n{color:#9A6B1E}
.flow__t{font-family:var(--font-display); font-size:1.32rem; margin-bottom:8px}
.flow__d{color:var(--muted); font-size:.96rem}
.flow-hint{margin-top:14px; font-size:.86rem; color:var(--muted)}

/* Полоса-цитата (тёмно-зелёная) — доверие + факты */
.band{background:var(--grad-deep); color:var(--on-dark); border-radius:var(--r-2xl); padding:clamp(40px,7vw,92px); position:relative; overflow:hidden}
.band::after{content:""; position:absolute; width:360px; height:360px; right:-90px; top:-90px; border-radius:50%;
  background:radial-gradient(circle,rgba(224,164,88,.18),transparent 70%); pointer-events:none}
.band>*{position:relative; z-index:1}
.band__top{display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(32px,5vw,64px); align-items:start}
@media(max-width:820px){.band__top{grid-template-columns:1fr; gap:22px}}
.band .pull{color:#fff; max-width:18ch}
.band .pull em{color:var(--amber)}
.band__sub{color:rgba(242,234,223,.82); font-size:var(--fs-lead); line-height:1.56; max-width:44ch}
.band__by{margin-top:18px; font-family:var(--font-display); font-style:italic; font-size:1.08rem; color:var(--amber)}
.band__facts{display:grid; grid-template-columns:repeat(4,1fr); gap:24px 36px; margin-top:clamp(34px,4.5vw,52px); padding-top:clamp(28px,4vw,38px); border-top:1px solid rgba(242,234,223,.16)}
@media(max-width:760px){.band__facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.band__facts{grid-template-columns:1fr; gap:20px}}
.band__fact b{font-family:var(--font-display); font-weight:600; font-size:clamp(1.7rem,1.1rem+1.6vw,2.5rem); color:var(--amber); display:block; line-height:1}
.band__fact span{color:rgba(242,234,223,.74); font-size:.95rem; margin-top:8px; display:block; max-width:24ch}

/* FAQ — тонкие линии (без карточек) */
.qa{border-top:1px solid var(--border); max-width:820px; margin-inline:auto}
.qa details{border-bottom:1px solid var(--border)}
.qa summary{list-style:none; cursor:pointer; padding:24px 2px; display:flex; justify-content:space-between; gap:24px; align-items:baseline;
  font-family:var(--font-display); font-weight:600; font-size:clamp(1.14rem,1rem+.6vw,1.5rem); color:var(--ink); transition:color var(--t-fast)}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--accent)}
.qa summary::after{content:"+"; font-family:var(--font-sans); font-weight:400; color:var(--accent); font-size:1.7rem; line-height:1; transition:transform var(--t-base) var(--ease-out); flex:none}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa__a{padding:0 2px 28px; color:var(--muted); line-height:1.72; max-width:72ch}

/* Контакты v2 — по центру */
.contact2{max-width:660px; margin-inline:auto; text-align:center}
.contact2 .form-card{text-align:left; margin-top:8px}
.contact-line{display:flex; gap:14px 30px; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:26px; color:var(--muted)}
.contact-line a{color:var(--ink-deep); font-weight:700}
.contact-line a:hover{color:var(--accent)}
.contact-line .sep{color:var(--border-strong)}