/* ══════════════════════════════════════════════════════════════════════
   floridaapplianceservice.com — 06-секции, волна 2026-08-03
   Расширение утверждённого стиля #09 Glassmorphism на секции 5-16
   + модификаторы компоновок (--a/--b/--c). Токены — из _shared/styles.css.
   Текст Александры 1:1; здесь только оформление.
   ══════════════════════════════════════════════════════════════════════ */

/* ── ОБЩЕЕ ДЛЯ СТРАНИЦ-ФРАГМЕНТОВ ───────────────────────────────────── */
.secpage{min-height:40vh}

.sec{position:relative;isolation:isolate;overflow:hidden;background:var(--ink-deep)}
.sec--ink{background:var(--ink)}
.sec__in{position:relative;z-index:2;max-width:var(--shell);margin:0 auto;padding:96px 100px}
@media (max-width:1200px){.sec__in{padding:72px 48px}}
@media (max-width:760px){.sec__in{padding:56px 20px}}

/* световые пятна — стеклу нужно что размывать */
.glow-teal{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(700px 480px at 82% 6%,rgba(56,200,208,.17),transparent 66%),
    radial-gradient(560px 420px at 6% 96%,rgba(8,144,168,.20),transparent 70%)}
.glow-amber{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(680px 460px at 14% 10%,rgba(240,160,24,.14),transparent 68%),
    radial-gradient(620px 460px at 92% 90%,rgba(8,144,168,.24),transparent 70%)}

/* заголовочный блок секции */
.sh{font-size:var(--t1);color:var(--paper);max-width:21ch}
.sh em{font-style:normal;color:var(--teal);text-shadow:0 0 34px rgba(56,200,208,.42)}
.shead h2,.shead h3{margin-top:var(--s3)}
.shead--c{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}
.shead--c .sh{max-width:26ch}
.shead--c .lead{margin-left:auto;margin-right:auto}

/* чек-галка */
.ic--check{width:19px;height:19px;color:var(--teal);margin-top:3px}

/* стрелка-ссылка (как в доке) доступна из styles.css: .act__l */

/* служебный контекст-филлер: низ героя для секций с наездом (текста нет) */
.ctx-heroend{position:relative;height:180px;background:var(--ink);overflow:hidden}
.ctx-heroend::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(560px 420px at 88% 10%,rgba(8,144,168,.36),transparent 68%),
    radial-gradient(420px 300px at 10% 80%,rgba(240,160,24,.10),transparent 70%),
    linear-gradient(180deg,rgba(8,19,31,.25),rgba(8,19,31,.85))}
/* высокий филлер для мобильной липкой полосы */
.ctx-tall{position:relative;height:72vh;background:var(--ink);overflow:hidden}
.ctx-tall::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(420px 300px at 80% 16%,rgba(56,200,208,.22),transparent 66%),
    radial-gradient(380px 300px at 12% 82%,rgba(8,144,168,.26),transparent 70%),
    linear-gradient(180deg,rgba(8,19,31,.35),rgba(8,19,31,.85))}

/* служебная плашка для десктоп-рендера mobile-only секции (не текст сайта) */
.devnote{display:flex;gap:9px;align-items:center;padding:10px 24px;
  font-size:11px;line-height:1.4;color:rgba(186,205,219,.72);
  background:rgba(6,16,28,.62);border-bottom:1px dashed rgba(160,185,205,.34)}
.devnote b{color:rgba(160,185,205,.85);font-family:var(--display);font-weight:700;
  font-size:10px;letter-spacing:1.7px}

/* ══ S01 — TRUST STRIP, компоновка B: статичная строка без прокрутки ═ */
.strip--b{-webkit-mask-image:none;mask-image:none}
.strip--b .strip__wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  max-width:var(--shell);margin:0 auto;padding:4px 48px}

/* ══ S02 — NAV, компоновка B: два яруса (утилиты сверху, меню снизу) ═ */
.nav--b .nav__in{display:block;padding-top:12px;padding-bottom:0}
.nav--b .nav__row1{display:flex;align-items:center;gap:var(--s4)}
.nav--b .nav__row1 .nav__logo{margin-right:auto}
.nav--b .nav__menu{margin:0;justify-content:center;gap:38px;
  border-top:1px solid rgba(255,255,255,.08);padding:13px 0}
@media (max-width:1200px){
  .nav--b .nav__in{padding-bottom:12px}
  .nav--b .nav__menu{display:none;border-top:0;padding:0}
}

