/* Refresh of reviews, clients, articles and footer. Loaded by content-sections.js. */

/* Reviews moved between products and portfolio. */
.reviews-section{position:relative;margin:18px 6px 8px!important;padding:48px 38px 36px!important;border:1px solid rgba(111,164,219,.22)!important;border-radius:24px!important;overflow:hidden!important;color:#eef5fb!important;background:radial-gradient(circle at 13% 20%,rgba(56,137,211,.20),transparent 26%),radial-gradient(circle at 88% 72%,rgba(255,195,54,.08),transparent 24%),linear-gradient(135deg,#0b2034 0%,#081624 54%,#06111d 100%)!important;box-shadow:0 24px 70px rgba(0,0,0,.20)}
.reviews-section:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(120deg,transparent 0 36%,rgba(255,255,255,.025) 42%,transparent 48% 100%)!important;transform:translateX(-45%);animation:reviewSweep 8s ease-in-out infinite!important;pointer-events:none!important}
.reviews-orbit{position:absolute;inset:0;pointer-events:none;overflow:hidden}.reviews-orbit i{position:absolute;border:1px solid rgba(94,172,242,.13);border-radius:50%}.reviews-orbit i:nth-child(1){width:310px;height:310px;right:-115px;top:-155px}.reviews-orbit i:nth-child(2){width:190px;height:190px;left:-75px;bottom:-95px}.reviews-orbit i:nth-child(3){width:9px;height:9px;right:24%;top:27%;background:#ffd044;border:0;box-shadow:0 0 20px rgba(255,208,68,.55);animation:reviewDot 3s ease-in-out infinite}
.reviews-new-head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}.reviews-new-kicker{display:flex;align-items:center;gap:8px;color:#8cc7ff;font-size:10px;font-weight:900;letter-spacing:.18em}.reviews-new-kicker b{width:8px;height:8px;border-radius:50%;background:#ffd044;box-shadow:0 0 0 5px rgba(255,208,68,.08),0 0 16px rgba(255,208,68,.45)}.reviews-new-head h2{margin:7px 0 0!important;font-size:40px!important;line-height:1.03!important;color:#fff!important}.reviews-new-head p{max-width:460px!important;margin:0!important;color:#8fa6bc!important;text-align:right!important;font-size:13px!important;line-height:1.55!important}
.review-bubbles{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.review-bubble{position:relative;min-height:238px;padding:25px 26px 20px;border:1px solid rgba(126,181,232,.20);border-radius:22px 22px 22px 7px;background:linear-gradient(145deg,rgba(17,42,67,.96),rgba(9,24,39,.96));box-shadow:0 18px 40px rgba(0,0,0,.23);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.review-bubble:after{content:"";position:absolute;left:22px;bottom:-13px;width:25px;height:25px;background:#0a1929;border-left:1px solid rgba(126,181,232,.20);border-bottom:1px solid rgba(126,181,232,.20);transform:skewY(-38deg) rotate(-8deg);border-radius:0 0 0 5px}.review-bubble-b{margin-top:28px;border-radius:22px 22px 7px 22px;background:linear-gradient(145deg,rgba(25,48,67,.98),rgba(10,27,43,.97));animation:reviewFloatB 7s ease-in-out infinite}.review-bubble-b:after{left:auto;right:22px;transform:skewY(38deg) rotate(8deg);border-left:0;border-right:1px solid rgba(126,181,232,.20)}.review-bubble-a{animation:reviewFloatA 7s ease-in-out infinite}.review-bubble:hover{transform:translateY(-5px)!important;border-color:rgba(255,208,68,.45);box-shadow:0 23px 50px rgba(0,0,0,.31)}.review-quote{position:absolute;right:19px;top:7px;font-family:Georgia,serif;font-size:86px;line-height:1;color:rgba(132,195,249,.10)}.review-author{display:flex;align-items:center;gap:12px;margin-bottom:19px}.review-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#1a5b91,#103653);border:1px solid rgba(120,191,250,.25);color:#ffd044;font-weight:900;font-size:11px;box-shadow:inset 0 0 20px rgba(255,255,255,.025)}.review-author b{display:block;color:#fff;font-size:14px}.review-author small{display:block;color:#718ba2;font-size:10px;margin-top:3px}.review-bubble blockquote{margin:0 0 20px;color:#cbd9e5;font-size:16px;line-height:1.58;font-weight:580;max-width:92%}.review-bubble>a{display:inline-flex;gap:9px;align-items:center;color:#82bdf2;font-size:10px;font-weight:800}.review-bubble>a span{color:#ffd044;font-size:15px}.reviews-new-actions{position:relative;z-index:2;display:flex;justify-content:center;gap:11px;margin-top:31px}.reviews-all,.reviews-add{height:46px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:900;transition:.18s}.reviews-all{border:1px solid rgba(126,181,232,.30);background:#0b2035;color:#d8e8f5}.reviews-all span{color:#ffd044;font-size:16px}.reviews-add{border:1px solid rgba(255,208,68,.35);background:rgba(255,208,68,.08);color:#ffd95b}.reviews-all:hover,.reviews-add:hover{transform:translateY(-2px);border-color:#ffd044}.typing{display:inline-flex;gap:3px;align-items:center;height:16px}.typing i{width:4px;height:4px;border-radius:50%;background:#ffd044;animation:typing 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.30s}

/* Portfolio follows reviews with a deliberate but compact separation. */
.portfolio-section{padding-top:34px!important}

/* Client logos: transparent cleaned marks moving directly over the dark section. */
.clients-section{padding:44px 0 52px!important;overflow:hidden!important;background:linear-gradient(180deg,#07131f 0%,#081725 100%)!important;border-top:1px solid rgba(119,181,235,.08)!important;border-bottom:1px solid rgba(119,181,235,.08)!important}.clients-heading{position:relative;z-index:2}.clients-heading span{color:#79baf2!important}.clients-heading h2{font-size:31px!important;color:#f1f6fa!important}.clients-heading p{color:#7f94a8!important}.client-logos{display:block!important;overflow:hidden!important;position:relative!important;margin:10px -6px 0!important;padding:12px 0 8px!important;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-logo-rail{display:flex;width:max-content;gap:34px;align-items:center;animation:logoRail 40s linear infinite;will-change:transform}.client-logos.paused .client-logo-rail{animation-play-state:paused}.client-logo{flex:0 0 238px!important;width:238px!important;height:94px!important;min-height:94px!important;padding:0 7px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .22s ease,filter .22s ease!important}.client-logo-mark{display:block!important;width:224px!important;height:78.4px!important;flex:0 0 224px!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24));transform:translateZ(0);transition:transform .22s ease,filter .22s ease}.client-logo:hover{transform:translateY(-3px)!important}.client-logo:hover .client-logo-mark{transform:scale(1.045);filter:drop-shadow(0 10px 24px rgba(0,0,0,.34))}.client-logo img,.client-logo>span:not(.client-logo-mark){display:none!important}
.client-logo-rail .client-logo:nth-child(10n+1) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/1c-buh.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+2) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/appleservice.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+3) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/bolshaya-medveditsa.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+4) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/mchs.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+5) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/ministerstvo-obrazovaniya.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+6) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/podstrigulya.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+7) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/rbt.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+8) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/sasha-fabiani.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+9) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/serebryanyy-slon.webp")!important}
.client-logo-rail .client-logo:nth-child(10n+10) .client-logo-mark{background-image:url("/assets/site/images/assets/client-logos/zhk-oktyabrskaya.webp")!important}

