@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-cyrillic-ext-wght-normal-hICkpzq7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-cyrillic-wght-normal-mKek_fSS.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-latin-ext-wght-normal-B-I5lbAQ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-latin-wght-normal-BS5oQT7X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.table{display:table}
}
:root{--green:#b8ef39;--ink:#0d1110;--muted:#707974;--line:#dfe3df;--paper:#f6f7f4;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);margin:0;font-family:Golos Text Variable,Golos Text,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.header{color:#fff;z-index:50;background:#0d1110;border-bottom:1px solid #303532;align-items:center;gap:38px;height:82px;padding:0 4.5vw;display:flex;position:relative}
.brandLink{display:inline-flex}
.brand{align-items:center;gap:11px;min-width:212px;display:flex}
.brandMark{border:2px solid var(--green);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3px;width:39px;height:39px;padding:4px;display:grid;transform:skew(-5deg)}
.brandMark i{background:#20b5e8;display:block}
.brandMark i:nth-child(2){background:#e54b3f}
.brandMark i:nth-child(3){background:#eef3ef}
.brandMark i:nth-child(4){background:#176aa8}
.brand>span:last-child{flex-direction:column;line-height:1;display:flex}
.brand b{letter-spacing:.12em;font-size:20px}
.brand small{letter-spacing:.18em;color:#9ba49f;margin-top:5px;font-size:6.5px}
.nav{color:#c8cfcb;align-items:center;gap:28px;margin:auto;font-size:13px;display:flex}
.nav a:hover{color:var(--green)}
.headerCta,.primary{background:var(--green);color:#0c130c;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:25px;padding:17px 20px;font-size:13px;font-weight:800;display:inline-flex}
.headerCta span,.primary span{font-size:18px}
.menuBtn{color:#fff;background:0 0;border:0;font-size:25px;display:none}
.hero{color:#fff;background:#1b211e url(/hero-installation.png) 50%/cover no-repeat;height:min(780px,100vh - 82px);min-height:650px;position:relative;overflow:hidden}
.heroShade{background:linear-gradient(90deg,#050907f5 0%,#070a08ba 49%,#080a0938 100%),linear-gradient(#0000 55%,#050806d9);position:absolute;inset:0}
.heroGrid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}
.heroContent{max-width:760px;position:absolute;top:13%;left:7.5vw}
.eyebrow,.kicker{letter-spacing:.18em;font-size:11px;font-weight:800}
.eyebrow{color:#cbd1cd;align-items:center;gap:12px;display:flex}
.eyebrow span{background:var(--green);width:33px;height:2px;display:block}
h1{letter-spacing:-.04em;text-transform:uppercase;margin:31px 0 26px;font-size:clamp(48px,5.2vw,82px);font-weight:670;line-height:.92}
h1 em{color:var(--green);font-style:normal}
.heroLead{color:#c6cdca;max-width:605px;font-size:17px;line-height:1.6}
.heroActions{align-items:center;gap:15px;margin-top:35px;display:flex}
.secondary{border-bottom:1px solid #85908a;padding:16px 20px;font-size:13px;font-weight:700}
.heroStats{gap:60px;display:flex;position:absolute;bottom:42px;left:7.5vw}
.heroStats div{border-left:1px solid #758078;flex-direction:column;padding-left:15px;display:flex}
.heroStats b{color:#fff;font-size:23px}
.heroStats span{color:#9fa8a2;margin-top:5px;font-size:10px}
.liveCard{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#101612eb;border:1px solid #ffffff26;width:330px;padding:22px;position:absolute;bottom:40px;right:6vw;box-shadow:0 25px 70px #0007}
.liveHead{letter-spacing:.15em;color:#9aa59f;justify-content:space-between;align-items:center;font-size:9px;display:flex}
.liveHead i,.dashTop i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:6px;display:inline-block}
.liveHead b{color:var(--green);letter-spacing:0;font-size:25px}
.liveTitle{margin:18px 0 11px;font-size:16px;font-weight:700}
.progress,.mini{background:#39403c;height:4px;display:block}
.progress span{background:var(--green);width:74%;height:100%;display:block}
.liveRows{margin:17px 0}
.liveRows p{color:#aeb6b1;justify-content:space-between;margin:10px 0;font-size:11px;display:flex}
.liveRows b{color:#fff}
.liveRows .green{color:var(--green)}
.liveCard>small{color:#727c76;font-size:8px}
.logos{border-bottom:1px solid var(--line);color:#242b27;background:#fff;justify-content:space-between;align-items:center;gap:25px;min-height:92px;padding:20px 7.5vw;display:flex}
.logos>span{letter-spacing:.14em;color:#8a938e;font-size:8px}
.logos b{letter-spacing:-.04em;font-size:21px}
.logos b span{color:#e3262e}
.section{padding:115px 7.5vw}
.sectionIntro{max-width:1000px}
.kicker{color:#58605b;margin:0 0 22px}
.section h2,.darkSection h2,.cases h2,.request h2{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(38px,4vw,62px);font-weight:650;line-height:1.01}
.section h2 span,.darkSection h2 span,.cases h2 span,.request h2 span{color:#8e9791}
.sectionIntro>p:last-child{color:#6d7671;max-width:610px;margin:25px 0 50px;font-size:16px;line-height:1.65}
.audienceGrid{border:1px solid #d7dcd8;grid-template-columns:repeat(3,1fr);display:grid}
.audienceGrid article{background:#fff;border-right:1px solid #d7dcd8;min-height:315px;padding:32px;position:relative}
.audienceGrid article:last-child{border:0}
.num{color:#8c958f;font-size:10px}
.audIcon{color:#5d6a62;margin:38px 0 26px;font-size:35px}
.audienceGrid h3{margin:0 0 15px;font-size:23px}
.audienceGrid p{color:#737c77;font-size:13px;line-height:1.6}
.audienceGrid a{text-transform:uppercase;border-bottom:1px solid #9fa7a2;padding-bottom:5px;font-size:11px;font-weight:800;position:absolute;bottom:28px;left:32px}
.darkSection{color:#fff;background:#101512;grid-template-columns:.9fr 1.1fr;gap:7vw;padding:110px 7.5vw;display:grid;overflow:hidden}
.greenText{color:var(--green)}
.darkSection h2 span{color:#808a84}
.controlLead{color:#9ca69f;max-width:510px;margin:25px 0 34px;line-height:1.6}
.controlCopy ul{margin:0;padding:0;list-style:none}
.controlCopy li{border-top:1px solid #303733;gap:20px;padding:17px 0;display:flex}
.controlCopy li>b{color:var(--green);font-size:10px}
.controlCopy li span{color:#89938d;flex-direction:column;font-size:11px;display:flex}
.controlCopy li strong{color:#fff;margin-bottom:6px;font-size:14px}
.dashboard{background:#171d19;border:1px solid #3a433d;align-self:center;padding:23px;transform:perspective(1400px)rotateY(-3deg);box-shadow:0 35px 80px #0008}
.dashTop{color:#8b968f;letter-spacing:.13em;border-bottom:1px solid #343b37;justify-content:space-between;padding-bottom:14px;font-size:9px;display:flex}
.dashTitle{justify-content:space-between;align-items:end;padding:22px 0;display:flex}
.dashTitle small,.metrics small{color:#737e77;letter-spacing:.13em;font-size:8px}
.dashTitle h3{margin:5px 0 0;font-size:20px}
.dashTitle button{color:#aab3ad;background:#242b27;border:1px solid #3b443e;padding:9px 12px;font-size:9px}
.metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}
.metrics>div{background:#202722;flex-direction:column;padding:15px;display:flex}
.metrics b{margin:8px 0 4px;font-size:25px}
.metrics span{color:#859089;font-size:8px}
.metrics>div:first-child span{color:var(--green)}
.chart,.zones{background:#202722;margin-top:10px;padding:16px}
.chartHead,.zoneHead{justify-content:space-between;font-size:10px;display:flex}
.chartHead span,.zoneHead span{color:#7d8881;font-size:7px}
.chartHead i{background:var(--green);width:8px;height:8px;display:inline-block}
.bars{background:repeating-linear-gradient(0deg,#0000,#0000 29px,#2b332e 30px);border-bottom:1px solid #3b443e;align-items:end;gap:13px;height:120px;padding:18px 6px 0;display:flex}
.bars span{background:linear-gradient(var(--green),#66891e);flex:1}
.days{color:#67716b;justify-content:space-around;margin-top:6px;font-size:7px;display:flex}
.days i{font-style:normal}
.zones p{grid-template-columns:70px 1fr 65px 33px;align-items:center;gap:10px;margin:13px 0;font-size:8px;display:grid}
.zones p>b{font-size:9px}
.zones p small{color:#7f8983}
.zones p em{color:var(--green);font-style:normal}
.mini i{background:var(--green);height:100%;display:block}
.split{grid-template-columns:1fr .8fr;align-items:end;display:grid}
.split>p{max-width:420px!important;margin:0!important}
.serviceList{border-top:1px solid #cfd5d0;margin-top:55px}
.serviceList>div{border-bottom:1px solid #cfd5d0;grid-template-columns:70px 1fr 40px;align-items:center;padding:25px 7px;display:grid}
.serviceList span{color:#87908b;font-size:10px}
.serviceList h3{margin:0;font-size:21px;font-weight:600}
.serviceList b{text-align:right}
.cases{color:#fff;background:#171d19;padding:110px 7.5vw}
.casesHead{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}
.casesHead>a{text-transform:uppercase;border-bottom:1px solid #69736d;padding:10px 0;font-size:11px;font-weight:800}
.caseGrid{grid-template-columns:1.15fr .85fr .85fr;gap:12px;display:grid}
.case{background-position:50%;background-size:cover;height:410px;position:relative;overflow:hidden}
.case1{background-image:linear-gradient(135deg,#65716a,#1c241f)}
.case2{background-image:linear-gradient(135deg,#414b45,#101512)}
.case3{background-image:linear-gradient(135deg,#737b77,#222a25)}
.case:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 39px,#fff1 40px),repeating-linear-gradient(0deg,#0000 0 39px,#fff1 40px);position:absolute;inset:0;transform:skew(-12deg)scale(1.2)}
.case2:after,.case3:after,.case1:after{content:"";border:9px solid #bac1bc55;width:70%;height:55%;position:absolute;top:18%;right:-10%;transform:skewY(-7deg);box-shadow:-50px 50px #1a201d99}
.caseOverlay{background:linear-gradient(#0000 30%,#0d120fe8);position:absolute;inset:0}
.caseText{position:absolute;bottom:26px;left:25px;right:25px}
.caseText small{letter-spacing:.14em;color:var(--green);font-size:8px}
.caseText h3{margin:9px 0;font-size:21px}
.caseText p{color:#aeb7b1;font-size:10px}
.process{text-align:left}
.process>h2{margin-bottom:50px}
.steps{border-top:1px solid #cbd1cc;grid-template-columns:repeat(4,1fr);display:grid}
.steps article{border-right:1px solid #cbd1cc;min-height:210px;padding:25px 24px 0 0}
.steps article+article{padding-left:24px}
.steps b{color:#87908a;font-size:10px}
.steps h3{margin:35px 0 12px;font-size:18px}
.steps p{color:#6f7873;font-size:12px;line-height:1.6}
.request{color:#fff;background:#0d1210;grid-template-columns:.9fr 1.1fr;gap:8vw;padding:105px 7.5vw;display:grid}
.requestCopy>p:nth-of-type(2){color:#9ca69f;max-width:480px;line-height:1.65}
.requestContacts{flex-direction:column;gap:10px;margin-top:35px;font-weight:700;display:flex}
.requestContacts small{letter-spacing:.15em;color:#758078;margin-top:5px;font-size:8px}
.bitrixFormShell{background:#171d19;border:1px solid #333b36;min-height:500px;padding:20px;overflow:hidden}
.bitrixFormShell noscript p{color:#cbd4ce;margin:0;line-height:1.6}
.bitrixFormShell noscript a{color:var(--green);font-weight:800}
.request label{letter-spacing:.1em;color:#9aa39d;text-transform:uppercase;flex-direction:column;gap:8px;font-size:9px;display:flex}
.request input,.request select,.request textarea{color:#fff;text-transform:none;letter-spacing:0;background:#101512;border:1px solid #3b443e;outline:none;padding:14px;font-size:12px}
.request input:focus,.request select:focus,.request textarea:focus{border-color:var(--green)}
.wide{grid-column:1/-1}
.file{cursor:pointer;border:1px dashed #4a554e;padding:14px;flex-direction:row!important;align-items:center!important}
.file input{display:none}
.file span{flex-direction:column;display:flex}
.file b{color:#fff;font-size:10px}
.file small{margin-top:3px;font-size:8px}
.consent{text-transform:none!important;letter-spacing:0!important;font-size:8px!important}
.websiteField{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.formStatus{min-height:18px;margin:0;color:#cbd4ce;font-size:11px;line-height:1.5}
.formStatus.isError{color:#ff8b82}
.request button:disabled{cursor:wait;opacity:.62}
.thanks{text-align:center;background:#171d19;border:1px solid #354039;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:40px;display:flex}
.thanks>b{color:var(--green);font-size:38px}
.thanks h3{font-size:30px}
.thanks p{color:#99a39c}
.thanks button{color:var(--green);background:0 0;border:1px solid #66705f;margin-top:20px;padding:12px 18px}
footer{color:#8f9993;background:#080b09;border-top:1px solid #29302c;justify-content:space-between;align-items:center;padding:45px 7.5vw;font-size:10px;display:flex}
footer .brand{color:#fff}
footer>span{text-align:right;line-height:1.7}
.companyProfile{grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;display:grid;background:#fff!important}
.companyVisual{min-height:560px;position:relative}
.companyVisual>img{object-fit:cover;filter:saturate(.82)contrast(1.04);width:100%;height:560px}
.sourceLogo{background:#fff;border:1px solid #d8ddd9;width:280px;padding:10px;position:absolute;bottom:-28px;right:-28px;box-shadow:0 22px 55px #121c162e}
.sourceLogo img{object-fit:cover;object-position:center 72%;width:100%;height:190px;display:block}
.companyLead{color:#69736d;max-width:660px;margin:27px 0 35px;line-height:1.7}
.requisites{border-top:1px solid #d8ddd9;margin:0}
.requisites>div{border-bottom:1px solid #d8ddd9;grid-template-columns:150px 1fr;gap:22px;padding:17px 0;display:grid}
.requisites dt{letter-spacing:.1em;color:#858f89;text-transform:uppercase;font-size:10px}
.requisites dd{margin:0;font-size:14px;font-weight:650}
.documentLink,.mapLink{background:var(--green);text-transform:uppercase;justify-content:space-between;align-items:center;gap:34px;margin-top:28px;padding:16px 18px;font-size:11px;font-weight:800;display:inline-flex}
.reviews{color:#fff;background:#121713;padding:110px 7.5vw}
.reviews h2,.contacts h2{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(38px,4vw,62px);font-weight:650;line-height:1.01}
.reviews h2 span,.contacts h2 span{color:#818b85}
.reviewsHead{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}
.reviewsHead>a{text-transform:uppercase;border-bottom:1px solid #69736d;padding:10px 0;font-size:11px;font-weight:800}
.reviewGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}
.reviewGrid article{background:#1c231e;border:1px solid #39413c;flex-direction:column;min-height:240px;padding:30px;display:flex}
.stars{color:var(--green);letter-spacing:.16em;font-size:13px}
.reviewGrid blockquote{margin:35px 0 25px;font-size:16px;line-height:1.55}
.reviewGrid article>p{letter-spacing:.1em;text-transform:uppercase;color:#7f8983;margin:auto 0 0;font-size:9px}
.contacts{background:#eef1ed;grid-template-columns:.9fr 1.1fr .85fr;align-items:start;gap:6vw;padding:95px 7.5vw;display:grid}
.contacts address{font-style:normal}
.contacts small{letter-spacing:.14em;color:#7f8883;margin-bottom:10px;font-size:9px;display:block}
.contacts address p{margin:0 0 28px;font-size:15px;line-height:1.55}
.contactActions{flex-direction:column;align-items:flex-start;gap:11px;font-size:16px;font-weight:700;display:flex}
.contactActions .mapLink{color:#0d1110;margin-top:15px;font-size:9px}
#company.reveal,#contacts.reveal{opacity:1;transform:none}
@media (width<=900px){.header{height:70px;padding:0 20px}
.headerCta{display:none}
.menuBtn{margin-left:auto;display:block}
.nav{background:#111713;flex-direction:column;align-items:flex-start;padding:25px;display:none;position:absolute;top:70px;left:0;right:0}
.nav.open{display:flex}
.hero{height:auto;min-height:860px}
.heroContent{top:8%;left:22px;right:22px}
h1{font-size:44px}
.heroLead{font-size:15px}
.heroActions{flex-direction:column;align-items:stretch;max-width:330px}
.heroStats{gap:18px;bottom:250px;left:22px;right:22px}
.heroStats b{font-size:18px}
.liveCard{width:auto;bottom:20px;left:22px;right:22px}
.logos{white-space:nowrap;justify-content:flex-start;gap:40px;overflow:auto}
.section,.darkSection,.cases,.request,.reviews,.contacts{padding:75px 22px}
.audienceGrid,.darkSection,.split,.caseGrid,.request,.companyProfile,.contacts{grid-template-columns:1fr}
.audienceGrid article{border-bottom:1px solid #d7dcd8;border-right:0}
.dashboard{margin-top:20px;transform:none}
.split>p{margin-top:25px!important}
.case{height:320px}
.steps{grid-template-columns:1fr 1fr}
.casesHead,.reviewsHead{display:block}
.casesHead>a,.reviewsHead>a{margin-top:25px;display:inline-block}
.companyVisual{min-height:auto}
.companyVisual>img{aspect-ratio:1;height:auto}
.sourceLogo{width:225px;bottom:-30px;right:10px}
.sourceLogo img{height:150px}
.companyDetails{padding-top:45px}
.reviewGrid{grid-template-columns:1fr}
.reviewGrid article{min-height:210px}
.bitrixFormShell{padding:12px}
footer{flex-direction:column;align-items:flex-start;gap:25px}
footer>span{text-align:left}
}
@media (width<=560px){.header{gap:12px}
.brand{min-width:195px}
.brandMark{width:35px;height:35px}
.brand b{font-size:17px}
.brand small{font-size:5.8px}
.menuBtn{padding:4px}
h1{font-size:37px}
.heroStats{grid-template-columns:1fr 1fr;display:grid;bottom:264px}
.heroStats div:last-child{display:none}
.section h2,.darkSection h2,.cases h2,.request h2,.reviews h2,.contacts h2{font-size:34px}
.metrics{grid-template-columns:1fr 1fr}
.metrics>div:last-child{display:none}
.bars{gap:6px}
.zones p{grid-template-columns:60px 1fr 27px}
.zones p small{display:none}
.requisites>div{grid-template-columns:1fr;gap:7px}
.sourceLogo{width:100%;margin-top:10px;position:relative;bottom:auto;right:auto}
.sourceLogo img{aspect-ratio:4/3;height:auto}
.companyDetails{padding-top:28px}
.steps{grid-template-columns:1fr}
.steps article{border-bottom:1px solid #cbd1cc;border-right:0;min-height:auto;padding:22px 0!important}
.steps h3{margin:18px 0 8px}
.serviceList h3{font-size:17px}
}
.header{background:#101512;border-bottom-color:#3b433e}
.hero{background-color:#263029}
.hero:after{content:"";pointer-events:none;background:#ffffff09;position:absolute;inset:0}
.heroShade{background:linear-gradient(90deg,#080d0adb 0%,#0a0f0c8f 49%,#080c0914 100%),linear-gradient(#0000 52%,#070b08a8)}
.liveCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141c17d1;border-color:#ffffff38;box-shadow:0 25px 70px #0005}
.section{background:#f6f7f4}
.audienceGrid article{transition:transform .35s,box-shadow .35s,border-color .35s}
.audienceGrid article:hover{z-index:2;border-color:#c9d0ca;transform:translateY(-7px);box-shadow:0 20px 55px #141f181c}
.dashboard{border-color:#465149;transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .5s;box-shadow:0 35px 80px #0006}
.darkSection.isVisible .dashboard{transform:perspective(1400px)rotateY(0)translateY(0)}
.dashboard:hover{transform:perspective(1400px)rotateY(0)translateY(-5px);box-shadow:0 45px 90px #0008}
.bars span{transform-origin:bottom;transform:scaleY(.06)}
.darkSection.isVisible .bars span{animation:.75s cubic-bezier(.2,.8,.2,1) forwards growBar}
.darkSection.isVisible .bars span:nth-child(2n){animation-delay:80ms}
.darkSection.isVisible .bars span:nth-child(3n){animation-delay:.16s}
.case{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.case:hover{transform:translateY(-8px);box-shadow:0 24px 55px #0007}
.case:after{transition:transform .55s}
.case:hover:after{transform:skewY(-7deg)translate(-12px)scale(1.03)}
.heroEnter{opacity:0;animation:.85s cubic-bezier(.2,.8,.2,1) .12s forwards heroIn;transform:translateY(22px)}
.heroEnter.delay1{animation-delay:.32s}
.heroEnter.delay2{animation-delay:.5s}
.reveal{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}
.reveal.isVisible{opacity:1;transform:none}
.revealChild{opacity:.25;transform:perspective(1400px)rotateY(-5deg)translate(35px)}
.isVisible .revealChild{opacity:1}
@keyframes heroIn{to{opacity:1;transform:translateY(0)}
}
@keyframes growBar{to{transform:scaleY(1)}
}
.jobsBand{color:#fff;background:#171d19;border-top:1px solid #313a34;border-bottom:1px solid #313a34;justify-content:space-between;align-items:end;gap:60px;padding:70px 7.5vw;display:flex}
.jobsBand>div{max-width:780px}
.jobsBand h2{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(34px,4.2vw,60px);line-height:1.02}
.jobsBand>div>p:last-child{color:#9da8a1;max-width:690px;line-height:1.65}
.jobsBand>.primary{flex:none;justify-content:space-between;min-width:285px}
@media (width<=900px){.darkSection.isVisible .dashboard,.dashboard:hover{transform:none}
.revealChild{transform:translateY(18px)}
.jobsBand{flex-direction:column;align-items:stretch;gap:28px;padding:65px 22px}
.jobsBand>.primary{min-width:0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.heroEnter,.reveal,.revealChild{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}
.bars span{animation:none!important;transform:scaleY(1)!important}
.audienceGrid article,.case,.dashboard{transition:none!important}
}
.brand{background:#f8faf7;border:1px solid #ffffff2e;width:196px;min-width:196px;height:58px;padding:5px 9px;overflow:hidden}
.brandLogo{object-fit:contain;width:100%;height:100%;display:block}
footer .brand{background:#f8faf7;border-color:#2b332e}
.sourceLogo{padding:18px}
.sourceLogo img{object-fit:contain;object-position:center;height:190px}
@media (width<=560px){.brand{width:168px;min-width:168px;height:52px;padding:4px 7px}
}
.companyVisual{min-height:560px}
.companyVisual>img{display:block}
.companyDetails{padding:20px 0}
.consent a{color:#dbe5df;border-bottom:1px solid #6f7b73}
footer{grid-template-columns:1fr 1fr auto;align-items:start;gap:55px;display:grid}
.footerBrand p{max-width:290px;margin:18px 0 0;line-height:1.6}
.footerLegal{flex-direction:column;align-items:flex-start;gap:12px;display:flex}
.footerLegal a{border-bottom:1px solid #39413c;padding-bottom:3px;transition:color .2s,border-color .2s}
.footerLegal a:hover{color:var(--green);border-color:var(--green)}
.legalPage{background:#f6f7f4;min-height:100vh}
.legalHeader{color:#d9e0dc;background:#101512;justify-content:space-between;align-items:center;gap:25px;min-height:76px;padding:18px 7.5vw;font-size:12px;display:flex}
.legalBack{color:var(--green);font-weight:700}
.legalDocument{max-width:960px;margin:0 auto;padding:80px 40px 110px}
.legalDocument h1{max-width:850px;margin:18px 0 15px;font-size:clamp(38px,5vw,68px);line-height:1}
.legalUpdated{color:#7a837e;margin-bottom:55px}
.legalDocument h2{margin:38px 0 12px;font-size:23px}
.legalDocument p,.legalDocument li{color:#4f5953;font-size:16px;line-height:1.75}
.legalDocument ul{padding-left:22px}
.legalDocument a{color:#315b21;border-bottom:1px solid #90ad82}
.legalNote{border-left:4px solid var(--green);background:#e9eee7;margin-top:42px;padding:24px}
@media (width<=900px){footer{grid-template-columns:1fr;gap:25px}
footer>span{text-align:left}
.companyDetails{padding-top:25px}
}
@media (width<=600px){.legalHeader{flex-direction:column;align-items:flex-start}
.legalDocument{padding:55px 22px 80px}
.legalDocument h1{font-size:38px}
.legalDocument p,.legalDocument li{font-size:15px}
}

/* Real project photography and resilient card layout. */
.case{isolation:isolate;display:flex;align-items:flex-end}
.case::before,.case::after{display:none}
.casePhoto{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.case1 .casePhoto{object-position:52% 42%}
.case2 .casePhoto{object-position:50% 45%}
.case3 .casePhoto{object-position:52% 50%}
.case:hover .casePhoto{transform:scale(1.035)}
.caseOverlay{z-index:-1;background:linear-gradient(180deg,#0b100c0a 22%,#0b100c80 60%,#0b100cf5 100%)}
.caseText{position:relative;inset:auto;width:100%;min-height:158px;padding:28px 25px 25px;display:flex;flex-direction:column;justify-content:flex-end}
.caseText h3{margin:9px 0 8px;line-height:1.15}
.caseText p{margin:0;line-height:1.45}
@media (width<=900px){.caseText{min-height:148px}}