/* ══ S03 — HERO ═════════════════════════════════════════════════════ */
/* компоновка B: зеркало — консоль слева, текст справа */
.hero--b .hero__in{grid-template-columns:1fr 1.618fr}
.hero--b .hero__side{grid-column:1;grid-row:1 / span 2}
.hero--b .hero__text{grid-column:2;grid-row:1}
.hero--b .hero__proof{grid-column:2;grid-row:2}
@media (max-width:1200px){
  .hero--b .hero__in{grid-template-columns:1fr}
  .hero--b .hero__text{grid-column:1;grid-row:1}
  .hero--b .hero__side{grid-column:1;grid-row:2}
  .hero--b .hero__proof{grid-column:1;grid-row:3}
}

/* компоновка C: центр-стек — текст по центру, консоль + статус ниже */
.hero__in--c{display:flex;flex-direction:column;gap:var(--s5)}
.hero--c .hero__text{max-width:940px;margin:0 auto;display:flex;flex-direction:column;
  align-items:center;text-align:center}
.hero--c h1{max-width:24ch}
.hero--c .lead{max-width:64ch}
.hero--c .hero__text .btnrow{width:100%;max-width:560px}
.hero--c .note{border-left:0;padding-left:0;border-top:2px solid var(--amber);padding-top:12px;max-width:62ch}
.heroc-mid{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--s4);
  align-items:start;width:100%;max-width:1320px;margin:0 auto}
.heroc-aside{display:flex;flex-direction:column;gap:var(--s2)}
.hero--c .qpick{grid-template-columns:1fr 1fr}
.hero--c .hero__proof{display:grid;grid-template-columns:440px 1fr;gap:var(--s3);
  width:100%;max-width:1320px;margin:0 auto}
@media (max-width:1200px){
  .heroc-mid{grid-template-columns:1fr}
  .hero--c .hero__proof{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .hero--c .hero__proof{grid-template-columns:1fr}
  .hero--c .note{margin-left:auto;margin-right:auto}
}

/* ══ S04 — QUICK ACTIONS, компоновка B: 2×2, без наезда, икона слева ═ */
.dock--b .dock__in{margin-top:0;padding-top:var(--s6);grid-template-columns:1fr 1fr}
.dock--b .act{flex-direction:row;align-items:flex-start;gap:22px;padding:24px 28px}
.dock--b .act__ic{flex:none;margin-top:2px}
.act__body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.dock--b .act__t{margin-top:0;min-height:0}
.dock--b .act__l{margin-top:16px;padding-top:12px}
@media (max-width:760px){
  .dock--b .dock__in{grid-template-columns:1fr;padding-top:var(--s4)}
  .dock--b .act{flex-direction:row;padding:18px 20px;gap:16px}
}

/* ══ S05 — DIAGNOSIS FIRST (why-us №5) ══════════════════════════════ */
.diag .lead{max-width:66ch}
.diag__body{margin-top:16px;max-width:70ch;color:var(--text-dim)}
.diag__cta{margin-top:var(--s4)}

.chip{border-radius:var(--r-card);padding:15px 18px;box-shadow:var(--sh-1);
  display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:baseline}
.chip::before{inset:0 45% auto 8%}
.chip__k{font:600 var(--t4)/1 var(--display);letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);
  font-variation-settings:"wght" 600,"wdth" 92}
.chip__v{font-size:var(--t4);line-height:1.6;color:var(--text-dim)}

.sidecard{border-radius:var(--r-panel);padding:30px;box-shadow:var(--sh-2)}
.sidecard h3{font-size:var(--t2);color:var(--paper);max-width:22ch;line-height:1.18}
.checklist{margin-top:var(--s3);display:flex;flex-direction:column;gap:15px}
.checklist li{display:flex;gap:12px;color:var(--text-dim);font-size:var(--t3);line-height:1.55}

/* A: текст 1.618 слева, карточка справа, чипы колонкой под текстом */
.diag--a .diag__cols{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--s6);align-items:start}
.diag--a .diag__chips{display:flex;flex-direction:column;gap:12px;margin-top:var(--s4)}

/* B: центр — голова по центру, чипы 3 колонками, карточка широкой лентой */
.diag--b .diag__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-top:var(--s5)}
.diag--b .chip{display:flex;flex-direction:column;gap:9px;padding:22px}
.diag--b .sidecard{margin-top:var(--s4);display:grid;grid-template-columns:1fr 1.25fr;
  gap:var(--s5);align-items:center;padding:36px 44px}