/* Articles: still separate, but no white flash. Muted blue-grey editorial surface. */
.articles-section-light{background:linear-gradient(180deg,#cbd5dc 0%,#b9c7d1 100%)!important;color:#17232e!important;border-top:1px solid rgba(22,52,76,.13)!important;border-bottom:1px solid rgba(22,52,76,.15)!important}.articles-section-light .light-heading .content-eyebrow{color:#365e7b!important}.articles-section-light .light-heading h2{color:#142331!important}.articles-section-light .light-heading p{color:#4e6372!important}.articles-section-light .light-heading .content-count{background:rgba(255,255,255,.52)!important;border-color:rgba(35,66,89,.13)!important;color:#445765!important}.article-card-photo{border-color:rgba(48,75,94,.14)!important;background:rgba(246,249,250,.93)!important;box-shadow:0 12px 30px rgba(27,48,63,.10)!important}.article-card-photo:hover{box-shadow:0 20px 42px rgba(27,48,63,.17)!important}.article-category-light{background:#e4edf2!important;color:#34596f!important}.article-read strong{background:#10283b!important}.articles-light-footer{border-top-color:rgba(33,61,80,.18)!important}.articles-light-footer p{color:#536a79!important}
body .articles-section-light .light-heading h2{position:relative!important;color:transparent!important}
body .articles-section-light .light-heading h2::after{content:"Что важно знать перед заказом";position:absolute;left:0;top:0;color:#0e1c27!important;font:inherit;letter-spacing:inherit;white-space:nowrap}

/* Keep the long homepage content calmer than the magazine block. */
.seo-story-section{background:#edf1f3!important}

/* Footer alignment: same visual axis on both sides. */
footer.site-footer-pro{overflow:hidden}.footer-pro-inner{max-width:1500px!important;padding-left:48px!important;padding-right:48px!important;grid-template-columns:1.18fr .72fr .72fr .92fr!important;gap:48px!important}.footer-bottom{max-width:1500px!important;padding-left:48px!important;padding-right:48px!important}.footer-about{padding-left:0!important}.footer-about p{max-width:420px!important}.footer-col:last-child{justify-self:stretch!important}

@keyframes reviewSweep{0%,55%{transform:translateX(-55%)}75%,100%{transform:translateX(65%)}}
@keyframes reviewDot{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
@keyframes reviewFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes reviewFloatB{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes typing{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-4px);opacity:1}}
@keyframes logoRail{to{transform:translateX(calc(-50% - 17px))}}

@media(max-width:900px){
  .reviews-new-head{display:block}.reviews-new-head p{margin-top:12px!important;text-align:left!important}.review-bubbles{grid-template-columns:1fr}.review-bubble-b{margin-top:0}.client-logo-rail{gap:24px}.client-logo{flex-basis:205px!important;width:205px!important;height:86px!important;min-height:86px!important}.client-logo-mark{width:196px!important;height:68.6px!important;flex-basis:196px!important;background-size:contain!important;background-position:center!important}.footer-pro-inner{padding-left:28px!important;padding-right:28px!important;gap:30px!important}.footer-bottom{padding-left:28px!important;padding-right:28px!important}
}
@media(max-width:620px){
  .reviews-section{margin-left:0!important;margin-right:0!important;padding:32px 16px 27px!important;border-radius:18px!important}.reviews-new-head h2{font-size:31px!important}.review-bubble{padding:22px 20px 18px;min-height:220px}.review-bubble blockquote{font-size:14px;max-width:100%}.reviews-new-actions{justify-content:flex-start;flex-wrap:wrap}.client-logo-rail{gap:20px}.client-logo{flex-basis:178px!important;width:178px!important;height:78px!important;min-height:78px!important}.client-logo-mark{width:168px!important;height:58.8px!important;flex-basis:168px!important;background-size:contain!important;background-position:center!important}.footer-pro-inner{padding-left:22px!important;padding-right:22px!important}.footer-bottom{padding-left:22px!important;padding-right:22px!important}
  body .articles-section-light .light-heading h2::after{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.reviews-section:after,.reviews-orbit i,.review-bubble,.typing i,.client-logo-rail{animation:none!important}.client-logo-rail{transform:none!important}}

/* Verified HQ client logo sprite override. The old per-logo rules above are intentionally bypassed by the new markup. */
.clients-section{padding-bottom:46px!important}
.clients-section .client-logos{display:block!important;overflow:hidden!important;position:relative!important;height:112px!important;min-height:0!important;margin:22px 0 0!important;padding:15px 0!important;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important}
.clients-section .client-logo-rail.client-logo-rail-sprite{display:flex!important;align-items:center!important;gap:0!important;width:max-content!important;animation:clientLogoSpriteRun 34s linear infinite!important;will-change:transform!important}
.clients-section .client-logo-sprite{display:block!important;flex:0 0 2200px!important;width:2200px!important;height:82px!important;max-width:none!important;object-fit:contain!important;image-rendering:auto!important;filter:none!important;opacity:1!important}
.clients-section .client-logos.paused .client-logo-rail-sprite,.clients-section .client-logos:hover .client-logo-rail-sprite{animation-play-state:paused!important}
@keyframes clientLogoSpriteRun{from{transform:translate3d(0,0,0)}to{transform:translate3d(-2200px,0,0)}}
@media(max-width:900px){.clients-section .client-logos{height:104px!important;margin-top:18px!important;padding:11px 0!important}.clients-section .client-logo-sprite{width:2200px!important;height:82px!important;flex-basis:2200px!important}}
@media(max-width:620px){.clients-section{padding-top:36px!important;padding-bottom:38px!important}.clients-section .client-logos{height:100px!important;margin-top:14px!important;padding:9px 0!important}.clients-section .client-logo-sprite{width:2200px!important;height:82px!important;flex-basis:2200px!important}}
@media(prefers-reduced-motion:reduce){.clients-section .client-logo-rail.client-logo-rail-sprite{animation:none!important;transform:none!important}}