:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/100/SFProDisplay-Ultralight.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/100/SFProDisplay-Ultralight.woff) format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/200/SFProDisplay-Thin.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/200/SFProDisplay-Thin.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/300/SFProDisplay-Light.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/300/SFProDisplay-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/400/SFProDisplay-Regular.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/400/SFProDisplay-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/500/SFProDisplay-Medium.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/500/SFProDisplay-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/600/SFProDisplay-Semibold.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/600/SFProDisplay-Semibold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/700/SFProDisplay-Bold.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/700/SFProDisplay-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/800/SFProDisplay-Heavy.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/800/SFProDisplay-Heavy.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/900/SFProDisplay-Black.woff2) format("woff2"),
url(//kcd44.ru/wp-content/themes/archive/assets/fonts/sf-pro/900/SFProDisplay-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}:root {
--bg: #ffffff;
--body-bg: #f5f7fb;
--surface: rgba(255, 255, 255, 0.88);
--surface-strong: rgba(255, 255, 255, 0.96);
--text: #1f2937;
--muted: #6b7280;
--border: rgba(15, 23, 42, 0.08);
--accent: #164B99;
--accent-hover: #2164c7;
--shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
--radius: 18px;
--topbar-height: 42px;
--mainbar-height: 84px;
--header-gap: 10px;
--container: 1250px;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
color: var(--text);
background: var(--body-bg);
font-size: clamp(16px, 1.6vw, 18px);
line-height: 1.35em;
font-family: 'SF Pro', sans-serif;
}
a {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
display: block;
}
input, textarea {
font-family: 'SF Pro', sans-serif !improtant;
}
main:not(.front-page-template) {
padding-bottom: 40px;
}
.container {
width: min(var(--container), calc(100% - 32px));
padding: 0;
margin: 0 auto;
}
main .container {
padding: 0 20px;
}
main.page .container.first,
main.archive .container.first,
main.single .container.first {
padding: 200px 20px 60px;
}
main.page .container.first {
padding: 200px 20px 0px;
} .btn {
background: var(--accent);
padding: 18px 24px;
border-radius: 10px;
font-weight: 500;
line-height: 1.35em;
transform: translateY(0);
transition: all 0.25s ease-in-out;
}
.btn:hover {
transform: translateY(-3px);
background: var(--accent-hover);
box-shadow: 0 10px 20px -10px rgba(0,0,0,0.4);
}
.primary {
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.15);
} .auth-page {
padding: 222px 40px 60px;
}
.auth-card {
max-width: 480px;
margin: 0 auto;
padding: 32px;
background: #fff;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.auth-card h1 {
margin-top: 0;
margin-bottom: 24px;
color: var(--accent);
}
.auth-card form p {
margin-bottom: 16px;
}
.auth-card label {
display: block;
margin-bottom: 8px;
font-weight: 400;
font-size: 16px;
}
.auth-card .input {
width: 100%;
min-height: 48px;
padding: 12px 14px;
border: 1px solid #d9d9d9;
border-radius: 10px;
}
.auth-card .button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 18px;
border: 0;
border-radius: 10px;
cursor: pointer;
transition: all 0.2s ease-in-out;
transform: translateY(0);
filter: brightness(1);
box-shadow: 0 0 20px -10px rgba(0,0,0,0);
}
.auth-card .button-primary {
background: var(--accent);
color: #fff;
}
.auth-card .button-primary:hover {
transform: translateY(-3px);
background: var(--accent-hover);
box-shadow: 0 10px 20px -10px rgba(0,0,0,0.4);
}
.auth-links {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 20px;
font-size: 14px;
}
.auth-links a {
color: var(--muted);
transition: color 0.25s ease-in-out;
}
.auth-links a:hover {
color: var(--accent);
}
.auth-message {
margin-bottom: 18px;
padding: 12px 14px;
border-radius: 10px;
font-size: 14px;
}
.auth-message--success {
background: #ecfdf3;
color: #067647;
}
.auth-message--error {
background: #fef3f2;
color: #b42318;
} .section-breadcrumbs {
margin: 0;
}
.intuix-breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: 0;
margin: 0;
list-style: none;
font-size: 14px;
line-height: 1.4;
color: #6b7280;
}
.intuix-breadcrumbs li {
display: inline-flex;
align-items: center;
}
.intuix-breadcrumbs a {
position: relative;
color: #6b7280;
text-decoration: none;
transition: color 0.2s ease;
}
.intuix-breadcrumbs a:hover {
color: #164B99;
}
.intuix-breadcrumbs a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 1px;
background: #164B99;
transition: width 0.25s ease;
}
.intuix-breadcrumbs a:hover::after {
width: 100%;
}
.intuix-breadcrumbs li:last-child span {
color: #111827;
font-weight: 500;
}
.breadcrumb-separator {
margin: 0 4px;
color: rgba(0, 0, 0, 0.3);
user-select: none;
}
@media (max-width: 640px) {
.intuix-breadcrumbs {
font-size: 13px;
}
} .section-header {
display: flex;
max-width: 760px;
margin: 0 0 40px;
padding: 20px 0 0;
flex-direction: column;
align-items: flex-start;
}
.section-header.centered {
align-items: center;
margin: 0 auto 40px;
}
.section-title {
margin: 0 0 14px;
font-size: clamp(32px, 4vw, 48px);
line-height: 1.1;
color: var(--accent);
}
.section-header.light .section-title {
color: var(--body-bg);
}
.section-header.light .section-description {
color: var(--surface);
}
.section-description {
margin: 0;
line-height: 1.6;
color: var(--text);
font-size: clamp(16px, 1.6vw, 18px);
}
.section-header.centered .section-eyebrow,
.section-header.centered .section-title,
.section-header.centered .section-description {
text-align: center;
}
.section-eyebrow {
display: inline-block;
margin-bottom: 12px;
font-size: 14px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
color: var(--accent);
opacity: 0.6;
}
.section-header.light .section-eyebrow {
color: #fff;
} main.single {
--text: #1f2937;
--muted: #6b7280;
--accent: #164B99;
--border: rgba(0, 0, 0, 0.08);
line-height: 1.65;
color: var(--text);
}
main.single .entry-content {
max-width: 820px;
}
main.single .entry-content > * + * {
margin-top: 1.2em;
}
main.single h1,
main.single h2,
main.single h3,
main.single h4,
main.single h5,
main.single h6 {
font-weight: 700;
line-height: 1.25;
color: #1d1d1d;
margin-bottom: 0.6em;
}
main.single h1 {
margin: 30px 0;
font-size: clamp(32px, 4vw, 48px);
line-height: 1.1;
color: var(--accent);
}
main.single h2 {
font-size: clamp(22px, 3vw, 32px);
}
main.single h3 {
font-size: clamp(22px, 2.2vw, 28px);
}
main.single h4 {
font-size: clamp(18px, 1.8vw, 22px);
}
main.single h5 {
font-size: clamp(16px, 1.5vw, 18px);
}
main.single h6 {
font-size: clamp(14px, 1.2vw, 16px);
color: var(--muted);
}
main.single p {
font-size: clamp(15px, 1.1vw, 17px);
margin: 0;
}
main.single strong {
font-weight: 700;
color: inherit;
}
main.single em {
font-style: italic;
} .open-contact-form {
cursor: pointer;
} .intuix-contact-modal[hidden] {
display: none !important;
}
.intuix-contact-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 88px 20px 20px;
}
body.admin-bar .intuix-contact-modal {
padding: 120px 20px 20px;
}
.intuix-contact-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
opacity: 0;
transition: opacity 0.35s ease;
}
.intuix-contact-modal__dialog {
position: relative;
z-index: 2;
width: 100%;
max-width: 530px;
max-height: calc(100vh - 40px);
width: 100%;
background: var(--body-bg);
border-radius: 24px;
opacity: 0;
transform: translate3d(0, 36px, 0);
transition: opacity 0.35s ease, transform 0.35s ease;
}
.intuix-contact-modal__content {
padding: 30px;
}
.intuix-contact-modal__title {
margin: 0 0 16px;
text-align: center;
font-size: 20px;
line-height: 1.35em;
font-weight: 500;
color: #212122;
}
.intuix-contact-modal__close {
position: absolute;
top: 16px;
right: 16px;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
border-radius: 50%;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.intuix-contact-modal__close:hover {
background: rgba(0, 0, 0, 0.06);
}
.intuix-contact-modal__close:active {
transform: scale(0.96);
}
.intuix-contact-modal__close img {
display: block;
width: 18px;
height: 18px;
}
.intuix-contact-modal.is-visible .intuix-contact-modal__backdrop {
opacity: 1;
}
.intuix-contact-modal.is-visible .intuix-contact-modal__dialog {
opacity: 1;
transform: translate3d(0, 0, 0);
}
body.contact-form-popup-open {
overflow: hidden;
}
@media (max-width: 767px) {
.intuix-contact-modal {
padding: 12px;
}
.intuix-contact-modal__dialog {
max-height: calc(100vh - 24px);
border-radius: 20px;
}
.intuix-contact-modal__content {
padding: 24px 18px 20px;
}
.intuix-contact-modal__title {
font-size: 22px;
padding-right: 32px;
padding-left: 32px;
}
.intuix-contact-modal__close {
top: 12px;
right: 12px;
width: 40px;
height: 40px;
}
} @media (max-width: 767px) {
.page-template .container,
main.archive .container,
main.single .container {
padding: 120px 16px 60px;
}
}.mobile-only {
display: none;
}
.site-header {
position: fixed;
inset: 0 0 auto 0;
z-index: 1000;
padding-top: 14px;
transition: transform 0.3s ease;
}
body.admin-bar .site-header {
padding-top: 38px;
}
.site-header__inner {
display: flex;
flex-direction: column;
gap: var(--header-gap);
}
.top-bar {
height: var(--topbar-height);
transition:
opacity 0.28s ease,
transform 0.28s ease,
max-height 0.28s ease,
margin 0.28s ease;
max-height: var(--topbar-height);
overflow: hidden;
}
.top-bar__wrap {
height: 100%;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 16px;
padding: 0 18px;
border-radius: 999px;
background: var(--surface);
border: 1px solid var(--border);
backdrop-filter: blur(14px);
}
.top-bar__left,
.top-bar__right {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
color: var(--muted);
font-size: 0.95rem;
white-space: nowrap;
}
.top-bar__left span,
.top-bar__right a {
overflow: hidden;
text-overflow: ellipsis;
}
.top-bar__icon {
width: 18px;
height: 18px;
flex: 0 0 18px;
opacity: 0.8;
}
.main-bar {
position: sticky;
top: 14px;
z-index: 2;
}
.main-bar__wrap {
min-height: var(--mainbar-height);
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 24px;
padding: 14px 18px;
border-radius: 24px;
border: 1px solid var(--border);
backdrop-filter: blur(8px);
background-image: radial-gradient(rgba(0, 0, 0, 0) 1px, rgb(255 255 255 / 25%) 1px);
background-size: 6px 6px;
background-color: rgba(255, 255, 255, 0.85);
box-shadow: 0 12px 40px rgba(15, 23, 42, 0.1);
}
.site-logo {
display: inline-flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.site-logo .logo {
max-width: 58px !important;
min-width: 58px !important;
width: 58px !important;
}
.site-logo__mark {
width: 48px;
height: 48px;
border-radius: 14px;
display: grid;
place-items: center;
background: linear-gradient(135deg, #111827 0%, #374151 100%);
color: #fff;
font-weight: 700;
font-size: 1rem;
box-shadow: 0 8px 20px rgba(17, 24, 39, 0.18);
}
.site-logo__text {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.site-logo__title {
font-size: 1rem;
font-weight: 700;
letter-spacing: -0.02em;
}
.site-logo__subtitle {
font-size: 0.83rem;
color: var(--muted);
}
.header-menu {
display: flex;
justify-content: center;
align-items: center;
min-width: 0;
}
.header-menu__placeholder {
width: 100%;
text-align: center;
padding: 12px 16px;
border-radius: 16px;
background: rgba(15, 23, 42, 0.04);
border: 1px dashed rgba(15, 23, 42, 0.12);
color: var(--muted);
font-size: 0.96rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 22px;
border-radius: 999px;
background: linear-gradient(90deg, #3175e3 0%, #29529e 100%);
color: #fff;
font-weight: 600;
font-family: inherit !important;
font-size: 0.96rem;
transition: transform 0.2s ease, filter 0.2s ease-in-out, box-shadow 0.2s ease;
box-shadow: 0 10px 20px rgba(17, 24, 39, 0.16);
outline-offset: -4px;
outline: 2px solid rgba(255, 255, 255, 0.1) !important;
border: none !important;
white-space: nowrap;
}
.header-cta:hover {
filter: brightness(1.2);
color: #fff !important;
transform: translateY(-1px);
}
.header-cta:active {
transform: translateY(0);
} .site-header.is-scrolled .top-bar {
opacity: 0;
transform: translateY(-12px);
max-height: 0;
margin: 0;
pointer-events: none;
} .site-header.is-scrolled .main-bar__wrap {
min-height: 74px;
}
.header-menu__inner {
display: flex;
justify-content: center;
width: 100%;
}
.site-header .nav-menu {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 8px;
list-style: none;
background: rgba(15, 23, 42, 0.04);
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 999px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
min-width: 0;
flex-wrap: wrap;
}
.site-header .nav-item {
margin: 0;
padding: 0;
}
.site-header .nav-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
border-radius: 999px;
color: var(--text);
font-size: 0.95rem;
font-weight: 500;
line-height: 1;
white-space: nowrap;
transition:
background 0.22s ease,
color 0.22s ease,
transform 0.22s ease,
box-shadow 0.22s ease;
}
.site-header .nav-button:hover {
background: rgba(255, 255, 255, 0.88);
color: #000;
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}
.site-header .nav-button:focus-visible {
outline: none;
background: rgba(255, 255, 255, 0.95);
box-shadow:
0 0 0 3px rgba(17, 24, 39, 0.12),
0 8px 18px rgba(15, 23, 42, 0.08);
}
.site-header .nav-button::after {
content: "";
position: absolute;
left: 18px;
right: 18px;
bottom: 8px;
height: 2px;
border-radius: 2px;
background: currentColor;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.22s ease;
opacity: 0.18;
}
.site-header .nav-button:hover::after,
.site-header .nav-button:focus-visible::after {
transform: scaleX(1);
}
@media (max-width: 980px) {
.header-menu {
width: 100%;
}
.header-menu__inner {
width: 100%;
}
.site-header .nav-menu {
width: 100%;
border-radius: 22px;
justify-content: center;
}
}
@media (max-width: 680px) {
.site-header .nav-menu {
gap: 6px;
padding: 8px;
border-radius: 18px;
}
.site-header .nav-button {
min-height: 40px;
padding: 0 14px;
font-size: 0.92rem;
}
} .menu-toggle {
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
outline: none !important;
-webkit-tap-highlight-color: transparent;
width: 56px;
height: 56px;
margin-left: auto;
}
.menu-toggle svg {
width: 56px;
height: 56px;
display: block;
}
.line {
fill: none;
stroke: rgba(15, 23, 42, 0.8);
stroke-width: 6;
transition:
stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke 200ms ease;
}
.line1 {
stroke-dasharray: 60 207;
}
.line2 {
stroke-dasharray: 60 60;
}
.line3 {
stroke-dasharray: 60 207;
}
.menu-toggle.opened .line {
stroke: var(--accent);
}
.menu-toggle.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
}
.menu-toggle.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
}
.menu-toggle.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
} .mobile-menu {
position: fixed;
inset: 0;
z-index: 999;
background: rgba(245, 247, 251, 0.82);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity 0.3s ease,
visibility 0.3s ease;
}
.mobile-menu.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.mobile-menu__inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: 110px;
padding-bottom: 24px;
}
.mobile-menu__nav {
width: 100%;
}
.mobile-menu .nav-menu {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 10px;
background: var(--surface-strong);
border: 1px solid var(--border);
list-style: none;
box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
}
.mobile-menu .nav-item,
.mobile-menu .nav-subitem {
width: 100%;
}
.mobile-menu .nav-button,
.mobile-menu .nav-subbutton {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
min-height: 50px;
padding: 0 16px;
border-radius: 16px;
font-size: 1rem;
text-align: left;
white-space: normal;
}
.mobile-menu .nav-button::after,
.mobile-menu .nav-subbutton::after {
display: none;
}
.mobile-menu .dropdown-menu {
display: flex;
flex-direction: column;
gap: 8px;
margin: 8px 0 0;
padding: 0 0 0 12px;
list-style: none;
}
.mobile-menu__actions {
margin-top: 16px;
}
.mobile-menu__actions .header-cta {
width: 100%;
}
html.mobile-menu-open,
body.mobile-menu-open {
overflow: hidden;
}  @media (max-width: 980px) {
.top-bar {
display: none;
}
.main-bar__wrap {
grid-template-columns: 1fr auto;
gap: 14px;
padding: 12px 14px;
min-height: 76px;
}
.header-menu,
.header-actions {
display: none;
}
.mobile-only {
display: inline-flex;
}
.site-logo {
justify-content: flex-start;
min-width: 0;
}
.site-logo__text {
line-height: 1.05;
}
.site-logo__title {
font-size: 0.92rem;
}
}
@media (max-width: 680px) {
:root {
--mainbar-height: auto;
}
.site-header {
padding-top: 10px;
}
.container {
width: min(var(--container), calc(100% - 20px));
}
.main-bar {
top: 10px;
}
.main-bar__wrap {
grid-template-columns: 1fr auto;
padding: 10px 12px;
border-radius: 20px;
min-height: 70px;
}
.site-logo {
gap: 10px;
}
.site-logo .logo {
max-width: 46px !important;
min-width: 46px !important;
width: 46px !important;
}
.site-logo__title {
font-size: 0.82rem;
}
.site-logo__subtitle {
display: none;
}
.menu-toggle {
width: 48px;
height: 48px;
}
.menu-toggle svg {
width: 48px;
height: 48px;
}
.mobile-menu__inner {
padding-top: 96px;
}
.mobile-menu .nav-menu {
padding: 14px;
border-radius: 22px;
}
.mobile-menu .nav-button,
.mobile-menu .nav-subbutton {
min-height: 46px;
padding: 0 14px;
font-size: 0.96rem;
}
}.site-footer {
position: relative;
background: var(--surface-strong);
z-index: 3;
}
.site-footer__inner {
display: flex;
flex-direction: column;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
padding: 40px 24px;
border-radius: 24px;
}
.footer-card {
min-width: 0;
}
.footer-card__title {
margin: 0 0 18px;
font-size: 1.05rem;
line-height: 1.2;
font-weight: 700;
color: var(--text);
letter-spacing: -0.02em;
} .footer-brand {
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
margin-bottom: 22px;
}
.footer-brand__logo {
width: 62px;
min-width: 62px;
max-width: 62px;
}
.footer-brand__logo img {
display: block;
width: 100%;
height: auto;
}
.footer-brand__text {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.footer-brand__title {
font-size: 1rem;
font-weight: 700;
line-height: 1.12;
color: var(--text);
}
.footer-brand__subtitle {
font-size: 0.84rem;
color: var(--muted);
} .footer-company-info {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-info-item {
display: flex;
align-items: flex-start;
gap: 10px;
color: var(--muted);
font-size: 0.95rem;
line-height: 1.45;
}
.footer-info-item a {
color: inherit;
}
.footer-info-item__icon {
width: 18px;
height: 18px;
flex: 0 0 18px;
margin-top: 2px;
opacity: 0.8;
}
.footer-info-item__icon svg {
display: block;
width: 100%;
height: 100%;
} .footer-nav .nav-menu {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
list-style: none;
gap: 6px;
padding: 0;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.footer-nav .nav-item,
.footer-nav .nav-subitem {
width: 100%;
}
.footer-nav .nav-button,
.footer-nav .nav-subbutton {
display: flex;
justify-content: flex-start;
align-items: center;
min-height: 32px;
width: 100%;
padding: 0;
border-radius: 14px;
color: var(--text);
border: 1px solid transparent;
font-size: 0.95rem;
font-weight: 500;
line-height: 1.2;
transition: color 0.25s ease-in-out;
}
.footer-nav .nav-button:hover,
.footer-nav .nav-subbutton:hover {
color: var(--accent);
}
.footer-nav .nav-button::after,
.footer-nav .nav-subbutton::after {
display: none;
}
.footer-nav .dropdown-menu {
display: flex;
flex-direction: column;
gap: 6px;
margin: 6px 0 0;
padding: 0 0 0 10px;
list-style: none;
} .footer-links__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.footer-links__list a {
display: flex;
align-items: center;
min-height: 44px;
padding: 0 14px;
border-radius: 14px;
background: rgba(15, 23, 42, 0.03);
color: var(--text);
border: 1px solid transparent;
transition:
background 0.22s ease,
border-color 0.22s ease,
transform 0.22s ease;
}
.footer-links__list a:hover {
background: rgba(255, 255, 255, 0.88);
border-color: var(--border);
transform: translateY(-1px);
} .footer-contact-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 18px;
}
.footer-contact-link {
display: inline-flex;
align-items: center;
min-height: 42px;
color: var(--text);
font-weight: 500;
padding: 0 2px;
}
.footer-contact-link:hover {
color: var(--accent);
} .footer-mini-form {
margin-top: auto;
}
.footer-mini-form__field {
display: flex;
align-items: center;
gap: 10px;
padding: 8px;
border-radius: 999px;
background: rgba(15, 23, 42, 0.04);
border: 1px solid rgba(15, 23, 42, 0.08);
}
.footer-mini-form__field input {
width: 100%;
min-width: 0;
height: 44px;
padding: 0 14px;
border: 0;
outline: none;
background: transparent;
color: var(--text);
font: inherit;
}
.footer-mini-form__field input::placeholder {
color: var(--muted);
}
.footer-mini-form__field button {
min-width: 120px;
height: 44px;
padding: 0 18px;
border: 0;
border-radius: 999px;
background: var(--accent);
color: #fff;
font: inherit;
font-weight: 600;
cursor: pointer;
transition:
background 0.2s ease,
transform 0.2s ease,
box-shadow 0.2s ease;
}
.footer-mini-form__field button:hover {
background: var(--accent-hover);
transform: translateY(-1px);
} .site-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 16px 20px;
border-radius: 16px;
margin-bottom: 20px;
background: rgba(0, 0, 0, 0.05);
}
.site-footer__copy,
.site-footer__dev {
margin: 0;
color: var(--muted);
font-size: 0.92rem;
line-height: 1.4;
} @media (max-width: 1180px) {
.footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.site-footer {
padding: 36px 0 22px;
}
.footer-grid {
grid-template-columns: 1fr;
padding: 0;
}
.footer-card {
padding: 20px;
border-radius: 20px;
}
.footer-mini-form__field {
flex-direction: column;
align-items: stretch;
border-radius: 20px;
}
.footer-mini-form__field button {
width: 100%;
min-width: 0;
}
.site-footer__bottom {
flex-direction: column;
align-items: flex-start;
padding: 14px 16px;
}
}main.site-main.front-page-template {
position: relative;
z-index: 2;
}
#wrap {
position: fixed;
inset: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
canvas {
display: block;
width: 100%;
height: 100%;
} .hero .intuix-slider-headline {
color: var(--accent) !important;
text-transform: none;
}
.hero .intuix-slider-copy,
.hero .intuix-slider-copy p {
color: #43484B !important;
font-weight: 300;
font-size: clamp(18px, calc(16.095px + 0.476vw), 22px);
}
.hero .intuix-slider-pane-inner {
} .statistics {
position: relative;
display: flex;
padding: 40px 0 60px;
min-height: 580px;
align-items: center;
}
.statistics .container {
position: relative;
margin: 0 auto;
padding: 0 20px;
z-index: 2;
}
.statistics-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 38px;
}
.stat-card {
padding: 50px 16px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.8);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
backdrop-filter: blur(6px);
box-shadow: 0 0 60px -20px rgb(73 102 240 / 30%);
}
.stat-value {
display: inline-flex;
align-items: baseline;
justify-content: center;
flex-wrap: nowrap;
font-size: clamp(36px, 6vw, 54px);
line-height: 0.95;
font-weight: 700;
color: var(--text);
letter-spacing: -0.04em;
margin-bottom: 26px;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.stat-prefix,
.stat-suffix,
.stat-separator {
display: inline-block;
}
.stat-prefix {
margin-right: 0.15em;
}
.stat-suffix {
margin-left: 0.15em;
}
.stat-number {
display: inline-flex;
align-items: flex-end;
justify-content: center;
}
.stat-wheel {
position: relative;
width: 0.62em;
height: 1em;
overflow: hidden;
display: inline-flex;
justify-content: center;
align-items: flex-start;
flex: 0 0 0.62em;
}
.stat-track {
display: flex;
flex-direction: column;
transform: translateY(0);
transition: transform 1.3s cubic-bezier(0.2, 0.8, 0.2, 1);
will-change: transform;
}
.stat-value.is-ready .stat-track {
transform: translateY(calc(var(--shift, 0) * -1em));
}
.stat-digit {
width: 100%;
height: 1em;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.stat-separator {
width: 0.34em;
text-align: center;
}
.stat-text {
margin: 0;
font-size: clamp(16px, 1.6vw, 18px);
line-height: 1.2;
color: #6e7480;
font-weight: 400;
max-width: 22ch;
}
@media (max-width: 1200px) {
.statistics-grid {
gap: 24px;
}
.stat-card {
min-height: 220px;
border-radius: 28px;
}
}
@media (max-width: 900px) {
.statistics-grid {
grid-template-columns: 1fr;
}
.stat-card {
min-height: 190px;
}
}
@media (max-width: 640px) {
.statistics {
padding: 24px 0 40px;
}
.statistics .container {
padding: 0 16px;
}
.stat-card {
padding: 28px 18px 24px;
border-radius: 22px;
}
.stat-value {
margin-bottom: 18px;
white-space: normal;
line-height: 1;
}
.stat-text {
font-size: 20px;
}
} .services {
padding: 80px 0;
background: var(--body-bg);
}
.services-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.service-card {
min-width: 0;
}
.service-card__link {
position: relative;
display: flex;
align-items: flex-end;
min-height: 320px;
padding: 24px;
border-radius: 10px;
overflow: hidden;
text-decoration: none;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
isolation: isolate;
transition: transform 0.25s ease;
}
.service-card__link:hover,
.service-card__link:focus-visible {
transform: translateY(-4px);
}
.service-card__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.35);
transition: background 0.25s ease;
z-index: 1;
}
.service-card__link:hover .service-card__overlay,
.service-card__link:focus-visible .service-card__overlay {
background: rgba(0, 0, 0, 0.5);
}
.service-card__title {
position: relative;
z-index: 2;
margin: 0;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #ffffff;
}
@media (max-width: 991px) {
.services-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.services {
padding: 60px 0;
}
.services-grid {
grid-template-columns: 1fr;
}
.service-card__link {
min-height: 260px;
padding: 20px;
}
.service-card__title {
font-size: 21px;
}
} .reviews {
overflow: hidden !important;
background: var(--body-bg);
padding: 0 0 60px;
}
.reviews .intuix-reviews {
-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 1) 250px, rgba(255, 255, 255, 1) calc(100% - 250px), transparent 100%);
}
.reviews .swiper {
overflow: visible !important;
max-width: 625px;
}
.reviews .review {
background-color: var(--surface-strong) !important;
}
.reviews .review-author span {
color: var(--text) !important;
}
.reviews .review-date {
color: var(--muted) !important;
}
.reviews .review-content {
color: var(--text) !important;
} .qualifications {
padding: 60px 0;
background: var(--body-bg);
}
.qualifications-split {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.qualification {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
}
.qualification h3 {
font-size: 24px !important;
color: var(--accent) !important;
margin: 0 !important;
text-align: center;
}
.qualification img {
max-width: 100%;
width: auto;
height: 320px;
object-fit: contain;
object-position: center center;
} .news {
position: relative;
background: linear-gradient(135deg, #164b99, #0f3570);
padding: 30px 0 90px;
overflow: hidden;
}
.news::after {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 2;
}
.news-grid {
position: relative;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
z-index: 3;
}
.news-card {
min-width: 0;
}
.news-card__link {
position: relative;
display: flex;
align-items: flex-end;
min-height: 320px;
padding: 24px;
border-radius: 10px;
overflow: hidden;
text-decoration: none;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
isolation: isolate;
transition: transform 0.25s ease;
}
.news-card__link:hover,
.news-card__link:focus-visible {
transform: translateY(-4px);
}
.news-card__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.35);
transition: background 0.25s ease;
z-index: 1;
}
.news-card__link:hover .news-card__overlay,
.news-card__link:focus-visible .news-card__overlay {
background: rgba(0, 0, 0, 0.5);
}
.news-card__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 8px;
}
.news-card__date {
display: inline-block;
font-size: 13px;
line-height: 1;
font-weight: 500;
color: rgba(255, 255, 255, 0.82);
}
.news-card__title {
margin: 0;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #ffffff;
}
@media (max-width: 1024px) {
.news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.qualifications-split {
grid-template-columns: 1fr;
}
.news-grid {
grid-template-columns: 1fr;
}
.news-card__link {
min-height: 260px;
padding: 20px;
}
.news-card__title {
font-size: 21px;
}
}.intuix-slider-sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.intuix-slider {
display: flex;
position: relative;
isolation: isolate;
width: 100%;
height: 880px;
min-height: 880px;
padding: 0;
overflow: hidden;
background: #fff;
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.intuix-slider-track {
position: relative;
height: 100%;
width: 100%;
}
.intuix-slider-slide {
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
transition: opacity .6s ease;
}
.intuix-slider-slide.is-active {
opacity: 1;
pointer-events: auto;
}
.intuix-slider-split {
display: grid;
grid-template-columns: 1fr 1fr;
height: 100%;
}
.intuix-slider-pane {
position: relative;
}
.intuix-slider-pane--left {
display: flex;
align-items: center;
padding-top: 80px;
z-index: 4;
}
.intuix-slider-pane--right {
overflow: hidden;
width: 200%;
transform: translateX(-50%);
z-index: 2;
}
.intuix-slider-pane-inner {
width: 100%;
max-width: 600px;
padding: clamp(24px, 4vw, 64px) 24px;
}
.intuix-slider-kicker {
font-weight: 500;
font-size: clamp(16px, 2.2vw, 24px);
line-height: 1.25;
margin: 0 0 12px;
opacity: .95;
}
.intuix-slider-headline {
font-weight: 700;
text-transform: uppercase;
line-height: 1.05;
font-size: clamp(36px, 6vw, 52px);
margin: 0 0 18px;
}
.intuix-slider-copy,
.intuix-slider-copy p {
max-width: 48ch;
font-size: clamp(14px, 1.6vw, 18px);
line-height: 1.55;
color: rgba(255, 255, 255, .9);
margin: 0 0 28px;
}
.intuix-slider-cta {
display: flex;
gap: 15px;
justify-content: flex-start;
}
.intuix-slider-slide.light .intuix-slider-kicker,
.intuix-slider-slide.light .intuix-slider-headline {
color: var(--e-global-color-primary, #111);
}
.intuix-slider-slide.light .intuix-slider-copy,
.intuix-slider-slide.light .intuix-slider-copy p {
color: var(--e-global-color-text, #222);
}
.intuix-slider-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transform: scale(1);
will-change: transform;
}
.intuix-slider-nav {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
border-radius: 999px;
border: 0;
background: rgba(255, 255, 255, .18);
color: #fff;
font-size: 34px;
line-height: 1;
display: grid;
place-items: center;
cursor: pointer;
-webkit-backdrop-filter: blur(2px) brightness(0.5);
backdrop-filter: blur(2px) brightness(0.5);
transition: background .2s ease, transform .2s ease;
}
.intuix-slider-nav:hover {
background: rgba(255, 255, 255, .28);
transform: translateY(-50%) scale(1.04);
}
.intuix-slider-nav--prev { left: 20px; }
.intuix-slider-nav--next { right: 20px; }
.intuix-slider-nav span {
display: flex;
justify-content: center;
align-items: center;
}
.intuix-slider-nav span svg {
min-width: 30px;
max-width: 30px;
width: 30px;
height: 30px;
min-height: 30px;
max-height: 30px;
aspect-ratio: 1 / 1;
}
.intuix-slider-slide .intuix-slider-nav svg path {
fill: #fff;
}
.intuix-slider-slide.light .intuix-slider-nav svg path {
fill: var(--e-global-color-primary, #111) !important;
}
.intuix-slider-dots {
position: absolute;
z-index: 4;
left: 50%;
bottom: 22px;
transform: translateX(-50%);
display: inline-flex;
gap: 10px;
}
.intuix-slider-dot {
width: 10px;
height: 10px;
padding: 0;
border-radius: 999px;
background: rgba(255, 255, 255, .4);
border: 0;
cursor: pointer;
display: inline-block;
transition: transform .15s ease, background .2s ease;
}
.intuix-slider-dot.is-active {
background: #fff;
}
@media (max-width: 1024px) {
.intuix-slider-split { grid-template-columns: 1fr; }
.intuix-slider-pane--right { order: -1; height: 56vh; }
.intuix-slider { min-height: auto; }
}
@media (max-width: 767px) {
.intuix-slider {
height: auto;
aspect-ratio: 1 / 2;
}
.intuix-slider-split {
height: auto;
}
.intuix-slider-pane--right {
height: auto;
aspect-ratio: 1 / 1;
width: 100%;
min-width: 100%;
max-width: 100%;
transform: none;
}
.intuix-slider-pane--left {
height: auto;
padding-top: 0;
width: 100%;
min-width: 100%;
max-width: 100%;
align-items: flex-start;
padding: 40px 0;
}
.intuix-slider-pane-inner {
width: 100%;
max-width: 600px;
padding: 0 20px;
gap: 15px;
}
.intuix-slider-kicker {
margin-bottom: 0;
font-size: 20px;
}
.intuix-slider-headline {
margin-top: 0;
font-size: clamp(22px, 8vw, 36px);
margin-bottom: 20px;
}
.intuix-slider-slide .hero-kicker,
.intuix-slider-slide .hero-headline {
color: var(--e-global-color-primary);
}
.intuix-slider-slide .hero-copy,
.intuix-slider-slide .hero-copy p {
color: var(--e-global-color-text);
}
.intuix-slider-copy {
font-size: 18px;
margin-bottom: 8px;
}
.intuix-slider-nav {
display: block;
top: 25%;
}
}.intuix-reviews {
position: relative;
width: 100%;
}
.intuix-reviews .intuix-reviews-swiper-missing,
.intuix-reviews .intuix-reviews-empty {
margin: 0;
padding: 16px 20px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.12);
color: inherit;
}
.intuix-reviews .reviews-carousel {
overflow: hidden;
}
.intuix-reviews .swiper-slide {
display: flex;
height: auto;
filter: contrast(1) brightness(0.9);
transform: scale(0.85);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.25s ease-in-out;
}
.intuix-reviews .swiper-slide-active {
filter: contrast(1) brightness(1);
transform: scale(1);
}
.intuix-reviews .review {
display: flex;
width: 100%;
min-height: 100%;
flex-direction: column;
padding: 20px;
border-radius: 20px;
background-color: rgba(255, 255, 255, 0.15);
box-shadow: 0 0 40px -20px rgba(0, 0, 0, 0.3);
position: relative;
}
.intuix-reviews .review-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 15px;
min-height: 56px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.08);
padding-bottom: 12px;
}
.intuix-reviews .review-header-left {
display: flex;
align-items: center;
min-width: 0;
flex: 1 1 auto;
}
.intuix-reviews .review-avatar {
flex: 0 0 auto;
}
.intuix-reviews .review-avatar img,
.intuix-reviews .review-avatar .circle-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 12px;
}
.intuix-reviews .review-avatar img {
display: block;
object-fit: cover;
}
.intuix-reviews .review-avatar .circle-avatar {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-accent, #d6b36a);
color: var(--e-global-color-primary, #111111);
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.intuix-reviews .review-meta {
display: flex;
flex-direction: column;
min-width: 0;
}
.intuix-reviews .review-author {
display: block;
}
.intuix-reviews .review-author span {
display: block;
margin-top: -4px;
margin-bottom: -2px;
color: rgba(255, 255, 255, 1);
font-size: 16px;
font-weight: 500;
line-height: 1.3;
}
.intuix-reviews .review-date {
display: flex;
align-items: center;
color: rgba(255, 255, 255, 0.85);
font-size: 12px;
line-height: 1.3;
}
.intuix-reviews .review-rating {
display: inline-flex;
align-items: center;
gap: 4px;
flex: 0 0 auto;
color: #e1b94e;
}
.intuix-reviews .review-rating svg {
width: 16px;
height: 16px;
display: block;
}
.intuix-reviews .review-content {
margin: 0;
color: rgba(255, 255, 255, 1);
font-size: 16px;
line-height: 1.6;
}
.intuix-reviews .review-content > *:first-child {
margin-top: 0;
}
.intuix-reviews .review-content > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.intuix-reviews .swiper-slide {
transform: scale(1);
filter: none;
}
.intuix-reviews .review-header {
flex-direction: column;
align-items: flex-start;
}
.intuix-reviews .review-rating {
width: 100%;
}
}
.intuix-reviews .reviews-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--intuix-reviews-gap, 24px);
}
.intuix-reviews .reviews-grid.columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.intuix-reviews .reviews-grid.columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.intuix-reviews .reviews-grid.columns-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.intuix-reviews .reviews-grid-item {
display: flex;
}
.intuix-reviews .reviews-grid-item .review {
transform: none;
filter: none;
height: 100%;
}
@media (max-width: 1024px) {
.intuix-reviews .reviews-grid.columns-4,
.intuix-reviews .reviews-grid.columns-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.intuix-reviews .reviews-grid.columns-4,
.intuix-reviews .reviews-grid.columns-3,
.intuix-reviews .reviews-grid.columns-2 {
grid-template-columns: 1fr;
}
}.icf {
width: 100%;
color: #202020;
}
.icf__form {
display: grid;
gap: 16px;
max-width: 100%;
width: 100%;
margin: 0 auto;
}
.icf__field {
display: block;
}
.icf__label {
display: block;
margin: 0 0 8px;
font-size: 14px;
line-height: 1.35;
font-weight: 500;
color: #1f2329;
}
.icf__required {
color: #ff3b30;
}
.icf__input, .icf__textarea {
display: block;
width: 100%;
border: 1px solid rgba(31, 35, 41, 0.14);
background: #ffffff;
color: var(--text);
font-family: inherit;
font-size: 16px !important;
line-height: 1.35em;
padding: 10px 14px;
outline: none;
border-radius: 8px !important;
box-shadow: none !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.icf__input::placeholder,
.icf__textarea::placeholder {
color: #90949a;
opacity: 1;
}
.icf__input:hover,
.icf__textarea:hover {
border-color: rgba(31, 35, 41, 0.22);
}
.icf__input:focus,
.icf__textarea:focus {
border-color: #1f66cb;
box-shadow: 0 0 0 4px rgba(31, 102, 203, 0.1);
}
.icf__textarea {
resize: none;
}
.icf__field--checkbox {
margin-top: -2px;
}
.icf__checkbox {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
font-size: 14px;
line-height: 1.5;
color: #1f2329;
}
.icf__checkbox input[type="checkbox"] {
margin: 2px 0 0;
flex: 0 0 auto;
}
.icf__honeypot {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.icf__actions {
margin-top: 4px;
}
.icf__submit {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 20px 30px;
background: rgb(33 33 34);
border: none;
border-radius: 40px;
color: #ffffff;
text-decoration: none;
font-size: 15px;
cursor: pointer;
transition: all 0.25s ease;
}
.icf__submit:hover {
background: rgba(0, 0, 0, 1);
}
.icf__submit:active {
transform: translateY(0);
}
.icf__submit-icon {
width: 12px;
height: 12px;
line-height: 1;
}
.icf__submit:disabled {
opacity: 0.65;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.icf__response {
display: none;
font-size: 15px;
line-height: 1.5;
}
.icf__response.is-success,
.icf__response.is-error {
display: block;
margin-top: 2px;
}
.icf__response.is-success {
color: #14804a;
}
.icf__response.is-error {
color: #c62828;
}
.icf__footer {
display: flex;
flex-wrap: wrap;
gap: 14px 30px;
margin-top: 28px;
padding-top: 22px;
border-top: 1px solid rgba(31, 35, 41, 0.1);
}
.icf__footer a {
color: #7a7f87;
font-size: 10px;
line-height: 1.5;
text-decoration: none;
transition: color 0.2s ease;
}
.icf__footer a:hover {
color: #1f2329;
text-decoration: underline;
}
@media (max-width: 767px) {
.icf__form {
gap: 20px;
}
.icf__label {
font-size: 16px;
margin-bottom: 8px;
}
.icf__input,
.icf__textarea {
font-size: 16px;
padding: 14px 16px;
border-radius: 14px;
}
.icf__textarea {
min-height: 120px;
}
.icf__submit {
min-height: 56px;
font-size: 18px;
padding: 14px 20px;
}
.icf__footer {
gap: 12px;
flex-direction: column;
}
.icf__footer a {
font-size: 13px;
}
}