.diag--b .checklist{margin-top:0}
.diag--b .diag__cta{align-self:center;text-align:center}

/* C: карточка-акцент слева (amber, сбой ритма), текст справа */
.diag--c .diag__cols{display:grid;grid-template-columns:420px 1fr;gap:var(--s6);align-items:start}
.diag--c .sidecard{position:sticky;top:24px;border-color:rgba(240,160,24,.42)}
.diag--c .sidecard::before{background:linear-gradient(90deg,transparent,rgba(255,184,71,.85),transparent)}
.diag--c .diag__chips{display:grid;grid-template-columns:1fr;gap:12px;margin-top:var(--s4)}

@media (max-width:1200px){
  .diag--a .diag__cols,.diag--c .diag__cols{grid-template-columns:1fr}
  .diag--c .sidecard{position:static}
  .diag--b .sidecard{grid-template-columns:1fr;gap:var(--s3)}
}
@media (max-width:760px){
  .diag--b .diag__chips{grid-template-columns:1fr}
  .chip{grid-template-columns:96px 1fr;gap:10px;padding:13px 15px}
  .sidecard{padding:22px}
  .diag--b .sidecard{padding:24px}
  .diag__cta .btn{width:100%}
}

/* ══ S06 — SERVICES (10 карточек + фильтр) ══════════════════════════ */
.rail__t{font:600 var(--t4)/1 var(--display);letter-spacing:1.5px;text-transform:uppercase;
  color:var(--text-dim);font-variation-settings:"wght" 600,"wdth" 92}
.rail{display:flex;flex-direction:column;gap:10px}
.rail__b{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 18px;border-radius:var(--r-pill);cursor:pointer;text-align:left;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:var(--text);
  font:600 var(--t4)/1 var(--display);letter-spacing:1px;text-transform:uppercase;
  font-variation-settings:"wght" 600,"wdth" 92;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}
.rail__b b{font:700 var(--t4)/1 var(--display);color:var(--teal);letter-spacing:0}
.rail__b:hover{background:var(--text);border-color:var(--text);color:var(--text-ink)}
.rail__b:hover b{color:var(--teal-deep)}
.rail__b.is-on{background:rgba(56,200,208,.16);border-color:var(--teal);color:var(--teal)}

.scard{display:flex;flex-direction:column;border-radius:var(--r-panel);padding:26px;box-shadow:var(--sh-1)}
.scard__t{font-size:var(--t2);color:var(--paper);line-height:1.15}
.scard__p{margin-top:12px;color:var(--text-dim)}
.scard__sym{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.scard__sym li{font-size:var(--t4);line-height:1.3;color:var(--text-dim);padding:6px 12px;
  border:1px solid rgba(255,255,255,.13);border-radius:var(--r-pill);background:rgba(255,255,255,.035)}
.scard__foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.12)}
.scard__note{font:600 var(--t4)/1.3 var(--display);letter-spacing:1.2px;text-transform:uppercase;
  color:var(--teal);font-variation-settings:"wght" 600,"wdth" 92}
.scard__foot .act__l{margin-top:0;padding-top:0;border-top:0}
/* коммерческая карточка = ТИП КЛИЕНТА, не прибор: тёплый акцент, отличима */
.scard--biz{border-color:rgba(240,160,24,.42)}
.scard--biz::before{background:linear-gradient(90deg,transparent,rgba(255,184,71,.85),transparent)}
.scard--biz .scard__note{color:var(--amber)}
.scard.is-hidden{display:none}

/* A: липкий рейл слева + сетка 2 колонки; коммерция — на всю ширину */
.svc--a .svc__cols{display:grid;grid-template-columns:280px 1fr;gap:var(--s5);align-items:start;margin-top:var(--s5)}
.svc--a .svc__rail{position:sticky;top:24px}
.svc--a .svc__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.svc--a .scard--biz{grid-column:1 / -1}

/* B: фильтр горизонтальными пилюлями, сетка 3 колонки */
.svc--b .svc__cols{display:block;margin-top:var(--s4)}
.svc--b .svc__rail{position:static}
.svc--b .rail{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
.svc--b .rail__t{width:100%;margin-bottom:2px}
.svc--b .svc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-top:var(--s3)}
.svc--b .scard{padding:22px}
.svc--b .scard--biz{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.4fr;gap:0 var(--s5)}
.svc--b .scard--biz .scard__foot{grid-column:1 / -1}

