/* Тёмные страницы (главная, «Как работает», юридическая информация): микросхема, бегущие сигналы, окна согласия.
   Цвета берутся из палитры: переменные --dk-* задаёт palette.js. */
:root{--dk-bg:#081226;--dk-bg2:#0b1833;--dk-outer:#0d1a38;--dk-chip1:#13244a;--dk-chip2:#0b1631;--dk-accent:#7fb0ff;--dk-glow:#4f86ff;--dk-glow-rgb:47,107,255;--dk-line-rgb:148,170,210;--dk-cta:#2f6bff;--dk-cta-h:#4f86ff;--dk-cta-ink:#fff;--dk-card:rgba(13,26,54,.86);--dk-green:#16b364;--dk-green2:#22d17a}
body.dk-body{background:var(--dk-bg);color:#e8eefc;font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.dk-body main{flex:1}
.dk-body a{color:inherit;text-decoration:none}

/* шапка */
.dk-hdr{position:relative;z-index:40;display:flex;align-items:center;gap:24px;padding:18px clamp(16px,4vw,56px);border-bottom:1px solid rgba(var(--dk-line-rgb),.1)}
.dk-logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.dk-logo-m{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--dk-cta-h),var(--dk-cta));display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(var(--dk-glow-rgb),.7)}
.dk-logo-m svg{width:22px;height:22px}
.dk-logo-t{font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.1;color:#fff}
.dk-nav{display:flex;gap:clamp(18px,2.6vw,44px);margin:0 auto;font-size:15.5px;font-weight:500}
.dk-nav a{color:#cdd8f0;transition:color .15s}.dk-nav a:hover,.dk-nav a.cur{color:#fff}
.dk-nav a.cur{box-shadow:0 2px 0 var(--dk-cta-h)}
.dk-hdr-r{display:flex;align-items:center;gap:12px;flex-shrink:0}
.dk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:10px;font-weight:700;font-size:15px;transition:.15s;white-space:nowrap;border:0;cursor:pointer;font-family:inherit}
.dk-btn-o{border:1px solid rgba(205,216,240,.35);color:#fff;background:none}.dk-btn-o:hover{border-color:#fff;background:rgba(255,255,255,.04)}
.dk-btn-p{background:var(--dk-cta);color:var(--dk-cta-ink)!important;box-shadow:0 8px 24px -10px rgba(var(--dk-glow-rgb),.9)}.dk-btn-p:hover{background:var(--dk-cta-h)}
.dk-burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(205,216,240,.3);background:none;cursor:pointer}
.dk-burger i,.dk-burger i::before,.dk-burger i::after{display:block;width:18px;height:2px;background:#fff;margin:auto;position:relative;content:"";border-radius:2px}
.dk-burger i::before{position:absolute;top:-6px}.dk-burger i::after{position:absolute;top:6px}
.dk-mnav{display:none}
.dk-pal{position:relative}
.dk-pal-b{height:40px;padding:0 10px;border-radius:10px;border:1px solid rgba(205,216,240,.25);background:none;display:flex;align-items:center;cursor:pointer}
.dk-pal-b span{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);margin-left:-5px}.dk-pal-b span:first-child{margin-left:0}
.dk-pal-m{position:absolute;right:0;top:48px;width:250px;background:var(--dk-bg2);border:1px solid rgba(var(--dk-line-rgb),.28);border-radius:14px;padding:6px;box-shadow:0 20px 50px -10px rgba(0,0,0,.6);z-index:60}
.dk-pal-m button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;border:0;background:none;color:#e8eefc;font:600 14px/1.2 inherit;font-family:inherit;cursor:pointer;text-align:left}
.dk-pal-m button:hover,.dk-pal-m button.on{background:rgba(255,255,255,.07)}
.dk-pal-m i{width:22px;height:22px;border-radius:7px;flex-shrink:0}
.dk-pal-h{padding:6px 10px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8b98b8}

/* микросхема */
.dk-circ{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.dk-chip{position:relative;z-index:2;text-align:center}
.dk-ttl{font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.05;white-space:nowrap;display:block;color:#fff;text-shadow:0 2px 30px rgba(var(--dk-glow-rgb),.25);margin:0;font-family:inherit}
.dk-fit{display:inline-block;white-space:nowrap}
.dk-chip p{margin:.9em 0 0;color:#c4cfe8;font-weight:500}
.dk-trace{fill:none;stroke:rgba(var(--dk-line-rgb),.22);stroke-width:1.3}
.dk-trace.b{stroke:rgba(var(--dk-line-rgb),.38)}
.dk-node{fill:var(--dk-bg);stroke:rgba(var(--dk-line-rgb),.55);stroke-width:1.4}
.dk-pin{fill:rgba(var(--dk-line-rgb),.28)}
.dk-outer{fill:var(--dk-outer);stroke:rgba(var(--dk-line-rgb),.32);stroke-width:1.4}
.dk-inner{stroke:rgba(var(--dk-line-rgb),.48);stroke-width:1.2}
.dk-inner.g{stroke:rgba(120,230,175,.45)}
.dk-pulse{fill:none;stroke:var(--dk-accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:28 1000;stroke-dashoffset:1028;filter:drop-shadow(0 0 4px var(--dk-glow));animation:dkrun var(--d,4s) linear var(--dl,0s) infinite}
.dk-gpulse{fill:none;stroke:#5cf0a3;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:30 1000;filter:drop-shadow(0 0 5px #22d17a)}
@keyframes dkrun{to{stroke-dashoffset:0}}
/* спокойный режим: огонёк короче и мягче, после пробега пауза */
.dk-pulse.calm{stroke-width:1.8;stroke-dasharray:22 1000;filter:drop-shadow(0 0 3px var(--dk-glow));opacity:.85;animation-name:dkrunc}
@keyframes dkrunc{0%{stroke-dashoffset:1022}70%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}

/* главная */
.dk-home{position:relative;min-height:calc(100vh - 83px);min-height:calc(100svh - 83px);display:grid;grid-template-columns:1fr 400px;grid-template-rows:1fr auto;overflow:hidden}
.dk-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:60px 24px}
.dk-home .dk-chip{width:min(900px,58vw);padding:clamp(26px,3.4vw,46px) clamp(24px,3.2vw,48px) clamp(24px,3vw,40px)}
.dk-home .dk-chip p{font-size:clamp(13px,1.25vw,19px)}
.dk-go{display:none;margin:18px auto 0;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(180deg,var(--dk-green2),var(--dk-green));color:#fff!important;font-weight:800;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 10px 30px -8px rgba(34,209,122,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.dk-acts{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:40px clamp(16px,4vw,56px) 40px 0}
.dk-act{position:relative;display:flex;align-items:center;gap:20px;padding:24px 22px 24px 26px;border-radius:12px;background:var(--dk-card);border:1px solid rgba(var(--dk-line-rgb),.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:.18s;color:#fff}
.dk-act:hover{border-color:rgba(var(--dk-glow-rgb),.7);transform:translateX(-3px)}
.dk-act svg{flex-shrink:0;width:38px;height:38px;color:#fff}
.dk-act b{flex:1;font-size:clamp(16px,1.25vw,20px);font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.01em}
.dk-act .dk-chev{width:18px;height:18px;color:#9fb0d4}
/* «Отправить запрос» — мягкая пульсация раз в 5 секунд */
.dk-act.beat{border-color:rgba(var(--dk-glow-rgb),.55);animation:dkbeatB 5s ease-out infinite}
.dk-act.beat::after{content:"";position:absolute;inset:-1px;border-radius:13px;border:2px solid rgba(var(--dk-glow-rgb),.9);opacity:0;animation:dkbeatR 5s ease-out infinite;pointer-events:none}
.dk-act.beat svg:first-child{animation:dkbeatI 5s ease-out infinite}
@keyframes dkbeatR{0%{opacity:.9;transform:scale(1)}18%{opacity:0;transform:scale(1.07,1.22)}100%{opacity:0}}
@keyframes dkbeatB{0%{box-shadow:0 0 0 0 rgba(var(--dk-glow-rgb),0)}6%{box-shadow:0 0 34px -4px rgba(var(--dk-glow-rgb),.65)}22%,100%{box-shadow:0 0 0 0 rgba(var(--dk-glow-rgb),0)}}
@keyframes dkbeatI{0%,100%{transform:none}5%{transform:translate(3px,-3px) rotate(-6deg)}12%{transform:none}}

/* подвал тёмных страниц */
.dk-foot{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:10px 34px;align-items:center;padding:22px clamp(16px,4vw,56px) 26px;border-top:1px solid rgba(var(--dk-line-rgb),.1);background:linear-gradient(0deg,var(--dk-bg),transparent);font-size:14.5px;color:#94a3c4}
.dk-home .dk-foot{grid-column:1/-1}
.dk-foot a:hover{color:#fff}
.dk-foot .cp{margin-left:auto;font-size:13px;opacity:.75}

/* внутренние тёмные страницы */
.dk-wrap{max-width:1200px;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(16px,4vw,56px)}
.dk-h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;color:#fff}
.dk-lead{color:#b6c3e0;font-size:clamp(15px,1.3vw,18px);margin:12px 0 0;max-width:760px;line-height:1.6}
.dk-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.dk-box{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(var(--dk-line-rgb),.26);border-radius:18px;padding:28px 28px 26px}
.dk-box h3{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;margin:0 0 18px;color:#fff}
.dk-box h3 i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:17px}
.dk-box.c h3 i{background:rgba(var(--dk-glow-rgb),.18)}.dk-box.p h3 i{background:rgba(34,209,122,.16)}
.dk-steps{list-style:none;display:grid;gap:14px;counter-reset:s;margin:0;padding:0}
.dk-steps li{display:flex;gap:14px;line-height:1.5;color:#dbe4f7;font-size:16px}
.dk-steps li::before{counter-increment:s;content:counter(s);flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13.5px;font-weight:800;border:1px solid rgba(var(--dk-line-rgb),.35);color:#cfdaf3}
.dk-steps li.tariff::before{content:"₽";border-color:rgba(34,209,122,.5);color:#6ff0ae}
.dk-steps li.tariff{color:#fff;font-weight:600}
.dk-steps small{display:block;color:#94a3c4;font-weight:500;font-size:13.5px;margin-top:2px}
.dk-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}
.dk-pane{position:relative;height:clamp(390px,34vw,480px);border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at center,var(--dk-bg2) 0%,var(--dk-bg) 72%);border:1px solid rgba(var(--dk-line-rgb),.14);display:flex;align-items:center;justify-content:center}
.dk-pane .dk-chip{width:82%;padding:clamp(16px,2vw,24px) clamp(14px,1.8vw,22px) clamp(14px,1.6vw,18px)}
.dk-pane .dk-chip p{font-size:clamp(11px,.95vw,14px);margin-top:.7em}
.dk-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;text-align:center;font-size:13.5px;color:#94a3c4;padding:26px 16px 14px;background:linear-gradient(0deg,var(--dk-bg) 45%,transparent)}
.dk-cap b{color:#dbe4f7;font-weight:700}
.dk-tag{position:absolute;top:14px;left:16px;z-index:3;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;box-shadow:0 0 0 6px var(--dk-bg)}
.dk-tag.b{background:var(--dk-bg2);color:var(--dk-accent);border:1px solid rgba(var(--dk-glow-rgb),.35)}.dk-tag.g{background:var(--dk-bg2);color:#7ff2b6;border:1px solid rgba(34,209,122,.35)}

/* статус-бар предложений: во всю ширину микросхемы */
.dk-sb{margin-top:14px;position:relative;padding-bottom:30px}
.dk-sb.ghost{visibility:hidden}
.dk-segs{display:grid;grid-template-columns:repeat(var(--n,20),1fr);gap:3px;position:relative}
.dk-seg{position:relative;height:12px;border-radius:3px;background:rgba(var(--dk-line-rgb),.13);transition:background .25s,box-shadow .25s,transform .25s,opacity .25s}
.dk-seg.on{background:linear-gradient(90deg,var(--c1),var(--c2));box-shadow:0 0 8px -1px var(--c2)}
.dk-seg.pick{transform:scaleY(1.9);background:linear-gradient(90deg,#22d17a,#7cf5b8);box-shadow:0 0 0 2px #fff,0 0 18px 2px rgba(34,209,122,.9);z-index:2}
.dk-seg.pick::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:8px;font-weight:900;color:#06361d;transform:scaleY(.53)}
.dk-seg.dim{opacity:.55}
.dk-pick-l{position:absolute;top:calc(100% + 9px);transform:translateX(-50%);white-space:nowrap;font-size:11.5px;font-weight:800;color:#06361d;background:#5cf0a3;border-radius:6px;padding:3px 8px;opacity:0;transition:opacity .3s;pointer-events:none}
.dk-pick-l::after{content:"";position:absolute;left:50%;bottom:100%;margin-left:-4px;border:4px solid transparent;border-bottom-color:#5cf0a3}
.dk-pick-l.show{opacity:1}
.dk-an{position:absolute;right:0;bottom:0;height:22px;padding:0 9px;border-radius:7px;border:1px solid rgba(92,240,163,.5);background:rgba(34,209,122,.12);color:#7ff2b6;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(-4px);transition:.3s;display:inline-flex;align-items:center;gap:6px}
.dk-an.show{opacity:1;transform:none}
.dk-an i{width:10px;height:10px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:dkspin .8s linear infinite}
.dk-an.done i{animation:none;border:0;width:auto;height:auto;font-style:normal}
.dk-an.done i::before{content:"✓"}
@keyframes dkspin{to{transform:rotate(360deg)}}

/* юридическая страница */
.dk-legal{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:30px;align-items:start}
.dk-req{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;font-size:15.5px;margin:0}
.dk-req dt{color:#94a3c4}.dk-req dd{color:#fff;font-weight:600;font-variant-numeric:tabular-nums;margin:0;word-break:break-word}
.dk-doc h2,.dk-doc h3{font-size:19px;font-weight:800;margin:24px 0 8px;color:#fff}.dk-doc h2:first-child{margin-top:0}
.dk-doc p,.dk-doc li{color:#c9d4ec;line-height:1.65;font-size:15px;margin:0 0 8px}.dk-doc ul,.dk-doc ol{padding-left:20px;margin:6px 0 10px}
.dk-doc strong{color:#fff}
.dk-doc a,.dk-lnk{color:var(--dk-accent)!important;border-bottom:1px solid rgba(var(--dk-glow-rgb),.4)}

/* окна: согласие и вход */
.dk-ov{position:fixed;inset:0;z-index:1000;background:rgba(3,8,20,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:16px;font-family:Manrope,Inter,system-ui,sans-serif}
.dk-ov.on{display:flex;animation:dkfade .2s ease-out}
@keyframes dkfade{from{opacity:0}}
.dk-mod{position:relative;width:min(460px,100%);background:var(--dk-bg2,#0e1c3d);border:1px solid rgba(var(--dk-line-rgb),.3);border-radius:18px;padding:28px 26px 24px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);animation:dkpop .25s cubic-bezier(.2,.9,.3,1.2);color:#e8eefc}
@keyframes dkpop{from{transform:translateY(12px) scale(.97);opacity:0}}
.dk-mod h4{font-size:21px;font-weight:800;margin:0 0 10px;padding-right:36px;color:#fff}
.dk-mod p{color:#c3cfe9;font-size:14.5px;line-height:1.55;margin:0}
.dk-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:9px;border:0;background:rgba(255,255,255,.06);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.dk-chk{display:flex;gap:12px;align-items:flex-start;margin:18px 0 20px;font-size:14px;color:#dbe4f7;line-height:1.5;cursor:pointer}
.dk-chk input{width:20px;height:20px;margin-top:1px;accent-color:var(--dk-green2);flex-shrink:0}
.dk-mod .dk-btn{width:100%;height:50px}
.dk-btn-g{background:linear-gradient(180deg,var(--dk-green2),var(--dk-green));color:#fff;box-shadow:0 10px 26px -10px rgba(34,209,122,.8)}
.dk-btn:disabled{opacity:.45;cursor:not-allowed}

@media (max-width:1180px){
  .dk-home{grid-template-columns:1fr;grid-template-rows:auto auto auto}
  .dk-home .dk-chip{width:min(860px,90vw)}
  .dk-acts{padding:0 clamp(16px,4vw,56px) 36px;max-width:640px;margin:0 auto;width:100%}
}
@media (max-width:1100px){
  .dk-nav,.dk-hdr-r .dk-btn-o{display:none}
  .dk-hdr{gap:12px}
  .dk-hdr-r{margin-left:auto}
  .dk-burger{display:block}
  .dk-mnav.open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--dk-bg2);border-bottom:1px solid rgba(var(--dk-line-rgb),.28);padding:8px clamp(16px,4vw,56px) 16px;z-index:30}
  .dk-mnav a{padding:13px 0;border-bottom:1px solid rgba(var(--dk-line-rgb),.1);font-weight:600}
  .dk-mnav a:last-child{border:0}
}
@media (max-width:900px){
  .dk-cols,.dk-duo,.dk-legal{grid-template-columns:1fr}
  .dk-pane{height:clamp(340px,82vw,430px)}
  .dk-pane .dk-chip{width:88%}
  .dk-pane .dk-chip p{font-size:12px}
}
@media (max-width:640px){
  .dk-hdr{padding:12px 16px}
  .dk-hdr-r .dk-btn-p,.dk-pal{display:none}
  .dk-hdr-r .dk-btn-o{display:inline-flex;height:40px;padding:0 16px;font-size:14px}
  .dk-burger{width:40px;height:40px}
  .dk-logo-m{width:34px;height:34px}.dk-logo-t{font-size:13px;letter-spacing:.1em}
  .dk-stage{padding:96px 12px 92px}
  .dk-home .dk-chip{width:calc(100vw - 40px);padding:22px 16px 22px}
  .dk-home .dk-chip p{font-size:13px}
  .dk-go{display:flex}
  .dk-acts{gap:12px;padding:0 16px 28px}
  .dk-act{padding:16px 16px 16px 18px;gap:14px}
  .dk-act svg{width:28px;height:28px}
  .dk-act b{font-size:14.5px}
  .dk-foot{flex-direction:column;align-items:flex-start;gap:12px;font-size:14px}
  .dk-foot .cp{margin-left:0}
  .dk-box{padding:22px 18px}
  .dk-steps li{font-size:15px}
  .dk-mod{padding:24px 18px 20px}
}
@media (prefers-reduced-motion:reduce){.dk-pulse,.dk-gpulse{display:none}.dk-act.beat,.dk-act.beat::after,.dk-act.beat svg{animation:none}}

/* Стартовый экран поверх главной для новых посетителей */
html.dk-lock,html.dk-lock body{overflow:hidden}
.dk-intro{position:fixed;inset:0;z-index:900;overflow-y:auto;overscroll-behavior:contain;background:var(--dk-bg);color:#e8eefc;font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;transition:transform .65s cubic-bezier(.7,0,.25,1),box-shadow .65s;will-change:transform}
.dk-intro.out{transform:translateY(-100%);box-shadow:0 30px 60px rgba(0,0,0,.35);pointer-events:none}
.dk-nav a{white-space:nowrap}
.dk-hdr.has-skip .dk-pal{display:none}
@media (max-width:1320px) and (min-width:1101px){.dk-hdr.has-skip .dk-nav{gap:20px;font-size:14.5px}}
@media (prefers-reduced-motion:reduce){.dk-intro{transition:none}}
.dk-intro a{color:inherit;text-decoration:none}
.dk-skip{font-size:14.5px;font-weight:600;color:#cdd8f0;padding:0 6px;white-space:nowrap;transition:color .15s}
.dk-skip:hover{color:#fff}
.dk-skip-s{display:none}
@media (max-width:640px){.dk-skip-l{display:none}.dk-skip-s{display:inline}}
.dk-ifoot{gap:12px 28px}
.dk-never{display:flex;align-items:center;gap:10px;cursor:pointer;color:#cdd8f0;font-size:14.5px;user-select:none}
.dk-never input{width:18px;height:18px;accent-color:var(--dk-green2);cursor:pointer;margin:0}
.dk-ilinks{display:flex;flex-wrap:wrap;gap:8px 28px;margin-left:auto}
.dk-skip2{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:10px;border:1px solid rgba(205,216,240,.35);color:#fff!important;font-weight:700;font-size:14.5px;white-space:nowrap;transition:.15s}
.dk-skip2:hover{border-color:#fff;background:rgba(255,255,255,.05)}
.dk-skip2 span{transition:transform .2s}.dk-skip2:hover span{transform:translateX(3px)}
@media (max-width:1100px){.dk-ilinks{display:none}.dk-skip2{margin-left:auto}}
@media (max-width:640px){
  .dk-hdr.has-skip .dk-hdr-r .dk-btn-o{display:none}
  .dk-ifoot{flex-direction:row!important;flex-wrap:wrap;align-items:center!important}
  .dk-skip2{margin-left:0;width:100%;justify-content:center;height:46px}
}

/* Слайды и коллаж на стартовом экране: положение в % от экрана, при наложении на надпись/кнопки — сдвиг вниз (circuit.js) */
.dk-im{position:absolute;z-index:3;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:var(--ar);transition:top .35s ease,opacity .4s ease}
.dk-im.wait{opacity:0}
.dk-im-in{position:relative;width:100%;height:100%;border-radius:var(--r);overflow:hidden;background:var(--dk-bg2);border:1px solid rgba(var(--dk-line-rgb),.28);box-shadow:0 24px 60px -20px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.02) inset;isolation:isolate}
.dk-sl{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;z-index:1}
.dk-sl.on{opacity:1;pointer-events:auto;z-index:2}
.dk-sl img{width:100%;height:100%;object-fit:cover;display:block}
.dk-sl-clg{padding:4%;background:radial-gradient(ellipse at center,var(--dk-bg2),var(--dk-bg))}
.dk-im.fx-fade .dk-sl{transition:opacity 1.1s ease}
.dk-im.fx-blur .dk-sl{filter:blur(22px) saturate(1.25);transform:scale(1.07);transition:opacity 1.1s ease,filter 1.2s ease,transform 1.5s cubic-bezier(.2,.7,.2,1)}
.dk-im.fx-blur .dk-sl.on{filter:none;transform:none}
.dk-im.fx-zoom .dk-sl{filter:blur(18px);transition:opacity 1.1s ease,filter 1.2s ease}
.dk-im.fx-zoom .dk-sl.on{filter:none}
.dk-im.fx-zoom .dk-sl.on img{animation:dkkb var(--iv,6s) ease-out both}
@keyframes dkkb{from{transform:scale(1)}to{transform:scale(1.09)}}
.dk-dots{position:absolute;left:0;right:0;bottom:10px;z-index:5;display:flex;justify-content:center;gap:6px;pointer-events:none}
.dk-dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.45);transition:width .4s,background .4s;pointer-events:auto;cursor:pointer}
.dk-dots i.on{width:22px;background:#fff}
.dk-ad{position:absolute;top:8px;left:8px;z-index:3;font-size:10.5px;line-height:1;padding:4px 7px;border-radius:6px;background:rgba(0,0,0,.55);color:rgba(255,255,255,.85);backdrop-filter:blur(4px);max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* «Съехал вниз»: встаёт в поток под кнопками, ничего не перекрывает */
.dk-im.flow{position:relative;left:auto;top:auto;width:100%;margin-top:22px}
@media (min-width:1181px){.dk-home.has-im .dk-acts{justify-content:flex-end;padding-bottom:clamp(28px,7vh,80px);gap:16px}}
.dk-home.im-flow .dk-acts{justify-content:center;padding-bottom:40px}
@media (max-width:1180px){.dk-im{position:relative;left:auto;top:auto;width:calc(100% - 2*clamp(16px,4vw,56px));max-width:640px;margin:0 auto 32px}}
@media (max-width:640px){.dk-im{width:calc(100% - 32px);margin-bottom:24px}}
@media (max-width:640px){.dk-im.nomob{display:none}}
@media (prefers-reduced-motion:reduce){.dk-im .dk-sl{transition:opacity .3s!important;filter:none!important;transform:none!important}.dk-im .dk-sl img{animation:none!important}}

/* Микросхема как кнопка: при наведении приподнимается, слева внизу — зелёная галочка «Отправить запрос» */
.dk-chip-btn{cursor:pointer;outline:none}
/* При наведении на микросхему — только галочка в правом нижнем углу (под «В» в «ЭКСПЕРТОВ»); без подъёма и теней — так легче */
.dk-tick{position:absolute;right:var(--tick-r,clamp(30px,4.6vw,66px));bottom:clamp(10px,1.4vw,16px);display:flex;flex-direction:row-reverse;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#bff5d6;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}
.dk-tick i{width:20px;height:20px;border-radius:6px;background:linear-gradient(180deg,var(--dk-green2),var(--dk-green));color:#fff;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:900;box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 14px rgba(34,209,122,.6)}
.dk-home.chip-hot .dk-tick,.dk-chip-btn:focus-visible .dk-tick{opacity:1}
.dk-chip-btn:focus-visible{box-shadow:0 0 0 3px rgba(34,209,122,.6);border-radius:14px}
@media (hover:none){.dk-tick{display:none}}

/* Окно «Запрос экспертам» */
.dk-mod-wide{width:min(620px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}
.dk-req h4{margin-bottom:14px}
.dk-lbl{display:block;font-size:13px;font-weight:600;color:#aab7d6;margin:14px 0 6px}
.dk-fld{width:100%;border-radius:10px;border:1px solid rgba(var(--dk-line-rgb),.32);background:rgba(0,0,0,.22);color:#fff;padding:11px 13px;font:inherit;font-size:15px;outline:none;transition:border-color .15s}
.dk-fld:focus{border-color:var(--dk-cta-h)}
.dk-fld::placeholder{color:#7d8bab}
textarea.dk-fld{resize:vertical;line-height:1.5;min-height:110px}
select.dk-fld option{color:#111}
.dk-rq-to{display:grid;gap:8px}
.dk-rq-to label{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid rgba(var(--dk-line-rgb),.28);cursor:pointer;transition:.15s}
.dk-rq-to label:has(:checked){border-color:var(--dk-green2);background:rgba(34,209,122,.08)}
.dk-rq-to input{margin-top:3px;accent-color:var(--dk-green2)}
.dk-rq-to b{display:block;color:#fff;font-size:14.5px}.dk-rq-to small{display:block;color:#93a1c2;font-size:12.5px;margin-top:2px}
.dk-rq-pick{margin-top:10px;position:relative}
.dk-rq-list{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--dk-bg2);border:1px solid rgba(var(--dk-line-rgb),.32);border-radius:10px;margin-top:4px;overflow:hidden}
.dk-rq-list:empty{display:none}
.dk-rq-list button{display:block;width:100%;text-align:left;padding:9px 12px;background:none;border:0;color:#e8eefc;font:inherit;font-size:14px;cursor:pointer}
.dk-rq-list button:hover{background:rgba(255,255,255,.06)}.dk-rq-list small{display:block;color:#8b98b8;font-size:12px}
.dk-rq-sel{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;background:rgba(34,209,122,.1);border:1px solid rgba(34,209,122,.4);color:#c9f7dc;font-size:14px}
.dk-rq-sel button{background:none;border:0;color:#c9f7dc;font-size:18px;cursor:pointer}
.dk-rq-help{margin-top:6px;font-size:13px;color:#93a1c2}.dk-rq-help summary{cursor:pointer;color:var(--dk-accent)}.dk-rq-help p{margin-top:6px;font-size:13px;line-height:1.5}
.dk-rq-kinds{display:flex;flex-wrap:wrap;gap:6px}
.dk-rq-kinds button{padding:7px 12px;border-radius:999px;border:1px solid rgba(var(--dk-line-rgb),.32);background:none;color:#dbe4f7;font:inherit;font-size:13.5px;cursor:pointer;transition:.15s}
.dk-rq-kinds button:hover{border-color:rgba(255,255,255,.5)}
.dk-rq-kinds button.on{background:var(--dk-green);border-color:var(--dk-green);color:#fff}
.dk-rq-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dk-rq-err{color:#fca5a5;font-size:13.5px;min-height:18px;margin:10px 0 6px}
.dk-rq-note{font-size:12.5px;color:#8b98b8;text-align:center;margin-top:10px!important}
.dk-rq-ok{width:60px;height:60px;border-radius:50%;background:rgba(34,209,122,.15);color:#6ff0ae;font-size:30px;display:grid;place-items:center;margin:6px auto 14px}
.dk-req .dk-chk{margin:14px 0 4px}
@media (max-width:560px){.dk-rq-row{grid-template-columns:1fr}.dk-mod-wide{padding:22px 16px 18px}}

/* Подсказка «что нужно» в тёмном окне запроса */
.dk-req .sg{margin-top:10px}
.dk-req .sg-h{color:#dbe4f7}
.dk-req .sg-h.sg-mute{color:rgba(219,228,247,.5)}
.dk-req .sg-chip{background:none;border-color:rgba(var(--dk-line-rgb),.32);color:#dbe4f7;font-size:13.5px;padding:7px 12px}
.dk-req .sg-chip:hover{border-color:rgba(255,255,255,.5);color:#fff}
.dk-req .sg-chip.on{background:var(--dk-green);border-color:var(--dk-green);color:#fff;box-shadow:none}
.dk-req .sg-chip.sg-skip:not(.on){color:rgba(219,228,247,.7)}
.dk-req .sg-ok{background:#fff;color:var(--dk-green)}
.dk-req .sg-more{color:#9fd8ff}
.dk-req .sg-all{background:rgba(255,255,255,.04);border-color:rgba(var(--dk-line-rgb),.25);max-height:220px}
.dk-req .sg-g{color:rgba(219,228,247,.5)}
.dk-req .qs{margin-top:14px;background:rgba(255,255,255,.04);border-color:rgba(var(--dk-line-rgb),.3)}
.dk-req .qs-head b{color:#fff}
.dk-req .qs-head span{color:rgba(219,228,247,.65)}
.dk-req .qs-x:hover{background:rgba(255,255,255,.08);color:#fff}
.dk-req .qs-list{max-height:240px;overflow:auto}
.dk-req .qs-q{background:none;border-color:rgba(var(--dk-line-rgb),.28);color:#dbe4f7;font-size:13.5px}
.dk-req .qs-q.on{border-color:var(--dk-green);background:rgba(34,209,122,.1);color:#fff}
.dk-req .qs-q input{accent-color:var(--dk-green)}
.dk-req .qs-q em{background:rgba(34,209,122,.15);color:#8ff0bd}
.dk-req .qs-foot button{color:#9fd8ff}
.dk-req .qs-note{color:#fcd34d}
.dk-req .qs-cnt{color:rgba(219,228,247,.75)}