/* =====================================================================
   Administrator.Ru — главная v5 «Композиция-машина»
   Кандинский/Пикассо × хай-тек: круги, треугольники, линии и шахматка
   на точной сетке; Баухаус-гротеск Jost; яркие цветовые поля.
   Цвет = смысл: павлин — закон, кобальт — трафик, киноварь — обновление
   и скорая помощь, солнце — экономия. Темы — data-theme на <html>.
   ===================================================================== */
:root{
  --bg:#F4F2ED; --bg-2:#EAE6DD; --surface:#FFFFFF; --surface-2:#F6F3EC;
  --text:#121923; --muted:#55534C; --line:rgba(18,25,35,.13); --line-2:rgba(18,25,35,.07);
  --gold:#A47E2A; --gold-2:#BF9844; --gold-ink:#121923;
  --peacock:#0E7A75; --verm:#CF4328; --cobalt:#2B4EC4; --sun:#C98A06; --plum:#86479F;
  --night:#0D131C; --night-2:#141C28; --on-night:#EFE7D6; --on-night-m:#AAA393; --on-night-line:rgba(239,231,214,.14);
  --sunf:#F4C23A; --ink:#121923;
  --shadow:0 34px 70px -40px rgba(18,25,35,.45);
  --f-d:'Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-b:'Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --wrap:1240px; --gut:clamp(16px,4vw,40px);
  --arch:14px;
}
[data-theme="dark"]{
  --bg:#0B1017; --bg-2:#0F161F; --surface:#131B26; --surface-2:#18222F;
  --text:#EFE9DC; --muted:#A7A295; --line:rgba(239,233,220,.13); --line-2:rgba(239,233,220,.07);
  --gold:#D6B160; --gold-2:#E7C67B; --gold-ink:#10151D;
  --peacock:#2BB3AC; --verm:#EC5B40; --cobalt:#6585F5; --sun:#F4C23A; --plum:#B57AD3;
  --night:#070B11; --night-2:#111924;
  --sunf:#E9B52E;
  --shadow:0 34px 70px -34px rgba(0,0,0,.85);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:86px;-webkit-text-size-adjust:100%}