/* C: список-ряды: слева заголовок и действие, справа текст и симптомы */
.svc--c .svc__rail{margin-top:var(--s4)}
.svc--c .rail{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
.svc--c .rail__t{margin-right:8px}
.svc--c .svc__list{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}
.svc--c .scard{display:grid;grid-template-columns:320px 1fr;gap:var(--s2) var(--s5);padding:24px 30px}
.scard__lcol{display:flex;flex-direction:column;gap:14px}
.scard__lcol .scard__foot{margin-top:auto;padding-top:14px;flex-direction:column;align-items:flex-start;gap:10px}

@media (max-width:1560px){
  .svc--b .svc__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:1200px){
  .svc--a .svc__cols{grid-template-columns:1fr}
  .svc--a .svc__rail{position:static}
  .svc--a .rail{flex-direction:row;flex-wrap:wrap}
  .svc--a .svc__grid{margin-top:var(--s3)}
  .svc--c .scard{grid-template-columns:1fr}
}
@media (max-width:760px){
  .svc--a .svc__grid,.svc--b .svc__grid{grid-template-columns:1fr}
  .svc--b .scard--biz{grid-template-columns:1fr}
  .scard{padding:20px}
}

/* ══ S07 — WHY-US «CLARITY» (15+) ═══════════════════════════════════ */
.clar__body{margin-top:16px;max-width:66ch;color:var(--text-dim)}
.clar__num{font:700 128px/0.9 var(--display);letter-spacing:-3px;color:var(--amber);
  font-variation-settings:"wght" 700,"wdth" 88;text-shadow:0 0 70px rgba(240,160,24,.38)}
.clar__cap{font-size:var(--t4);line-height:1.6;color:var(--text-dim);max-width:40ch}
.clar__cta{margin-top:var(--s4)}
.tcard{border-radius:var(--r-card);padding:20px 22px;box-shadow:var(--sh-1)}
.tcard::before{inset:0 40% auto 10%}
.tcard__t{font:700 var(--t3)/1.3 var(--display);color:var(--paper);
  font-variation-settings:"wght" 700,"wdth" 90}
.tcard__d{margin-top:8px;font-size:var(--t4);line-height:1.55;color:var(--text-dim)}
.tcard--hot{border-color:rgba(240,160,24,.42)}
.tcard--hot::before{background:linear-gradient(90deg,transparent,rgba(255,184,71,.85),transparent)}
.tcard--hot .tcard__t{color:var(--amber-hot)}

/* A: слева текст + цифра, справа сетка 2×3 */
.clar--a .clar__cols{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--s6);align-items:start}
.clar--a .clar__numwrap{margin-top:var(--s4);display:flex;gap:26px;align-items:center;
  padding-left:22px;border-left:3px solid var(--amber)}
.clar--a .clar__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}

/* B: голова по центру, цифра стеклянной лентой, плитки 3×2 */
.clar--b .clar__band{margin-top:var(--s5);display:grid;grid-template-columns:auto 1fr auto;
  gap:var(--s5);align-items:center;padding:30px 40px;border-radius:var(--r-panel);box-shadow:var(--sh-2)}
.clar--b .clar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-top:var(--s3)}

@media (max-width:1200px){
  .clar--a .clar__cols{grid-template-columns:1fr}
  .clar--b .clar__band{grid-template-columns:1fr;gap:var(--s3);text-align:left}
  .clar--b .clar__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .clar__num{font-size:84px}
  .clar--a .clar__grid,.clar--b .clar__grid{grid-template-columns:1fr}
  .clar--a .clar__numwrap{flex-direction:column;align-items:flex-start;gap:10px}
  .clar__cta .btn{width:100%}
}

/* ══ S08 — HOW IT WORKS (5 шагов; нумерация 01..05 — оформлением) ═══ */
.stepcard{position:relative;border-radius:var(--r-card);padding:24px 22px;box-shadow:var(--sh-1);
  counter-increment:step}
.stepcard::after{content:"0" counter(step);position:static;display:block;order:-1;
  font:700 44px/1 var(--display);letter-spacing:1px;color:transparent;
  -webkit-text-stroke:1.3px rgba(56,200,208,.55);
  font-variation-settings:"wght" 700,"wdth" 88}
.stepcard{display:flex;flex-direction:column}
.stepcard__t{margin-top:14px;font:700 var(--t3)/1.3 var(--display);color:var(--paper);
  font-variation-settings:"wght" 700,"wdth" 90}
