/* ===================================================================
   Кнопка обычная 
   =================================================================== */

/* Кнопка */
.cta-button {
  cursor: pointer;
}

/* Плавное увеличение кнопки */
.cta-button > .tn-molecule {
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.3s ease !important;
}

/* Плавный поворот иконки */
.cta-button-icon {
  transform: rotate(0deg);
  transform-origin: center center;
  transition: transform 0.4s ease !important;
}

/* HOVER — увеличиваем кнопку */
.cta-button:hover > .tn-molecule {
  transform: scale(1.03);
}

/* HOVER — поворачиваем иконку */
.cta-button:hover .cta-button-icon {
  transform: rotate(180deg);
}

/* ===================================================================
   Squircle Masks
   =================================================================== */
.squircle70, .squircle40, .squircle30, .squircle20, .squircle10,
/*.t-img,*/ .t404__img, .t404__imgbox, .bubble-phrase {
  mask-image: paint(squircle);
  -webkit-mask-image: paint(squircle);
}
.squircle70 { --squircle-radius: 70px; --squircle-smooth: 1; }

@media (max-width: 640px){
    .squircle70 { --squircle-radius: 40px;}
    .squircle40 { --squircle-radius: 20px;}
    
}

.squircle40 { --squircle-radius: 40px; --squircle-smooth: 1; }
.squircle30 { --squircle-radius: 30px; --squircle-smooth: 1; }
.squircle20 { --squircle-radius: 20px; --squircle-smooth: 1; }
.squircle10 { --squircle-radius: 10px; --squircle-smooth: 1; }





/* ===================================================================
   Form Success Box
   =================================================================== */
.t-form__successbox {
  background: #62c584;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
}
/* ===================================================================
   Breadcrumbs
   =================================================================== */
/* Breadcrumbs */
.breadcrumbs-container {
  
  max-width: var(--max-width);
  /*background: linear-gradient(0.5turn, #fff 0%, #f8f9fd 100%);*/
  margin: 0 auto;
  padding: 10px;
}

.breadcrumbs {
  display: flex;
  flex-wrap: nowrap;                    /* запретить перенос */
  overflow-x: auto;                     /* горизонтальный скролл */
  -webkit-overflow-scrolling: touch;     /* плавный скролл на iOS */

  /* Скрыть скроллбар */
  -ms-overflow-style: none;             /* IE, Edge */
  scrollbar-width: none;                /* Firefox */

  align-items: center;
  font-family: var(--main-font);
  font-size: var(--fs-breadcrumb);
  color: var(--clr-text);
  list-style: none;
  white-space: nowrap;                  /* не разрывать слова */
  margin: 0 auto;
   max-width: var(--max-width);
}

/* Скрыть скроллбар в WebKit-браузерах */
.breadcrumbs::-webkit-scrollbar {
  display: none;
}

.breadcrumbs li {
  flex: 0 0 auto;                       /* фиксированная ширина по содержимому */
}

.breadcrumbs li + li::before {
  content: '/';
  margin: 0 var(--gap);
  color: var(--clr-text);
}

