:root{--bg:#051426;--bg2:#081c31;--cyan:#42d9ef;--gold:#e8c078;--text:#f5f7fb;--muted:#aabccc;--line:#284258}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.header{position:relative;z-index:5;background:#051426ed;border-bottom:1px solid #ffffff13}.headin{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:65px;height:65px;object-fit:cover;border-radius:50%}.brand strong{display:block;font-size:17px;color:var(--gold)}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.header nav{display:flex;gap:24px;color:#c9d9e6;font-size:13px}.header nav a:hover,.foot-links a:hover{color:var(--cyan)}.header-call{border:1px solid #67b4c250;border-radius:30px;padding:12px 18px;color:var(--cyan);font-size:13px;font-weight:700}.hero{background:radial-gradient(ellipse at 67% 22%,#0c3c60 0,transparent 44%),linear-gradient(125deg,#061427,#092440);overflow:hidden}.hero-inner{display:grid;grid-template-columns:56% 44%;min-height:590px}.hero-text{padding:76px 44px 62px 0;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--cyan)}.point{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:7px}.hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.11;letter-spacing:-.055em;margin:24px 0}.hero h1 span,.section-title h2 span,.adv-text h2 span,.cta h2 span{color:var(--cyan)}.lead{font-size:19px;line-height:1.55;margin:0 0 16px;max-width:610px}.pitch{font-size:14px;line-height:1.85;color:#b8cbdc;max-width:540px;margin:0 0 27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 24px;font-weight:800;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-main{background:linear-gradient(110deg,#2de0f2,#09a4e7);color:#032031}.btn-line{border-color:#6392ac;color:#e2edf5;background:#18304770}.proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.proof span{font-size:11px;color:#cfdee8;border-left:2px solid var(--gold);padding-left:9px}.hero-media{position:relative;background:linear-gradient(90deg,#092440 0%,transparent 22%),linear-gradient(0deg,#061427 0%,transparent 35%),url('assets/sks.webp') center/cover;min-height:520px;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}.photo-badge{position:absolute;bottom:45px;right:18px;padding:13px 16px;background:#041529d6;border:1px solid #4ccdde55;border-radius:9px;font-size:11px;letter-spacing:.1em;color:#c9e8eb}.photo-badge-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:7px}.services{padding-top:90px;padding-bottom:94px}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-title h2,.adv-text h2,.cta h2{font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-.04em;margin:10px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service{background:linear-gradient(155deg,#0d2a43,#071b2f);border:1px solid #38506a;border-radius:15px;padding:24px 20px;min-height:202px;transition:border-color .2s}.service:hover{border-color:var(--cyan)}.service-index{font-size:11px;color:var(--gold);letter-spacing:.08em;font-weight:700}.service h3{font-size:18px;line-height:1.4;margin:24px 0 12px}.service p{font-size:13px;line-height:1.65;color:#b5cad8;margin:0}.services-note{color:#9fb6c7;margin-top:20px;font-size:13px}.advantages{background:linear-gradient(110deg,#0a2036,#091a2c);border-block:1px solid #23415555}.adv-inner{display:grid;grid-template-columns:52% 48%;gap:32px;align-items:stretch}.adv-text{padding:76px 22px 78px 0}.adv-text h2{max-width:450px;margin-bottom:34px}.adv-row{display:flex;gap:20px;align-items:start;padding:19px 0;border-bottom:1px solid #36526970}.adv-row>b{color:var(--gold);font-size:14px}.adv-row h3{margin:0 0 6px;font-size:17px}.adv-row p{margin:0;color:#b3c4d3;font-size:13px;line-height:1.65}.adv-photo{position:relative;background:linear-gradient(0deg,#051426 0,transparent 45%),url('assets/portfolio.webp') center/cover;min-height:460px}.adv-photo-title{position:absolute;bottom:27px;left:25px;right:25px;background:#041628cb;border:1px solid #69bbd44a;border-radius:10px;padding:15px 19px}.adv-photo-title span{display:block;font-size:10px;color:var(--cyan);letter-spacing:.1em}.adv-photo-title b{font-size:17px;display:block;margin-top:5px}.cta{padding-top:95px;padding-bottom:110px;display:grid;grid-template-columns:1fr 410px;gap:60px;align-items:center}.cta-copy>p:not(.section-kicker){color:#b5cad8;line-height:1.8;max-width:480px}.contact-links{display:grid;gap:16px;margin-top:34px;font-weight:700}.contact-links a{color:var(--gold)}.form{background:linear-gradient(145deg,#102c46,#081a2e);border:1px solid #4ba7c466;border-radius:18px;padding:29px;box-shadow:0 20px 70px #0005}.form h3{margin:0 0 20px;font-size:23px}.form>label:not(.consent){display:block;margin:13px 0 7px;font-size:12px;color:#d5e3ed}.form input:not([type=checkbox]),.form select{width:100%;height:47px;border-radius:9px;border:1px solid #45617b;background:#0b2035;color:#fff;padding:0 13px;outline:none}.form input:focus,.form select:focus{border-color:var(--cyan)}.form input::placeholder{color:#8398ac}.consent{display:flex;gap:9px;margin:18px 0;align-items:start;color:#b4c8d9;font-size:11px;line-height:1.55}.consent input{margin-top:3px;accent-color:#25c6e4}.consent a{color:var(--cyan);text-decoration:underline}.form-submit{width:100%}#form-status{font-size:12px;color:#87e2bd;min-height:13px}#form-status.error{color:#ffb5a7}.trap{position:absolute;left:-10000px;overflow:hidden}.footer{border-top:1px solid #243a52;background:#061222}.foot-inner{padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c2d1dd}.foot-inner strong{color:var(--gold);font-size:14px}.foot-inner small{display:block;color:#8a9ead;margin-top:5px;font-size:11px}.foot-links{display:flex;gap:19px;font-size:12px}.foot-inner>span{font-size:12px;color:#8a9ead}@media(max-width:900px){.header nav{display:none}.hero-inner{grid-template-columns:1fr}.hero-text{padding:64px 0 40px}.hero-media{min-height:310px;clip-path:none;background-position:center 50%}.cards{grid-template-columns:repeat(2,1fr)}.adv-inner{grid-template-columns:1fr;gap:0}.adv-text{padding:62px 0 35px}.adv-photo{min-height:340px}.cta{grid-template-columns:1fr;gap:30px}.form{max-width:540px}.photo-badge{bottom:16px}}@media(max-width:520px){.container{width:calc(100% - 32px)}.headin{min-height:74px}.brand img{width:48px;height:48px}.brand strong{font-size:13px}.brand small{font-size:9px}.header-call{font-size:11px;padding:10px}.hero-text{padding-top:42px}.hero h1{font-size:39px}.lead{font-size:16px}.proof{gap:9px}.proof span{font-size:10px}.hero-media{min-height:230px}.services{padding:64px 0}.cards{grid-template-columns:1fr}.service{min-height:auto;padding:19px}.service h3{margin:12px 0}.section-title h2,.adv-text h2,.cta h2{font-size:29px}.cta{padding:62px 0}.foot-inner{flex-wrap:wrap}.foot-links{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* Clean continuous photography edition */
.header{border-bottom:none;background:#051426e8}
.hero{position:relative;isolation:isolate;background:#061426;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0 0 0 44%;background-image:url('assets/hero_photo.webp');background-size:cover;background-position:center 48%;z-index:-2;opacity:.93}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061426 0%,#061426 31%,#061426e0 49%,#06142635 77%,#06142615 100%),linear-gradient(0deg,#061426 0%,transparent 22%);z-index:-1}
.hero-inner{display:block;min-height:590px}
.hero-text{max-width:720px;padding:85px 0 82px}
.hero h1{max-width:690px}
.hero-media,.photo-badge{display:none}
.eyebrow{font-size:11px;letter-spacing:.10em}
.proof{margin-top:32px}
.proof span{border-left:none;padding-left:0;color:#d8e4ea}
.proof span+span::before{content:'·';color:var(--gold);margin-right:12px}
.services{padding-top:78px;padding-bottom:82px}
.cards{gap:0;border-top:1px solid #ffffff1d;border-bottom:1px solid #ffffff1d}
.service{background:transparent;border:0;border-radius:0;min-height:190px;padding:27px 24px 26px 0}
.service:not(:last-child){border-right:1px solid #ffffff1d;margin-right:23px}
.service:hover{border-color:#ffffff1d}
.service h3{margin:15px 0 11px}
.advantages{border:0;background:linear-gradient(90deg,#081c2f,#0a263d 66%,#071a2b)}
.adv-inner{grid-template-columns:47% 53%;gap:40px}
.adv-text{padding-top:72px;padding-bottom:70px}
.adv-photo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;min-height:460px;align-self:stretch;background:transparent;overflow:hidden;position:relative}
.adv-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081c2f90,transparent 42%);pointer-events:none}
.adv-photo img{width:100%;height:100%;object-fit:cover;display:block;min-height:0}
.adv-photo-title{display:none}
.cta{gap:80px}
.form{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.form h3{font-size:24px}
.form input:not([type=checkbox]),.form select{border:1px solid #ffffff28;background:#ffffff09;border-radius:7px}
.form input:focus,.form select:focus{border-color:var(--cyan)}
.form select option{color:white;background:#0b2035}
@media(max-width:900px){
.hero::before{inset:0;background-position:center;background-size:cover;opacity:.55}
.hero::after{background:linear-gradient(90deg,#061426ee,#061426aa),linear-gradient(0deg,#061426,transparent 35%)}
.hero-inner{min-height:auto}.hero-text{padding:75px 0}
.cards{grid-template-columns:repeat(2,1fr)}
.service{margin-right:0!important;border-right:0!important;padding:24px 20px 24px 0}
.adv-inner{grid-template-columns:1fr;gap:0}.adv-photo{min-height:320px;margin:0 0 35px}
.cta{gap:42px}
}
@media(max-width:520px){
.hero-text{padding:62px 0 64px}.hero h1{font-size:38px}
.hero::before{opacity:.40;background-position:60% center}
.cards{grid-template-columns:1fr}.service{border-bottom:1px solid #ffffff1d!important;padding:23px 0;min-height:auto}
.adv-photo{min-height:270px}.adv-photo::after{display:none}
.form{padding:0}
}

/* АЖ ТЕХ logo update */
.brand{gap:16px}.brand img{width:220px;height:auto;object-fit:cover;border-radius:0;display:block}.brand span{display:block}.brand strong{font-size:18px}.brand small{font-size:11px;line-height:1.35}.foot-inner strong{font-size:15px}
@media(max-width:900px){.brand img{width:170px}}
@media(max-width:520px){.brand img{width:128px}.brand strong{font-size:12px}.brand small{font-size:8.5px}}

/* АЖ ТЕХ: organic portfolio & testimonial update */
.work-section{background:#061629;padding:92px 0 10px}.work-head{align-items:end}.work-note{color:#aabccc;line-height:1.65;max-width:290px;font-size:13px;margin:0 0 8px}.work-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.work-image{margin:0;position:relative;overflow:hidden;background:#0c2437;border-radius:7px;min-width:0;display:flex;align-items:center;justify-content:center}.work-image.wi-wide{grid-column:span 4;aspect-ratio:1.55}.work-image.wi-tall{grid-column:span 3;aspect-ratio:1.12}.work-image.wi-portrait{grid-column:span 3;aspect-ratio:.58}.work-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.work-image.wi-contain img{object-fit:contain;object-position:center center;padding:8px}.work-image.wi-contain{background:linear-gradient(180deg,#0a1e30,#091a2a)}.work-image:hover img{transform:scale(1.035)}.work-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:27px 13px 12px;background:linear-gradient(0deg,#041426f5,#04142600);color:#f3f8fb;font-size:12px;font-weight:700}.review-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin-top:76px;padding:48px 0 64px;border-top:1px solid #274056}.review-content h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;line-height:1.22;margin:10px 0 22px}.review-content h2 span{color:var(--cyan)}.review-content>p:not(.section-kicker){max-width:460px;color:#b5cad8;line-height:1.8;font-size:15px}.review-action{display:inline-block;margin-top:18px;font-weight:750;color:var(--gold);border-bottom:1px solid #e8c07880;padding-bottom:8px}.review-image img{width:100%;height:auto;border-radius:6px;display:block}.contact-person{margin:22px 0 2px;color:#dce9f4}.contact-person strong{color:var(--gold)}
.brand img{flex-shrink:0}.brand small{max-width:260px}
@media(max-width:900px){.work-gallery{gap:10px}.work-image.wi-wide{grid-column:span 6}.work-image.wi-tall{grid-column:span 6;aspect-ratio:1.45}.work-image.wi-portrait{grid-column:span 6;aspect-ratio:.72}.review-layout{grid-template-columns:1fr;gap:22px}.review-image{max-width:620px}.work-head{display:block}.work-note{max-width:none}}
@media(max-width:520px){.work-section{padding-top:62px}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work-image.wi-wide,.work-image.wi-tall,.work-image.wi-portrait{grid-column:span 1;aspect-ratio:1}.work-image figcaption{font-size:10px;padding:24px 8px 8px}.review-layout{margin-top:50px;padding:38px 0 50px}.brand{gap:8px}.brand img{width:106px}.brand strong{font-size:11px}.brand small{font-size:8px}.header-call{font-size:10px;padding:9px}.work-gallery .work-image img{object-fit:cover;object-position:center center}}

/* V4: Integrated emblem, typography and a single ambient photo */
.header{background:#051426f0}
.brand{gap:12px;white-space:nowrap;min-width:0}
.brand img{width:55px!important;height:74px!important;object-fit:contain!important;border-radius:0!important;flex-shrink:0;filter:drop-shadow(0 0 9px rgba(235,178,59,.18))}
.brand strong{font-size:23px!important;line-height:1.1;letter-spacing:.035em;color:#f5cd74}
.brand small{font-size:10px!important;letter-spacing:.03em;color:#bfcbd6;max-width:none}
.headin{min-height:84px}
.advantages{position:relative;isolation:isolate;background:#071b2e;overflow:hidden}
.advantages::before{content:'';position:absolute;z-index:-2;inset:0 0 0 48%;background:url('assets/project-switch.webp') center/cover no-repeat;opacity:.46}
.advantages::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#071b2e 0%,#071b2e 42%,#071b2ed9 61%,#071b2e77 100%),linear-gradient(0deg,#071b2e 0%,transparent 35%)}
.adv-inner{display:block;min-height:420px}
.adv-text{max-width:730px;padding:69px 0 75px}
.adv-text h2{max-width:620px;margin-bottom:20px}
.adv-row{max-width:560px;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff1a}
.adv-row h3{font-size:16px}.adv-row p{font-size:12px;line-height:1.5}
.adv-photo{display:none!important}
@media(max-width:900px){.advantages::before{inset:0 0 0 24%;opacity:.24}.advantages::after{background:linear-gradient(90deg,#071b2e,#071b2ee5 70%,#071b2eaa)}.adv-text{max-width:100%;padding:54px 0}}
@media(max-width:520px){.brand img{width:40px!important;height:57px!important}.brand{gap:7px;white-space:normal}.brand strong{font-size:18px!important}.brand small{font-size:8px!important;max-width:160px}.headin{min-height:72px}.adv-text{padding:48px 0}.adv-row{padding:13px 0}.advantages::before{inset:0;opacity:.17}}

/* Review integrated into page: native text + clean photography, no baked-in poster */
.review-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:0;min-height:440px;align-items:stretch;margin-top:70px;padding:0;border-top:0;isolation:isolate;background:linear-gradient(90deg,#081c2f 0%,#0b2439 66%,#081c2f 100%);overflow:hidden}
.review-content{z-index:1;padding:54px 42px 56px 0;position:relative}
.review-content h2{font-size:clamp(28px,2.9vw,39px);margin:10px 0 12px}
.review-quote-mark{height:43px;font-size:76px;font-family:Georgia,serif;line-height:1;color:var(--gold);opacity:.9}
.review-quote{margin:12px 0 18px;max-width:540px;font-weight:650;font-size:clamp(20px,2.15vw,29px);line-height:1.43;letter-spacing:-.025em;color:#f4f8fc}
.review-attribution{font-size:12px!important;line-height:1.5!important;color:#aebfce!important;margin:0}
.review-action{margin-top:23px;font-size:13px}
.review-photo{position:relative;min-height:420px;background:url('assets/review_photo.webp') center 35%/cover no-repeat;filter:saturate(.82)}
.review-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b2439 0%,#0b2439be 14%,#0b243900 54%),linear-gradient(0deg,#081c2f 0%,transparent 25%)}
@media(max-width:900px){.review-layout{grid-template-columns:1fr;min-height:auto}.review-content{padding:42px 0 16px}.review-photo{min-height:280px;background-position:center 30%}.review-photo:before{background:linear-gradient(180deg,#0b2439 0%,transparent 45%),linear-gradient(0deg,#081c2f 0%,transparent 25%)}}
@media(max-width:520px){.review-layout{margin-top:47px}.review-content{padding:28px 0 10px}.review-quote{font-size:21px}.review-photo{min-height:245px}.review-quote-mark{height:34px;font-size:61px}}


/* V6 review clarification: business type + installed cameras */
.review-meta{display:flex;flex-wrap:wrap;gap:10px 12px;margin:8px 0 4px}
.review-meta span,.review-photo-tags span{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(232,192,120,.34);border-radius:999px;background:rgba(6,20,38,.34);backdrop-filter:blur(8px);font-size:11px;font-weight:800;letter-spacing:.06em;color:#f6d386;text-transform:uppercase}
.review-photo{display:flex;align-items:flex-end;justify-content:flex-end;padding:24px}
.review-photo-tags{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:80%}
.review-attribution{max-width:500px}
@media(max-width:900px){.review-photo{justify-content:flex-start;align-items:flex-end;padding:16px}.review-photo-tags{max-width:100%;justify-content:flex-start}}
@media(max-width:520px){.review-meta span,.review-photo-tags span{font-size:10px;padding:7px 10px}.review-meta{gap:8px}}

/* V7 — understated five-star review ornament, aligned to text column */
.review-decor{display:flex;align-items:center;gap:18px;width:min(100%,440px);margin:25px 0 12px}
.review-stars{font-family:Arial,sans-serif;font-size:21px;font-weight:400;line-height:1;letter-spacing:6px;color:#e8c078;white-space:nowrap;text-shadow:0 1px 6px rgba(232,192,120,.12)}
.review-decor-line{height:1px;flex:1;background:linear-gradient(90deg,rgba(232,192,120,.35),transparent)}
.review-quote-mark{height:24px;font-size:54px;line-height:.85;opacity:.75}
.review-quote{margin-top:10px;font-size:clamp(18px,1.72vw,23px);line-height:1.6;font-weight:550;letter-spacing:-.015em}
.review-content{padding-top:47px;padding-bottom:48px}
@media(max-width:900px){.review-decor{margin-top:22px}.review-content{padding-bottom:18px}}
@media(max-width:520px){.review-stars{font-size:19px;letter-spacing:5px}.review-decor{gap:12px;margin:20px 0 10px}.review-quote{font-size:19px;line-height:1.55}.review-quote-mark{font-size:47px;height:20px}}

/* V8: Natural, editorial review integrated without duplicate badges */
.review-layout{background:linear-gradient(100deg,#081c2f,#0a2237 75%);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:395px}
.review-content{padding:47px 44px 46px 0;align-self:center}
.review-content h2{margin:8px 0 13px}
.review-decor{margin:17px 0 19px;width:min(360px,100%)}
.review-quote-mark{display:none}
.review-quote{margin:0 0 20px;max-width:520px;font-size:clamp(18px,1.65vw,22px);line-height:1.62;font-weight:500;letter-spacing:-.01em}
.review-attribution{font-size:12px!important;color:#aebfce!important;margin:0}
.review-photo{padding:0;min-height:395px;background-image:url('assets/review_photo.webp');background-position:center center;background-size:cover;filter:none}
.review-photo::before{background:linear-gradient(90deg,#0a2237 0%,rgba(10,34,55,.2) 24%,transparent 60%),linear-gradient(0deg,#081c2f 0%,transparent 20%)}
.review-photo-tags,.review-meta{display:none!important}
@media(max-width:900px){.review-layout{grid-template-columns:1fr}.review-content{padding:37px 0 22px}.review-photo{min-height:350px;background-position:center 36%}.review-photo::before{background:linear-gradient(180deg,#0a2237,transparent 24%),linear-gradient(0deg,#081c2f,transparent 15%)}}
@media(max-width:520px){.review-layout{margin-top:45px}.review-content{padding:27px 0 19px}.review-quote{font-size:18px}.review-photo{min-height:295px}}


/* V9: use integrated review artwork exactly as approved */
.review-showcase{margin-top:34px}
.review-banner{margin:0;padding:0;position:relative;border-radius:30px;overflow:hidden;border:1px solid rgba(132,176,255,.18);background:linear-gradient(180deg,rgba(7,19,36,.92),rgba(5,15,30,.98));box-shadow:0 24px 70px rgba(0,0,0,.28)}
.review-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgba(32,111,255,.10),transparent 34%),radial-gradient(circle at 100% 100%,rgba(234,183,84,.10),transparent 28%);pointer-events:none}
.review-banner img{display:block;width:100%;height:auto}
@media (max-width:900px){.review-showcase{margin-top:26px}.review-banner{border-radius:24px}}
@media (max-width:520px){.review-banner{border-radius:20px}}


/* V10: review composition matches desktop hero's 1180×590 content frame.
   Full source remains visible at every breakpoint, with no cropping. */
.review-showcase{width:100%;max-width:1180px;margin:44px auto 0}
.review-banner{width:100%;aspect-ratio:2 / 1;border:0;border-radius:0;box-shadow:none;background:#061629;overflow:hidden}
.review-banner::before{display:none}
.review-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){.review-showcase{margin-top:30px}.review-banner{aspect-ratio:2 / 1}}
@media(max-width:520px){.review-showcase{margin-top:24px}.review-banner{aspect-ratio:2 / 1}}


/* V11: organic feathered edges instead of a framed review image */
.review-showcase{background:transparent}
.review-banner{background:transparent;border:none!important;box-shadow:none!important;overflow:visible;isolation:isolate}
.review-banner::before{display:none!important}
.review-banner img{display:block;width:100%;height:auto;object-fit:cover;filter:none}


/* V12: concise buyer-focused positioning */
.hero-text{max-width:750px}
.hero h1{max-width:720px;font-size:clamp(42px,4.35vw,64px)}
.hero .lead{max-width:660px}
.proof-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:730px;margin-top:30px}
.proof-benefits span{position:relative;display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;padding:0;color:#e6edf4}
.proof-benefits span::before{content:'✓';color:#e8c078;flex:none;font-weight:900}
.proof-benefits span+span::before{content:'✓';margin:0;color:#e8c078}
@media(max-width:740px){.proof-benefits{grid-template-columns:1fr;gap:9px}.proof-benefits span{font-size:12px}}
@media(max-width:520px){.hero h1{font-size:37px}}


/* V13: stronger technical brand, calmer B2B typography */
:root{--font-technical:'Exo 2','Segoe UI',Arial,sans-serif}
.brand strong,.hero h1,.section-title h2,.adv-text h2,.cta h2,.service h3,.form h3,.review-content h2,.footer strong{font-family:var(--font-technical)}
.hero h1,.section-title h2,.adv-text h2,.cta h2{font-weight:700;letter-spacing:-.025em}
.brand strong{font-size:34px!important;font-weight:800;letter-spacing:.06em;line-height:1.04;color:#f5cd74}
.brand small{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:11px!important;letter-spacing:.022em;line-height:1.4;margin-top:6px;white-space:normal}
.brand{gap:15px;align-items:center;flex-shrink:0}
.brand img{width:78px!important;height:101px!important;object-fit:contain!important;filter:drop-shadow(0 0 9px rgba(235,178,59,.15))}
.headin{min-height:115px;gap:18px}
.header nav{gap:19px;font-weight:600}
.header-call{white-space:nowrap}
@media(max-width:1120px){.brand strong{font-size:29px!important}.brand img{width:69px!important;height:92px!important}.brand small{font-size:10px!important}.headin{min-height:103px}.header nav{gap:13px;font-size:12px}}
@media(max-width:900px){.brand strong{font-size:29px!important}.brand img{width:68px!important;height:91px!important}.headin{min-height:102px}}
@media(max-width:520px){.brand strong{font-size:23px!important;letter-spacing:.04em}.brand small{font-size:8.5px!important;max-width:178px;line-height:1.28;margin-top:3px}.brand img{width:51px!important;height:71px!important}.brand{gap:9px}.headin{min-height:82px;gap:8px}.header-call{padding:9px 10px;font-size:10px}}
@media(max-width:370px){.brand strong{font-size:20px!important}.brand img{width:44px!important;height:63px!important}.brand small{font-size:7.8px!important}.headin{min-height:74px}.header-call{font-size:9px;padding:8px}}


/* SEO informational FAQs: restrained, harmonious with the B2B landing page */
.seo-answers{padding:80px 0 85px}.seo-qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px;border-top:1px solid rgba(181,205,229,.18)}.seo-qa{padding:24px 0 25px;border-bottom:1px solid rgba(181,205,229,.18)}.seo-qa h3{font-family:var(--font-technical);font-size:19px;line-height:1.35;letter-spacing:.005em;font-weight:650;margin:0 0 9px;color:#f2f6fb}.seo-qa p{color:#aebfd0;font-size:13px;line-height:1.8;margin:0;max-width:550px}@media(max-width:700px){.seo-answers{padding:56px 0}.seo-qa-grid{grid-template-columns:1fr;gap:0}.seo-qa{padding:19px 0}.seo-qa h3{font-size:17px}}

/* SEO v15: longer high-intent H1 remains balanced */
.hero h1{max-width:900px;font-size:clamp(35px,4.2vw,58px);line-height:1.1;overflow-wrap:normal}
.hero-text{max-width:900px}
.hero .lead{max-width:690px}
.hero .pitch{max-width:670px}
@media(max-width:560px){.hero h1{font-size:clamp(29px,8vw,38px);line-height:1.13}}


/* V16: clear B2B menu labels, full navigation on mobile */
.header nav{flex:1;justify-content:center;gap:clamp(10px,1.35vw,20px);font-size:12px;white-space:nowrap}
.header nav a{transition:color .18s ease;line-height:1.45}
.header nav a:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:2px}
@media(max-width:1199px){
 .headin{flex-wrap:wrap;justify-content:space-between;column-gap:15px;row-gap:0;padding-top:8px}
 .headin>.brand{order:1}
 .headin>.header-call{order:2;margin-left:auto}
 .header nav{display:flex!important;order:3;flex:0 0 100%;width:100%;justify-content:flex-start;gap:26px;padding:11px 0 15px;border-top:1px solid rgba(255,255,255,.10);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#516779 transparent;-webkit-overflow-scrolling:touch}
 .header nav a{flex:0 0 auto;font-size:12px}
}
@media(max-width:520px){
 .headin{padding-top:5px}
 .header nav{gap:21px;padding:9px 0 12px}
 .header nav a{font-size:11px}
}

/* V19: four actual services including IP telephony */
@media(min-width:901px){.services .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1199px){.services .service{padding-right:10px}.services .service h3{font-size:19px}.services .service p{font-size:12px}}

/* V20: review image integrated more organically into the landing */
.review-showcase{
  width:100%;
  max-width:1020px;
  margin:36px auto 0;
}
.review-banner{
  width:100%;
  aspect-ratio:auto !important;
  margin:0;
  padding:0;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:26px;
  overflow:hidden;
}
.review-banner img{
  display:block;
  width:100%;
  height:auto !important;
  object-fit:cover;
  object-position:center;
  border-radius:26px;
}
@media(max-width:900px){
  .review-showcase{max-width:100%;margin-top:28px}
  .review-banner,.review-banner img{border-radius:22px}
}
@media(max-width:520px){
  .review-showcase{margin-top:22px}
  .review-banner,.review-banner img{border-radius:18px}
}

/* V22 — review photo made clearly visible: whole scene, person and phone remain readable */
.review-feature{
  position:relative;
  isolation:isolate;
  width:min(1180px,100%);
  min-height:590px;
  margin:44px auto 8px;
  display:flex;
  align-items:center;
  background:linear-gradient(135deg,#051220 0%,#07192d 55%,#061629 100%);
  overflow:hidden;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.review-feature-photo{
  position:absolute;
  top:22px;
  right:0;
  bottom:22px;
  width:min(46%,540px);
  background-image:url('assets/review_photo.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  z-index:-2;
  filter:saturate(.98) contrast(1.02);
  -webkit-mask-image:linear-gradient(to left, rgba(0,0,0,1) 70%, rgba(0,0,0,.92) 82%, rgba(0,0,0,.34) 92%, transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.92) 7%, #000 18%, #000 84%, rgba(0,0,0,.92) 93%, transparent 100%);
  mask-image:linear-gradient(to left, rgba(0,0,0,1) 70%, rgba(0,0,0,.92) 82%, rgba(0,0,0,.34) 92%, transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.92) 7%, #000 18%, #000 84%, rgba(0,0,0,.92) 93%, transparent 100%);
  mask-composite:intersect;
  -webkit-mask-composite:source-in;
}
.review-feature:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-3;
  background:radial-gradient(circle at 84% 42%, rgba(232,192,120,.16), transparent 19%), radial-gradient(circle at 78% 70%, rgba(255,255,255,.06), transparent 18%);
}
.review-feature:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(90deg,
    #061629 0%,#061629 18%,rgba(6,22,41,.97) 34%,
    rgba(6,22,41,.86) 46%,rgba(6,22,41,.56) 58%,
    rgba(6,22,41,.18) 71%,rgba(6,22,41,0) 82%),
    linear-gradient(180deg,#061629 0%,transparent 10%,transparent 88%,#061629 100%);
}
.review-feature-content{
  position:relative;
  width:min(620px,60%);
  padding:56px 18px 56px 44px;
  margin:0;
}
.review-feature-label{
  margin:0;
  color:#f5f7fb;
  font-family:var(--font-technical);
  font-size:clamp(22px,2.8vw,32px);
  font-weight:600;
  letter-spacing:.008em;
}
.review-feature-rule{
  width:118px;
  height:2px;
  background:linear-gradient(90deg,#e8c078,transparent);
  margin:14px 0 18px;
}
.review-feature-stars{
  display:block;
  color:#e8c078;
  font-family:Arial,sans-serif;
  font-size:clamp(22px,2.5vw,30px);
  letter-spacing:7px;
  line-height:1;
  margin-bottom:18px;
  white-space:nowrap;
}
.review-feature-quote{
  margin:0;
  max-width:590px;
  font-size:clamp(17px,1.72vw,22px);
  line-height:1.6;
  color:#f2f6fb;
  font-weight:500;
  letter-spacing:-.015em;
  text-wrap:pretty;
}
.review-feature-caption{
  margin:22px 0 0;
  padding:0 0 0 18px;
  border-left:2px solid #d9ad61;
  color:#d8e2e9;
  font-size:13px;
  line-height:1.6;
  max-width:350px;
}
@media(max-width:1050px){
  .review-feature{min-height:560px}
  .review-feature-photo{width:min(45%,470px);top:18px;bottom:18px;background-position:54% center}
  .review-feature-content{width:min(590px,63%);padding:44px 12px 44px 26px}
}
@media(max-width:900px){
  .review-feature{min-height:520px;margin-top:32px}
  .review-feature-photo{width:min(43%,360px);top:20px;bottom:20px;background-position:58% center}
  .review-feature-content{padding:36px 6px 36px 17px;width:66%}
  .review-feature:after{background:linear-gradient(90deg,#061629 0%,#061629 22%,rgba(6,22,41,.97) 40%,rgba(6,22,41,.58) 63%,rgba(6,22,41,.16) 78%,rgba(6,22,41,0) 88%),linear-gradient(180deg,#061629 0%,transparent 12%,transparent 84%,#061629 100%)}
  .review-feature-quote{font-size:17px}
}
@media(max-width:650px){
  .review-feature{
    display:block;
    min-height:0;
    margin-top:28px;
    padding:0 0 340px;
  }
  .review-feature-photo{
    top:auto;
    right:0;
    left:0;
    bottom:0;
    width:100%;
    height:355px;
    background-image:url('assets/review_photo.webp');
    background-size:cover;
    background-position:center 42%;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.86) 15%,#000 28%,#000 78%,rgba(0,0,0,.85) 90%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.86) 15%,#000 28%,#000 78%,rgba(0,0,0,.85) 90%,transparent 100%);
  }
  .review-feature:after{
    background:linear-gradient(to bottom,#061629 0%,#061629 34%,rgba(6,22,41,.76) 54%,rgba(6,22,41,.22) 72%,rgba(6,22,41,0) 82%,#061629 100%);
  }
  .review-feature-content{width:100%;padding:8px 0 0}
  .review-feature-label{font-size:25px}
  .review-feature-rule{margin:12px 0 19px}
  .review-feature-quote{font-size:16px;line-height:1.68}
  .review-feature-stars{font-size:22px;letter-spacing:5px;margin-bottom:18px}
  .review-feature-caption{margin-top:16px;font-size:12px}
}


/* V23: original artwork displayed in full, centered, without a visible frame */
.review-showcase.review-artwork{
  display:block;
  position:relative;
  isolation:isolate;
  width:min(100%,1070px);
  min-height:0;
  padding:0;
  margin:36px auto 12px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.review-artwork::before,.review-artwork::after{display:none!important;content:none!important}
.review-artwork-link{display:block;width:100%;line-height:0;cursor:zoom-in}
.review-artwork img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1447/1087;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:0;
  box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 3%,#000 97%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 3%,#000 97%,transparent 100%);
  mask-composite:intersect;
}
@media(max-width:650px){
  .review-showcase.review-artwork{padding:0;margin:24px auto 0;min-height:0}
  .review-artwork img{height:auto;aspect-ratio:1447/1087}
}


/* V24 — seamless testimonial integration. Outer space lets the image fade
   into the actual page background without obscuring words near its edges. */
.review-showcase.review-artwork{
  width:min(100%,1120px);
  margin:22px auto 0;
  padding:25px 30px 22px;
  background:radial-gradient(ellipse at 55% 48%,rgba(9,31,51,.50),rgba(6,22,41,0) 76%);
  border:0;
  box-shadow:none;
  border-radius:0;
  overflow:visible;
}
.review-artwork-link{
  display:block;
  max-width:100%;
  border:0;
  background:none;
}
.review-artwork img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:cover;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:saturate(.91) contrast(.99);
  /* Gentle four-sided feather; the added margin protects the composition. */
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,#000 6.5%,#000 93.5%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,transparent 0%,#000 6.5%,#000 93.5%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%);
  mask-composite:intersect;
}
/* Smaller screens keep the full image visible; tap to view readable full-size artwork. */
@media(max-width:900px){
  .review-showcase.review-artwork{padding:14px 15px 12px;margin:20px auto 0}
  .review-artwork img{
    -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%);
  }
}
@media(max-width:520px){
  .review-showcase.review-artwork{padding:8px 4px 6px;margin:12px auto 0}
  .review-artwork img{filter:none}
}


/* V25 / AЖ ТЕХ — review is a continuous section, not a boxed advert */
.review-showcase.review-branded{
  position:relative;
  width:min(100%,1180px);
  margin:0 auto;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.review-branded-desktop{position:relative;margin:0;padding:0;line-height:0}
.review-branded-desktop img{
  display:block;
  width:100%;height:auto;
  max-width:100%;object-fit:cover;
  border:0;border-radius:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 4.5%,#000 95.5%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 4.5%,#000 92%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0%,#000 4.5%,#000 95.5%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 4.5%,#000 92%,transparent 100%);
  mask-composite:intersect;
}
.review-branded-mobile{display:none}
@media(max-width:690px){
 .review-branded-desktop{display:none}
 .review-branded-mobile{
  display:flex;flex-direction:column;position:relative;isolation:isolate;
  overflow:hidden;background:#061629;
  padding:30px 3px 0;margin:12px 0 0;
 }
 .review-branded-mobile:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 70%,rgba(19,52,81,.38),transparent 55%)}
 .review-mobile-kicker{font:700 clamp(26px,7vw,35px)/1.2 'Exo 2',Manrope,sans-serif;color:#fff;margin:0 0 12px}
 .review-mobile-kicker span{color:#e8c078}
 .review-mobile-stars{color:#e8c078;font-size:25px;letter-spacing:5px;line-height:1;margin:14px 0 23px}
 .review-mobile-quote{font:500 16px/1.68 Manrope,'Segoe UI',sans-serif;letter-spacing:-.01em;color:#f0f5fa;margin:0 0 18px}
 .review-mobile-work{border-left:2px solid #e8c078;padding-left:13px;font-size:12px;line-height:1.55;color:#d4dce5;margin:0 0 12px}
 .review-branded-mobile img{
   display:block;align-self:center;width:min(95%,460px);height:auto;
   max-height:475px;object-fit:cover;object-position:center;
   -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 88%,transparent 100%),linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);
   -webkit-mask-composite:source-in;
   mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 88%,transparent 100%),linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);
   mask-composite:intersect;
 }
}


/* V26: personal data documents in brand styling */
.legal-page{background:#051426;min-height:100vh}.legal-header{background:#061629}.legal-main{max-width:940px;padding-top:46px;padding-bottom:88px}.legal-main h1{font-family:'Exo 2','Segoe UI',Arial,sans-serif;font-size:clamp(30px,4vw,49px);line-height:1.15;letter-spacing:-.025em;margin:16px 0 12px}.legal-back{display:inline-block;color:#c6d6e5;font-size:13px;margin-bottom:34px}.legal-back:hover{color:#42d9ef}.legal-updated{color:#91a8bb;font-size:13px;margin:0 0 31px}.legal-section{border-top:1px solid rgba(174,208,235,.17);padding:25px 0 15px}.legal-section h2{font-family:'Exo 2','Segoe UI',Arial,sans-serif;font-weight:650;font-size:clamp(19px,2.4vw,26px);letter-spacing:-.015em;margin:0 0 15px}.legal-section p{font-size:14px;line-height:1.85;color:#c0d0dc;margin:0 0 14px}.legal-section a{color:#67dcec;text-decoration:underline;text-underline-offset:3px}.legal-required{border-left:3px solid #e8c078;background:rgba(232,192,120,.07);padding:17px 20px;margin:0 0 30px;border-radius:0 7px 7px 0}.legal-required strong{color:#f5cd74}.legal-required p{color:#cfdae2;margin:7px 0 0;font-size:13px;line-height:1.65}.legal-placeholder{font-weight:600;color:#f5cd74}.legal-page .foot-links{flex-wrap:wrap}@media(max-width:600px){.legal-main{padding-top:28px;padding-bottom:58px}.legal-section{padding:21px 0 9px}.legal-section p{font-size:13px}.legal-header .brand small{display:none}.legal-header .header-call{display:block}}

/* REG.RU launch: no external font provider; rely on local system fonts. */
:root{--font-technical:'Bahnschrift','Trebuchet MS','Arial Narrow','Segoe UI',Arial,sans-serif}
body{font-family:'Segoe UI',Arial,sans-serif}
.brand small,.review-feature-quote,.service p,.seo-qa p,.lead,.pitch,.form,.legal-page{font-family:'Segoe UI',Arial,sans-serif}
.brand strong,.hero h1,.section-title h2,.adv-text h2,.cta h2,.service h3,.form h3,.review-feature-label,.footer strong,.seo-qa h3,.legal-main h1,.legal-section h2{font-family:var(--font-technical)}
/* Accessibility and legal footer */
.legal-section{scroll-margin-top:24px}
.footer .foot-links{flex-wrap:wrap}
.form .consent{align-items:flex-start}
.form .consent a{text-underline-offset:2px}
@media(max-width:520px){.legal-main{padding-top:32px}}


/* V33 — unified, gap-free portfolio composition. Original photos remain fully visible. */
.work-section .work-gallery{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,.98fr) minmax(0,.98fr) minmax(0,1.65fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  grid-template-areas:
    "rack turnstile access monitor"
    "switch turnstile access cabinet";
  gap:10px;
  width:100%;
  height:clamp(425px,44vw,530px);
  align-items:stretch;
}
.work-section .work-gallery .work-image{
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  aspect-ratio:auto;
  grid-column:auto;
  grid-row:auto;
  margin:0;
  padding:0;
  background:#0b2033;
  border:0;
  border-radius:9px;
  overflow:hidden;
}
.work-section .work-gallery .work-image::before{
  content:"";
  position:absolute;
  inset:-25px;
  z-index:-1;
  background-image:linear-gradient(0deg,rgba(5,20,36,.4),rgba(5,20,36,.24)),var(--gallery-image);
  background-size:cover;
  background-position:center;
  filter:blur(18px) saturate(.72);
  transform:scale(1.07);
}
.work-section .work-gallery .work-image img{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  padding:5px;
  object-fit:contain !important;
  object-position:center center;
  transform:none !important;
  transition:none;
}
.work-section .work-gallery .work-image figcaption{
  position:absolute;
  z-index:1;
  inset:auto 0 0;
  background:linear-gradient(to top,rgba(2,12,24,.94) 0%,rgba(2,12,24,.65) 46%,transparent 100%);
  padding:36px 11px 10px;
  color:#f4f7fb;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
}
.work-section .work-gallery .portfolio-rack{grid-area:rack}
.work-section .work-gallery .portfolio-switch{grid-area:switch}
.work-section .work-gallery .portfolio-turnstile{grid-area:turnstile}
.work-section .work-gallery .portfolio-access{grid-area:access}
.work-section .work-gallery .portfolio-monitor{grid-area:monitor}
.work-section .work-gallery .portfolio-cabinet{grid-area:cabinet}
@media(max-width:850px){
  .work-section .work-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:minmax(310px,70vw) repeat(2,minmax(155px,26vw));
    grid-template-areas:"turnstile access" "rack monitor" "switch cabinet";
    height:auto;
    gap:9px;
  }
}
@media(max-width:520px){
  .work-section .work-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:minmax(275px,76vw) repeat(2,minmax(145px,39vw));
    gap:7px;
  }
  .work-section .work-gallery .work-image{border-radius:6px}
  .work-section .work-gallery .work-image img{padding:2px}
  .work-section .work-gallery .work-image figcaption{font-size:10px;padding:28px 7px 8px}
}


/* V34 | Brand specification supplied by АЖ ТЕХ: Exo 2 headings + Manrope body.
   Privacy-friendly deployment: local() fonts with system fallbacks; no Google requests.
   When installed by the visitor, Exo 2 and Manrope render as specified. */
:root {
  --font-technical: 'Exo 2', 'Bahnschrift', 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --font-body: 'Manrope', 'Segoe UI', Arial, sans-serif;
  --brand-gold: #F5CD74;
}
body,
.form,
.legal-page,
.brand small,
.review-mobile-quote,
.service p,
.seo-qa p,
.lead,
.pitch,
.review-feature-quote,
.review-mobile-work,
.legal-section p {
  font-family: var(--font-body);
}
.brand strong,
.hero h1,
.section-title h2,
.adv-text h2,
.cta h2,
.service h3,
.form h3,
.footer strong,
.seo-qa h3,
.legal-main h1,
.legal-section h2,
.review-mobile-kicker,
.review-feature-label {
  font-family: var(--font-technical);
}
.header,
.legal-header { background: #051426f0; }
.brand { gap:15px; align-items:center; flex-shrink:0; }
.brand img {
  width:78px !important;
  height:101px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 9px rgba(235,178,59,.15));
}
.brand strong {
  font-family:var(--font-technical) !important;
  font-size:34px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  line-height:1.04 !important;
  color:#F5CD74 !important;
}
.brand small {
  display:block;
  margin-top:6px;
  font-size:11px !important;
  line-height:1.4 !important;
  letter-spacing:.022em;
  color:#BFCBD6;
}
.headin { min-height:115px; }
.hero h1,.section-title h2,.adv-text h2,.cta h2 {
  font-weight:700;
  letter-spacing:-.025em;
}
@media(max-width:1120px){
  .brand img{width:69px !important;height:92px !important}
  .brand strong{font-size:29px !important}
  .headin{min-height:103px}
}
@media(max-width:900px){
  .brand img{width:68px !important;height:91px !important}
  .brand strong{font-size:29px !important}
  .headin{min-height:102px}
}
@media(max-width:520px){
  .brand {gap:9px}
  .brand img{width:51px !important;height:71px !important}
  .brand strong{font-size:23px !important;letter-spacing:.04em !important}
  .brand small{font-size:8.5px !important;line-height:1.28 !important;margin-top:3px}
  .headin{min-height:82px}
}
@media(max-width:370px){
  .brand img{width:44px !important;height:63px !important}
  .brand strong{font-size:20px !important}
  .brand small{font-size:7.8px !important}
  .headin{min-height:74px}
}