.stepcard__d{margin-top:9px;font-size:var(--t4);line-height:1.6;color:var(--text-dim)}
.stepcard--last::after{-webkit-text-stroke:1.3px rgba(240,160,24,.6)}  /* финал — тёплый */

/* A: пять в ряд */
.steps--a .steps__row{counter-reset:step;display:grid;grid-template-columns:repeat(5,1fr);
  gap:var(--s2);margin-top:var(--s5)}

/* B: вертикальный таймлайн, карточки в шахматном порядке */
.steps--b .steps__tl{counter-reset:step;position:relative;max-width:1020px;
  margin:var(--s5) auto 0;display:flex;flex-direction:column;gap:var(--s3)}
.steps--b .steps__tl::before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(56,200,208,.5) 12%,rgba(56,200,208,.5) 88%,transparent)}
.steps--b .stepcard{width:calc(50% - 46px)}
.steps--b .stepcard:nth-child(even){align-self:flex-end}
.steps--b .stepcard::before{content:"";position:absolute;top:30px;width:11px;height:11px;inset-inline:auto;
  border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(56,200,208,.18)}
.steps--b .stepcard:nth-child(odd)::before{right:-52px}
.steps--b .stepcard:nth-child(even)::before{left:-52px}
.steps--b .stepcard--last::before{background:var(--amber);box-shadow:0 0 0 5px rgba(240,160,24,.18)}

/* C: асимметрия 3+2 — нижние две шире */
.steps--c .steps__grid{counter-reset:step;display:grid;grid-template-columns:repeat(6,1fr);
  gap:var(--s2);margin-top:var(--s5)}
.steps--c .stepcard{grid-column:span 2;flex-direction:row;gap:18px;align-items:flex-start}
.steps--c .stepcard::after{order:0;margin-top:2px}
.steps--c .stepcard .stepcard__body{flex:1}
.steps--c .stepcard:nth-child(4),.steps--c .stepcard:nth-child(5){grid-column:span 3}
.steps--c .stepcard__t{margin-top:0}

@media (max-width:1200px){
  .steps--a .steps__row{grid-template-columns:1fr 1fr}
  .steps--c .steps__grid{grid-template-columns:1fr}
  .steps--c .stepcard,.steps--c .stepcard:nth-child(4),.steps--c .stepcard:nth-child(5){grid-column:span 1}
}
@media (max-width:760px){
  .steps--a .steps__row{grid-template-columns:1fr}
  .steps--b .steps__tl::before{left:9px}
  .steps--b .stepcard{width:auto;margin-left:34px}
  .steps--b .stepcard:nth-child(even){align-self:stretch}
  .steps--b .stepcard:nth-child(odd)::before{right:auto;left:-30px}
  .steps--b .stepcard:nth-child(even)::before{left:-30px}
  .steps--c .stepcard{flex-direction:column;gap:10px}
}

/* ══ S09 — AREAS (6 регионов, 61 город) ═════════════════════════════ */
.areas__body{margin-top:14px;color:var(--text-dim);max-width:60ch}
.areas__cta{margin-top:var(--s3)}

/* слот под карту/иллюстрацию (внутри — декоративный силуэт Флориды) */
.photoslot--map{position:relative;aspect-ratio:4/3;border-radius:var(--r-card);
  border:1px dashed rgba(160,185,205,.42);box-shadow:var(--sh-1);
  display:flex;align-items:center;justify-content:center;padding:18px;margin-top:var(--s3);overflow:hidden}
.mapfl{position:absolute;inset:0;display:grid;place-items:center;color:var(--teal);opacity:.5}
.mapfl svg{width:62%;height:auto}
.mapfl .dot{fill:var(--amber);stroke:none}
.photoslot--map .photoslot__cap{position:relative;z-index:2;background:rgba(6,16,28,.72);
  border-radius:var(--r-card);padding:10px 14px}

.tabs{display:flex;flex-wrap:wrap;gap:9px}
.tab{padding:11px 18px;border-radius:var(--r-pill);cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:var(--text);
  font:600 var(--t4)/1 var(--display);letter-spacing:1px;text-transform:uppercase;
  font-variation-settings:"wght" 600,"wdth" 92;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}
.tab:hover{background:var(--text);border-color:var(--text);color:var(--text-ink)}
.tab.is-on{background:rgba(56,200,208,.16);border-color:var(--teal);color:var(--teal)}