body{font-family:var(--f-b);font-size:16.5px;line-height:1.55;font-variant-numeric:lining-nums;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background-color .3s,color .3s}
a{color:inherit}
img,svg{display:block;max-width:100%}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:600;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
::selection{background:var(--gold);color:var(--gold-ink)}
:focus-visible{outline:2.5px solid var(--peacock);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;opacity:0}
.skip{position:absolute;left:-9999px;top:8px;z-index:500;padding:10px 14px;border-radius:10px;background:var(--text);color:var(--bg)}
.skip:focus{left:8px}
.lnk{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;color:var(--gold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.lnk:hover{color:var(--text)}
/* фирменные «скобки» хай-тек на ключевых модулях */
.hud{position:relative}
.hud::before,.hud::after{content:'';position:absolute;width:22px;height:22px;border-style:solid;border-color:var(--c,var(--gold));pointer-events:none;z-index:1}
.hud::before{left:-1px;top:-1px;border-width:2.5px 0 0 2.5px;border-top-left-radius:inherit}
.hud::after{right:-1px;bottom:-1px;border-width:0 2.5px 2.5px 0;border-bottom-right-radius:inherit}

/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:12px;border:1.5px solid transparent;
  font:500 15.5px/1 var(--f-b);letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
.btn svg{width:17px;height:17px;flex:none;transition:transform .2s}
.btn:hover svg{transform:translateX(3px)}
.btn:active{transform:translateY(1px)}
.btn-sm{min-height:40px;padding:0 18px;font-size:14.5px;border-radius:10px}
.btn-lg{min-height:56px;padding:0 26px;font-size:16.5px;font-weight:600}
.btn-block{width:100%}
.btn-gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 14px 28px -16px var(--gold)}
.btn-gold:hover{background:var(--gold-2)}
.btn-line{border-color:var(--gold);color:var(--text)}
.btn-line:hover{background:color-mix(in srgb,var(--gold) 14%,transparent)}
.btn-ink{background:#0C1118;color:#F3EDE1;box-shadow:0 14px 28px -16px rgba(12,17,24,.8)}
.btn-ink:hover{background:#1B2532}
.btn-ink-line{border-color:#0C1118;color:#0C1118}
.btn-ink-line:hover{background:rgba(12,17,24,.08)}
.ic-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1.5px solid var(--line);color:var(--text);text-decoration:none;transition:border-color .2s}
.ic-btn:hover{border-color:var(--gold)}
.ic-btn svg{width:19px;height:19px}

/* ---------- шапка ---------- */
.hd{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:22px;min-height:72px;max-width:1440px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.logo-mark{width:36px;height:36px}
.logo-mark .led{animation:led 2.6s ease-in-out infinite}
.logo-mark .l2{animation-delay:1.3s}
@keyframes led{0%,55%{opacity:1}70%,85%{opacity:.2}}
.logo-w{font:600 17px/1 var(--f-b);letter-spacing:.12em}
.logo-w em{font-style:normal;color:var(--gold)}
.nav{display:flex;align-items:center;gap:2px;margin-left:6px}
.nav a{padding:8px 11px;border-radius:10px;font-size:15px;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s}
.nav a:hover{color:var(--text)}
.nav .nav-x{display:none}
.hd-r{display:flex;align-items:center;gap:8px;margin-left:auto}
.lang-sw{display:flex;padding:3px;border-radius:12px;border:1.5px solid var(--line)}
.lang-sw a{display:grid;place-items:center;padding:7px 10px;border-radius:9px;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--muted);text-decoration:none}
.lang-sw a[aria-current="true"]{background:var(--text);color:var(--bg)}
.i-sun{display:none}
[data-theme="dark"] .i-sun{display:block}
[data-theme="dark"] .i-moon{display:none}
.burger{display:none}

/* ---------- первый экран ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(20px,2.6vw,34px) 0 clamp(26px,3vw,40px)}
.hero::before{content:'';position:absolute;top:0;bottom:0;left:46%;right:0;background-image:radial-gradient(circle,var(--line) 1.3px,transparent 1.6px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);column-gap:clamp(20px,3vw,44px);row-gap:clamp(22px,2.6vw,32px);align-items:center}
.kicker{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px;color:var(--peacock)}
.kicker svg{width:20px;height:20px;flex:none}
.hero h1{margin-top:14px;font-size:clamp(36px,4.3vw,62px);font-weight:600;line-height:1.02;letter-spacing:-.035em}
.hero h1 em{font-style:normal;padding-bottom:.04em;background:linear-gradient(90deg,#2BB3AC,#5A7EF5 33%,#EC5B40 66%,#F4C23A) left 96%/100% .12em no-repeat}
.hero .lead{margin-top:18px;max-width:52ch;font-size:clamp(16.5px,1.3vw,18.5px);color:var(--muted)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn-sos i{width:10px;height:10px;flex:none;border-radius:50%;background:var(--verm);box-shadow:0 0 0 4px color-mix(in srgb,var(--verm) 24%,transparent);animation:beat 1.8s ease-in-out infinite}
@keyframes beat{50%{box-shadow:0 0 0 8px transparent}}
.hero-note{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:var(--muted)}
.hero-note svg{width:18px;height:18px;flex:none;color:var(--peacock)}
.hero-art{position:relative;width:100%;max-width:600px;justify-self:center}
.hero-art svg{width:100%;height:auto;overflow:visible}
.spin{transform-origin:300px 235px;animation:spin 48s linear infinite}
.spin-r{transform-origin:300px 235px;animation:spin 70s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.flow{stroke-dasharray:1 13;animation:flow 1.3s linear infinite}
.flow.f2{animation-duration:1.05s}.flow.f3{animation-duration:1.6s}
@keyframes flow{to{stroke-dashoffset:-28}}
.cl{transform-box:fill-box;animation:rise 3.4s ease-in infinite;opacity:0}
.cl.c2{animation-delay:.85s}.cl.c3{animation-delay:1.7s}.cl.c4{animation-delay:2.55s}
@keyframes rise{0%{transform:translateY(16px);opacity:0}18%{opacity:1}80%{opacity:1}100%{transform:translateY(-58px);opacity:0}}
.cta-p{animation:ctaP 2.2s ease-in-out infinite}
@keyframes ctaP{50%{fill:#FFE08A}}
.grow{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.8s .9s cubic-bezier(.6,.1,.2,1) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.new{animation:newIn .9s .25s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes newIn{from{opacity:0;transform:translateX(34px)}}
.old{transform-box:fill-box;transform-origin:center}

/* новые реалии — метки-фигуры Кандинского: круг, треугольник, квадрат */
.real{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;max-width:650px}
.real a{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:9px;border:1.5px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);font-size:14.5px;font-weight:500;line-height:1.2;color:var(--text);text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.real a::before{content:'';flex:none;width:10px;height:10px;border-radius:50%;background:var(--c)}
.real li:nth-child(3n+2) a::before{width:11px;border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}
.real li:nth-child(3n) a::before{width:8.5px;height:8.5px;border-radius:1.5px;transform:rotate(45deg)}
.real a:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 15%,var(--surface));transform:translateY(-1px)}

/* пять направлений — цветные поля */
.vals{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:v}
.vals li{counter-increment:v}
.vals a{position:relative;display:flex;flex-direction:column;gap:5px;min-height:156px;height:100%;padding:16px 16px 18px;border-radius:18px;background:var(--c);color:#0C1118;text-decoration:none;overflow:hidden;transition:transform .2s,box-shadow .2s}
.vals a:hover{transform:translateY(-3px);box-shadow:0 20px 34px -20px rgba(0,0,0,.55)}
.vals a::before{content:'0' counter(v);position:absolute;right:14px;top:16px;padding:3px 6px;border-radius:6px;border:1.5px solid #0C1118;font:600 12px/1 var(--f-b);letter-spacing:.06em}
.vals a::after{content:'';position:absolute;right:-28px;bottom:-30px;width:96px;height:96px;border-radius:50%;border:2px solid rgba(12,17,24,.28);pointer-events:none}
.vals li:nth-child(2) a::after{border:0;border-radius:0;background:rgba(12,17,24,.14);clip-path:polygon(50% 0,100% 100%,0 100%);right:-14px;bottom:-22px}
.vals li:nth-child(3) a::after{border:0;background:rgba(255,255,255,.26)}
.vals li:nth-child(4) a::after{border-radius:8px;transform:rotate(22deg);right:-34px;bottom:-40px}
.vals li:nth-child(5) a::after{border:0;border-radius:96px 96px 0 0;height:48px;bottom:0;right:-18px;background:rgba(12,17,24,.13)}
.v-i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:8px;border-radius:50%;border:2px solid #0C1118;background:rgba(255,255,255,.3)}
.v-i svg{width:21px;height:21px}
.vals b{position:relative;z-index:1;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.vals small{position:relative;z-index:1;font-size:13.5px;line-height:1.38;color:rgba(12,17,24,.84)}
.vals a:focus-visible{outline-color:var(--text)}

/* ---------- скорая помощь: монитор «503 → 200 OK» ---------- */
.btn-red{background:#EC5B40;color:#10151D;font-weight:600;box-shadow:0 14px 28px -14px #EC5B40}
.btn-red:hover{background:#F47158}
.btn-red i{width:10px;height:10px;flex:none;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.3);animation:beat 1.4s ease-in-out infinite}
.sosb{grid-column:1/-1;position:relative;display:grid;grid-template-columns:240px minmax(0,1fr) auto;grid-template-areas:'mon t a' 'mon f f';gap:12px 30px;align-items:center;padding:16px 24px 16px 18px;border-radius:20px;color:#0C1118;border:1.5px solid rgba(43,179,172,.55);box-shadow:0 30px 60px -38px rgba(14,122,117,.55);
  --sos-corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='84' cy='84' r='68' fill='none' stroke='%232BB3AC' stroke-opacity='.6' stroke-width='2'/%3E%3Cpolygon points='38,84 84,10 84,84' fill='%23EC5B40' fill-opacity='.8'/%3E%3C/svg%3E");
  background:var(--sos-corner) right bottom/84px 84px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='3' y='3' width='14' height='14' fill='%235A7EF5' fill-opacity='.6' transform='rotate(18 10 10)'/%3E%3C/svg%3E") calc(100% - 262px) 10px/20px 20px no-repeat,radial-gradient(circle at calc(100% - 110px) 28px,rgba(244,194,58,.5) 0 90px,transparent 90.5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='64'%3E%3Cg fill='%230C1118' fill-opacity='.2'%3E%3Ccircle cx='8' cy='8' r='1.6'/%3E%3Ccircle cx='24' cy='8' r='1.6'/%3E%3Ccircle cx='40' cy='8' r='1.6'/%3E%3Ccircle cx='56' cy='8' r='1.6'/%3E%3Ccircle cx='72' cy='8' r='1.6'/%3E%3Ccircle cx='88' cy='8' r='1.6'/%3E%3Ccircle cx='8' cy='24' r='1.6'/%3E%3Ccircle cx='24' cy='24' r='1.6'/%3E%3Ccircle cx='40' cy='24' r='1.6'/%3E%3Ccircle cx='56' cy='24' r='1.6'/%3E%3Ccircle cx='72' cy='24' r='1.6'/%3E%3Ccircle cx='88' cy='24' r='1.6'/%3E%3Ccircle cx='8' cy='40' r='1.6'/%3E%3Ccircle cx='24' cy='40' r='1.6'/%3E%3Ccircle cx='40' cy='40' r='1.6'/%3E%3Ccircle cx='56' cy='40' r='1.6'/%3E%3Ccircle cx='72' cy='40' r='1.6'/%3E%3Ccircle cx='88' cy='40' r='1.6'/%3E%3Ccircle cx='8' cy='56' r='1.6'/%3E%3Ccircle cx='24' cy='56' r='1.6'/%3E%3Ccircle cx='40' cy='56' r='1.6'/%3E%3Ccircle cx='56' cy='56' r='1.6'/%3E%3Ccircle cx='72' cy='56' r='1.6'/%3E%3Ccircle cx='88' cy='56' r='1.6'/%3E%3C/g%3E%3C/svg%3E") 26px calc(100% - 14px)/96px 64px no-repeat,linear-gradient(118deg,#D9F3EC 0%,#EAF7F0 42%,#FFF6E0 78%,#FFEFC9 100%);
  --sos-sun:radial-gradient(circle at calc(100% - 110px) 28px,rgba(244,194,58,.5) 0 90px,transparent 90.5px);--sos-grad:linear-gradient(118deg,#D9F3EC 0%,#EAF7F0 42%,#FFF6E0 78%,#FFEFC9 100%)}
.sosb-mon{grid-area:mon;width:100%;height:auto;overflow:visible}
.sosb-t{grid-area:t}
.sosb-f{grid-area:f;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px}
.mon-l{font:600 10.5px var(--f-b);letter-spacing:.14em;fill:rgba(239,231,214,.55)}
.st{font:600 11.5px var(--f-b);letter-spacing:.08em}
.st-bad{fill:#FF6B52;animation:stBad 5s linear infinite}
.st-ok{fill:#2BB3AC;opacity:0;animation:stOk 5s linear infinite}
@keyframes stBad{0%,30%{opacity:1}36%,100%{opacity:0}}
@keyframes stOk{0%,30%{opacity:0}36%,100%{opacity:1}}
.ecg-flat{fill:none;stroke:#FF6B52;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:30 70;animation:ecg 1.6s linear infinite,stBad 5s linear infinite}
.ecg-bg{fill:none;stroke:rgba(43,179,172,.24);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;animation:stOk 5s linear infinite}
.ecg{fill:none;stroke:#2BB3AC;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:24 76;filter:drop-shadow(0 0 3px rgba(43,179,172,.9));animation:ecg 1.6s linear infinite,stOk 5s linear infinite}
@keyframes ecg{from{stroke-dashoffset:24}to{stroke-dashoffset:-76}}
.sosb-x{transform-box:fill-box;transform-origin:center;animation:sosX 5s ease-in-out infinite}
@keyframes sosX{0%,36%,46%,56%,100%{transform:scale(1)}41%,51%{transform:scale(1.13)}}
.sosb-k{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#0B6B66}
.sosb-k i{width:9px;height:9px;flex:none;border-radius:50%;background:#16A39B;box-shadow:0 0 0 4px rgba(22,163,155,.22);animation:beat 1.4s ease-in-out infinite}
.sosb h2{margin-top:7px;font-size:clamp(24px,2.3vw,32px);color:#0C1118}
.sosb-p{margin-top:6px;max-width:64ch;font-size:15px;line-height:1.45;color:rgba(12,17,24,.74)}
.sosb-l{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.sosb-l li{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;border-radius:9px;border:1px solid rgba(12,17,24,.1);background:rgba(255,255,255,.72);font-size:13.5px;line-height:1.2;color:#1B2532;box-shadow:0 6px 14px -12px rgba(12,17,24,.5)}
.sosb-l svg{width:16px;height:16px;flex:none;color:#0E8F88}
.sosb-a{grid-area:a;align-self:start;display:grid;gap:10px;justify-items:stretch;min-width:214px}
.sosb-tel{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:600 18px/1 var(--f-b);color:#0C1118;text-decoration:none;white-space:nowrap}
.sosb-tel svg{width:19px;height:19px;flex:none;color:#EC5B40}
.sosb-tel:hover{color:#0B6B66}
.sosb .more-b{color:#0B6B66}
.sosb .more-b:hover{color:#0C1118}
.sosb :focus-visible{outline-color:#0C1118}

/* ---------- проверка сайта: тёмная полоса-сканер ---------- */
.checkbar{position:relative;padding:4px 0 clamp(14px,2vw,26px)}
.qc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;align-items:center;padding:16px 20px 18px;border-radius:20px;color:var(--on-night);border:1.5px solid rgba(214,177,96,.55);box-shadow:var(--shadow);
  background:linear-gradient(90deg,transparent,#2BB3AC,transparent) no-repeat -60% 0/36% 2px,
  radial-gradient(circle at calc(100% - 26px) -16px,#EC5B40 0 9px,transparent 9.5px 30px,rgba(244,194,58,.6) 30.5px 32.5px,transparent 33px 52px,rgba(90,126,245,.45) 52.5px 53.5px,transparent 54px) no-repeat,
  var(--night);animation:scan 6s linear infinite}
@keyframes scan{to{background-position:160% 0,0 0}}
.qc-h{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:2px;padding-right:96px}
.qc-h b{font:600 19px/1.2 var(--f-b);color:#fff}
.qc-h b::before{content:'';display:inline-block;width:9px;height:9px;margin:0 10px 2px 0;border-radius:50%;background:#2BB3AC;box-shadow:0 0 0 4px rgba(43,179,172,.22);animation:beat 1.8s ease-in-out infinite}
.qc-h small{font-size:13.5px;line-height:1.35;color:var(--on-night-m)}
.tip{position:relative}
.tip summary{list-style:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
.tip summary::-webkit-details-marker{display:none}
.tip[open] summary{border-color:var(--gold);color:var(--text)}
.tip p{position:absolute;right:0;top:34px;z-index:5;width:min(320px,80vw);padding:12px 14px;border-radius:14px;background:var(--night);color:var(--on-night);font-size:13.5px;line-height:1.45;box-shadow:var(--shadow)}
.tip p a{color:#D6B160}
.tip-up p{top:auto;bottom:32px}
.qc .tip summary{border-color:var(--on-night-line);color:var(--on-night-m)}
.qc .tip[open] summary{border-color:#D6B160;color:#fff}
.qc .tip p{background:var(--surface);color:var(--text);border:1px solid var(--line)}
.qc-row{position:relative}
.qc-ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--on-night-m);pointer-events:none}
.qc-ic svg{width:18px;height:18px}
.qc-row input{width:100%;height:48px;padding:0 16px 0 44px;border-radius:12px;border:1.5px solid rgba(214,177,96,.45);background:rgba(255,255,255,.06);color:#fff;font-size:16px;outline:none;transition:border-color .2s}
.qc-row input::placeholder{color:rgba(239,231,214,.45)}
.qc-row input:focus{border-color:#D6B160}
.qc.bad .qc-row input{border-color:#FF8A73}
.qc-modes{display:flex;flex-wrap:wrap;gap:8px}
.qc-modes button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border-radius:12px;background:#D6B160;color:#10151D;font-size:14.5px;font-weight:600;white-space:nowrap;box-shadow:0 12px 24px -16px #D6B160;transition:background .2s,box-shadow .2s,transform .2s}
.qc-modes button svg{width:18px;height:18px;flex:none}
.qc-modes button:hover{background:#E7C67B;transform:translateY(-1px)}
.qc-modes button.hl{box-shadow:0 0 0 3px var(--night),0 0 0 5.5px #2BB3AC}
.qc :focus-visible{outline-color:#2BB3AC}
.qc-err{grid-column:1/-1;font-size:13.5px;color:#FF8A73}
.qc-err:empty{display:none}

/* ---------- разделы ---------- */
.sec{position:relative;padding:clamp(36px,4vw,56px) 0}
.sh{display:grid;justify-items:start;gap:10px;margin-bottom:28px;max-width:760px}
.sh h2{font-size:clamp(28px,3.2vw,44px)}
.sh p{font-size:17px;color:var(--muted);max-width:60ch}
.row-a{display:flex;flex-wrap:wrap;gap:10px}
.price{font:600 22px/1 var(--f-b);color:var(--text);white-space:nowrap}
.price small{font:500 13px var(--f-b);color:var(--muted);margin-left:2px}
.lnk svg{width:16px;height:16px;flex:none}
/* ---------- самопроверка по требованиям РФ, поля форм, статусы ---------- */
.chk{position:relative;padding:24px;border-radius:20px;background:var(--surface);color:var(--text);border:1.5px solid rgba(214,177,96,.6);box-shadow:var(--shadow)}
.chk-top{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:center}
.fld{display:grid;gap:6px}
.fld label{font-size:13.5px;font-weight:600;color:var(--muted)}
.fld input,.fld textarea{width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);font-size:16px;outline:none;transition:border-color .2s}
.fld input:focus,.fld textarea:focus{border-color:var(--gold)}
.fld textarea{min-height:86px;resize:vertical}
.gauge{display:grid;justify-items:center;text-align:center}
.gauge svg{width:200px;height:auto}
.g-needle{transform-origin:120px 120px;transform:rotate(-90deg);transition:transform .6s cubic-bezier(.3,1.4,.5,1)}
.gauge b{margin-top:4px;font:600 17px/1.2 var(--f-b)}
.gauge small{font-size:13px;color:var(--muted)}
.gauge.lv-low b{color:var(--peacock)}.gauge.lv-mid b{color:var(--sun)}.gauge.lv-high b{color:var(--verm)}
.qs{display:grid;gap:2px;margin-top:18px}
.q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line-2)}
.q p{display:grid;line-height:1.3}
.q b{font-weight:500;font-size:15px}
.q small{font-size:12.5px;color:var(--muted);margin-top:2px}
.seg3{display:flex;padding:3px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.seg3 button{padding:6px 11px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;transition:background .15s,color .15s}
.seg3 button:hover{color:var(--text)}
.seg3 button[aria-checked="true"][data-v="yes"]{background:var(--peacock);color:#fff}
.seg3 button[aria-checked="true"][data-v="no"]{background:var(--verm);color:#fff}
.seg3 button[aria-checked="true"][data-v="unk"]{background:var(--sun);color:#141B26}
.gaps{list-style:none;display:grid;gap:6px;margin-top:14px}
.gaps:empty{display:none}
.gaps li{display:flex;gap:10px;font-size:14px;line-height:1.4;padding:9px 12px;border-radius:12px;background:color-mix(in srgb,var(--verm) 9%,transparent)}
.gaps li::before{content:'';flex:none;width:9px;height:9px;margin-top:5px;background:var(--verm);transform:rotate(45deg)}
.gaps li.unk{background:color-mix(in srgb,var(--sun) 12%,transparent)}
.gaps li.unk::before{background:var(--sun);border-radius:50%;transform:none}
.chk-lead{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--muted);cursor:pointer}
.consent input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--gold)}
.consent a{color:var(--text);font-weight:500}
.status{display:none;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:500}
.status.show{display:block}
.status.ok{background:color-mix(in srgb,var(--peacock) 14%,transparent);color:var(--peacock)}
.status.err{background:color-mix(in srgb,var(--verm) 12%,transparent);color:var(--verm)}
.status a{color:inherit}
form.checked :invalid{border-color:var(--verm)}


/* ---------- пять направлений ---------- */
.svc{display:grid;gap:12px;counter-reset:sv}
.sv{display:grid;grid-template-columns:minmax(0,1fr) 214px;gap:14px 40px;align-items:center;padding:20px 22px 20px 28px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:inset 6px 0 0 var(--c);counter-increment:sv;transition:border-color .25s,box-shadow .25s}
.sv:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:inset 6px 0 0 var(--c),0 24px 40px -34px rgba(0,0,0,.6)}
.sv-h{grid-column:1;grid-row:1;display:flex;gap:18px;align-items:flex-start}
.sv-i{position:relative;display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:15px;background:var(--c);color:#0C1118}
.sv-i svg{width:26px;height:26px}
.sv-i::after{content:'0' counter(sv);position:absolute;right:-10px;top:-10px;display:grid;place-items:center;min-width:26px;height:24px;padding:0 5px;border-radius:7px;background:var(--text);color:var(--bg);border:2px solid var(--surface);font:600 11.5px/1 var(--f-b);letter-spacing:.04em}
.sv-h h3{font-size:20px;line-height:1.2}
.sv-h p{margin-top:6px;font-size:15px;line-height:1.45;color:var(--muted)}
.sv-l{grid-column:1;grid-row:2;list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding-left:74px}
.sv-l li{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:8px;background:color-mix(in srgb,var(--c) 11%,transparent);border:1px solid color-mix(in srgb,var(--c) 34%,transparent);font-size:13.5px;line-height:1.25}
.sv-l li::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--c)}
.sv-f{grid-column:2;grid-row:1/3;display:grid;gap:8px}
.sv-f .btn{width:100%}
.more-b{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;font-size:14px;font-weight:500;color:var(--gold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s}
.more-b svg{width:17px;height:17px;flex:none}
.more-b:hover{color:var(--text)}

/* ---------- хостинг, серверы, домены: вкладки ---------- */
.inf-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px;margin-bottom:18px}
.inf-h .sh{margin:0}
.tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.tabs [role="tab"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:10px;font-size:15px;font-weight:500;color:var(--muted);white-space:nowrap;transition:background .2s,color .2s}
.tabs [role="tab"]::before{content:'';width:8px;height:8px;flex:none;border-radius:50%;background:var(--tc)}
.tabs [role="tab"]:nth-child(1){--tc:#5A7EF5}
.tabs [role="tab"]:nth-child(2){--tc:#EC5B40}
.tabs [role="tab"]:nth-child(3){--tc:#2BB3AC}
.tabs [role="tab"]:nth-child(4){--tc:#F4C23A}
.tabs [role="tab"]:hover{color:var(--text)}
.tabs [aria-selected="true"]{background:var(--text);color:var(--bg)}
.js .tabp > [role="tabpanel"]:not(.on){display:none}
.tabp > [role="tabpanel"]{animation:fade .25s}
.ledger{position:relative;padding:22px 24px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.ledger h3{display:grid;gap:4px;font-size:22px;margin-bottom:8px}
.ledger h3 small{font:400 14px var(--f-b);color:var(--muted)}
.row{display:grid;grid-template-columns:130px minmax(0,1fr) auto auto;gap:14px 18px;align-items:center;padding:13px 0;border-top:1px solid var(--line-2)}
.row b{font-weight:600;font-size:15.5px;white-space:nowrap}
.row b i{font-style:normal;margin-left:4px;padding:2px 8px;border-radius:6px;background:var(--verm);color:#fff;font-size:11.5px;font-weight:600;vertical-align:2px}
.row span{font-size:14.5px;color:var(--muted)}
.row em{font:600 18px/1 var(--f-b);font-style:normal;white-space:nowrap}
.row em small{font:500 12.5px var(--f-b);color:var(--muted);margin-left:2px}
.row.hot{position:relative}
.row.hot::before{content:'';position:absolute;left:-24px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--gold)}
.adm{padding:24px}
.adm-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 44px;align-items:center}
.adm h3{margin-bottom:14px}
.adm-l{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}
.adm-l li{position:relative;padding-left:22px;font-size:15px}
.adm-l li::before{content:'';position:absolute;left:2px;top:.42em;width:11px;height:7px;border-left:2.2px solid var(--peacock);border-bottom:2.2px solid var(--peacock);transform:rotate(-45deg)}
.adm-p{display:grid;justify-items:end;gap:8px;text-align:right}
.adm-p > small{margin-top:-4px;font-size:13px;color:var(--muted)}
.adm-p .btn{min-width:180px}
.tariff-note{margin-top:12px;font-size:13px;color:var(--muted)}
.tariff-note a{color:var(--gold);font-weight:500;text-underline-offset:3px}
.dom{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 24px;align-items:center;padding:24px;border-radius:18px;background:var(--night);color:var(--on-night)}
.dom-h{display:flex;align-items:center;gap:12px}
.dom-h > svg{width:30px;height:30px;color:#D6B160;flex:none}
.dom-h b{display:block;font:600 20px/1.15 var(--f-b);color:#fff}
.dom-h small{font-size:13.5px;color:var(--on-night-m)}
.dom-f{display:flex;gap:10px}
.dom-f input{flex:1;min-width:0;padding:13px 18px;border-radius:12px;border:1.5px solid rgba(214,177,96,.45);background:rgba(255,255,255,.06);color:#fff;font-size:16px;outline:none}
.dom-f input::placeholder{color:rgba(239,231,214,.45)}
.dom-f input:focus{border-color:#D6B160}
.dom .btn-gold{background:#D6B160;color:#10151D}
.zones{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.zones button{padding:6px 12px;border-radius:8px;border:1px solid var(--on-night-line);font-size:13.5px;color:var(--on-night-m);transition:border-color .2s,color .2s}
.zones button:hover{border-color:#D6B160;color:#fff}
.zones b{color:#fff;font-weight:600;margin-left:4px}

/* ---------- ещё делаем ---------- */
.sec.more{padding:0}
.sec.infra{padding-top:clamp(16px,2vw,24px)}
.more-in{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 28px;padding:18px 18px 18px 26px;border-radius:20px;border:1.5px dashed color-mix(in srgb,var(--gold) 55%,transparent)}
.more-in h2{font-size:clamp(22px,2.2vw,30px)}
.more-l{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.more-l button{display:flex;align-items:center;gap:10px;width:100%;height:100%;padding:7px 12px 7px 7px;border-radius:14px;background:var(--surface);border:1.5px solid var(--line);font-size:14.5px;font-weight:500;line-height:1.2;text-align:left;transition:border-color .2s,transform .2s}
.more-l button svg{width:36px;height:36px;flex:none;padding:8px;border-radius:50%;background:var(--c);color:#0C1118}
.more-l li:nth-child(2) button svg{border-radius:9px}
.more-l li:nth-child(4) button svg{border-radius:9px 50% 50% 50%}
.more-l button:hover{border-color:var(--c);transform:translateY(-2px)}

/* ---------- как работаем ---------- */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;counter-reset:st;margin-bottom:34px}
.steps::before{content:'';position:absolute;left:24px;right:24px;top:22px;height:1.5px;background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 30%,transparent))}
.steps li{position:relative;display:grid;gap:4px;align-content:start;padding-top:62px;counter-increment:st}
.steps li::before{content:counter(st);position:absolute;left:0;top:0;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--bg);border:1.5px solid var(--gold);font:600 18px/1 var(--f-b);color:var(--gold)}
.steps li:nth-child(1)::before{background:#EC5B40;border-color:#EC5B40;color:#fff}
.steps li:nth-child(2)::before{background:#F4C23A;border-color:#F4C23A;color:#0C1118;border-radius:50%}
.steps li:nth-child(3)::before{background:#5A7EF5;border-color:#5A7EF5;color:#fff}
.steps li:nth-child(4)::before{background:#2BB3AC;border-color:#2BB3AC;color:#0C1118;border-radius:50%}
.steps b{font:600 18px/1.2 var(--f-b)}
.steps span{font-size:14.5px;line-height:1.45;color:var(--muted)}

/* ---------- партнёрство и контакты ---------- */
.cta{position:relative;isolation:isolate;display:grid;grid-template-columns:170px minmax(0,.9fr) minmax(0,1.45fr);gap:28px;align-items:center;padding:44px clamp(24px,4.2vw,56px);border-radius:24px;overflow:hidden;background:var(--night);color:var(--on-night);border:1.5px solid rgba(214,177,96,.5)}
.cta-art{position:relative;width:230px;height:230px;max-width:none;margin:-30px 0 -30px -78px;align-self:center;pointer-events:none}
.cta-t{position:relative}
.cta h2{font-size:clamp(26px,2.8vw,38px);color:#fff}
.cta p{margin-top:12px;color:var(--on-night-m)}
.cta-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cc{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;align-items:center;padding:15px;border-radius:14px;border:1px solid var(--on-night-line);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;text-align:left;transition:border-color .2s}
.cc:hover{border-color:#D6B160}
.cc span{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(214,177,96,.16);color:#D6B160}
.cc span svg{width:20px;height:20px}
.cc b{font-weight:600;overflow-wrap:anywhere;line-height:1.3}
.cc-mail b{font-size:15px;overflow-wrap:normal;word-break:normal}
.cc small{font-size:13px;color:var(--on-night-m)}
.cc-main{background:#D6B160;border-color:#D6B160;color:#10151D}
.cc-main span{background:#10151D;color:#D6B160}
.cc-main small{color:#3A3222}

/* ---------- подвал ---------- */
.ft{padding:48px 0 28px;background:var(--bg-2);border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.ft-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:28px}
.ft .logo{color:var(--text);margin-bottom:14px}
.ft-addr{display:flex;gap:8px;align-items:flex-start;margin-top:8px}
.ft-addr svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--gold)}
.ft a{text-decoration:none}
.ft a:hover{color:var(--text)}
.ft h4{font-size:16px;color:var(--text);margin-bottom:12px}
.ft ul{list-style:none;display:grid;gap:7px}
.ft-operator{margin-top:30px;font-size:13px;line-height:1.55}
.ft-extra{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:13.5px}
.ft-extra a,.ft-extra button{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.ft-extra a:hover,.ft-extra button:hover{color:var(--text)}
.ft-b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:13.5px}
.ft-b a{color:var(--text);font-weight:600}
.heart{color:var(--verm)}
.notice{padding:14px 0;font-size:14px}
/* ---------- модальные окна ---------- */
.modal{position:fixed;inset:0;z-index:200;display:none;overflow-y:auto;overscroll-behavior:contain;align-items:center;justify-content:center;padding:18px;background:rgba(8,12,18,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.modal.open{display:flex;animation:fade .2s}
@keyframes fade{from{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.98)}}
.om-x{position:absolute;right:16px;top:16px;z-index:3;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;border:1.5px solid var(--line);background:var(--surface);color:var(--text)}
.om-x:hover{border-color:var(--gold)}
.om-x svg{width:16px;height:16px}

/* заявка */
.om{position:relative;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);width:min(900px,100%);max-height:calc(100vh - 36px);border-radius:22px;overflow:hidden;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--gold) 60%,transparent);box-shadow:0 50px 100px -40px rgba(0,0,0,.7);animation:pop .3s cubic-bezier(.3,1.3,.5,1)}
.om-art{display:flex;flex-direction:column;gap:12px;padding:28px 24px;background:var(--night);color:var(--on-night)}
.om-art svg{width:150px;height:auto}
.om-art h3{font-size:28px;color:#fff}
.om-art p{font-size:15px;color:var(--on-night-m)}
.om-tel{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#D6B160;font-weight:600;text-decoration:none}
.om-tel svg{width:18px;height:18px}
.om-f{position:relative;display:grid;gap:12px;align-content:start;padding:28px 26px 24px;overflow-y:auto}
.om-f h4{font-size:21px;padding-right:44px}
.om-chips{display:flex;flex-wrap:wrap;gap:7px}
.om-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:9px;border:1.5px solid var(--line);font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s,color .15s}
.om-chip i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.om-chip:hover{border-color:var(--gold)}
.om-chip[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:var(--bg)}
.om-hot{flex:1 1 100%;padding:9px 10px 9px 11px;border-color:#EC5B40;background:color-mix(in srgb,#EC5B40 10%,transparent);font-size:14px;font-weight:600}
.om-hot i{box-shadow:0 0 0 4px color-mix(in srgb,#EC5B40 26%,transparent);animation:beat 1.4s ease-in-out infinite}
.om-hot em{margin-left:auto;padding:3px 8px;border-radius:6px;background:#EC5B40;color:#10151D;font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.om-hot:hover{border-color:#EC5B40;background:color-mix(in srgb,#EC5B40 18%,transparent)}
.om-hot[aria-pressed="true"]{background:#EC5B40;border-color:#EC5B40;color:#10151D}
.om-hot[aria-pressed="true"] i{background:#fff}
.om-hot[aria-pressed="true"] em{background:#10151D;color:#FF8A73}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.order-safe{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.order-safe > svg{width:15px;height:15px;flex:none;color:var(--peacock)}
.order-safe .tip summary{width:22px;height:22px;font-size:12px}

/* всплывающие окна услуг — цветная шапка с композицией */
.sheet,.tpl{--cc:color-mix(in srgb,var(--c,var(--gold)) 76%,var(--text))}
.sheet{position:relative;width:min(760px,100%);max-height:calc(100vh - 36px);overflow-y:auto;overscroll-behavior:contain;border-radius:22px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--gold) 60%,transparent);box-shadow:0 50px 100px -40px rgba(0,0,0,.7);animation:pop .3s cubic-bezier(.3,1.3,.5,1)}
.sheet-w{width:min(1080px,100%)}
.sheet > .om-x{border-color:rgba(12,17,24,.35);background:rgba(255,255,255,.4);color:#0C1118}
.sh-top{position:relative;isolation:isolate;display:flex;gap:18px;align-items:flex-start;padding:26px 80px 24px 26px;background:var(--c);color:#0C1118;overflow:hidden}
.sh-top::before{content:'';position:absolute;z-index:-1;right:-92px;bottom:-128px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#0C1118 0 13%,transparent 13.5% 28%,rgba(255,255,255,.45) 28.5% 42%,transparent 42.5% 58%,rgba(12,17,24,.4) 58.5% 59.5%,transparent 60%)}
.sh-top::after{content:'';position:absolute;z-index:-1;right:128px;bottom:-10px;width:52px;height:44px;background:rgba(12,17,24,.16);clip-path:polygon(50% 0,100% 100%,0 100%)}
.sh-i{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:50%;background:#0C1118;color:var(--c);box-shadow:0 0 0 5px rgba(255,255,255,.3)}
.sh-i svg{width:26px;height:26px}
.sh-top h3{font-size:clamp(22px,2.4vw,28px);color:#0C1118}
.sh-top p{margin-top:8px;max-width:62ch;font-size:15.5px;line-height:1.5;color:rgba(12,17,24,.84)}
.sh-body{padding:22px 26px 4px}
.sh-2{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}
.sh-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}
.sh-body h4{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:16.5px}
.sh-body h4 svg{width:20px;height:20px;flex:none;color:var(--cc)}
.sh-3 p{font-size:14.5px;line-height:1.5;color:var(--muted)}
.ticks{list-style:none;display:grid;gap:7px}
.ticks li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.45}
.ticks li::before{content:'';position:absolute;left:2px;top:.42em;width:11px;height:6.5px;border-left:2.2px solid var(--cc);border-bottom:2.2px solid var(--cc);transform:rotate(-45deg)}
.ticks b{font-weight:600}
.steps-s{list-style:none;counter-reset:s;display:grid;gap:8px}
.steps-s li{position:relative;padding-left:32px;font-size:14.5px;line-height:1.45;counter-increment:s}
.steps-s li::before{content:counter(s);position:absolute;left:0;top:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c);color:#0C1118;font:600 12px/1 var(--f-b)}
.steps-s li:nth-child(2n)::before{border-radius:6px}
.ticks a{color:inherit;text-decoration:underline;text-decoration-color:var(--cc);text-decoration-thickness:1.5px;text-underline-offset:3px}
.ticks a:hover{color:var(--cc)}
.sh-note{margin:12px 26px 0;font-size:13px;line-height:1.45;color:var(--muted)}
.sh-body .sh-note{margin:12px 0 0}
.sh-f{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px;padding:16px 26px 22px;border-top:1px dashed var(--line)}
.sh-top + .sh-f{margin-top:0;border-top:0;padding-top:20px}
.sh-f .lnk{font-size:14px}
.sh-more{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;color:var(--muted)}

/* самопроверка внутри окна: вопросы слева, стрелка и заявка справа */
.sheet .chk{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:0 32px;padding:0 0 22px;border:0;border-radius:0;box-shadow:none;background:none}
.sheet .qs{grid-column:1;grid-row:1/4;margin-top:0}
.sheet .q:first-child{border-top:0;padding-top:0}
.sheet .chk-top{grid-column:2;grid-row:1;grid-template-columns:1fr;gap:12px}
.sheet .gauge{order:-1}
.sheet .gaps{grid-column:2;grid-row:2}
.sheet .chk-lead{grid-column:2;grid-row:3;align-content:start;margin-top:14px}

/* команда вместо штата — солнечный лист */
.team-sheet{background:var(--sunf);border-color:#0C1118}
.team-sheet > .om-x{border-color:rgba(12,17,24,.35);background:rgba(255,255,255,.4);color:#0C1118}
.team-p{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3.4vw,48px);align-items:center;padding:clamp(22px,3.4vw,44px);color:var(--ink)}
.team-orbit{position:relative;width:100%;max-width:500px;aspect-ratio:1;justify-self:center}
.team-bg{position:absolute;inset:0;width:100%;height:100%}
.team-c{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-content:center;justify-items:center;gap:4px;width:38%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#0C1118;color:#F3EDE1;text-align:center;box-shadow:0 0 0 9px #EC5B40,0 0 0 11px #0C1118,0 30px 50px -18px rgba(12,17,24,.6)}
.team-n{display:flex;align-items:center;gap:8px;font:600 clamp(34px,3.8vw,50px)/1 var(--f-b)}
.team-n b{color:#F4C23A;font-weight:700;min-width:.55em;text-align:center}
.team-n b + i + b{color:#2BB3AC}
.team-n i{display:grid;place-items:center}
.team-n i svg{width:.5em;height:.5em;color:#D6B160}
.team-c small{max-width:9em;font-size:12.5px;line-height:1.3;color:#C9C1B0}
.team-c.bump .team-n{animation:bump .4s cubic-bezier(.3,1.5,.5,1)}
@keyframes bump{40%{transform:scale(1.14)}}
.roles{position:absolute;inset:0;z-index:2}
.role{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;padding:8px 13px 8px 10px;border-radius:10px;border:1.5px solid #0C1118;background:rgba(255,255,255,.4);font-size:14px;font-weight:500;line-height:1.1;color:#0C1118;white-space:nowrap;transition:background .2s,color .2s}
.role::before{content:'';width:10px;height:10px;border-radius:50%;border:1.5px solid #0C1118;background:transparent;flex:none}
.role:hover{background:rgba(255,255,255,.7)}
.role[aria-pressed="true"]{background:#0C1118;color:#F3EDE1}
.role[aria-pressed="true"]::before{border-color:#F4C23A;background:#F4C23A}
.role:nth-child(1){left:50%;top:6.5%}
.role:nth-child(2){left:76%;top:19.5%}
.role:nth-child(3){left:87%;top:50%}
.role:nth-child(4){left:76%;top:80.5%}
.role:nth-child(5){left:50%;top:93.5%}
.role:nth-child(6){left:24%;top:80.5%}
.role:nth-child(7){left:13%;top:50%}
.role:nth-child(8){left:24%;top:19.5%}
.team-t{position:relative;display:grid;gap:18px;justify-items:start}
.team-t h3{font-size:clamp(26px,2.8vw,38px);color:var(--ink)}
.team-lead{font-size:17px;line-height:1.55;color:#2B2A26;max-width:52ch}
.team-l{list-style:none;display:grid;gap:10px}
.team-l li{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}
.team-l svg{width:38px;height:38px;flex:none;padding:8px;border-radius:50%;background:#0C1118;color:#F4C23A}
.team-sheet :focus-visible{outline-color:#0C1118}

/* ---------- AI-консультант ---------- */
.chat{--ck:0px;position:fixed;right:20px;bottom:calc(20px + var(--ck));z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.chat > *{pointer-events:auto}
.chat-fab{display:flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:16px;background:var(--night);color:#fff;border:1.5px solid #D6B160;box-shadow:0 20px 40px -18px rgba(0,0,0,.7);transition:transform .2s}
.chat-fab:hover{transform:translateY(-3px)}
.fab-av{width:42px;height:42px}
.fab-t{display:grid;text-align:left;line-height:1.15}
.fab-t b{font:600 15.5px/1.1 var(--f-b)}
.fab-t small{font-size:12px;color:#2BB3AC}
.fab-x{display:none;place-items:center;width:46px;height:46px}
.fab-x svg{width:20px;height:20px}
.chat.open .chat-fab{padding:6px}
.chat.open .fab-av,.chat.open .fab-t{display:none}
.chat.open .fab-x{display:grid}
.chat-p{display:none;flex-direction:column;width:min(400px,calc(100vw - 40px));height:min(620px,calc(100vh - 120px));border-radius:20px;overflow:hidden;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--gold) 70%,transparent);box-shadow:0 46px 100px -36px rgba(0,0,0,.7)}
@supports (height:100dvh){.chat-p{height:min(620px,calc(100dvh - 120px))}}
.chat.open .chat-p{display:flex;animation:pop .32s cubic-bezier(.3,1.3,.5,1)}
.chat-h{flex:none;display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:var(--night);color:#fff;border-bottom:1.5px solid #D6B160;position:relative}
.chat-h::before{display:none;content:'';position:absolute;left:50%;top:18px;width:120px;height:14px;transform:translateX(-50%);background:radial-gradient(circle at 50% 50%,#D6B160 0 4px,transparent 5px),linear-gradient(90deg,transparent,#D6B160 30%,#D6B160 70%,transparent) center/100% 1.5px no-repeat}
.chat-av{width:42px;height:42px;flex:none}
.chat-ht{flex:1;min-width:0;display:grid;line-height:1.2}
.chat-ht b{font:600 17px/1.2 var(--f-b)}
.chat-ht span{font-size:12.5px;color:#2BB3AC}
.chat.busy .chat-ht span{color:#F4C23A}
.chat-ib{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:rgba(255,255,255,.08)}
.chat-ib:hover{background:#D6B160;color:#10151D}
.chat-ib svg{width:16px;height:16px}
.chat-log{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px 14px;overflow-y:auto;overscroll-behavior:contain;background:var(--bg)}
.m{display:flex;max-width:100%;animation:mIn .25s ease-out}
@keyframes mIn{from{opacity:0;transform:translateY(6px)}}
.m.u{justify-content:flex-end}
.m-c{display:grid;gap:8px;max-width:88%}
.m.u .m-c{justify-items:end}
.m-b{padding:11px 14px;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--line);font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.m-b b{color:var(--gold)}
.m-b a{color:var(--peacock);font-weight:500}
.m.u .m-b{background:var(--night);color:#fff;border-color:var(--night);border-radius:14px 14px 4px 14px}
.m.u .m-b b{color:#D6B160}
.m-a{display:flex;flex-wrap:wrap;gap:6px}
.m-a button,.m-a a{padding:6px 12px;border-radius:9px;border:1.5px solid var(--gold);font-size:13px;font-weight:500;text-decoration:none;color:var(--text);background:var(--surface);transition:background .15s}
.m-a button:hover,.m-a a:hover{background:color-mix(in srgb,var(--gold) 16%,var(--surface))}
.m-a .p{background:var(--gold);color:var(--gold-ink)}
.typing{display:inline-flex;gap:5px;padding:14px 16px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:dot 1.1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{30%{transform:translateY(-4px);background:var(--gold)}}
.chat-f{flex:none;display:flex;align-items:flex-end;gap:8px;padding:10px 12px 6px;border-top:1px solid var(--line);background:var(--surface)}
.chat-f textarea{flex:1;min-width:0;height:44px;max-height:120px;padding:11px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);font-size:15px;line-height:1.4;resize:none;outline:none}
.chat-f textarea:focus{border-color:var(--gold)}
.chat-send{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:var(--gold);color:var(--gold-ink)}
.chat-send:disabled{opacity:.45;cursor:default}
.chat-send svg{width:18px;height:18px}
.chat-jg{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px 10px;background:var(--surface);font-size:12px;color:var(--muted);text-decoration:none}
.chat-jg i{width:14px;height:14px;border-radius:50%;background:conic-gradient(#EC5B40 0 25%,#F4C23A 0 50%,#5A7EF5 0 75%,#2BB3AC 0)}
.chat-jg:hover{color:var(--text)}


/* ---------- настройки приватности ---------- */
.pv{position:relative;display:grid;gap:14px;width:min(560px,100%);max-height:calc(100vh - 36px);overflow-y:auto;padding:28px 26px 24px;border-radius:22px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--gold) 60%,transparent);box-shadow:0 50px 100px -40px rgba(0,0,0,.7);animation:pop .3s cubic-bezier(.3,1.3,.5,1)}
.pv h3{font-size:25px;padding-right:48px}
.pv > p{font-size:15px;color:var(--muted)}
.pv-l{list-style:none;display:grid;gap:8px}
.pv-l li{display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:var(--bg)}
.pv-l b{font-size:15px;font-weight:600}
.pv-l span{font-size:13.5px;color:var(--muted)}
.pv-ai{font-size:14px;color:var(--text)}
.pv-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px}
.pv-links a{color:var(--gold);text-underline-offset:3px}
@supports (height:100dvh){.om,.pv,.sheet{max-height:calc(100dvh - 36px)}}

/* ---------- согласие в чате: одна строка и подсказка ---------- */
.chat-cons{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px 4px 14px;background:var(--surface);border-top:1px solid var(--line);transition:background .3s}
.chat-consent{flex:1;min-width:0;display:flex;gap:8px;align-items:center;font-size:12.5px;line-height:1.35;color:var(--muted);cursor:pointer}
.chat-consent input{width:16px;height:16px;flex:none;accent-color:var(--gold)}
.chat-cons .tip summary{width:22px;height:22px;font-size:12px;border-radius:7px}
.chat.need-consent .chat-cons{background:color-mix(in srgb,var(--sun) 22%,var(--surface))}
.chat.need-consent .chat-consent{color:var(--text)}
.chat-f{border-top:0!important}

/* ---------- cookie ---------- */
.cookie-banner{display:none;position:fixed;left:20px;bottom:20px;z-index:120;max-width:min(520px,calc(100vw - 280px));padding:12px 12px 12px 18px;border-radius:16px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);box-shadow:var(--shadow);font-size:13.5px;color:var(--muted)}
.cookie-flex{display:flex;align-items:center;gap:14px}
.cookie-banner a{color:var(--text)}
.cookie-banner .btn{flex:none}

/* ---------- адаптив ---------- */
@media (max-width:1400px){
  .hd-in{gap:16px}
  .nav{margin-left:0}
  .nav a{padding:8px 8px}
}
@media (max-width:1280px){
  .burger{display:grid}
  .nav{position:fixed;left:auto;right:12px;width:min(340px,calc(100vw - 24px));top:84px;z-index:95;display:none;flex-direction:column;align-items:stretch;margin:0;padding:10px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
  .nav.open{display:flex}
  .nav a{padding:12px 14px;font-size:16px;color:var(--text)}
  .nav .nav-x{display:flex;align-items:center;gap:10px;border-radius:0}
  .nav .nav-tel{border-top:1px solid var(--line);margin-top:4px;padding-top:14px}
  .nav .nav-x svg{width:18px;height:18px;color:var(--gold)}
}
@media (max-width:1180px){
  .sosb{grid-template-columns:210px minmax(0,1fr) auto;column-gap:22px}
  .vals b{font-size:16.5px}
  .vals small{font-size:13px}
  .sv{column-gap:24px}
  .more-in{grid-template-columns:1fr}
}
@media (max-width:1020px){
  .hero-in{grid-template-columns:1fr}
  .hero h1{font-size:clamp(36px,6.4vw,56px);max-width:15ch}
  .real{max-width:none}
  .hero-art{max-width:560px;order:3}
  .sosb{grid-template-columns:210px minmax(0,1fr);grid-template-areas:'mon t' 'f f' 'a a'}
  .sosb{background:var(--sos-corner) right bottom/84px 84px no-repeat,var(--sos-sun),var(--sos-grad)}
  .sosb-a{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}
  .sosb-a .btn{min-width:230px}
  .vals{order:2;grid-template-columns:repeat(6,minmax(0,1fr))}
  .vals li{grid-column:span 2}
  .vals li:nth-child(n+4){grid-column:span 3}
  .vals a{min-height:136px}
  .inf-h{flex-direction:column;align-items:flex-start}
  .adm-in{grid-template-columns:1fr}
  .adm-p{justify-items:start;text-align:left}
  .dom{grid-template-columns:1fr}
  .qc-h{padding-right:70px}
  .qc{grid-template-columns:1fr}
  .qc-modes button{flex:1 1 auto}
  .sv{grid-template-columns:1fr;row-gap:14px}
  .sv-f{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-left:74px}
  .sv-f .btn{width:auto;min-width:170px}
  .more-l{grid-template-columns:repeat(6,minmax(0,1fr))}
  .more-l li{grid-column:span 2}
  .more-l li:nth-child(n+4){grid-column:span 3}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .steps::before{display:none}
  .cta{grid-template-columns:1fr}
  .cta-art{display:none}
  .ft-grid{grid-template-columns:1fr 1fr}
  .sheet .chk{grid-template-columns:1fr;grid-template-rows:none}
  .sheet .chk > *{grid-column:auto!important;grid-row:auto!important}
  .sheet .chk-top{grid-template-columns:minmax(0,1fr) 200px;margin-bottom:14px}
  .sheet .gauge{order:0}
  .team-p{grid-template-columns:1fr}
  .team-orbit{max-width:460px}
}
@media (max-width:720px){
  body{font-size:16px}
  .hd-in{min-height:64px;gap:10px}
  .nav{top:74px}
  .hd-cta{display:none}
  .logo-w{font-size:16px;letter-spacing:.04em}
  .hd-r{gap:6px}
  .ic-btn{width:38px;height:38px}
  .hd-r .cab{display:none}
  .lang-sw{padding:0;border:0}
  .lang-sw a{width:38px;height:38px;padding:0;border:1.5px solid var(--line);border-radius:50%}
  .lang-sw a[aria-current="true"]{display:none}
  /* первый экран */
  .hero{padding-top:18px}
  .hero::before{left:0;opacity:.6}
  .hero-in{row-gap:14px}
  .hero-t{display:contents}
  .kicker{order:1;font-size:13.5px;align-items:flex-start}
  .kicker svg{margin-top:1px}
  .hero h1{order:2;margin-top:-4px;font-size:clamp(34px,9.6vw,44px)}
  .real{order:3;margin:0 calc(-1 * var(--gut));padding:0 var(--gut) 2px;display:grid;grid-auto-flow:column;grid-template-rows:auto auto;grid-auto-columns:max-content;gap:6px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .real::-webkit-scrollbar{display:none}
  .real a{padding:5px 10px 5px 8px;font-size:13px;gap:7px;white-space:nowrap}
  .hero-cta{order:4;margin-top:4px}
  .hero-note{order:5;margin-top:-2px;font-size:13px}
  .sosb{order:6;grid-template-columns:1fr;grid-template-areas:'mon' 't' 'f' 'a';padding:16px 14px 18px;border-radius:18px;gap:14px}
  .sosb-mon{max-width:300px}
  .sosb h2{font-size:25px}
  .sosb-p{font-size:14.5px}
  .sosb-l li{font-size:13px;padding:4px 9px 4px 7px}
  .sosb-a{gap:12px 18px;justify-content:center}
  .sosb-a .btn{flex:1 1 100%;min-width:0}
  .sosb-f{justify-content:flex-start}
  .vals{order:7}
  .hero-art{order:8;max-width:100%}
  .hero-cta .btn{flex:1 1 100%}
  .btn-lg{min-height:52px;font-size:16px}
  .vals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .vals li,.vals li:nth-child(n+4){grid-column:auto}
  .vals li:last-child{grid-column:1/-1}
  .vals a{min-height:0;padding:12px 12px 14px;border-radius:14px;gap:4px}
  .vals a::before{right:10px;top:12px;font-size:11px;padding:2px 5px}
  .vals a::after{width:70px;height:70px}
  .vals li:nth-child(5) a::after{height:35px}
  .v-i{width:36px;height:36px;margin-bottom:4px}
  .v-i svg{width:18px;height:18px}
  .vals b{font-size:15.5px}
  .vals small{font-size:12.5px;line-height:1.32}
  /* проверка */
  .qc{grid-template-columns:1fr;padding:16px 14px;border-radius:18px}
  .qc-h{position:relative;padding-right:36px}
  .qc-h .tip{position:absolute;right:0;top:0}
  .qc-h small{flex-basis:100%}
  .qc-modes button{flex:1 1 auto;min-height:44px;padding:0 12px}
  .qc-modes .qc-all{flex-basis:100%}
  /* направления */
  .sv{grid-template-columns:1fr;gap:14px;padding:18px 16px 16px 22px}
  .sv-h,.sv-l,.sv-f{grid-column:auto;grid-row:auto}
  .sv-h{gap:14px}
  .sv-i{width:48px;height:48px;border-radius:13px}
  .sv-i svg{width:23px;height:23px}
  .sv-h h3{font-size:18px}
  .sv-h p{font-size:14.5px}
  .sv-l,.sv-f{padding-left:0}
  .sv-l li{font-size:13px;padding:4px 9px 4px 8px}
  .sv-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
  .sv-f .btn{width:auto;flex:1 1 auto;min-width:0}
  .more-b{flex:1 1 100%}
  /* хостинг */
  .tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .tabs [role="tab"]{padding:0 10px;font-size:14.5px}
  .row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .row b{grid-column:1/-1;grid-row:1}
  .row span{grid-column:1/-1;grid-row:2}
  .row em{grid-column:1;grid-row:3}
  .row .btn{grid-column:2;grid-row:3}
  .row.hot::before{left:-12px}
  .ledger{padding:18px 16px 8px}
  .adm{padding:20px 16px}
  .adm-l{grid-template-columns:1fr}
  .dom{padding:20px 18px}
  .dom-f{flex-direction:column}
  /* ещё делаем */
  .more-in{padding:18px 14px;gap:14px}
  .more-l{grid-template-columns:1fr 1fr;gap:8px}
  .more-l li,.more-l li:nth-child(n+4){grid-column:auto}
  .more-l li:last-child{grid-column:1/-1}
  .more-l button{font-size:14px;padding-right:10px}
  .more-l button svg{width:32px;height:32px;padding:7px}
  .steps{grid-template-columns:1fr;gap:18px}
  .steps li{padding:0 0 0 62px;min-height:46px}
  .cta{padding:30px 18px}
  .cta-g{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr}
  /* окна */
  .modal{padding:10px;align-items:flex-start}
  .om,.pv,.sheet{max-height:none;margin:auto 0}
  .om{grid-template-columns:1fr}
  .om-art{padding:20px 20px 16px}
  .om-art svg{display:none}
  .om-art h3{font-size:24px}
  .om-f{padding:22px 18px 20px}
  .row2{grid-template-columns:1fr}
  .pv{padding:22px 18px 20px}
  .sheet{border-radius:20px}
  .sh-top{flex-direction:column;gap:12px;padding:20px 64px 20px 18px}
  .sh-i{width:46px;height:46px}
  .sh-i svg{width:22px;height:22px}
  .sh-top p{font-size:14.5px}
  .sh-body{padding:18px 18px 2px}
  .sh-2,.sh-3{grid-template-columns:1fr;gap:16px}
  .sh-note{margin:12px 18px 0}
  .sh-f{padding:14px 18px 18px}
  .sh-f .btn{flex:1 1 auto}
  .sheet .chk-top{grid-template-columns:1fr}
  .sheet .gauge{order:-1}
  .q{grid-template-columns:1fr;gap:8px}
  .seg3{justify-self:start}
  .team-p{padding:22px 16px 26px}
  .team-orbit{aspect-ratio:auto;display:grid;justify-items:center;gap:20px}
  .team-bg{display:none}
  .team-c{position:relative;left:auto;top:auto;transform:none;width:170px;margin:12px 0 4px}
  .roles{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .role{position:static;transform:none}
  .team-t .row-a .btn{flex:1 1 auto}
  /* чат */
  .chat{right:14px;bottom:calc(14px + var(--ck))}
  .chat-fab{padding:5px}
  .fab-t{display:none}
  .chat.open .chat-fab{display:none}
  .chat-p{position:fixed;inset:0;width:auto;height:auto;border-radius:0;border:0}
  .chat-h{padding-top:calc(16px + env(safe-area-inset-top))}
  .chat-f textarea{font-size:16px}
  .chat-jg{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  html.chat-lock,html.chat-lock body{overflow:hidden}
  .cookie-banner{left:10px;right:10px;bottom:10px;max-width:none}
  .cookie-flex{flex-direction:column;align-items:stretch;gap:10px}
}
@media (max-width:400px){
  .btn{white-space:normal;text-align:center;line-height:1.2;padding-top:10px;padding-bottom:10px}
  .logo{gap:8px}
  .logo-mark{width:30px;height:30px}
  .logo-w{font-size:14.5px;letter-spacing:.03em}
  .hd-in{gap:8px}
  .role{font-size:13px;padding:7px 11px 7px 9px}
  .more-l{grid-template-columns:1fr}
  .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tabs [role="tab"]{padding:0 6px;font-size:13.5px;white-space:normal;text-align:center;line-height:1.15}
}
@media (max-width:340px){
  .logo-w{font-size:12.5px}
  .vals{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .st-bad,.ecg-flat{opacity:0}
  .st-ok{opacity:1}
  .ecg{stroke-dasharray:none}
}


/* Production refinements: compact service pages and accessible shared controls. */
.proof-line{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:12px}
.proof-line span::before{content:'✓';color:var(--peacock);margin-right:6px}
.hero-note+.proof-line{margin-top:10px}
.hero h1{max-width:17ch}
.service-page-link{font-size:12px;color:var(--muted);text-align:center;text-underline-offset:3px}
.service-page-link:hover{color:var(--text)}
.lang-sw a[aria-current=page]{background:var(--text);color:var(--bg);border-radius:8px}
.check-input-error{grid-column:1/-1;font-size:13px;color:var(--verm)}
.check-input-error:empty{display:none}
.qc .check-input-error:has(a){color:var(--on-night);font-size:12px}
.qc input:focus-visible,.fld input:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--peacock);outline-offset:2px}
.om{overflow-y:auto;max-height:calc(100dvh - 36px)}
.om-f{min-width:0}
.om-art{position:relative}
.om-art p{max-width:32ch}
.om-art svg{max-height:160px;width:auto;margin-inline:auto}
.om-chips{gap:6px}
.om-chip{font-size:12px;padding:7px 10px}
.om-chip[aria-pressed=true]{background:color-mix(in srgb,var(--c) 13%,var(--surface));color:var(--text);border-color:var(--c)}
.om-extra{width:100%;margin-top:4px}
.om-extra summary{cursor:pointer;font-size:12px;color:var(--muted);min-height:28px;padding:4px 0;text-underline-offset:3px}
.om-extra>div{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}
.order-safe{font-size:12px;line-height:1.5}
.status.show{display:block;overflow-wrap:anywhere}
.modal[aria-hidden=true]{display:none}
.sheet{max-height:calc(100dvh - 36px);overflow-y:auto}
.chat{z-index:110}
.chat.open{z-index:190}
.chat-p{max-height:calc(100dvh - 32px);display:flex;flex-direction:column}
.chat:not(.open) .chat-p{display:none}
.chat-log{min-height:80px;flex:1;overflow-y:auto;overscroll-behavior:contain}
.chat-h,.chat-f,.chat-consent,.chat-disclosure,.chat-jg{flex-shrink:0}
.chat-consent{font-size:11px;line-height:1.4;padding:9px 14px}
.chat-disclosure{font-size:10.5px;line-height:1.4;padding:5px 14px}
.chat-consent input{width:16px;height:16px;accent-color:var(--peacock);margin-top:2px}
.chat-p>.chat-consent{flex:0 0 auto}
.m-a button,.m-a a{min-height:36px;line-height:1.3}
.chat-f textarea{min-height:44px}
.legal-main{padding:34px 0 58px}
.legal-main .crumbs{font-size:12px;margin-bottom:20px}
.legal-main h1{font-size:clamp(30px,3.7vw,48px);line-height:1.12;max-width:26ch;font-weight:600;letter-spacing:-.025em}
.legal-lead{font-size:17px;max-width:76ch;line-height:1.6;margin-bottom:22px}
.legal-grid{grid-template-columns:minmax(0,1fr) 290px;gap:34px}
.legal-copy h2{font-size:25px;line-height:1.2;margin:30px 0 14px}
.legal-copy h3{font-size:18px;line-height:1.3;margin:18px 0 8px}
.legal-copy p,.legal-copy li{font-size:15px;line-height:1.7}
.legal-copy .service-update{padding:22px 24px;border:1px solid var(--line);border-top:3px solid var(--peacock);border-radius:14px;background:var(--surface);margin-bottom:26px}
.service-update>h2:first-child{margin-top:0}
.service-update article+article{border-top:1px solid var(--line);padding-top:4px;margin-top:16px}
.service-update article p{margin-bottom:0}
.legal-aside{top:94px;padding:24px;border-radius:14px;border-top:3px solid var(--gold)}
.legal-aside h2{font-size:23px;line-height:1.2}
.legal-aside p{font-size:14px;line-height:1.6}
.legal-aside .btn{width:100%;min-height:44px}
.doc-nav{margin:22px 0;gap:6px}
.doc-nav a,.service-links a{padding:6px 10px;border-radius:7px;font-size:12px;line-height:1.4;background:var(--surface)}
.service-links{gap:6px}
.home-faq{padding-top:36px}
.home-faq .sh{margin-bottom:20px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.faq-grid details{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 18px}
.faq-grid summary{cursor:pointer;font-size:15px;font-weight:500;list-style-position:outside;margin-left:14px}
.faq-grid p{font-size:14px;color:var(--muted);line-height:1.65;margin-top:12px}
.tip summary{min-width:28px;min-height:28px;display:grid;place-items:center}
.tip[open]{z-index:20}
.ft-operator{font-size:12px;line-height:1.6;color:var(--muted)}
.ft-extra{font-size:12px}
.ft-extra a,.ft-extra button{color:inherit}
button:disabled{cursor:wait;opacity:.65}
:root[data-theme=light]{--gold:#8C6418;--gold-2:#A97E28;--gold-ink:#121923}
.btn-gold{background:#D1AB55;color:#121923;box-shadow:none}
.btn-gold:hover{background:#E4C575}
@media(min-width:1021px){.hd-in{gap:16px}.nav a{font-size:13px;padding:8px}.logo-w{font-size:15px;letter-spacing:.07em}}
@media(max-width:900px){.legal-grid{grid-template-columns:1fr}.legal-aside{position:static;max-width:none}.legal-main{padding-top:26px}.legal-aside .btn{width:auto}}
@media(max-width:720px){
 .hero h1{font-size:clamp(34px,8.5vw,48px);max-width:18ch}
 .proof-line{font-size:11px;gap:6px 12px}
 .legal-lead{font-size:16px}
 .legal-copy .service-update{padding:18px}
 .faq-grid{grid-template-columns:1fr}
 .service-page-link{text-align:left}
 .chat-p{max-height:100dvh;height:100dvh}
 .chat-log{min-height:40px}
 .chat.open .chat-p{padding-bottom:env(safe-area-inset-bottom)}
 .chat-consent{font-size:11px}
 .modal{padding:10px}
 .om,.sheet{max-height:none}
 .om-art{padding:20px 64px 18px 20px}
 .om-art h3{font-size:23px}
 .om-f{padding:18px}
 .om-chip{min-height:34px}
 .row2{gap:12px}
 .home-faq .sh h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}