/* ===== Шапка и подвал сайта v3 — общие для всех страниц (Иван 14.10.2026, CURRENT_STATE §52–53) =====
   Шапка: меню · один сменяемый сервис (LAB → ATLAS → OFFER → CTRL) и «Все сервисы» · тема · телефон и письмо значками.
   На главной дополнительно иглобрюх «Подбор онлайн» (стили — в home-v3.css). Подвал: сервисы объёмные, металл в родных цветах. */

/* сервисы: один на виду, сменяется после первого экрана; «Все сервисы» — панель с пояснениями */
.v3-svc{position:relative;display:flex;align-items:center;gap:6px;flex:none;margin-left:auto}
.v3-svc-rot{position:relative;width:190px;height:44px}
.v3-svc-rot .tl{position:absolute;inset:0 auto 0 0;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
.v3-svc-rot .tl.on{opacity:1;transform:none;pointer-events:auto}
.v3-svc-rot .tl b{display:inline!important}
.v3-svc-all{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 16px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--white);color:var(--ink);font:700 14px var(--font-body);cursor:pointer;white-space:nowrap}
.v3-svc-all:hover,.v3-svc.open .v3-svc-all{border-color:var(--ink)}
.v3-svc-all i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#46534f 0%,#1f2a27 46%,#0f1816 54%,#1f2a28 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 2px 4px -1px rgba(8,17,15,.45)}
.v3-svc-all i::before{content:"";width:6px;height:6px;border-right:2px solid var(--mint);border-bottom:2px solid var(--mint);transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.v3-svc.open .v3-svc-all i::before{transform:translateY(1px) rotate(225deg)}
.v3-svc-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:70;width:380px;display:grid;gap:6px;padding:14px;border-radius:var(--r-l);background:var(--white);border:1px solid var(--line);box-shadow:0 24px 60px rgba(8,17,15,.18)}
.v3-svc-panel[hidden]{display:none}
.v3-svc-panel .mono{margin:0 4px 4px;color:var(--muted-strong);letter-spacing:.1em}
.v3-svc-panel .sv{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-m);color:var(--ink);transition:background .2s}
.v3-svc-panel .sv:hover{background:var(--paper)}
.v3-svc-panel .sv i{flex:none;display:grid;place-items:center;min-width:62px;height:38px;border-radius:var(--r-pill);font:600 11px/1 var(--font-mono);font-style:normal;letter-spacing:.07em;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(8,17,15,.3)}
.v3-svc-panel .sv b{display:block;font:800 15px/1.15 var(--font-body)}
.v3-svc-panel .sv small{display:block;margin-top:2px;font-size:13px;line-height:1.3;color:var(--muted-strong)}
.sv-lab i{background:var(--blue);color:#fff}
.sv-atlas i{background:linear-gradient(100deg,var(--mint),var(--acid));color:#08110f}
.sv-offer i{background:var(--acid);color:#08110f}
.sv-ctrl i{background:var(--ink-surface);color:var(--mint)}
@media (max-width:1440px){.v3-svc-rot{width:52px}.v3-svc-rot .tl b{display:none!important}.v3-svc-rot .tl{padding:0 5px}}
@media (max-width:1120px){.v3-svc-all span{display:none}.v3-svc-all{padding:0 10px}}
@media (max-width:900px){.v3-svc{display:none}}

/* контакты: телефон и письмо — одинаковые круглые графитовые значки */
.v3-contact{display:flex;align-items:center;gap:6px;flex:none}
.v3-svc~.v3-contact,.theme-btn~.v3-contact{margin-left:0}
.v3-ico{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:0;color:var(--mint);cursor:pointer;
  background:linear-gradient(180deg,#46534f 0%,#1f2a27 46%,#0f1816 54%,#1f2a28 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.45),0 1px 1px rgba(8,17,15,.22),0 8px 16px -8px rgba(8,17,15,.5);transition:transform .15s}
.v3-ico:hover{transform:translateY(-1px)}
.v3-ico:active{transform:translateY(1px)}
.v3-ico:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink)}
.v3-ico svg{width:20px;height:20px}
.v3-tel svg{fill:var(--mint)}
.v3-write svg{fill:none;stroke:var(--mint);stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
@media (max-width:620px){.v3-contact .v3-write{display:none}}

/* подвал: сервисы — объёмные, металл в родных цветах */
:is(.footer-columns,.footer-services) a.f-lab{background:linear-gradient(180deg,#95a2ff 0%,#5a6dff 46%,#3c51f3 54%,#5c6fff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(8,17,15,.2),0 1px 1px rgba(0,0,0,.3),0 10px 18px -8px rgba(70,92,255,.7)}
:is(.footer-columns,.footer-services) a.f-atlas{background:linear-gradient(180deg,#2e3a37,#0c1412 54%,#1a2421) padding-box,linear-gradient(100deg,var(--mint),var(--acid)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 1px rgba(0,0,0,.35),0 10px 18px -8px rgba(36,216,188,.45)}
:is(.footer-columns,.footer-services) a.f-offer{background:linear-gradient(180deg,#f6ffc2 0%,#dfff5c 46%,#c6ec2c 54%,#e4ff78 100%)!important;color:#08110f;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(8,17,15,.15),0 1px 1px rgba(0,0,0,.3),0 10px 18px -8px rgba(217,255,67,.55)}
:is(.footer-columns,.footer-services) a.f-ctrl{background:linear-gradient(180deg,#ffffff 0%,#eef2f3 46%,#d9e0e3 54%,#f6f8f9 100%)!important;color:#13201c;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(8,17,15,.14),0 1px 1px rgba(0,0,0,.3),0 10px 18px -8px rgba(0,0,0,.5)}
:is(.footer-columns,.footer-services) :is(a.f-lab,a.f-atlas,a.f-offer,a.f-ctrl) i{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(8,17,15,.3)}
:is(.footer-columns,.footer-services) :is(a.f-lab,a.f-atlas,a.f-offer,a.f-ctrl):active{transform:translateY(1px)}

/* ===== Внутренние страницы (Иван 14.10, вечер): кнопки объёмные, как на главной; большие чёрные окна — «глубокая вода» (градиент).
   Главная (body.home) не затрагивается — у неё своя система в home-v3.css. Белые кнопки остаются плоскими (бренд-бук v1.2). ===== */
body:not(.home){
  --g-ink:linear-gradient(180deg,#46534f 0%,#1f2a27 46%,#0f1816 54%,#1f2a28 100%);
  --g-mint:linear-gradient(180deg,#8ef4e4 0%,#3adec4 46%,#1fc7ac 54%,#41e0c7 100%);
  --g-white:linear-gradient(180deg,#ffffff 0%,#eef2f3 46%,#d9e0e3 54%,#f6f8f9 100%);
  --g-blue:linear-gradient(180deg,#95a2ff 0%,#5a6dff 46%,#3c51f3 54%,#5c6fff 100%);
  --hl-dark:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.45);
  --hl-light:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(8,17,15,.16);
  --drop:0 1px 1px rgba(8,17,15,.22),0 8px 16px -8px rgba(8,17,15,.5);
  --drop-act:0 1px 1px rgba(8,17,15,.2);
  --deep:radial-gradient(80% 120% at 100% 0%,rgba(36,216,188,.30),transparent 60%),radial-gradient(60% 90% at 0% 100%,rgba(70,92,255,.18),transparent 65%),linear-gradient(155deg,#16433d 0%,#0f302b 48%,#0b2421 100%)}
:root[data-theme="dark"] body:not(.home){
  --g-white:linear-gradient(180deg,#4a5754 0%,#2c3735 50%,#232d2b 100%);--hl-light:inset 0 1px 0 rgba(255,255,255,.16);
  --deep:radial-gradient(80% 120% at 100% 0%,rgba(36,216,188,.22),transparent 60%),radial-gradient(60% 90% at 0% 100%,rgba(70,92,255,.14),transparent 65%),linear-gradient(155deg,#123630 0%,#0d2622 50%,#0a1d1a 100%)}

/* большие тёмные окна → глубокая вода */
body:not(.home) :is(.sp-sec.sp-dark,.sp-cta,.statbar,.summary,.lead-sum,.calc-out,.pr-case.more,.faq-more,.next-box,.pr-promo,.sp-card.sp-key,.hub-tile[aria-selected="true"]){background:var(--deep)!important}
body:not(.home) .atlas-card{background:radial-gradient(120% 90% at 100% 0%,rgba(36,216,188,.28),transparent 55%) padding-box,linear-gradient(155deg,#16433d,#0b2421) padding-box,linear-gradient(110deg,var(--mint),var(--acid) 55%,#c9d2d8) border-box}
body:not(.home) .sp-dark .sp-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}

/* главные кнопки — графит-металл; на тёмном — мята-металл */
body:not(.home) :is(.btn-main,.bn-to-calc button,.pr-add.light,.pg-actions .yes,.lab-btn.dark){background:var(--g-ink)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--hl-dark),var(--drop)!important}
body:not(.home) :is(.btn-main,.lab-btn.dark) .arr{color:var(--mint)}
body:not(.home) :is(.sp-cta,.sp-dark,.next-box,.summary,.calc-out,.faq-more) .btn-main{background:var(--g-mint)!important;color:#08110f!important;box-shadow:var(--hl-light),0 1px 1px rgba(0,0,0,.3),0 10px 18px -8px rgba(36,216,188,.55)!important}
body:not(.home) :is(.sp-cta,.sp-dark,.next-box,.summary,.calc-out,.faq-more) .btn-main .arr{color:#08110f}
/* Анализ — синий металл; белая кнопка на синем первом экране — белый металл */
body:not(.home) .lab-btn:not(.ghost):not(.dark){background:var(--g-blue);color:#fff;box-shadow:var(--hl-light),var(--drop)}
body:not(.home) :is(.lab-hero,.tier.main) .lab-btn:not(.ghost){background:var(--g-white);color:var(--lab);box-shadow:var(--hl-light),0 1px 1px rgba(0,0,0,.25),0 10px 18px -8px rgba(13,20,90,.55)}
body:not(.home) .lab-btn:hover{transform:translateY(-1px)}
/* значки-кружки — графит-металл с мятным знаком */
body:not(.home) :is(.btn-about .plus,.addon .a-plus,.hub-orb,.bn-orb,.pr-cmp-vs,.journey-close,.next-card i,.next-card.main i,.yr-thumb){background:var(--g-ink)!important;box-shadow:var(--hl-dark),0 2px 5px -1px rgba(8,17,15,.45)}
body:not(.home) .hub-orb{animation:none}
/* тумблеры: выбранное — утоплено, графит, мятный светодиод */
body:not(.home) :is(.flt,.faq-cat){box-shadow:var(--hl-light),var(--drop)}
body:not(.home) :is(.flt,.faq-cat)::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:rgba(8,17,15,.18);box-shadow:inset 0 1px 1px rgba(0,0,0,.25);vertical-align:1px;transition:background .25s,box-shadow .25s}
body:not(.home) :is(.flt,.faq-cat)[aria-pressed="true"],body:not(.home) :is(.tab[aria-selected="true"],.sp-tabs a[aria-current]){background:var(--g-ink)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.45),inset 0 -1px 0 rgba(255,255,255,.08)}
body:not(.home) :is(.flt,.faq-cat)[aria-pressed="true"]::before{background:var(--mint);box-shadow:0 0 6px 1px rgba(36,216,188,.8),0 0 0 2px rgba(36,216,188,.2)}
/* нажатие: кнопка уходит вниз */
body:not(.home) :is(.btn-main,.lab-btn,.bn-to-calc button,.pr-add,.flt,.faq-cat,.tab,.hub-orb,.bn-orb):active{transform:translateY(1px)!important;box-shadow:inset 0 2px 4px rgba(8,17,15,.22),var(--drop-act)!important}
/* Карта воды: ночная страница остаётся тёмной, но не чёрной — в тон «глубокой воды» */
body.atlas-body{--at-bg:#0b1d1a;--at-bg2:#112925;background:linear-gradient(180deg,#0e2622 0%,#0b1d1a 40%,#0a1916 100%)}
body.atlas-body :is(.wm-search #searchBtn,.wm-metrics button.active,.wm-source-chips button.active){background:var(--g-ink)!important;color:#fff;border-color:transparent!important;box-shadow:var(--hl-dark),var(--drop)}
/* подвал-ёмкость: «глубокая вода» вместо чёрного на всех страницах (Иван 14.10, вечер; вернуть — удалить это правило) */
.tank{background:radial-gradient(70% 90% at 100% 0%,rgba(36,216,188,.24),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(70,92,255,.16),transparent 65%),linear-gradient(155deg,#16433d 0%,#0f302b 48%,#0b2421 100%)}
:root[data-theme="dark"] .tank{background:radial-gradient(70% 90% at 100% 0%,rgba(36,216,188,.18),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(70,92,255,.12),transparent 65%),linear-gradient(155deg,#123630 0%,#0d2622 50%,#0a1d1a 100%)}

/* ===== Страницы систем, «Система по узлам» (Иван 14.10, вечер): «Варианты узлов» и «Допы» заметны — гость должен ими пользоваться.
   Вкладки крупнее и обычным шрифтом; «Варианты» и «Допы» — мятный металл со счётчиком, «База» — белая; выбранная — утоплена, графит, светодиод.
   Пока гость их не трогал, по ним раз в несколько секунд проходит блик. «Другой вариант» на карточках узлов — тоже мятный металл. ===== */
body:not(.home) .arch-bar .tabs{gap:8px}
body:not(.home) .arch-bar .tab{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px 0 16px;font:700 15px/1 var(--font-body);letter-spacing:0;text-transform:none;border-color:rgba(8,17,15,.14);background:var(--g-white);box-shadow:var(--hl-light),var(--drop)}
body:not(.home) .arch-bar .tab:is([data-mode="vars"],[data-mode="addons"]){background:var(--g-mint);color:#08110f;border-color:transparent;box-shadow:var(--hl-light),0 1px 1px rgba(0,0,0,.25),0 10px 18px -8px rgba(36,216,188,.6)}
body:not(.home) .arch-bar .tab::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:rgba(8,17,15,.2);box-shadow:inset 0 1px 1px rgba(0,0,0,.25);transition:background .25s,box-shadow .25s}
body:not(.home) .arch-bar .tab[aria-selected="true"]::before{background:var(--mint);box-shadow:0 0 6px 1px rgba(36,216,188,.8),0 0 0 2px rgba(36,216,188,.2)}
body:not(.home) .arch-bar .tab .tab-n,body:not(.home) .arch-bar .tab .cnt{display:inline-grid;place-items:center;min-width:22px;height:22px;margin:0;padding:0 6px;border-radius:11px;background:#08110f;color:var(--mint);font:700 12px/1 var(--font-body)}
body:not(.home) .arch-bar .tab[aria-selected="true"] :is(.tab-n,.cnt){background:var(--mint);color:#08110f}
body:not(.home) .arch-bar .tab .cnt[hidden]{display:none}
.arch-call .arch-bar .tab:is([data-mode="vars"],[data-mode="addons"])::after,.arch-call .node-foot .alt::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);transform:translateX(-120%);animation:archGlint 4.2s ease-in-out infinite;pointer-events:none}
.arch-call .arch-bar .tab[data-mode="addons"]::after{animation-delay:.35s}
.arch-call .node-foot .alt::after{animation-delay:.7s}
@keyframes archGlint{0%,62%{transform:translateX(-120%)}86%,100%{transform:translateX(120%)}}
body:not(.home) .node-foot .alt{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 12px;font:700 14px/1 var(--font-body);color:#08110f;border:0;background:var(--g-mint);box-shadow:var(--hl-light),0 1px 1px rgba(0,0,0,.22),0 8px 14px -8px rgba(36,216,188,.6)}
body:not(.home) .node-foot .alt::before{content:"⇄";font-size:15px;line-height:1}
body:not(.home) .node-foot .alt:hover{transform:translateY(-1px);border:0}
body:not(.home) .node-foot .alt:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(8,17,15,.22),0 1px 1px rgba(8,17,15,.2)}
body:not(.home) .arch-hint{font-size:14px;color:var(--muted-strong)}
@media (max-width:620px){body:not(.home) .arch-bar .tab{height:44px;padding:0 14px 0 12px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.arch-call .arch-bar .tab::after,.arch-call .node-foot .alt::after{animation:none;display:none}}