.breadcrumb-link {
  color: var(--clr-link);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.breadcrumb-link:hover {
  color: var(--clr-accent);
  text-decoration: underline;
}

.breadcrumb-current {
  font-weight: 500;
  color: var(--clr-text);
  max-width: 80vw;                      /* ограничение ширины */
  overflow: hidden;
  text-overflow: ellipsis;              /* «…» при обрезке */
  white-space: nowrap;
}



/* =========================================================
   BUTTON CTA — HOVER ANIMATION
========================================================= */

.button-cta {
  cursor: pointer;
}


/* Вся кнопка */

.button-cta > .tn-molecule {
  transform: scale(1);
  transform-origin: center center;

  transition:
    transform 0.3s ease !important;
}


/* Иконка */

.button-cta-icon {
  transform: rotate(0deg);
  transform-origin: center center;

  transition:
    transform 0.4s ease !important;
}


/* Hover — увеличение кнопки */

.button-cta:hover > .tn-molecule {
  transform: scale(1.03);
}


/* Hover — поворот иконки */

.button-cta:hover .button-cta-icon {
  transform: rotate(180deg);
}

/* BEGIN svc-service-sections: общие стили секций страниц услуг (вставлено из mikeandco-service-local) */
.svc-page{--svc-h2-size: 40px; --svc-h2-line: 46px;
  --svc-h3-size: 22px; --svc-h3-line: 28px;
  --svc-section-space: 32px; --svc-card-padding: 40px;
  font-family: var(--t-text-font, Manrope, Arial, sans-serif);
  color: #000; -webkit-font-smoothing: antialiased; overflow-x: clip;}
:where(.svc-page) *,:where(.svc-page) *::before,:where(.svc-page) *::after{box-sizing: border-box;}
:where(.svc-page) h1,:where(.svc-page) h2,:where(.svc-page) h3,:where(.svc-page) p{margin: 0;}
:where(.svc-page) img{display: block; max-width: 100%;}
:where(.svc-page) a{text-decoration: none;}
.svc-page [class*="squircle"]{-webkit-mask-image: none; mask-image: none;}
.svc-page > section[id]{scroll-margin-top: 100px;}
.svc-sec{padding: var(--svc-section-space) 0;}
.svc-wide{width:calc(100% - var(--svc-grid-gutter) * 2);max-width:var(--svc-grid-max);margin:0 auto;padding:0;}
.svc-box{width:calc(100% - var(--svc-grid-gutter) * 2);max-width:var(--svc-grid-max);margin:0 auto;border-radius:40px;padding:var(--svc-card-padding);}
.svc-h2{font-family: var(--t-headline-font, Manrope, Arial, sans-serif); font-size: var(--svc-h2-size); line-height: var(--svc-h2-line); font-weight: 600; letter-spacing: -.025em; text-wrap: balance; color: var(--svc-h2-color, #1d1d1f);}
.svc-sub{max-width: 72ch; margin-top: 16px; font-size: 16px; line-height: 24px; font-weight: 400; color: #262626;}
.svc-acc{background: linear-gradient(312.84deg, #95d8f7 0%, #4491ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.svc-rcard{min-width: 0; padding: 24px; border-radius: 24px; background: linear-gradient(0.72deg, #3b3b3b 0%, #000 100%); display: grid; grid-template-rows: 48px 56px auto; gap: 16px; align-content: start;}
.svc-rcard img{width: 48px; height: 48px; object-fit: contain;}
.svc-rcard h3{font-family: var(--t-headline-font, Manrope, Arial, sans-serif); font-size: var(--svc-h3-size); line-height: var(--svc-h3-line); font-weight: 600; letter-spacing: -.015em; text-wrap: balance;}
.svc-rcard h3{color: #fff;}
.svc-rcard p{margin: 0; font-size: 16px; line-height: 24px; color: #b5b5ba;}
.svc-sec.svc-rev{padding: var(--svc-section-space) 0; scroll-margin-top: 100px;}
@media (max-width: 960px){.svc-page{--svc-h2-size: 34px; --svc-h2-line: 40px; --svc-card-padding: 32px;}}
@media (max-width: 640px){.svc-page{--svc-h2-size: 28px; --svc-h2-line: 34px; --svc-h3-size: 20px; --svc-h3-line: 26px; --svc-section-space: 24px; --svc-card-padding: 20px;}
.svc-box{border-radius: 32px;}
.svc-rcard{grid-template-rows: 32px auto auto; gap: 16px;}
.svc-rcard img{width: 32px; height: 32px;}}
.svc-gallery,.svc-gallery *{box-sizing:border-box}
.svc-gallery{--svc-ui-font:var(--t-text-font,Manrope,Arial,sans-serif);--svc-ui-ink:#1d1d1f;--svc-ui-muted:#6e6e73;--svc-ui-blue:var(--svc-brand-blue);font-family:var(--svc-ui-font);color:var(--svc-ui-ink);background:#fff;overflow-x:clip}
.svc-gallery :is(h1,h2,h3,p,button,summary,span,b,a,li,th,td){font-family:var(--svc-ui-font)}
.svc-gallery [hidden]{display:none!important}
.svc-gallery :is(button,a,summary):focus-visible{outline:3px solid var(--svc-brand-blue);outline-offset:4px}
.svc-gallery .svc-wide{width:calc(100% - var(--svc-grid-gutter) * 2);max-width:var(--svc-grid-max);margin:0 auto;padding:0}
.svc-gallery .svc-group{scroll-margin-top:80px}
.svc-gallery .svc-view{position:relative;scroll-margin-top:152px;border-bottom:1px solid #d2d2d7}
.svc-gallery .svc-sec{padding:48px 0 64px}
.svc-gallery .svc-h2{font-size:clamp(32px,4vw,48px);line-height:1.0835;letter-spacing:-.003em;font-weight:600;color:var(--svc-h2-color,#1d1d1f);text-wrap:balance}
.svc-gallery .svc-sub{font-size:19px;line-height:27px;max-width:66ch;color:var(--svc-ui-muted);margin-top:20px}
.svc-gallery .svc-acc{background:none;color:var(--svc-ui-blue);-webkit-text-fill-color:currentColor}
.svc-gallery :is(.svc-rcard h3,.svc-dcard h3,.svc-trust__cols h3){font-size:24px;line-height:28px;letter-spacing:-.01em;font-weight:600;color:var(--svc-ui-ink);text-wrap:balance}
.svc-gallery :is(.svc-rcard p,.svc-dcard p,.svc-trust__cols p){font-size:17px;line-height:25px;color:var(--svc-ui-muted)}
.svc-gallery .svc-rcard{display:flex;flex-direction:column;gap:20px;padding:28px;min-height:300px;border-radius:28px;background:#f5f5f7}
.svc-gallery .svc-rcard img{width:40px;height:40px;filter:brightness(0) opacity(.7)}
.svc-gallery .svc-rcard p{margin:0}
@media(max-width:960px){.svc-gallery .svc-h2{font-size:40px;line-height:44px}}
@media(max-width:700px){.svc-gallery .svc-wide{width:calc(100% - var(--svc-grid-gutter) * 2)}
.svc-gallery .svc-sec{padding:32px 0 40px}
.svc-gallery .svc-h2{font-size:32px;line-height:36px}
.svc-gallery .svc-sub{font-size:17px;line-height:25px;margin-top:16px}
.svc-gallery :is(.svc-rcard h3,.svc-dcard h3,.svc-trust__cols h3){font-size:22px;line-height:26px}
.svc-gallery .svc-rcard{min-height:0;padding:24px}}
@media(prefers-reduced-motion:reduce){.svc-gallery *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.svc-skip{position:fixed;z-index:110;left:20px;top:12px;transform:translateY(-200%);padding:12px 18px;border-radius:20px;background:var(--svc-brand-blue);color:#fff;font-family:var(--t-text-font,Manrope,Arial,sans-serif)}
.svc-skip:focus{transform:none}
.svc-page{--svc-header-bottom:130px}
.svc-page section[id],.svc-page article[id]{scroll-margin-top:calc(var(--svc-header-bottom) + 16px)}
.svc-page{--svc-section-space:56px;--svc-ui-font:var(--t-text-font,Manrope,Arial,sans-serif);--svc-ui-ink:#1d1d1f;--svc-ui-muted:#626268;--svc-ui-blue:var(--svc-brand-blue);}
.svc-page .svc-gallery{--svc-ui-font:var(--t-text-font,Manrope,Arial,sans-serif);--svc-ui-muted:#626268;background:transparent}
.svc-page .svc-view{border:0}
.svc-page .svc-gallery .svc-sec{padding:56px 0}
.svc-page .svc-gallery .svc-h2{font-family:var(--t-headline-font,Manrope,Arial,sans-serif);font-size:48px;line-height:52px;font-weight:600;letter-spacing:-.02em}
.svc-page .svc-gallery .svc-rcard p,.svc-page .svc-gallery .svc-sub{color:#626268}
.svc-page .svc-acc{background:none;color:var(--svc-brand-blue);-webkit-text-fill-color:currentColor}
.svc-page .svc-gallery .svc-rcard h3{min-height:56px}
.svc-page .svc-rid-note{max-width:70ch;margin-top:20px;color:#c7c7cc;font-size:13px;line-height:20px}
@media(max-width:960px){.svc-page .svc-gallery .svc-h2{font-size:40px;line-height:44px}}
@media(max-width:700px){.svc-page{--svc-section-space:36px}
.svc-page .svc-gallery .svc-sec{padding:36px 0}
.svc-page .svc-gallery .svc-h2{font-size:32px;line-height:36px}
.svc-page .svc-gallery .svc-rcard h3{min-height:0}}
:where(:root){--ds-content-max:1360px;--ds-reading-max:900px;--ds-form-max:640px;--ds-card-max:440px;--ds-gutter:40px;--ds-grid-gap:24px;--ds-grid-columns:12;--ds-section-space:56px;}
@media(max-width:959px){:where(:root){--ds-gutter:24px;--ds-grid-gap:20px;--ds-grid-columns:8;--ds-section-space:48px;}}
@media(max-width:639px){:where(:root){--ds-gutter:20px;--ds-grid-gap:16px;--ds-grid-columns:4;--ds-section-space:36px;}}
@media(max-width:359px){:where(:root){--ds-gutter:16px;}}
#allrecords[data-hook="blocks-collection-content-node"]{--svc-grid-max:var(--ds-content-max);--svc-grid-gutter:var(--ds-gutter);--svc-section-title-size:48px;--svc-section-title-line:52px;--svc-h2-ink:#1d1d1f;--svc-h2-ink-dark:#fff;--svc-h2-color:var(--svc-h2-ink)}
#allrecords[data-hook="blocks-collection-content-node"] h2.svc-h2{font-family:var(--t-headline-font,Manrope,Arial,sans-serif);font-size:var(--svc-section-title-size)!important;line-height:var(--svc-section-title-line)!important;font-weight:600!important;letter-spacing:-.02em!important;text-wrap:balance}
@media(max-width:959px){#allrecords[data-hook="blocks-collection-content-node"]{--svc-section-title-size:40px;--svc-section-title-line:44px}}
@media(max-width:639px){#allrecords[data-hook="blocks-collection-content-node"]{--svc-section-title-size:32px;--svc-section-title-line:36px}}
.svc-standard-action{--color-blue:var(--svc-brand-blue);--main-font:'Manrope',Arial,sans-serif;display:inline-flex;width:fit-content;max-width:100%;margin-top:0;color:inherit;text-decoration:none!important}
.svc-standard-action .button-blue{display:inline-flex;align-items:center;max-width:100%;padding:5px;background:var(--color-blue);color:#fff;border:none;border-radius:150px;transition:transform .3s;cursor:pointer}
.svc-standard-action .button-blue:hover{transform:scale(1.03)}
.svc-standard-action .arrow-in-button{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .4s ease;flex-shrink:0}
.svc-standard-action .arrow-in-button svg{width:1.85rem;height:1.85rem}
.svc-standard-action .arrow-in-button svg path{stroke:var(--color-blue)}
.svc-standard-action .button-blue:hover .arrow-in-button{transform:rotate(180deg)}
.svc-standard-action .button-blue-text{min-width:0;padding:0 20px 0 10px;font-family:var(--main-font);font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;font-size:clamp(14px,4vw,18px);color:#fff}
.svc-standard-action:focus-visible{outline:2px solid var(--svc-brand-blue);outline-offset:4px;border-radius:150px}
@media(max-width:360px){.svc-standard-action .button-blue-text{white-space:normal}}
@media(prefers-reduced-motion:reduce){.svc-standard-action .button-blue,.svc-standard-action .arrow-in-button{transition:none}
.svc-standard-action .button-blue:hover,.svc-standard-action .button-blue:hover .arrow-in-button{transform:none}}
@keyframes bfblink{0%{opacity:1;animation-timing-function:ease-in-out}50%{opacity:0;animation-timing-function:ease-in-out}100%{opacity:1}}
:root{
  --ds-content-max:1360px;
  --ds-reading-max:900px;
  --ds-form-max:640px;
  --ds-card-max:440px;
  --ds-gutter:40px;
  --ds-grid-gap:24px;
  --ds-grid-columns:12;
  --ds-section-space:56px;
}
@media(max-width:959px){:root{ --ds-gutter:24px; --ds-grid-gap:20px; --ds-grid-columns:8; --ds-section-space:48px; }}
@media(max-width:639px){:root{ --ds-gutter:20px; --ds-grid-gap:16px; --ds-grid-columns:4; --ds-section-space:36px; }}
@media(max-width:359px){:root{ --ds-gutter:16px; }}
#allrecords[data-hook="blocks-collection-content-node"]{
  --svc-brand-blue:#007bff;
  --svc-accent-gradient:linear-gradient(110deg,var(--svc-brand-blue) 0%,#319fea 22%,#78c6ef 40%,#319fea 58%,var(--svc-brand-blue) 80%,#78c6ef 100%);
}
.svc-color-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
#svc-brand-icon-filter feFlood{flood-color:var(--svc-brand-blue)}
#allrecords[data-hook="blocks-collection-content-node"] :is(.svc-page .svc-acc,.svc-about .svc-about__accent,.svc-text-accent){color:var(--svc-brand-blue)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){#allrecords[data-hook="blocks-collection-content-node"] :is(.svc-page .svc-acc,.svc-about .svc-about__accent,.svc-text-accent){
    background-image:var(--svc-accent-gradient);
    background-size:240% 100%;
    background-position:0% 50%;
    background-repeat:no-repeat;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:svc-accent-flow 10s ease-in-out infinite alternate;
  }}
@keyframes svc-accent-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){#allrecords[data-hook="blocks-collection-content-node"] :is(.svc-page .svc-acc,.svc-about .svc-about__accent,.svc-text-accent){animation:none;background-position:50% 50%}}
@media(forced-colors:active){#allrecords[data-hook="blocks-collection-content-node"] :is(.svc-page .svc-acc,.svc-about .svc-about__accent,.svc-text-accent){background:none;color:Highlight;-webkit-text-fill-color:currentColor;animation:none}}
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]{
  width:40px;min-width:40px;height:40px;
  background:#f5f5f7;
  color:#25282b;
  border-radius:50%;
  transform:none;
  touch-action:manipulation;
  transition:background-color .2s ease,color .2s ease,transform .24s ease,opacity .2s ease;
}
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"] svg{
  display:block;width:52%;height:52%;fill:none;stroke:none;opacity:.76;
  transition:opacity .2s ease;
}
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"] path{stroke:currentColor}
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]:disabled{opacity:.35;cursor:default}
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]:focus-visible{
  background:#25282b;color:#fff;outline:2px solid var(--svc-brand-blue);outline-offset:4px;
}
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]:focus-visible svg{opacity:1}
@media(max-width:1199px){#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]{width:50px;min-width:50px;height:50px}}
@media(hover:hover) and (pointer:fine){#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]:hover:not(:disabled){
    background:#25282b;color:#fff;transform:scale(1.07);
  }
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]:hover:not(:disabled) svg{opacity:1}
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]:active:not(:disabled){transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){#allrecords .svc-slider-arrow[data-arrow-variant="contrast"],#allrecords .svc-slider-arrow[data-arrow-variant="contrast"] svg{transition:none}
#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]:hover:not(:disabled),#allrecords .svc-slider-arrow[data-arrow-variant="contrast"]:active:not(:disabled){transform:none}}
html.sr-on .t-rec.r_anim{transition:none}
html.sr-on .t-rec.r_hidden{opacity:1}
@supports (corner-shape:squircle){#allrecords[data-hook="blocks-collection-content-node"] .svc-page .svc-box,#allrecords[data-hook="blocks-collection-content-node"] .svc-page .svc-rcard{corner-shape:squircle;}}
:is(.svc-page,.svc-gallery,.svc-cases,.svc-about,.svc-scope,.svc-inline-cta,.svc-questions,.svc-articles){--color-blue:var(--svc-brand-blue);--article-blue:var(--svc-brand-blue)}
/* END svc-service-sections */