.pane{display:none;margin-top:var(--s3)}
.pane.is-on{display:block}
.pane__t{font-size:var(--t2);color:var(--paper)}
.pane__p{margin-top:10px;color:var(--text-dim);max-width:72ch}
.citychips{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.citychips li{font-size:var(--t4);line-height:1.3;color:var(--text);padding:7px 13px;
  border:1px solid rgba(255,255,255,.14);border-radius:var(--r-pill);background:rgba(255,255,255,.045)}
.pane .act__l{margin-top:18px;padding-top:0;border-top:0}

/* A: интро-панель со слотом карты слева, табы+панель справа */
.areas--a .areas__cols{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--s5);align-items:start}
.areas--a .areas__intro{border-radius:var(--r-panel);padding:30px;box-shadow:var(--sh-2)}
.areas--a .areas__intro .sh{font-size:var(--t2);max-width:none}

/* B: во всю ширину — голова по центру, табы по центру, силуэт-ватермарк */
.areas--b .tabs{justify-content:center;margin-top:var(--s4)}
.areas--b .pane{max-width:1180px;margin-left:auto;margin-right:auto;text-align:center}
.areas--b .pane__p{margin-left:auto;margin-right:auto}
.areas--b .citychips{justify-content:center}
.areas--b .areas__wm{position:absolute;z-index:0;right:-60px;bottom:-80px;width:520px;
  color:var(--teal);opacity:.07;pointer-events:none}
.areas--b .areas__wm svg{width:100%;height:auto}
.areas--b .areas__cta{display:flex;justify-content:center;margin-top:var(--s4)}
.areas--b .areas__body{margin-left:auto;margin-right:auto;text-align:center}
.areas--b .photoslot--map{max-width:560px;margin:var(--s4) auto 0}

/* C: без табов — 6 карточек регионов сеткой, интро липкое слева */
.areas--c .areas__cols{display:grid;grid-template-columns:380px 1fr;gap:var(--s5);align-items:start}
.areas--c .areas__intro{position:sticky;top:24px;border-radius:var(--r-panel);padding:28px;box-shadow:var(--sh-2)}
.areas--c .areas__intro .sh{font-size:var(--t2);max-width:none}
.areas--c .regions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.rcard{border-radius:var(--r-panel);padding:24px;box-shadow:var(--sh-1);display:flex;flex-direction:column}
.rcard .pane__t{font-size:var(--t3);font-family:var(--display);font-weight:700}
.rcard .pane__p{font-size:var(--t4)}
.rcard .citychips li{padding:6px 11px}
.rcard .act__l{margin-top:16px}

@media (max-width:1200px){
  .areas--a .areas__cols,.areas--c .areas__cols{grid-template-columns:1fr}
  .areas--c .areas__intro{position:static}
}
@media (max-width:760px){
  .areas--c .regions{grid-template-columns:1fr}
  .tab{padding:10px 14px}
  .areas__cta .btn{width:100%}
}

/* ══ S10 — BRANDS (17 имён, без логотипов) ══════════════════════════ */
.brands{border-top:1px solid rgba(56,200,208,.18);border-bottom:1px solid rgba(56,200,208,.18)}
.btag{font:700 var(--t2)/1 var(--display);letter-spacing:1.6px;text-transform:uppercase;
  color:rgba(234,245,248,.45);white-space:nowrap;
  font-variation-settings:"wght" 700,"wdth" 90;
  transition:color var(--fast) var(--ease)}
.btag:hover{color:var(--teal)}

