/* Прототип сайта клиента: один фирменный светлый стиль Digital Cloud (сознательно без тёмной темы), фон и цвета заданы явно */
:root{--ink:#0B1830;--paper:#F5F7FB;--blue:#1F66F2;--blue-brand:#3082FF;--peach:#FFB585;--line:#DDE3EE;color-scheme:light}
html,body{background:var(--paper);color:var(--ink)}
body{overflow-x:clip}
[hidden]{display:none!important}

body{margin:0;font-family:Onest,system-ui,sans-serif;color:#0B1830;background:#F5F7FB;-webkit-font-smoothing:antialiased}
a{color:#1F66F2;text-decoration:none}a:hover{color:#0B4FD6}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.wrap{width:1200px;margin:0 auto}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#1F66F2}
.h2{margin:0;font-size:56px;line-height:1.02;font-weight:700;letter-spacing:-.035em}
.lead{margin:0;font-size:20px;line-height:1.5;color:#3A4760}
.body{margin:0;font-size:16px;line-height:1.55;color:#3A4760}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:14px;font-size:17px;font-weight:600;border:0;cursor:pointer;font-family:inherit}
.btn-p{background:#1F66F2;color:#fff}.btn-p:hover{background:#0B4FD6;color:#fff}
.btn-g{background:transparent;color:#0B1830;box-shadow:inset 0 0 0 1.5px #0B1830}.btn-g:hover{background:#0B1830;color:#fff}
.card{background:#fff;border:1px solid #DDE3EE;border-radius:24px}
.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #DDE3EE;font-family:"JetBrains Mono",monospace;font-size:13px;color:#0B1830}
.num{font-family:"JetBrains Mono",monospace;font-size:13px;color:#66728A}
.navlink{font-size:15px;font-weight:500;color:#0B1830;white-space:nowrap}
a[href^="tel:"]{white-space:nowrap}.navlink:hover{color:#1F66F2}
.q{margin:0;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #EEF1F6;font-size:15px}
.step{font-family:"JetBrains Mono",monospace;font-size:14px;color:#1F66F2}
.seg{height:44px;padding:0 20px;border-radius:12px;border:0;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}
.ico{width:44px;height:44px;border-radius:12px;background:#EAF1FF;display:flex;align-items:center;justify-content:center;color:#1F66F2}
.flabel{font-size:13px;font-weight:500;color:#C9D4E8}
.finput{height:56px;border-radius:14px;border:1px solid #2B3D5E;background:#0F2242;color:#fff;padding:0 18px;font-size:16px;font-family:inherit}


.li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:#3A4760}
.li svg{flex-shrink:0;margin-top:3px;color:#1F66F2}
.tag{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.06em;color:#1F66F2}
.ph{background:#E3E8F0;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#66728A;font-family:"JetBrains Mono",monospace;font-size:13px}
.crumbs{font-family:"JetBrains Mono",monospace;font-size:13px;color:#66728A}

.page-root{width:100%;display:flex;flex-direction:column;background:var(--paper);overflow:visible!important;overflow-x:clip!important;min-height:100vh}
.wrap{width:min(1200px,calc(100% - 32px));margin-inline:auto}
h1,h2,.h2{text-wrap:balance}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue-brand);outline-offset:2px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(245,247,251,.92);backdrop-filter:blur(10px)}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
button.seg{transition:background .15s,color .15s}
.btn{transition:background .15s,color .15s,transform .15s}.btn:active{transform:translateY(1px)}
.card[href]:hover,a.card:hover{border-color:#B9C7E0}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;background:var(--ink);color:#fff;padding:14px 20px;border-radius:14px;font:500 15px Onest,system-ui,sans-serif;max-width:calc(100% - 32px);box-shadow:0 16px 40px -16px rgba(11,24,48,.6)}
@media (max-width:1180px){
  header nav[aria-label="Основное меню"]{gap:18px!important}
  header a[href^="tel:"]{display:none}
}
@media (max-width:900px){
  header nav[aria-label="Основное меню"]{display:none!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0!important;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px 16px}
  header nav[aria-label="Основное меню"] a{padding:12px 0;font-size:17px;border-bottom:1px solid #EEF1F6}
  header.open nav[aria-label="Основное меню"]{display:flex!important}
  header{height:68px!important}
  header .btn{display:none}
  .burger{display:inline-flex}
  [style*="grid-template-columns"]{grid-template-columns:1fr!important;row-gap:20px}
  [style*="grid-column"]{grid-column:auto!important}
  [style*="grid-row"]{grid-row:auto!important}
  [style*="grid-template-rows"]{grid-template-rows:none!important}
  .tbl{overflow-x:auto!important}
  .tbl>[style*="grid-template-columns"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;min-width:760px}
  h1{font-size:40px!important;line-height:1.04!important}
  .h2{font-size:32px!important}
  [style*="font-size: 150px"]{font-size:104px!important}
  [style*="font-size: 96px"]{font-size:72px!important}
  [style*="font-size: 64px"],[style*="font-size: 60px"],[style*="font-size: 56px"],[style*="font-size: 52px"]{font-size:40px!important}
  [style*="padding: 110px 0"],[style*="padding: 100px 0"]{padding-block:64px!important}
  [style*="padding: 64px; display: grid"]{padding:28px!important;border-radius:24px!important}
  [style*="padding: 48px"]{padding:28px!important}
  [style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap;gap:16px}
  [style*="display: flex; gap: 14px"]{flex-wrap:wrap}
  .hero-art{height:auto!important;display:flex;flex-direction:column;gap:16px;padding-top:8px}
  .hero-art>*{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:100%}
  .hero-art>img{max-width:420px;align-self:center}
  .hero-art>*{box-sizing:border-box}
  [style*="gap: 48px; border-top"]{flex-wrap:wrap;gap:12px!important}
  [style*="width: 160px; flex-shrink: 0"]{width:100%!important}
  [style*="justify-content: space-between; font-size: 22px"]{flex-wrap:wrap;justify-content:flex-start!important;gap:8px 24px}
  [style*="right: -70px; top: -30px; width: 340px"]{width:200px!important;right:-50px!important}
  [style*="right: -260px; top: 40px; width: 500px"],[style*="right: 40px; top: 40px; width: 300px"]{display:none}
  [style*="margin-right: -60px"]{margin-right:0!important;justify-content:center!important}
  [style*="border-left: 1px solid"]{border-left:0!important;padding-left:0!important}
  footer .wrap{row-gap:24px}
  .btn{white-space:normal;text-align:center}
}
/* ===== анимации ===== */
@keyframes dcUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes dcPop{from{opacity:0;transform:scale(.86) translateY(12px)}to{opacity:1;transform:none}}
@keyframes dcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes dcFloatS{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}
@keyframes dcBar{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@keyframes dcPulse{0%{box-shadow:0 0 0 0 rgba(18,161,80,.55)}100%{box-shadow:0 0 0 9px rgba(18,161,80,0)}}
@keyframes dcBlink{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes dcGlow{0%,100%{filter:drop-shadow(0 0 50px rgba(255,181,133,.35))}50%{filter:drop-shadow(0 0 90px rgba(255,181,133,.7))}}
@keyframes dcRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes dcPage{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes dcShine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}
@keyframes dcWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg) scale(1.06)}75%{transform:rotate(5deg) scale(1.06)}}
@keyframes dcClip{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
.pg.enter{animation:dcPage .45s cubic-bezier(.2,.7,.2,1) both}
.a-load>*{animation:dcUp .8s cubic-bezier(.2,.7,.2,1) both}
.a-load>*:nth-child(2){animation-delay:.08s}.a-load>*:nth-child(3){animation-delay:.16s}.a-load>*:nth-child(4){animation-delay:.24s}.a-load>*:nth-child(5){animation-delay:.32s}.a-load>*:nth-child(6){animation-delay:.4s}
.a-float{animation:dcFloat 7s ease-in-out infinite}
.a-floats{animation:dcFloatS 5s ease-in-out infinite}
.a-popin{animation:dcPop .9s .35s cubic-bezier(.2,.8,.2,1.1) both}
.a-popin2{animation:dcPop .9s .6s cubic-bezier(.2,.8,.2,1.1) both}
.a-bar{transform-origin:bottom;animation:dcBar .7s cubic-bezier(.2,.8,.2,1) both}
.a-bar-last{animation:dcBar .7s cubic-bezier(.2,.8,.2,1) both,dcBlink 2.4s 1.4s ease-in-out infinite}
.a-pulse{animation:dcPulse 1.8s ease-out infinite}
.a-glow{animation:dcGlow 6s ease-in-out infinite}
.a-rise{animation:dcRise 6s ease-in-out infinite}
header{transition:box-shadow .25s}
header.scrolled{box-shadow:0 10px 30px -18px rgba(11,24,48,.35)}
.lift{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.lift:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(11,24,48,.35)}
.lift:hover img.ico3d{animation:dcWiggle .6s ease-in-out}
.btn-p{position:relative;overflow:hidden}
.btn-p::after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:rgba(255,255,255,.28);transform:translateX(-120%) skewX(-20deg);pointer-events:none}
.btn-p:hover::after{animation:dcShine .7s ease-out}
.navlink{background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .25s,color .2s;padding-bottom:3px}
.navlink:hover{background-size:100% 2px}
.toast:not([hidden]){animation:dcUp .35s cubic-bezier(.2,.7,.2,1) both}
.proto nav:not([hidden]){animation:dcPop .25s ease-out both;transform-origin:bottom left}
.count{font-variant-numeric:tabular-nums}
@supports (animation-timeline: view()) {
  .sr-up{animation:dcUp linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
  .sr-pop{animation:dcPop linear both;animation-timeline:view();animation-range:entry 5% cover 25%}
  .sr-clip{animation:dcClip linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
}
/* виджет связи */
.cw{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:55;font-family:Onest,system-ui,sans-serif;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.cw-main{width:60px;height:60px;border-radius:50%;border:0;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 34px -12px rgba(31,102,242,.7);position:relative;transition:transform .25s,background .2s}
.cw-main:hover{transform:scale(1.06);background:#0B4FD6}
.cw-main::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--blue);animation:cwRing 2.2s ease-out infinite}
.cw-main[aria-expanded="true"]::before{animation:none;opacity:0}
.cw-main svg{grid-area:1/1;transition:transform .3s,opacity .2s}
.cw-close{opacity:0;transform:rotate(-90deg) scale(.6)}
.cw-main[aria-expanded="true"] .cw-open{opacity:0;transform:rotate(90deg) scale(.6)}
.cw-main[aria-expanded="true"] .cw-close{opacity:1;transform:none}
@keyframes cwRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.cw-items{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.cw-it{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--ink);animation:cwIn .3s cubic-bezier(.2,.8,.2,1.2) both;animation-delay:calc(var(--i)*.05s)}
@keyframes cwIn{from{opacity:0;transform:translateY(14px) scale(.8)}to{opacity:1;transform:none}}
.cw-lbl{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;box-shadow:0 10px 24px -16px rgba(11,24,48,.5);white-space:nowrap}
.cw-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 24px -12px rgba(11,24,48,.5);transition:transform .2s}
.cw-it:hover .cw-ic{transform:scale(1.1)}
.cw-chat{width:min(360px,calc(100vw - 32px));height:min(520px,calc(100vh - 120px));background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 70px -30px rgba(11,24,48,.55);display:flex;flex-direction:column;overflow:hidden;animation:cwIn .3s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom right}
.cw-head{position:static!important;display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:var(--ink)!important;color:#fff;backdrop-filter:none!important;box-shadow:none!important}
.cw-av{width:40px;height:40px;border-radius:50%;background:var(--blue-brand);display:grid;place-items:center;font-weight:800;font-size:14px}
.cw-name{font-weight:700}
.cw-st{font-size:12px;color:#C9D4E8;display:flex;align-items:center;gap:6px}
.cw-st span{width:7px;height:7px;border-radius:50%;background:#12A150;animation:dcPulse 1.8s ease-out infinite}
.cw-x{margin-left:auto;width:36px;height:36px;border-radius:10px;border:0;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer}
.cw-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.cw-msg{max-width:82%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.45;animation:cwIn .25s ease-out both}
.cw-msg.in{background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}
.cw-msg.out{background:var(--blue);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}
.cw-typing{display:inline-flex;gap:4px}.cw-typing i{width:6px;height:6px;border-radius:50%;background:#8A94A6;animation:dcBlink 1s infinite}.cw-typing i:nth-child(2){animation-delay:.15s}.cw-typing i:nth-child(3){animation-delay:.3s}
.cw-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px;background:var(--paper)}
.cw-quick button{border:1px solid #C9D8F5;background:#fff;color:var(--blue);border-radius:999px;padding:7px 12px;font:500 13px Onest,system-ui,sans-serif;cursor:pointer}
.cw-quick button:hover{background:#EAF1FF}
.cw-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff}
.cw-form input{flex:1;min-width:0;height:44px;border-radius:12px;border:1px solid var(--line);padding:0 14px;font:15px Onest,system-ui,sans-serif;color:var(--ink);background:#fff}
.cw-form button{width:44px;height:44px;border-radius:12px;border:0;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer}
.cw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cw.chat-open .cw-main{display:none}
@media (max-width:900px){.cw.chat-open{left:16px} .cw-chat{width:100%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.b24-widget-button-wrapper{display:none!important}
.cw-item-off{display:none!important}