/* Space Time — unified contact form (canonical look across ALL pages) */
.contact form{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:16px;row-gap:18px;align-items:start}
.contact form .form-group{display:flex;flex-direction:column;gap:8px;margin:0}
.contact form .form-group:nth-of-type(1),.contact form .form-group:nth-of-type(n+4),.contact form .submit-button-wrapper{grid-column:1 / -1}
.contact form .submit-button-wrapper{margin-top:4px}
.contact form label{font-family:var(--body,'Manrope',system-ui,sans-serif)!important;font-weight:600;font-size:13px;letter-spacing:.03em;text-transform:none!important;color:rgba(255,255,255,.72)!important}
.contact form input,.contact form textarea,.contact form select{background:rgba(255,255,255,.12)!important;border:1.5px solid rgba(255,255,255,.28)!important;border-radius:14px!important;padding:8px 16px!important;color:#fff!important;font-family:var(--body,'Manrope',system-ui,sans-serif);font-size:16px!important;box-shadow:none!important;width:100%}
.contact form input::placeholder,.contact form textarea::placeholder{color:rgba(255,255,255,.6)!important;opacity:1}
.contact form input:focus,.contact form textarea:focus{outline:none!important;border-color:#fff!important;background:rgba(255,255,255,.18)!important}
.contact form textarea{min-height:100px;resize:vertical}
.contact form button[type=submit],.contact form .submit-button-wrapper .bricks-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff!important;color:#7C52F0!important;border:none!important;border-radius:100px!important;font-family:var(--body,'Manrope',system-ui,sans-serif)!important;font-weight:600;font-size:16px;padding:15px 26px!important;cursor:pointer}
@media(max-width:720px){.contact form{grid-template-columns:1fr!important}}

/* kontakti hero padding (clear fixed header) */
body.stcl-kontakti #top{padding-top:calc(var(--nav-total-height,98px) + 40px)!important;padding-bottom:clamp(48px,6vw,84px)!important}


/* footer lede fixed size */
.foot .lede{font-size:18px!important}

/* uslugi s2-band gradient CTA (like form) + animated blob */
.stcl-uslugi-page .s2-band{background:linear-gradient(118deg,#ED4E9B 0%,#7C52F0 100%)!important}
.stcl-uslugi-page .s2-band::after{background:radial-gradient(circle,rgba(255,255,255,.5),rgba(255,255,255,0) 65%)!important;opacity:.85!important;filter:blur(26px)!important;animation:stBandBlob 16s ease-in-out infinite alternate;will-change:transform}
@keyframes stBandBlob{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-220%,130%) scale(1.3)}100%{transform:translate(-90%,45%) scale(1.08)}}
.stcl-uslugi-page .s2-band .btn--accent{background:#fff!important;color:#7C52F0!important;border:1.5px solid #fff!important}

/* ===== chzv FAQ page fixes ===== */
body.stcl-faq-page .faq-hero{padding-top:calc(var(--nav-total-height,98px) + 40px)!important}
.stcl-faq-page .faq-cat__ix{font-size:clamp(28px,3vw,40px)!important;line-height:1!important}
/* sidebar hover: accent bar instead of pink pill */
.stcl-faq-page .faq-sidebar__link{position:relative;background:transparent!important;border-radius:0!important;transition:color .2s,padding-left .25s}
.stcl-faq-page .faq-sidebar__link::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--accent,#ED4E9B);transition:width .25s}
.stcl-faq-page .faq-sidebar__link.active{color:var(--accent,#ED4E9B)!important;padding-left:18px!important;background:transparent!important}
.stcl-faq-page .faq-sidebar__link.active::before{width:12px}
/* accordion title hover + open color + animated +/- */
.stcl-faq-page .faq-cat__acc .accordion-title-wrapper{position:relative;padding-right:46px!important;cursor:pointer;transition:color .2s}
.stcl-faq-page .faq-cat__acc .accordion-title-wrapper:hover .title{color:var(--accent,#ED4E9B)!important}
.stcl-faq-page .faq-cat__acc .accordion-title-wrapper[aria-expanded="true"] .title{color:var(--accent,#ED4E9B)!important}
.stcl-faq-page .faq-cat__acc .accordion-title-wrapper::before,.stcl-faq-page .faq-cat__acc .accordion-title-wrapper::after{content:"";position:absolute;right:12px;top:50%;width:16px;height:2px;border-radius:2px;background:#14141A;transition:transform .3s ease,background .2s}
.stcl-faq-page .faq-cat__acc .accordion-title-wrapper::before{transform:translateY(-50%)}
.stcl-faq-page .faq-cat__acc .accordion-title-wrapper::after{transform:translateY(-50%) rotate(90deg)}
.stcl-faq-page .faq-cat__acc .accordion-title-wrapper[aria-expanded="true"]::after{transform:translateY(-50%) rotate(0deg)}
.stcl-faq-page .faq-cat__acc .accordion-title-wrapper:hover::before,.stcl-faq-page .faq-cat__acc .accordion-title-wrapper:hover::after,.stcl-faq-page .faq-cat__acc .accordion-title-wrapper[aria-expanded="true"]::before,.stcl-faq-page .faq-cat__acc .accordion-title-wrapper[aria-expanded="true"]::after{background:var(--accent,#ED4E9B)}
/* CTA buttons in a row */
body.stcl-faq-page .faq-cta__actions.faq-cta__actions{flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important}

/* footer headings + accent-2 */
:root{--accent-2:#8c4f93}
.foot .foot__col .brxe-heading{color:var(--accent-2)!important;font-size:16px!important}

/* uslugi hero clears fixed menu (80px) */
body.stcl-page .s2-hero{padding-top:calc(var(--nav-total-height,98px) + 80px)!important}

/* FAQ active: number instead of dash */
.stcl-faq-page .faq-sidebar{counter-reset:faqnav}
.stcl-faq-page .faq-sidebar__link{counter-increment:faqnav}
.stcl-faq-page .faq-sidebar__link.active::before{content:counter(faqnav,decimal-leading-zero)!important;position:static!important;width:auto!important;height:auto!important;background:none!important;color:var(--accent,#ED4E9B)!important;font-weight:800!important;margin-right:8px!important;transform:none!important}

/* footer big dot -> accent-2 */
.foot .foot__big .accent-text{color:var(--accent-2)!important}

/* case-card__thumb browser mockup: photo on hover only */
.case-card__thumb{background:linear-gradient(135deg,#ED4E9B 0%,#7C52F0 100%)!important;position:relative;overflow:hidden}
.case-card__thumb .brxe-image{display:block;height:100%;opacity:0;transform:scale(1.05);transition:opacity .45s ease,transform .7s ease;position:relative;z-index:1}
.case-card__thumb .brxe-image img{width:100%;height:100%;object-fit:cover;display:block}
.case-card:hover .case-card__thumb .brxe-image,.case-card:focus-within .case-card__thumb .brxe-image{opacity:1;transform:scale(1)}
.case-card__thumb::before{content:"";position:absolute;top:50%;left:50%;width:56px;height:56px;border:2px solid rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;transition:opacity .35s ease,transform .45s ease}
.case-card:hover .case-card__thumb::before{opacity:0;transform:translate(-50%,-50%) scale(1.4)}
.case-card__thumb::after{content:"\2197";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:26px;font-weight:700;line-height:1;z-index:3;pointer-events:none;transition:opacity .35s ease}
.case-card:hover .case-card__thumb::after{opacity:0}
/* faq-hero__badge redesign: no bg, left, animated dot-button before text */
.faq-hero__badge{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;flex-direction:row!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;align-self:flex-start!important;margin-right:auto!important}
.faq-hero__badge .dot{position:static!important;width:13px!important;height:13px!important;min-width:13px!important;flex:0 0 auto!important;border-radius:50%!important;background:linear-gradient(135deg,#ED4E9B,#7C52F0)!important;animation:stBadgePulse 1.8s ease-in-out infinite}
@keyframes stBadgePulse{0%{box-shadow:0 0 0 0 rgba(237,78,155,.55);transform:scale(1)}70%{box-shadow:0 0 0 11px rgba(237,78,155,0);transform:scale(1.18)}100%{box-shadow:0 0 0 0 rgba(237,78,155,0);transform:scale(1)}}
/* ===== MOBILE batch (<=767/600px) ===== */
@media(max-width:600px){
  /* F: FAQ category numbering x2 */
  .stcl-faq-page .faq-cat__ix{font-size:56px!important}
  /* H: footer centered */
  .foot .wrap,.foot .foot__top,.foot .foot__col,.foot .foot__bottom{text-align:center!important}
  .foot .foot__col{align-items:center!important}
  .foot .foot__top{align-items:center!important}
  .foot .foot__bottom{flex-direction:column!important;gap:8px!important;align-items:center!important}
  /* E: spacing between hero blocks */
  .stcl-faq-page .faq-hero__grid{gap:22px!important}
  .stcl-faq-page .faq-hero__aside{margin-top:6px!important}
}
@media(max-width:991px){
  /* C: FAQ sidebar sticky full-width under header */
  .stcl-faq-page .faq-sidebar{position:sticky!important;top:var(--nav-total-height,64px)!important;z-index:20!important;background:#fff!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;padding:10px 18px!important;display:flex!important;flex-direction:column!important;gap:4px!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 6px 18px rgba(0,0,0,.06)!important}
  .stcl-faq-page .faq-sidebar__link{flex:0 0 auto!important;padding:5px 0!important}
}
/* uslugi stats gap -> 60px clearance */
.stcl-page .s2-hero + .section.section{padding-top:86px!important}

/* faq-cta mobile buttons: equal width + spacing */
@media(max-width:600px){
  .stcl-faq-page .faq-cta__actions{flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  .stcl-faq-page .faq-cta__actions .btn{width:100%!important;justify-content:center!important;text-align:center!important}
  .stcl-faq-page .faq-cta{padding:30px 22px!important}
}
/* mobile menu panel D: clean dropdown card */
.nav__panel{left:14px!important;right:14px!important;width:auto!important;top:calc(100% + 8px)!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(0,0,0,.18)!important;padding:14px!important}
.nav__panel>.brxe-text-link{padding:13px 14px!important;border-radius:10px!important;font-size:17px!important;font-weight:600!important;color:#14141A!important;transition:background .15s ease}
.nav__panel>.brxe-text-link:hover{background:rgba(124,82,240,.08)!important;color:#7C52F0!important}
.nav__panel>.btn{width:100%!important;justify-content:center!important;margin-top:8px!important}
/* required-field asterisk */
.contact .form-group:has([required]) label::after{content:" *";color:#ED4E9B;font-weight:800}

/* faq-cta text-buttons gap 30px mobile */
@media(max-width:600px){.stcl-faq-page .faq-cta__actions{margin-top:30px!important}}

/* faq-sidebar vertical override (E) */
@media(max-width:991px){
  body.stcl-faq-page .faq-sidebar{flex-wrap:wrap!important;gap:10px 40px!important;align-items:center!important}
  body.stcl-faq-page .faq-sidebar__link{padding:4px 0!important;white-space:nowrap!important}
}

/* inline form errors under input */
.contact .stcl-field-error{color:#fff!important;font-size:13px!important;line-height:1.35!important;margin-top:6px!important;font-family:var(--body,'Manrope',sans-serif)!important}
.contact form .form-group.has-error input,.contact form .form-group.has-error textarea{border:1.5px solid #fff!important}

/* foot__big center mobile */
@media(max-width:600px){.foot .foot__big{text-align:center!important}}

/* kontakti wrap 1240 constraint */
body.stcl-kontakti .wrap{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}

/* contact heading recolor */
.contact .accent-text{color:#eeff30!important}
.contact .mono-eyebrow{color:#e3e6eb!important}
.contact .mono-eyebrow::before{background:#e3e6eb!important}

/* monogram variant 4 + mobile header cta + kontakti k-hero blob */
.case-card__thumb::before{content:attr(data-mono)!important;top:auto!important;left:auto!important;right:-4px!important;bottom:-40px!important;width:auto!important;height:auto!important;border:none!important;border-radius:0!important;font-size:165px!important;font-weight:800!important;color:rgba(255,255,255,.2)!important;line-height:1!important;transform:none!important;z-index:2}
.case-card:hover .case-card__thumb::before{opacity:0!important}
.case-card__thumb::after{content:"\2197"!important;top:auto!important;left:18px!important;bottom:15px!important;transform:none!important;font-size:13px!important;font-weight:600!important;color:#fff!important;letter-spacing:.2px!important;z-index:3}
.case-card__thumb::after{content:"\041F\0440\0435\0433\043B\0435\0434 \2197"!important}
.case-card:hover .case-card__thumb::after{opacity:0!important}
@media(max-width:991px){.nav .nav__cta .btn--accent{display:none!important}}
body.stcl-kontakti .k-hero__blob{display:none!important;border-radius:50%!important;background:radial-gradient(circle,#FFC6E4 0%,rgba(240,200,255,0) 68%)!important;filter:blur(54px)!important;opacity:.6!important;z-index:0!important;pointer-events:none!important;animation:stHeroBlob 16s ease-in-out infinite alternate!important}

/* kontakti body blob (ambient, lowest layer) */
@keyframes stBodyBlob{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60vw,26vh) scale(1.28)}100%{transform:translate(24vw,70vh) scale(1.06)}}
body.stcl-kontakti::before{content:''!important;position:fixed!important;top:-28vmax!important;left:-22vmax!important;width:78vmax!important;height:78vmax!important;z-index:-1!important;background:radial-gradient(circle at 50% 50%,#FFD4EA 0%,#F0DCFF 46%,rgba(240,220,255,0) 72%)!important;filter:blur(72px)!important;opacity:.85!important;pointer-events:none!important;animation:stBodyBlob 46s ease-in-out infinite alternate!important;will-change:transform}
body.stcl-kontakti{background:transparent}

/* sidebar subtle hover (not active-look) */
.stcl-faq-page .faq-sidebar__link:hover{opacity:.6!important}

@keyframes stHeroBlob{0%{transform:translate(0,0) scale(1)}100%{transform:translate(50px,40px) scale(1.18)}}

/* shift Отговор до 48ч chip +15px */
#brxe-khc1{top:18px!important;left:18px!important;right:auto!important;bottom:auto!important;width:fit-content!important}
#brxe-khc2{bottom:18px!important;right:18px!important;left:auto!important;top:auto!important;width:fit-content!important}

/* animated burger icon + right position */
@media(max-width:991px){.nav .nav__burger{position:absolute!important;right:40px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important}}
.nav__burger{font-size:0!important;color:transparent!important}
.nav__burger .stcl-burger{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:22px;height:16px}
.nav__burger .stcl-burger i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:#14141A;transition:transform .3s ease,opacity .25s ease}
.nav__burger .stcl-burger i:nth-child(1){top:0}
.nav__burger .stcl-burger i:nth-child(2){top:7px}
.nav__burger .stcl-burger i:nth-child(3){top:14px}
body.menu-open .nav__burger .stcl-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .nav__burger .stcl-burger i:nth-child(2){opacity:0}
body.menu-open .nav__burger .stcl-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* remove original static burger ::before lines */
.nav__burger::before{display:none!important}

/* nav__panel scroll-from-top animation */
.nav__panel{display:flex!important;transform:translateY(-30px)!important;opacity:0!important;visibility:hidden!important;transition:transform .4s cubic-bezier(.22,.8,.25,1),opacity .3s ease,visibility .4s!important;pointer-events:none!important;will-change:transform,opacity}
body.menu-open .nav__panel{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}

/* r2 batch */
.case-card__thumb::before,.case-card__thumb::after{content:none!important}
.case-card__thumb .stcl-mono{position:absolute;right:-4px;bottom:-44px;font-size:165px;font-weight:800;line-height:1;color:rgba(255,255,255,.22);z-index:2;pointer-events:none;transition:opacity .35s ease}
.case-card__thumb .stcl-view{position:absolute;left:18px;bottom:15px;font-size:13px;font-weight:600;color:#fff;z-index:3;pointer-events:none;transition:opacity .35s ease}
.case-card:hover .stcl-mono,.case-card:hover .stcl-view{opacity:0}
.nav__burger{padding:0!important}
@media(max-width:600px){
  body .foot .foot__big{text-align:center!important;display:block!important;width:100%!important}
  /* k-card: icon to the left on mobile (base align-self:center centered it) */
  body.stcl-kontakti .k-card__ico{align-self:flex-start!important}
}
/* hover photo full width */
.case-card__thumb{padding:0!important}
.case-card__thumb .brxe-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;display:block!important;z-index:1}
.case-card__thumb .brxe-image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* foot padding-bottom 40 site-wide */
body.stcl-page .foot{padding-bottom:40px!important}

/* kontakti form wrap: tighter side padding */
#brxe-hkformwrap{padding-inline:10px!important}

/* footer logo hover spin */
.foot .brand--logo{display:inline-block;cursor:pointer;transform-style:preserve-3d;will-change:transform}
.foot .brand--logo.fl-spin{animation:flSpinX 1.4s linear infinite}
@keyframes flSpinX{from{transform:rotateX(0deg)}to{transform:rotateX(-360deg)}}

/* s2-final CTA card frame (like faq-cta) */
.stcl-uslugi-page .s2-final .wrap{position:relative!important;overflow:hidden!important;background:linear-gradient(118deg,#ED4E9B 0%,#7C52F0 100%)!important;border-radius:28px!important;padding:clamp(40px,5vw,64px) clamp(28px,4vw,56px)!important}
.stcl-uslugi-page .s2-final .wrap::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-110px;top:-130px;background:radial-gradient(circle,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);opacity:.85;filter:blur(26px);pointer-events:none;animation:stBandBlob 16s ease-in-out infinite alternate}
.stcl-uslugi-page .s2-final h2{color:#fff!important;position:relative;z-index:1}
.stcl-uslugi-page .s2-final h2 .grad-text{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
.stcl-uslugi-page .s2-final p{color:rgba(255,255,255,.85)!important;position:relative;z-index:1}
.stcl-uslugi-page .s2-final .hero__cta{position:relative;z-index:1}
.stcl-uslugi-page .s2-final .btn--accent{background:#fff!important;color:#7C52F0!important;border:1.5px solid #fff!important}
.stcl-uslugi-page .s2-final .btn--ghost{background:rgba(255,255,255,.14)!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important}

/* footer logo 3D spit perspective */
.foot #brxe-42be8f{perspective:700px}

/* svc card mobile: big pink number + arrow top-right */
@media(max-width:600px){
  .svc{position:relative!important}
  .svc__no{color:var(--accent,#ED4E9B)!important;font-size:48px!important;line-height:1!important;font-weight:700!important}
  .svc__go{position:absolute!important;top:18px!important;right:18px!important;left:auto!important;bottom:auto!important;margin:0!important}
}

/* mobile: project cards full width (override enhance.css span7/5 !important; keep 12-col grid) */
@media(max-width:600px){
  .stcl-v2-bricks .brx-grid.cases > .case.col-7.brxe-block,
  .stcl-v2-bricks .brx-grid.cases > .case.col-5.brxe-block{grid-column:span 12!important}
}

/* mobile: stats blob not stretched (top+bottom both -80 => follows tall card height) */
@media(max-width:600px){
  #brxe-2bba34{top:-40px!important;bottom:auto!important;left:auto!important;right:-30px!important;width:230px!important;height:230px!important}
}

/* mobile: footer menu single column, centered */
@media(max-width:600px){
  .foot__top{grid-template-columns:1fr!important;justify-items:center!important}
  .foot__col{align-items:center!important;text-align:center!important}
}

/* header logo always first/left (logo is last child in DOM, so it floated right) */
.nav__in .brxe-logo{order:-1!important;margin-right:auto!important}

/* mobile: contact 'Заявка за проект' block - keep only phone, hide address + facebook */
@media(max-width:600px){
  #brxe-2edbe1, #brxe-e71872{display:none!important}
}

/* mobile: cases bento - every card full width (beats enhance.css no-media span !important) */
@media(max-width:768px){
  body.stcl-cases-page .cases-bento.cases-bento.brxe-block > .case-card.case-card.brxe-block{grid-column:1 / -1!important}
}

/* cases CTA: animated arrow on 'Izprati zapitvane' */
#brxe-55cdf6::after{content:'\2197';display:inline-block;margin-left:8px;animation:stArrowNudge 1.3s ease-in-out infinite}
@keyframes stArrowNudge{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}

/* cases CTA: mobile - buttons centered & equal length */
@media(max-width:600px){
  #brxe-d7619a{flex-direction:column!important;align-items:center!important;justify-content:center!important}
  #brxe-d7619a .btn{width:100%!important;max-width:280px!important;justify-content:center!important}
}

/* mobile: speed up logos marquee scroll */
@media(max-width:768px){
  .marquee__track{animation-duration:15s!important}
}

/* cases-hero aside: remove the clipped blob (replaced by body-level blob below) */
.cases-hero__aside::after{display:none!important}


/* chzv FAQ: purple animated blob under the stats card, on body so it is NOT clipped by the section overflow */
body.stcl-faq-page::after{content:'';position:absolute;z-index:-1;top:500px;right:30px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6 0%,#6E4BFF 100%);filter:blur(48px);opacity:.5;pointer-events:none;animation:stFaqBlob 16s ease-in-out infinite}
@keyframes stFaqBlob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-24px,-18px) scale(1.08)}66%{transform:translate(16px,16px) scale(.93)}}

/* uslugi: purple animated body blob (hero right), on body so it is not clipped by s2-hero overflow */
body.stcl-uslugi-page::after{content:'';position:absolute;z-index:-1;top:230px;left:-40px;width:460px;height:460px;border-radius:50%;background:linear-gradient(135deg,#A78BFA 0%,#8B5CF6 100%);filter:blur(70px);opacity:.2;pointer-events:none;animation:stUslugiBlob 16s ease-in-out infinite}
@keyframes stUslugiBlob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-24px,-18px) scale(1.08)}66%{transform:translate(16px,16px) scale(.93)}}

/* kejsove: purple animated body blob (hero right), on body so it is NOT clipped */
body.stcl-cases-page::after{content:'';position:absolute;z-index:-1;top:230px;right:-10px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#B49CF5 0%,#9D87F0 55%,transparent 74%);filter:blur(60px);opacity:.24;pointer-events:none;animation:stCasesBlob 16s ease-in-out infinite}
/* kejsove: static light-violet left blob on body (not clipped, no animation) */
body.stcl-cases-page::before{content:'';position:absolute;z-index:-1;top:70px;left:-70px;width:min(560px,70vw);height:min(560px,70vw);border-radius:50%;background:radial-gradient(circle,#CBB8FF 0%,#E9DDFF 44%,transparent 72%);filter:blur(70px);opacity:.5;pointer-events:none}
body.stcl-cases-page .cases-hero__blob{display:none!important}
@keyframes stCasesBlob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-24px,-18px) scale(1.08)}66%{transform:translate(16px,16px) scale(.93)}}

/* uslugi: offer items -> accordion */
.stcl-uslugi-page .s2__offer-item{flex-direction:column!important;align-items:stretch!important;cursor:pointer}
.stcl-uslugi-page .s2__offer-head{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%}
.stcl-uslugi-page .s2__offer-head::after{content:'';margin-left:auto;flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.45;transition:transform .3s ease}
.stcl-uslugi-page .s2__offer-item.is-open .s2__offer-head::after{transform:rotate(-135deg);opacity:.7}
.stcl-uslugi-page .s2__offer-desc{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .3s ease,margin-top .3s ease;font-size:14.5px;line-height:1.55;color:var(--ink-2);margin-top:0}
.stcl-uslugi-page .s2__offer-item.is-open .s2__offer-desc{max-height:240px;opacity:1;margin-top:10px}

/* uslugi accordion: don't stretch neighbour pill; allow longer descriptions */
.stcl-uslugi-page .s2__offer{align-items:start!important}
.stcl-uslugi-page .s2__offer-item{align-self:start!important}
.stcl-uslugi-page .s2__offer-item.is-open .s2__offer-desc{max-height:320px}

/* uslugi accordion: Poruchai CTA button in each description */
.stcl-uslugi-page .s2__offer-cta-wrap{display:block;margin-top:14px}
.stcl-uslugi-page .s2__offer-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;background:var(--grad,linear-gradient(118deg,#ED4E9B,#7C52F0));color:#fff;font-weight:600;font-size:13px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.stcl-uslugi-page .s2__offer-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px -8px rgba(124,82,240,.5)}
.stcl-uslugi-page .s2__offer-item.is-open .s2__offer-desc{max-height:380px}

/* uslugi CTA -> plain text link with animated arrow */
.stcl-uslugi-page .s2__offer-cta{display:inline-flex!important;align-items:center;gap:5px;padding:0!important;background:none!important;box-shadow:none!important;color:var(--accent)!important;font-weight:600;font-size:14px}
.stcl-uslugi-page .s2__offer-cta:hover{transform:none!important;box-shadow:none!important;color:var(--violet,#6E4BFF)!important}
.stcl-uslugi-page .s2__offer-cta .arr{display:inline-block;animation:s2ArrNudge 1.3s ease-in-out infinite}
@keyframes s2ArrNudge{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-3px)}}

/* footer: all 5 columns in one row on desktop (smaller logo column) */
@media(min-width:1025px){.foot__top{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr!important;gap:28px!important}}
.foot .brand--logo,.foot__top img{max-width:100%;height:auto}

/* footer messenger icons */
.foot__msgr{display:flex;gap:16px;margin-top:14px;align-items:center}
.foot__msgr a{color:#8c4f93;display:inline-flex;line-height:0;transition:transform .35s ease,color 1.1s ease}
.foot__msgr a svg{width:22px;height:22px;fill:currentColor;display:block}
.foot__msgr a:hover{transform:translateY(-4px)}
.foot__msgr a.m-viber:hover{color:#7360F2}
.foot__msgr a.m-whatsapp:hover{color:#25D366}
.foot__msgr a.m-telegram:hover{color:#229ED9}

/* smaller header logo (was 356x79, nearly full header height) */
#brx-header .brxe-logo img.bricks-site-logo,#brx-header a.brxe-logo img,.nav .brxe-logo img{height:48px!important;width:auto!important;max-width:230px!important;object-fit:contain!important}

/* header: Услуги dropdown with Индустрии submenu */
.nav__links .nav__item{position:relative;display:inline-flex;align-items:center}
.nav__links .nav__item::after{content:'';width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 8px;opacity:.5;transition:transform .25s,opacity .2s;color:var(--ink-2)}
.nav__links .nav__item:hover::after{transform:rotate(-135deg);margin-top:1px;opacity:.8}
.nav__links .nav__sub{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);min-width:200px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 20px 44px -16px rgba(20,20,26,.28);opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s;z-index:120}
.nav__links .nav__item:hover .nav__sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav__links .nav__sub::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.nav__links .nav__sub a{display:block!important;padding:10px 14px!important;border-radius:9px!important;white-space:nowrap;font-size:15px!important;color:var(--ink-2)!important;transition:background .15s,color .15s}
.nav__links .nav__sub a:hover{background:rgba(140,79,147,.08)!important;color:var(--accent)!important}
.nav__links .nav__sub a::after{display:none!important}
/* mobile panel: Индустрии nested under Услуги */
.nav__panel a.nav__panel-sub{padding-left:20px!important;font-size:.95em!important;opacity:.82;position:relative}
.nav__panel a.nav__panel-sub::before{content:'';position:absolute;left:2px;top:50%;width:10px;height:1.5px;background:currentColor;opacity:.45;transform:translateY(-50%)}

/* dropdown caret fixes: caret to the RIGHT of item, same color as menu items, no wrapping */
.nav__links{flex-wrap:nowrap!important}
.nav__links a{white-space:nowrap!important}
.nav__links .nav__item{flex-direction:row!important;white-space:nowrap!important}
.nav__links .nav__item::after{margin:-1px 0 0 7px!important;opacity:1!important;color:var(--ink-2)!important}

/* submenu hover no-bg + equal spacing */
.nav__links .nav__sub a{transition:color .15s ease,transform .18s ease!important}
.nav__links .nav__sub a:hover{background:transparent!important;transform:translateX(5px)!important}
.nav__links .nav__item::after{position:absolute!important;left:100%!important;top:50%!important;margin:0 0 0 6px!important;transform:translateY(-50%) rotate(45deg)!important;opacity:1!important;color:var(--ink-2)!important}
.nav__links .nav__item:hover::after{transform:translateY(-50%) rotate(-135deg)!important}

/* wp admin bar offset: push fixed header below #wpadminbar so it never overlaps front-end */
body.admin-bar .nav{top:32px!important}
@media screen and (max-width:782px){body.admin-bar .nav{top:46px!important}}
@media screen and (max-width:600px){body.admin-bar .nav{top:0!important}}

/* caret inline robust: always right after Услуги text, vertically centered, even spacing */
.nav__links{align-items:center!important}
.nav__links .nav__item{flex:0 0 auto!important;align-self:center!important;align-items:center!important}
.nav__links .nav__item::after{position:static!important;left:auto!important;top:auto!important;right:auto!important;margin:-1px -12px 0 6px!important;transform:rotate(45deg)!important;align-self:center!important;opacity:1!important;color:var(--ink-2)!important}
.nav__links .nav__item:hover::after{transform:rotate(-135deg)!important}

/* header overlap fix: hamburger below 1024 so desktop menu only shows with room (prevents space-between overlap) */
@media(max-width:1024px){.nav__links{display:none!important}.nav__burger{display:inline-flex!important}}

/* header padding 5px + no-stretch menu (prevent overlap) */
body.stcl-page #brx-header #nav{padding-top:5px!important;padding-bottom:5px!important}
.nav__in>.nav__links{flex:0 0 auto!important}
.nav__in>.brxe-logo,.nav__in>.nav__cta{flex:0 0 auto!important}
.nav__in{gap:24px!important}
.nav__links{gap:28px!important}

/* header explicit layout v2: logo left, menu+cta right, no stretch, no overlap */
#brx-header .nav__in{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:0!important;justify-content:flex-start!important}
#brx-header .nav__in>.brxe-logo{flex:0 0 auto!important;order:0!important;margin:0 auto 0 0!important}
#brx-header .nav__in>.nav__links{flex:0 0 auto!important;order:1!important;margin:0!important;width:auto!important;max-width:none!important;justify-content:flex-start!important}
#brx-header .nav__in>.nav__cta{flex:0 0 auto!important;order:2!important;margin:0 0 0 30px!important}

/* Growth CTA reusable ([stcl_growth_cta]) - global, plain on light bg */
.ind-cta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(28px,4vw,60px);width:100%;max-width:100%;text-align:left;margin:40px 0;background:none;border-radius:0;padding:0;overflow:visible;position:relative}
.ind-cta__text{flex:0 1 auto;min-width:0;max-width:540px;color:#16161d}
.ind-cta__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#D4537E;margin-bottom:15px}
.ind-cta__eyebrow .dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(118deg,#ED4E9B,#7C52F0);flex:none}
.ind-cta__h{font-size:clamp(23px,2.9vw,34px);line-height:1.12;font-weight:700;letter-spacing:-.02em;margin:0 0 13px;color:#16161d}
.ind-cta__p{font-size:clamp(15px,1.25vw,16.5px);line-height:1.55;color:#5a5a63;margin:0 0 24px;max-width:46ch}
.ind-cta__btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(118deg,#ED4E9B 0%,#7C52F0 100%);color:#fff;font-weight:700;font-size:15px;padding:14px 26px;border-radius:40px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 28px -12px rgba(124,82,240,.5)}
.ind-cta__btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(124,82,240,.6)}
.ind-cta__art{flex:0 0 auto;width:300px;display:flex;justify-content:center;align-items:center}
.ind-cta__svg{width:100%;height:auto;max-width:300px;display:block}
@media(max-width:760px){.ind-cta{flex-direction:column;align-items:flex-start;justify-content:flex-start}.ind-cta__art{width:100%;max-width:280px;align-self:center;margin-top:8px}}

/* header: desktop menu >=1025, hamburger <=1024; nav__cta no-stretch */
@media(max-width:1024px){#brx-header .nav__links{display:none!important}#brx-header .nav__cta .btn:not(.nav__burger){display:none!important}#brx-header .nav__burger{display:inline-flex!important}}
@media(min-width:1025px){#brx-header .nav__burger{display:none!important}}
#brx-header .nav__in>.nav__cta{flex:0 0 auto!important;width:auto!important;max-width:max-content!important}

/* dropdown must not widen Uslugi item (was 318px -> pushed menu onto CTA in scrolled) */
#brx-header .nav__links .nav__item{flex:0 0 auto!important;width:auto!important;max-width:max-content!important;min-width:0!important}
#brx-header .nav__links .nav__sub{left:0!important;right:auto!important;transform:translateY(8px)!important;width:max-content!important;min-width:0!important;max-width:340px!important}
#brx-header .nav__links .nav__item:hover .nav__sub{transform:translateY(0)!important}

/* header center menu + gap+10 */
#brx-header .nav__in>.brxe-logo{flex:1 1 0!important;order:0!important;margin:0!important}
#brx-header .nav__in>.nav__links{flex:0 0 auto!important;order:1!important;margin:0!important}
#brx-header .nav__in>.nav__cta{flex:1 1 0!important;order:2!important;margin:0!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}
#brx-header .nav__links{gap:38px!important}

/* header center menu absolute (exact center, logo left, cta right) */
#brx-header .nav__in{position:relative!important}
#brx-header .nav__in>.brxe-logo{flex:0 0 auto!important;order:0!important;margin:0 auto 0 0!important}
#brx-header .nav__in>.nav__cta{flex:0 0 auto!important;order:2!important;margin:0!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}
#brx-header .nav__in>.nav__links{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;flex:0 0 auto!important}

/* stcl-cta popup (fullscreen form modal) */
.stcl-pop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}
.stcl-pop.open{opacity:1;visibility:visible}
.stcl-pop__bg{position:absolute;inset:0;background:rgba(22,12,42,.5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.stcl-pop__panel{position:relative;z-index:1;width:100%;max-width:1160px;max-height:94vh;overflow-y:auto;border-radius:30px;transform:translateY(26px) scale(.97);transition:transform .42s cubic-bezier(.2,.85,.3,1);box-shadow:0 50px 120px -30px rgba(40,10,70,.6);-webkit-overflow-scrolling:touch}
.stcl-pop.open .stcl-pop__panel{transform:none}
.stcl-pop__x{position:absolute;top:18px;right:18px;z-index:6;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.45);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,transform .3s ease}
.stcl-pop__x:hover{background:rgba(255,255,255,.34);transform:rotate(90deg)}
.stcl-pop__inner{display:block}
.stcl-pop__inner>*{margin:0!important}
.stcl-pop__inner .brxe-section,.stcl-pop__inner .wrap{margin:0!important;padding:0!important;max-width:none!important}
.stcl-pop__inner .contact{margin:0!important;max-width:none!important;border-radius:30px!important;padding:clamp(30px,3.6vw,54px)!important}
@media(max-width:640px){.stcl-pop__panel{border-radius:20px;max-height:96vh}.stcl-pop__x{top:12px;right:12px;width:40px;height:40px;font-size:22px}}

/* STCL-MSG-V1 form result message on-brand */
.brxe-form .message{display:flex!important;width:100%!important;max-width:none!important;flex:1 1 100%!important;grid-column:1/-1!important;align-items:flex-start!important;gap:13px!important;margin-top:20px!important;padding:16px 20px!important;border-radius:16px!important;border:1.5px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#fff!important;font:500 15px/1.55 'Manrope',-apple-system,sans-serif!important;box-shadow:0 14px 34px -16px rgba(20,4,40,.55)!important;animation:stclMsgIn .45s cubic-bezier(.2,.85,.3,1)!important}
.brxe-form .message .text{color:#fff!important;margin:0!important;padding-top:3px}
.brxe-form .message::before{content:""!important;display:block;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:17px;box-shadow:0 4px 12px -3px rgba(0,0,0,.35)}
.brxe-form .message.success{border-color:rgba(120,240,190,.4)!important}
.brxe-form .message.success::before{background-color:#2fd29b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E")}
.brxe-form .message.error{border-color:rgba(255,150,170,.42)!important}
.brxe-form .message.error::before{background-color:#ff5b7f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6.5'/%3E%3Ccircle cx='12' cy='17.6' r='1.25' fill='%23fff' stroke='none'/%3E%3C/svg%3E")}
@keyframes stclMsgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* STCL-SUCCESS-POP */
#stcl-success-popup .stcl-pop__panel{width:min(440px,92vw)!important;max-width:440px!important;padding:46px 38px 38px!important;text-align:center;border-radius:30px!important;background:linear-gradient(155deg,#ED4E9B 0%,#9D4FD6 52%,#7C52F0 100%)!important;color:#fff;overflow:visible!important}
#stcl-success-popup .stcl-success__icon{width:80px;height:80px;border-radius:50%;margin:2px auto 22px;background:#2fd29b;display:flex;align-items:center;justify-content:center;animation:stclSuccPulse 2.4s ease-in-out infinite}
#stcl-success-popup .stcl-success__icon svg{width:42px;height:42px;display:block}
#stcl-success-popup .stcl-success__title{font:700 27px/1.2 'Space Grotesk',-apple-system,sans-serif;margin:0 0 12px;color:#fff}
#stcl-success-popup .stcl-success__text{font:400 16px/1.6 'Manrope',-apple-system,sans-serif;color:rgba(255,255,255,.92);margin:0 auto 28px;max-width:32ch}
#stcl-success-popup .stcl-success__btn{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;background:#fff;color:#7C52F0;font:600 15px/1 'Space Grotesk',sans-serif;padding:15px 36px;border-radius:100px;transition:transform .25s,box-shadow .25s}
#stcl-success-popup .stcl-success__btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(20,4,40,.5)}
#stcl-success-popup .stcl-pop__x{color:#fff}
@keyframes stclSuccPulse{0%,100%{box-shadow:0 0 0 0 rgba(47,210,155,.45)}50%{box-shadow:0 0 0 16px rgba(47,210,155,0)}}
/* kalkulator page top offset */
.stcl-kalkulator-page #kalkulator-top.brxe-section,.stcl-kalkulator-page .section:first-of-type{padding-top:clamp(118px,13vh,165px)!important;padding-bottom:64px!important}
.stcl-kalkulator-page .sec-head{margin-bottom:34px}

#stcl-success-popup .stcl-success__icon.is-err{background:#ff5b7f!important;animation:none}

/* header calculator button */
#brx-header .nav__cta .nav__calc.btn{display:inline-grid!important;place-items:center;width:52px!important;height:52px!important;padding:0!important;background:transparent!important;background-image:none!important;border:1.5px solid var(--line,#e7e1f5)!important;color:var(--ink,#2a1a4a)!important;border-radius:50%!important;box-shadow:none!important;transition:border-color .25s,color .25s,transform .25s}
#brx-header .nav__cta .nav__calc.btn:hover{border-color:var(--accent)!important;color:var(--accent)!important;transform:translateY(-1px)}
#brx-header .nav__cta .nav__calc svg{width:24px;height:24px;flex:none}


/* STCL-FIELD-ERR validation message on-brand */
.stcl-field-error{display:inline-flex!important;align-items:center;gap:7px;margin-top:8px!important;padding:5px 12px!important;border-radius:9px;background:rgba(255,35,35,.18)!important;color:#fff!important;font:600 12.5px/1.35 var(--ui,'Manrope',sans-serif)!important;border:1px solid rgba(214,160,172,.5)!important}
.stcl-field-error::before{content:'!';display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e23b3b;color:#fff;font-size:11px;font-weight:700;line-height:1;flex:none}

/* glass header on JS-less pages */
body.stcl-kalkulator-page #brx-header #nav,body.stcl-webdev-page #brx-header #nav{background:color-mix(in srgb,#fff 86%,transparent)!important;backdrop-filter:saturate(140%) blur(14px)!important;-webkit-backdrop-filter:saturate(140%) blur(14px)!important;border-color:var(--line)!important}

body.stcl-service-page #brx-header #nav{background:color-mix(in srgb,#fff 86%,transparent)!important;backdrop-filter:saturate(140%) blur(14px)!important;-webkit-backdrop-filter:saturate(140%) blur(14px)!important;border-color:var(--line)!important}

@media(max-width:1024px){#brx-header .nav__in>.nav__cta{position:static!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;justify-content:flex-end!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;order:2!important;margin:0!important;overflow:visible!important}#brx-header .nav__cta .btn--accent{display:none!important}#brx-header .nav__cta .nav__calc.btn{display:inline-grid!important;order:1!important;position:relative!important;width:46px!important;height:46px!important;flex:0 0 auto!important;margin:0!important}#brx-header .nav__cta .nav__calc svg{width:22px!important;height:22px!important}#brx-header .nav__cta .nav__burger{display:inline-flex!important;order:2!important;flex:0 0 auto!important}}

/* STCL-SUBPAD equal side padding in submenu */
#brx-header .nav__links .nav__sub .nav__sub-link{padding-left:18px!important;padding-right:18px!important;white-space:nowrap}
#brx-header .nav__links .nav__sub{padding-left:8px!important;padding-right:8px!important}

/* CALC-LIKE-BURGER mobile */
@media(max-width:1024px){#brx-header .nav .nav__cta .nav__calc.btn{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:12px!important;background:var(--card)!important;background-image:none!important;border:1.5px solid var(--line)!important;color:var(--ink)!important;box-shadow:none!important;order:1!important}#brx-header .nav .nav__cta .nav__calc svg{width:22px!important;height:22px!important}}
@media(max-width:991px){#brx-header .nav .nav__cta .nav__calc.btn{position:absolute!important;right:96px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;z-index:6!important}}

/* STCL-MOBILE-MINIMAL : mobile header = only logo + burger */
@media(max-width:1024px){
  #brx-header .nav .nav__cta .nav__calc.btn,
  #brx-header .nav__cta .nav__calc,
  #brx-header .nav__cta .btn--accent,
  #brx-header .nav__cta a.btn--accent{display:none!important}
  #brx-header .brxe-logo img.bricks-site-logo,#brx-header a.brxe-logo img,.nav .brxe-logo img{height:40px!important;max-width:190px!important}
}
/* STCL-POP-MOBILE-TOP : extra top spacing inside the request popup on mobile */
@media(max-width:640px){#stcl-cta-popup .stcl-pop__inner .contact,#stcl-cta-popup .contact{padding-top:56px!important}}
/* STCL-MOBILE-ACC : mobile menu collapsible submenu (Услуги) */
.nav__panel .nav__acc{display:block;width:100%}
.nav__panel .nav__acc-head{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:6px;width:100%}
.nav__panel .nav__acc-head>a{flex:1 1 auto;min-width:0}
.nav__panel .nav__acc-btn{flex:0 0 auto;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;color:inherit!important;cursor:pointer;padding:0!important;margin:0 -8px 0 0;-webkit-appearance:none;appearance:none;border-radius:12px;transition:background .2s ease}
.nav__panel .nav__acc-btn:hover,.nav__panel .nav__acc-btn:active{background:none!important;background-color:transparent!important}
.nav__panel .nav__acc-btn svg{display:block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.nav__panel .nav__acc--open .nav__acc-btn svg{transform:rotate(180deg)}
.nav__panel .nav__acc-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .42s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.nav__panel .nav__acc--open .nav__acc-body{max-height:480px;opacity:1}

/* STCL-HOME-MOBILE-SECTIONS : 20px top+bottom per section (first = bottom only) */
@media(max-width:767px){
  body.home main>section.brxe-section:not(:first-child){padding-top:20px!important;padding-bottom:20px!important}
  body.home main>section.brxe-section:first-child{padding-bottom:20px!important}
}
/* STCL-SUBMENU-NODASH : mobile submenu items - no dash, more indent */
.nav__panel a.nav__panel-sub::before{display:none!important;content:none!important}
.nav__panel a.nav__panel-sub{padding-left:38px!important}
/* STCL-MOBILE-ACC2 : parent link matches normal items + subitem spacing */
.nav__panel .nav__acc-head>a{padding:13px 14px!important;font-size:17px!important;line-height:1.6!important;flex:1 1 auto}
.nav__panel .nav__acc-body a.nav__panel-sub{padding-top:10px!important;padding-bottom:10px!important;line-height:1.55!important}
/* STCL-POP-OUTER-TOP : request popup not glued to screen top on mobile */
@media(max-width:640px){
  #stcl-cta-popup.stcl-pop{align-items:flex-start!important;padding-top:32px!important;padding-bottom:20px!important}
  #stcl-cta-popup .stcl-pop__panel{max-height:calc(100vh - 52px)!important;max-height:calc(100dvh - 52px)!important}
}
/* STCL-PANEL-CTA-SOFT : softer (less bright) Заявка button in the mobile menu */
.nav__panel a.btn--accent{background:transparent!important;background-image:none!important;color:#7C52F0!important;border:1.5px solid #7C52F0!important;box-shadow:none!important;filter:none!important}
.nav__panel a.btn--accent:active{background:rgba(124,82,240,.08)!important}
/* STCL-ST-IDLE : scroll-top fades out after 3s of no scroll */
#stclScrollTop{transition:opacity .5s ease,transform .3s ease,visibility .5s ease!important}
#stclScrollTop.stcl-st-idle{opacity:0!important;pointer-events:none!important}
/* STCL-OFF : hidden/disabled features */
.stcl-off{display:none!important}

/* STCL-GDPR : consent checkbox (structural; markup = ul.options-wrapper>li>input+label) */
.brxe-form .options-wrapper{list-style:none;margin:0;padding:0;display:block;width:100%}
.brxe-form .options-wrapper li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:0;list-style:none}
.brxe-form .options-wrapper input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;margin:1px 0 0!important;padding:0!important;border:2px solid rgba(255,255,255,.65)!important;border-radius:3px!important;background:rgba(255,255,255,.15)!important;cursor:pointer;position:relative;overflow:visible!important;transition:background .2s,border-color .2s}
.brxe-form .options-wrapper input[type=checkbox]:hover{border-color:#fff!important}
.brxe-form .options-wrapper input[type=checkbox]:checked{background:rgba(255,255,255,.2)!important;border-color:#fff!important}
.brxe-form .options-wrapper input[type=checkbox]:checked::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:30px;border:solid #fff;border-width:0 4px 4px 0;transform:translate(-50%,-54%) rotate(45deg);filter:drop-shadow(0 1px 2px rgba(60,20,90,.4))}
.brxe-form .options-wrapper label{flex:1;margin:0;font-size:13.5px;line-height:1.55;font-weight:400;color:rgba(255,255,255,.92);cursor:pointer;text-align:left}
.brxe-form .options-wrapper label a{color:#fff!important;text-decoration:underline;text-underline-offset:2px;font-weight:600}
/* STCL-CALC-OFF : calculator disabled - hide header calc button at all widths */
#brx-header .nav__cta .nav__calc,#brx-header .nav__cta .nav__calc.btn,#brx-header .nav .nav__cta .nav__calc.btn{display:none!important}

/* STCL-SVC-MORE : uslugi page - heading links + read-more buttons */
.s2__name .stcl-head-link,a.stcl-head-link{color:inherit!important;text-decoration:none!important;transition:color .22s}
.s2__name .stcl-head-link:hover{color:var(--accent,#7C52F0)!important}
.brxe-button.stcl-svc-more,a.stcl-svc-more{display:inline-flex!important;align-items:center;gap:9px;margin-top:24px;padding:13px 26px;border-radius:999px;background:linear-gradient(135deg,#ED4E9B,#A24CD6,#7C52F0)!important;color:#fff!important;font:600 15px/1 Montserrat,sans-serif;text-decoration:none!important;border:0!important;box-shadow:0 8px 22px rgba(124,82,240,.25);transition:transform .25s,box-shadow .25s;width:auto;align-self:flex-start}
.stcl-svc-more::after{content:'\2192';font-size:17px;transition:transform .25s}
.stcl-svc-more:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(124,82,240,.35)}
.stcl-svc-more:hover::after{transform:translateX(4px)}

/* STCL-SVCNAV : service prev/next + other services */
.stcl-svcnav{margin:0 auto;max-width:1080px}
.stcl-svcnav__arrows{display:flex;gap:18px;flex-wrap:wrap}
.stcl-svcnav__arrow{flex:1 1 0;min-width:240px;display:flex;flex-direction:column;gap:6px;padding:20px 24px;border:1.5px solid var(--line,#e7e1f5);border-radius:18px;background:var(--card,#fff);text-decoration:none!important;transition:border-color .25s,transform .25s,box-shadow .25s}
.stcl-svcnav__arrow:hover{border-color:var(--accent,#7C52F0);transform:translateY(-3px);box-shadow:0 14px 30px rgba(124,82,240,.14)}
.stcl-svcnav__next{text-align:right;align-items:flex-end}
.stcl-svcnav__dir{font:600 13px/1 Montserrat,sans-serif;color:var(--accent,#7C52F0);letter-spacing:.02em}
.stcl-svcnav__name{font:700 19px/1.25 Montserrat,sans-serif;color:var(--ink,#2a1a4a)}
.stcl-svcnav__others{display:block}
.stcl-svcnav__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.stcl-svcnav__label{display:block;font:600 14px/1.4 Montserrat,sans-serif;color:var(--ink-2,#6b5b8a)}
.stcl-svcnav__chip{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line,#e7e1f5);background:transparent;color:var(--ink,#2a1a4a)!important;font:600 13.5px/1 Montserrat,sans-serif;text-decoration:none!important;transition:background .22s,border-color .22s,color .22s}
.stcl-svcnav__chip:hover{background:linear-gradient(135deg,#ED4E9B,#A24CD6,#7C52F0);border-color:transparent;color:#fff!important}
@media(max-width:640px){.stcl-svcnav__arrow{flex:1 1 100%}.stcl-svcnav__next{text-align:left;align-items:flex-start}}

/* STCL-CASES-TEMP : temporary notice on Keysove */
.stcl-cases-temp{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin:0 0 26px;padding:13px 22px;border-radius:14px;background:linear-gradient(135deg,rgba(237,78,155,.12),rgba(124,82,240,.12));border:1.5px dashed rgba(124,82,240,.45);color:var(--ink,#2a1a4a);font:600 14px/1.45 Montserrat,sans-serif}
.stcl-cases-temp::before{content:'\23F3';font-size:17px}

/* STCL-CAREER : careers page */
.stcl-car-lede{max-width:760px;color:var(--ink-2,#6b5b8a);font-size:17px;line-height:1.7}
.stcl-car-hero{text-align:left;padding-top:calc(var(--nav-total-height,98px) + 38px)}
.stcl-car-hero .stcl-car-lede{margin:16px 0 0}
.stcl-car-hero h1{margin:0}
.stcl-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.stcl-pos-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1.5px solid var(--line,#e7e1f5);border-radius:16px;background:var(--card,#fff);transition:border-color .25s,transform .25s,box-shadow .25s}
.stcl-pos-card:hover{border-color:var(--accent,#7C52F0);transform:translateY(-3px);box-shadow:0 14px 30px rgba(124,82,240,.12)}
.stcl-pos-ic{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(237,78,155,.12),rgba(124,82,240,.14));color:#7C52F0}
.stcl-pos-ic svg{width:24px;height:24px}
.stcl-pos-name{font:600 16px/1.3 Montserrat,sans-serif;color:var(--ink,#2a1a4a)}
@media(max-width:900px){.stcl-pos-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stcl-pos-grid{grid-template-columns:1fr}}
.stcl-career-card{display:flex!important;flex-direction:column;padding:38px 40px;border-radius:28px}
.stcl-career-formtitle{color:#fff;font-size:26px;margin:0 0 22px}
@media(max-width:600px){.stcl-career-card{padding:26px 22px}}
.brxe-form.stcl-career-form select{color:#fff;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16);border-radius:14px;padding:15px 18px;width:100%;font-size:16px;appearance:none;-webkit-appearance:none}
.brxe-form.stcl-career-form select option{color:#2a1a4a}
.brxe-form.stcl-career-form input[type=file]{color:rgba(255,255,255,.85);background:rgba(255,255,255,.06);border:1.5px dashed rgba(255,255,255,.28);border-radius:14px;padding:13px 16px;width:100%;font-size:14px;cursor:pointer}
.brxe-form.stcl-career-form input[type=file]::file-selector-button{margin-right:14px;padding:8px 16px;border:0;border-radius:999px;background:#fff;color:#7C52F0;font:600 13px/1 Montserrat,sans-serif;cursor:pointer}

/* STCL-CAR-CTA : careers CTA on Za nas */
.stcl-car-ctacard{position:relative;overflow:hidden;display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:15px;padding:48px 40px;border-radius:28px}
.stcl-car-ctacard::before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,#ED4E9B,#A24CD6,#7C52F0);z-index:0;pointer-events:none}
.stcl-car-ctacard>*{position:relative;z-index:1}
.stcl-car-ctacard h2{color:#fff;font-size:30px;margin:0}
.stcl-car-ctatext{color:rgba(255,255,255,.9);max-width:620px;font-size:16px;line-height:1.65;margin:0 auto}
.stcl-car-cta-btn{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:14px 30px;border-radius:999px;background:#fff!important;color:#7C52F0!important;font:600 16px/1 Montserrat,sans-serif;text-decoration:none!important;border:0!important;transition:transform .25s,box-shadow .25s}
.stcl-car-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.18)}
@media(max-width:600px){.stcl-car-ctacard{padding:34px 22px}.stcl-car-ctacard h2{font-size:24px}}

/* STCL-CAREER-FIX : top spacing + file remove button */
.stcl-career-page .brxe-section.section{padding-block:clamp(54px,7vw,100px)!important}
.stcl-career-page .brxe-section.stcl-car-hero{padding-top:calc(var(--nav-total-height,100px) + 94px)!important;padding-bottom:clamp(12px,2vw,26px)!important}
.brxe-form.stcl-career-form .file-result{display:none}
.brxe-form.stcl-career-form .file-result.show{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:7px 7px 7px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);color:#fff;font-size:14px;max-width:100%}
.brxe-form.stcl-career-form .file-result svg{width:18px;height:18px;flex:none;cursor:pointer;stroke:#fff}
.brxe-form.stcl-career-form .file-result .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brxe-form.stcl-career-form .file-result .remove{flex:none;cursor:pointer;padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.16)!important;background-image:none!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;font:600 12.5px/1 Montserrat,sans-serif!important;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s}
.brxe-form.stcl-career-form .file-result .remove:hover{background:#fff!important;color:#7C52F0!important;border-color:#fff!important}

/* STCL-POS-V2 : variant 2 soft tiles + per-position color */
.stcl-pos-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.stcl-pos-card{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:28px 18px 24px!important;border:1.5px solid var(--line,#e7e1f5)!important;border-top:3px solid var(--pc,#7C52F0)!important;border-radius:14px!important;background:var(--card,#fff)}
.stcl-pos-card:hover{border-color:var(--line,#e7e1f5)!important;border-top-color:var(--pc,#7C52F0)!important;transform:translateY(-4px);box-shadow:0 16px 34px rgba(124,82,240,.14)}
.stcl-pos-ic{flex:none!important;width:68px!important;height:68px!important;border-radius:18px!important;display:grid;place-items:center;background:color-mix(in srgb,var(--pc,#7C52F0) 14%,#fff)!important;color:var(--pc,#7C52F0)!important}
.stcl-pos-ic svg{width:34px!important;height:34px!important}
.stcl-pos-name{font:600 16px/1.3 Montserrat,sans-serif;color:var(--ink,#2a1a4a)}
.pc1{--pc:#ED4E9B}.pc2{--pc:#A24CD6}.pc3{--pc:#7C52F0}.pc4{--pc:#6366F1}.pc5{--pc:#378ADD}.pc6{--pc:#1D9E75}.pc7{--pc:#D85A30}.pc8{--pc:#D4537E}.pc9{--pc:#8B5CF6}
@media(max-width:900px){.stcl-pos-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stcl-pos-grid{grid-template-columns:1fr}}

/* STCL-CAR-BLOB : animated background blobs */
.stcl-career-page #brx-content{position:relative;z-index:1}
.stcl-career-page .stcl-blob{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(72px);opacity:.55}
.stcl-career-page .stcl-blob--1{width:460px;height:460px;background:radial-gradient(circle,rgba(124,82,240,.4),rgba(124,82,240,0) 70%);top:2vh;right:-4vw;animation:stclBlob1 19s ease-in-out infinite}
.stcl-career-page .stcl-blob--2{width:540px;height:540px;background:radial-gradient(circle,rgba(162,76,214,.3),rgba(162,76,214,0) 70%);bottom:-12vh;left:-6vw;animation:stclBlob2 23s ease-in-out infinite}
@keyframes stclBlob1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-44px,54px) scale(1.16)}}
@keyframes stclBlob2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(64px,-44px) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.stcl-career-page .stcl-blob{animation:none}}

/* STCL-CAR-POSGAP : tighten gap hero->positions */
.stcl-career-page #brxe-carPosSec.brxe-section.section{padding-top:clamp(16px,2.5vw,36px)!important}

/* STCL-CHK-CENTER : guarantee square + centered tick */
.brxe-form .options-wrapper li input[type=checkbox]{width:22px!important;height:22px!important;border-radius:3px!important;padding:0!important;flex:0 0 22px!important}
.brxe-form .options-wrapper li input[type=checkbox]:checked::after{content:""!important;position:absolute!important;left:12px!important;top:2px!important;width:14px!important;height:30px!important;transform:translate(-50%,-54%) rotate(45deg)!important;border:solid #fff!important;border-width:0 4px 4px 0!important;filter:drop-shadow(0 1px 2px rgba(60,20,90,.4))}

/* STCL-CHK-OVERFLOW : let the big tick spill outside the box */
.brxe-form .options-wrapper,.brxe-form .options-wrapper li,.brxe-form .options-wrapper input[type=checkbox]{overflow:visible!important}

/* STCL-CAR-CTA-GAP : equal visual spacing around za-nas careers CTA (2 ids beat the za-nas 40/40 rule) */
.stcl-za-nas-page #brx-content > #brxe-carCtaSec.brxe-section{padding-top:40px!important;padding-bottom:80px!important}

/* STCL-SOON : cases coming-soon animated page */
.stcl-soon-page #brx-content>.brxe-section{padding:0!important;max-width:none!important;margin-top:var(--nav-total-height,98px)!important}
.stcl-soon{position:relative;overflow:hidden;min-height:calc(82vh - var(--nav-total-height,98px));display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 24px 100px;background:radial-gradient(125% 120% at 50% 0%,#2c1248 0%,#1a0a32 55%,#120820 100%)}
.stcl-soon__bg{position:absolute;inset:0;z-index:1;pointer-events:none}
.stcl-soon__blob{position:absolute;border-radius:50%;filter:blur(85px);opacity:.5}
.stcl-soon__blob--1{width:480px;height:480px;background:#ED4E9B;top:-130px;left:-90px;animation:stclSoonB1 16s ease-in-out infinite}
.stcl-soon__blob--2{width:580px;height:580px;background:#7C52F0;bottom:-180px;right:-130px;animation:stclSoonB2 21s ease-in-out infinite}
.stcl-soon__blob--3{width:360px;height:360px;background:#A24CD6;top:38%;left:56%;animation:stclSoonB1 19s ease-in-out infinite reverse;opacity:.4}
.stcl-soon__stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.45;animation:stclSoonTwinkle 3.2s ease-in-out infinite}
.stcl-soon__inner{position:relative;z-index:2;max-width:700px;animation:stclSoonUp .9s cubic-bezier(.2,.85,.3,1) both}
.stcl-soon__eyebrow{display:inline-block;font:600 12.5px/1 Montserrat,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#ED4E9B;margin-bottom:24px;padding:8px 18px;border:1px solid rgba(237,78,155,.45);border-radius:999px}
.stcl-soon__title{font:800 clamp(54px,12vw,128px)/.92 Montserrat,sans-serif;color:#fff;margin:0;letter-spacing:-.02em}
.stcl-soon__shine{background:linear-gradient(100deg,#ED4E9B,#A24CD6,#7C52F0,#ED4E9B);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:stclSoonShine 5s linear infinite}
.stcl-soon__dots{display:flex;gap:11px;justify-content:center;margin:30px 0 24px}
.stcl-soon__dots span{width:11px;height:11px;border-radius:50%;background:#A24CD6;animation:stclSoonDot 1.4s ease-in-out infinite}
.stcl-soon__dots span:nth-child(2){animation-delay:.2s}
.stcl-soon__dots span:nth-child(3){animation-delay:.4s}
.stcl-soon__text{color:rgba(255,255,255,.78);font:400 17px/1.7 Manrope,sans-serif;max-width:540px;margin:0 auto 34px}
.stcl-soon__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.stcl-soon__btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:999px;font:600 15px/1 Montserrat,sans-serif;text-decoration:none!important;transition:transform .25s,box-shadow .25s,background .25s}
.stcl-soon__btn--primary{background:linear-gradient(135deg,#ED4E9B,#7C52F0);color:#fff!important;box-shadow:0 12px 30px rgba(124,82,240,.35)}
.stcl-soon__btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(124,82,240,.5)}
.stcl-soon__btn--ghost{background:rgba(255,255,255,.07);color:#fff!important;border:1px solid rgba(255,255,255,.25)}
.stcl-soon__btn--ghost:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
@keyframes stclSoonUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes stclSoonShine{to{background-position:300% 0}}
@keyframes stclSoonDot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-9px);opacity:1}}
@keyframes stclSoonB1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.18)}}
@keyframes stclSoonB2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-70px,-50px) scale(1.12)}}
@keyframes stclSoonTwinkle{0%,100%{opacity:.12}50%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.stcl-soon *{animation:none!important}}

/* STCL-CARD-PICK : clickable position cards + selected state */
.stcl-pos-card{cursor:pointer;position:relative}
.stcl-pos-card.is-selected{border-color:var(--pc,#7C52F0)!important;box-shadow:0 0 0 2px var(--pc,#7C52F0),0 16px 36px rgba(124,82,240,.2)!important;transform:translateY(-3px)}
.stcl-pos-card.is-selected::after{content:'\2713';position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--pc,#7C52F0);color:#fff;font:700 13px/22px Arial,sans-serif;text-align:center}

/* STCL-BLOG-HOVER : home blog cards hover animation */
#brxe-b3202b .post{transition:transform .38s cubic-bezier(.2,.8,.3,1),box-shadow .38s}
#brxe-b3202b .post__ph{overflow:hidden}
#brxe-b3202b .post__img{transition:transform .6s cubic-bezier(.2,.8,.3,1)}
#brxe-b3202b .post__title{transition:color .3s}
#brxe-b3202b .post:hover{transform:translateY(-8px);box-shadow:0 24px 46px -18px rgba(124,82,240,.45)}
#brxe-b3202b .post:hover .post__img{transform:scale(1.07)}
#brxe-b3202b .post:hover .post__title{color:var(--accent,#7C52F0)}
#brxe-b3202b .post:hover .post__cat{transform:translateX(2px)}
#brxe-b3202b .post__cat{transition:transform .3s}