/* A: бегущая лента (как trust-strip, крупнее) */
.brands--a{overflow:hidden;padding:34px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.brands--a .brands__track{display:flex;width:max-content;animation:slide 58s linear infinite}
.brands--a .brands__run{display:flex;align-items:center;gap:30px;padding:0 15px}
.brands--a .strip__sep{opacity:.45}

/* B: статичное облако стеклянных тегов по центру */
.brands--b{padding:56px 0}
.brands--b .brands__wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  max-width:1160px;margin:0 auto;padding:0 48px}
.brands--b .btag{font-size:var(--t3);letter-spacing:1.2px;color:var(--text-dim);
  padding:12px 22px;border:1px solid rgba(255,255,255,.13);border-radius:var(--r-pill);
  background:rgba(255,255,255,.045);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.brands--b .btag:hover{color:var(--text-ink);background:var(--text);border-color:var(--text)}
/* слот legal-note: заглушка = футерный дисклеймер автора, финал утвердит человек */
.brands__legal{max-width:1160px;margin:20px auto 0;padding:0 48px;text-align:center;
  font-size:12px;line-height:1.7;color:#7794A8}
@media (max-width:760px){
  .brands--a{padding:22px 0}
  .btag{font-size:var(--t3)}
  .brands__legal{padding:0 18px}
}

/* ══ S11 — REPAIR OR REPLACE ════════════════════════════════════════ */
.ror__body{margin-top:16px;max-width:68ch;color:var(--text-dim)}
.ror__body + .ror__body{margin-top:12px}
.ror__cta{margin-top:var(--s4)}
.dcard{border-radius:var(--r-card);padding:22px 24px;box-shadow:var(--sh-1)}
.dcard::before{inset:0 40% auto 10%}
.dcard__t{font:700 var(--t3)/1.3 var(--display);color:var(--paper);
  font-variation-settings:"wght" 700,"wdth" 90}
.dcard__d{margin-top:9px;font-size:var(--t4);line-height:1.6;color:var(--text-dim)}
.dcard--hot{border-color:rgba(240,160,24,.42)}
.dcard--hot::before{background:linear-gradient(90deg,transparent,rgba(255,184,71,.85),transparent)}
.dcard--hot .dcard__t{color:var(--amber-hot)}

/* A: текст 1.618 слева, три карточки колонкой справа */
.ror--a .ror__cols{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--s6);align-items:start}
.ror--a .ror__cards{display:flex;flex-direction:column;gap:var(--s2)}

/* B: голова по центру, карточки тремя колонками */
.ror--b .ror__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-top:var(--s5)}
.ror--b .ror__cta{display:flex;justify-content:center}

@media (max-width:1200px){
  .ror--a .ror__cols{grid-template-columns:1fr}
  .ror--b .ror__cards{grid-template-columns:1fr}
}
@media (max-width:760px){
  .ror__cta .btn{width:100%}
}

/* ══ S12 — MID-CTA (короткая форма) ═════════════════════════════════ */
.midcta__body{margin-top:16px;max-width:62ch;color:var(--text-dim)}
.midcta__body + .midcta__body{margin-top:12px}
.midcta__body strong{color:var(--paper)}
.miniform{border-radius:var(--r-panel);padding:26px;box-shadow:var(--sh-2),var(--glow)}
.miniform .form{gap:12px}

/* A: лента — текст слева, форма-панель справа */
.midcta--a .midcta__cols{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--s6);align-items:center}

/* B: центральная панель, форма в одну строку */
.midcta--b .midcta__panel{border-radius:var(--r-panel);max-width:960px;margin:0 auto;
  padding:48px 52px;box-shadow:var(--sh-3),var(--glow);
  display:flex;flex-direction:column;align-items:center;text-align:center}
.midcta--b .formrow{display:grid;grid-template-columns:170px 1.2fr auto;gap:12px;
  width:100%;margin-top:var(--s4)}
.midcta--b .formrow .btn{min-width:0}
.midcta--b .formrow .grid2{grid-column:1/-1}
.midcta--b .midcta__call{margin-top:14px}

@media (max-width:1200px){
  .midcta--a .midcta__cols{grid-template-columns:1fr;gap:var(--s4)}
}
@media (max-width:760px){
  .midcta--b .midcta__panel{padding:28px 20px}
  .midcta--b .formrow{grid-template-columns:1fr}
}

/* ══ S13 — FAQ (аккордеон, первый открыт) ═══════════════════════════ */
.faq__list{margin-top:var(--s4);display:flex;flex-direction:column;gap:12px;max-width:880px}
.qa{border-radius:var(--r-card);box-shadow:var(--sh-1)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;
  justify-content:space-between;gap:18px;padding:19px 22px;
  font:700 var(--t3)/1.4 var(--display);color:var(--paper);
  font-variation-settings:"wght" 700,"wdth" 90;
  transition:color var(--fast) var(--ease)}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--teal)}
.qa__x{flex:none;position:relative;width:22px;height:22px;margin-top:1px}
.qa__x::before,.qa__x::after{content:"";position:absolute;left:50%;top:50%;
  background:var(--teal);transition:transform var(--fast) var(--ease)}
.qa__x::before{width:14px;height:2px;transform:translate(-50%,-50%)}
.qa__x::after{width:2px;height:14px;transform:translate(-50%,-50%)}
.qa[open] summary{color:var(--teal)}
.qa[open] .qa__x::after{transform:translate(-50%,-50%) scaleY(0)}
.qa__a{padding:0 56px 20px 22px;color:var(--text-dim);line-height:1.65}

/* A: одна колонка по центру */
.faq--a .faq__in{max-width:1080px}
.faq--a .faq__list{margin-left:auto;margin-right:auto}

/* B: голова липнет слева, аккордеон справа */
.faq--b .faq__cols{display:grid;grid-template-columns:1fr 1.618fr;gap:var(--s6);align-items:start}
.faq--b .faq__head{position:sticky;top:96px}
.faq--b .faq__list{margin-top:0;max-width:none}

@media (max-width:1200px){
  .faq--b .faq__cols{grid-template-columns:1fr;gap:var(--s4)}
  .faq--b .faq__head{position:static}
}

/* ══ S14 — FINAL CTA ════════════════════════════════════════════════ */
.fin__body{margin-top:16px;color:var(--text-dim);max-width:66ch}
.fin__btns{margin-top:var(--s4);max-width:560px}
.fin__palm{position:absolute;z-index:0;right:-70px;bottom:-60px;width:420px;
  color:var(--teal);opacity:.09;pointer-events:none}
.fin__palm svg{width:100%;height:auto}

/* A: центральная стеклянная панель */
.fin--a .fin__panel{position:relative;overflow:hidden;border-radius:var(--r-panel);
  max-width:1000px;margin:0 auto;padding:60px 64px;box-shadow:var(--sh-3),var(--glow);
  display:flex;flex-direction:column;align-items:center;text-align:center}
.fin--a .fin__body{margin-left:auto;margin-right:auto}
.fin--a .fin__btns{width:100%}

/* B: лента во всю ширину — текст слева, кнопки колонкой справа */
.fin--b .fin__cols{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--s6);align-items:center}
.fin--b .fin__btns{display:flex;flex-direction:column;gap:var(--s2);max-width:none}
.fin--b .fin__btns .btn{width:100%}

@media (max-width:1200px){
  .fin--b .fin__cols{grid-template-columns:1fr;gap:var(--s4)}
}
@media (max-width:760px){
  .fin--a .fin__panel{padding:32px 20px}
  .fin__btns{max-width:none;width:100%}
  .fin__btns .btn{width:100%}
}

/* ══ S15 — FOOTER ═══════════════════════════════════════════════════ */
.foot{background:var(--ink-deep);border-top:1px solid rgba(56,200,208,.18)}
.foot__in{max-width:var(--shell);margin:0 auto;padding:64px 100px 28px}
.foot__logo img{height:44px;width:auto}
.foot__t{font:600 var(--t4)/1 var(--display);letter-spacing:1.6px;text-transform:uppercase;
  color:var(--teal);font-variation-settings:"wght" 600,"wdth" 92}
.foot__d{margin-top:14px;font-size:var(--t4);line-height:1.7;color:var(--text-dim);max-width:44ch}
.foot__d a{transition:color var(--fast) var(--ease)}
.foot__d a:hover{color:var(--teal)}
.foot__legal{margin-top:var(--s5);padding-top:20px;border-top:1px solid rgba(255,255,255,.09);
  font-size:12px;line-height:1.75;color:#7794A8}

/* A: классика 3 колонки */
.foot--a .foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--s6)}

/* B: бренд-плита слева на половину, две колонки справа, легалка по центру */
.foot--b .foot__grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:var(--s6)}
.foot--b .foot__brand{padding-right:var(--s5);border-right:1px solid rgba(255,255,255,.09)}
.foot--b .foot__logo img{height:52px}
.foot--b .foot__legal{text-align:center}

@media (max-width:1200px){
  .foot--a .foot__grid,.foot--b .foot__grid{grid-template-columns:1fr 1fr}
  .foot--b .foot__brand{grid-column:1 / -1;border-right:0;padding-right:0;
    padding-bottom:var(--s3);border-bottom:1px solid rgba(255,255,255,.09)}
}
@media (max-width:760px){
  .foot__in{padding:40px 18px 20px}
  .foot--a .foot__grid,.foot--b .foot__grid{grid-template-columns:1fr;gap:var(--s4)}
}

/* ══ S16 — MOBILE CTA (липкая полоса, только мобайл) ════════════════ */
/* B: звонок во всю ширину + два действия автора под ним */
@media (max-width:760px){
  .mbar--b{flex-direction:column;gap:8px}
  .mbar--b .mbar__call{width:100%;flex:none;height:48px}
  .mbar--b .mbar__row{display:flex;gap:8px}
  .mbar--b .mbar__row .btn{flex:1 1 0;height:42px;min-width:0}
}