/* Dedicated hero: latest four-card visual reference only. */
.service-page .cockroach-hero{--ch-u:calc(100vw / 1672);position:relative;isolation:isolate;display:block;padding:0;min-height:calc(849 * var(--ch-u));overflow:clip;background:#faf7f0;color:#00291f}
.service-page .cockroach-hero .cockroach-hero__content{position:relative;z-index:2;width:calc(940 * var(--ch-u));min-width:0;padding:calc(34 * var(--ch-u)) 0 calc(78 * var(--ch-u)) calc(72 * var(--ch-u))}
.service-page .cockroach-hero .service-breadcrumb{position:absolute;left:calc(72 * var(--ch-u));top:5px;margin:0;font-size:11px;opacity:0;pointer-events:none}
.service-page .cockroach-hero .service-breadcrumb:focus-within{opacity:1;pointer-events:auto}
.service-page .cockroach-hero .cockroach-hero__kicker{margin:0 0 calc(16 * var(--ch-u));font-size:calc(20 * var(--ch-u));line-height:1.3;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#c79532}
.service-page .cockroach-hero h1{max-width:none;margin:0 0 calc(16 * var(--ch-u));font-family:inherit;font-size:calc(76 * var(--ch-u));line-height:1;font-weight:900;letter-spacing:-.045em;color:#00291f;text-wrap:initial}
.service-page .cockroach-hero h1>.cockroach-hero__line{display:block;white-space:nowrap;color:inherit}
.service-page .cockroach-hero h1 .cockroach-hero__accent{color:#d1a03c;background:linear-gradient(#dfb75f,#c98e24);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.service-page .cockroach-hero .cockroach-hero__description{max-width:none;width:calc(820 * var(--ch-u));margin:0 0 calc(22 * var(--ch-u));font-size:calc(30 * var(--ch-u));font-weight:400;line-height:1.35;color:#575d5f}
.service-page .cockroach-hero .cockroach-hero__values{display:grid;grid-template-columns:1fr 1.035fr;grid-template-rows:calc(144 * var(--ch-u)) calc(152 * var(--ch-u));gap:calc(14 * var(--ch-u));width:calc(844 * var(--ch-u));list-style:none;margin:0 0 calc(22 * var(--ch-u));padding:0}
.service-page .cockroach-hero .cockroach-hero__values>li{min-width:0;display:flex;align-items:flex-start;gap:calc(24 * var(--ch-u));padding:calc(14 * var(--ch-u)) calc(18 * var(--ch-u));border:1px solid #d9bc835c;border-radius:calc(14 * var(--ch-u));background:#fffdf657;box-shadow:inset 0 1px 0 #fff9}
.service-page .cockroach-hero .cockroach-hero__values>li>div{padding-top:calc(5 * var(--ch-u));min-width:0}
.service-page .cockroach-hero .cockroach-hero__value-icon{display:grid;place-items:center;flex:none;width:calc(84 * var(--ch-u));height:calc(84 * var(--ch-u));border-radius:50%;background:#f6e7c87d;color:#ad771c}
.service-page .cockroach-hero .cockroach-hero__value-icon svg{display:block;width:calc(49 * var(--ch-u));height:calc(49 * var(--ch-u))}
.service-page .cockroach-hero .cockroach-hero__values strong{display:block;margin:0;font-size:calc(21 * var(--ch-u));font-weight:850;line-height:1.22;letter-spacing:-.025em;color:#002b21}
.service-page .cockroach-hero .cockroach-hero__values p{margin:calc(8 * var(--ch-u)) 0 0;font-size:calc(17 * var(--ch-u));font-weight:400;line-height:1.4;color:#394348}
.service-page .cockroach-hero .cockroach-hero__values>li:last-child strong{line-height:1.15}
.service-page .cockroach-hero .cockroach-hero__values>li:last-child p{font-size:calc(16.5 * var(--ch-u));line-height:1.3;letter-spacing:-.025em}
.service-page .cockroach-hero .cockroach-hero__actions{display:grid;grid-template-columns:1.73fr 1fr;align-items:stretch;width:calc(844 * var(--ch-u));gap:calc(19 * var(--ch-u));margin:0}
.service-page .cockroach-hero .cockroach-hero__phone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:calc(30 * var(--ch-u));min-width:0;max-width:none;min-height:calc(92 * var(--ch-u));padding:calc(11 * var(--ch-u)) calc(30 * var(--ch-u)) calc(11 * var(--ch-u)) calc(50 * var(--ch-u));border:1px solid #e2b34e;border-radius:calc(13 * var(--ch-u));background:linear-gradient(110deg,#edc465,#d4a035);box-shadow:inset 0 1px 0 #fff5;color:#002b20;text-decoration:none;text-align:left;transition:transform .18s,box-shadow .18s}
.service-page .cockroach-hero .cockroach-hero__phone>svg{display:block;flex:none;width:calc(42 * var(--ch-u));height:calc(44 * var(--ch-u));fill:currentColor;stroke-width:.8}
.service-page .cockroach-hero .cockroach-hero__phone>span:not(.cockroach-hero__phone-arrow){display:flex;flex-direction:column;gap:calc(4 * var(--ch-u));min-width:0}
.service-page .cockroach-hero .cockroach-hero__phone>span>span{font-size:calc(14 * var(--ch-u));font-weight:800;line-height:1.25;letter-spacing:.075em;white-space:nowrap}
.service-page .cockroach-hero .cockroach-hero__phone strong{font-size:calc(44 * var(--ch-u));line-height:1.05;font-weight:850;letter-spacing:.01em;white-space:nowrap}
.service-page .cockroach-hero .cockroach-hero__phone-arrow{display:block;flex:none;margin-left:auto;width:calc(30 * var(--ch-u));height:calc(30 * var(--ch-u))}
.service-page .cockroach-hero .cockroach-hero__phone-arrow svg{display:block;width:100%;height:100%}
.service-page .cockroach-hero .cockroach-hero__secondary{display:flex;align-items:center;justify-content:center;gap:calc(19 * var(--ch-u));min-width:0;min-height:calc(90 * var(--ch-u));padding:calc(18 * var(--ch-u));border:1px solid #c9974e;border-radius:calc(12 * var(--ch-u));background:#fffaf037;color:#00291f;font-size:calc(20 * var(--ch-u));font-weight:800;line-height:1.3;letter-spacing:-.025em;white-space:nowrap;text-decoration:none;transition:background .18s}
.service-page .cockroach-hero .cockroach-hero__secondary svg{display:block;flex:none;width:calc(28 * var(--ch-u));height:calc(28 * var(--ch-u))}
.service-page .cockroach-hero .cockroach-hero__visual{position:absolute;z-index:0;top:0;right:0;bottom:0;width:calc(732 * var(--ch-u));min-width:0;margin:0;background:transparent;overflow:visible}
.service-page .cockroach-hero .cockroach-hero__visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 34%;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}
.service-page .cockroach-hero .cockroach-hero__visual::before{content:"";position:absolute;left:calc(-320 * var(--ch-u));top:0;bottom:0;width:calc(320 * var(--ch-u));background:url('./gel-okap.webp') left top / calc(732 * var(--ch-u)) 100%;transform:scaleX(-1);filter:blur(calc(25 * var(--ch-u)));opacity:.65;mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.service-page .cockroach-hero .cockroach-hero__visual::after{content:"";position:absolute;inset:0 auto 0 calc(-320 * var(--ch-u));width:calc(560 * var(--ch-u));background:linear-gradient(90deg,#faf7f0,#faf7f0e6 45%,#faf7f080 65%,transparent);pointer-events:none}
.service-page .cockroach-hero a:focus-visible{outline:3px solid #96701d;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.service-page .cockroach-hero .cockroach-hero__phone:hover{transform:translateY(-2px);box-shadow:0 10px 25px #694b1829}.service-page .cockroach-hero .cockroach-hero__secondary:hover{background:#ead9b34d}}
@media(max-width:1199px){
.service-page .cockroach-hero .cockroach-hero__values>li:last-child p{font-size:17px;line-height:1.4;letter-spacing:normal}
.service-page .cockroach-hero{min-height:0;display:grid;grid-template-columns:1fr}
.service-page .cockroach-hero .cockroach-hero__content{width:100%;padding:36px 40px 40px}
.service-page .cockroach-hero .service-breadcrumb{left:40px}
.service-page .cockroach-hero .cockroach-hero__kicker{font-size:15px;margin-bottom:18px}
.service-page .cockroach-hero h1{font-size:clamp(46px,6vw,70px);line-height:1.04;margin-bottom:20px}
.service-page .cockroach-hero h1>.cockroach-hero__line{white-space:normal}
.service-page .cockroach-hero .cockroach-hero__description{width:auto;max-width:830px;font-size:23px;line-height:1.5;margin-bottom:26px}
.service-page .cockroach-hero .cockroach-hero__values{width:100%;grid-template-rows:none;grid-auto-rows:1fr;gap:14px;margin-bottom:22px}
.service-page .cockroach-hero .cockroach-hero__values>li{padding:18px;gap:18px;border-radius:14px}
.service-page .cockroach-hero .cockroach-hero__values>li>div{padding-top:3px}
.service-page .cockroach-hero .cockroach-hero__value-icon{width:64px;height:64px}
.service-page .cockroach-hero .cockroach-hero__value-icon svg{width:40px;height:40px}
.service-page .cockroach-hero .cockroach-hero__values strong{font-size:20px}
.service-page .cockroach-hero .cockroach-hero__values p{font-size:17px;margin-top:8px}
.service-page .cockroach-hero .cockroach-hero__actions{width:100%;gap:19px}
.service-page .cockroach-hero .cockroach-hero__phone{min-height:92px;padding:16px 28px;gap:24px;border-radius:13px}
.service-page .cockroach-hero .cockroach-hero__phone>svg{width:42px;height:44px}
.service-page .cockroach-hero .cockroach-hero__phone>span>span{font-size:13px}
.service-page .cockroach-hero .cockroach-hero__phone strong{font-size:40px}
.service-page .cockroach-hero .cockroach-hero__phone-arrow{width:28px;height:28px}
.service-page .cockroach-hero .cockroach-hero__secondary{min-height:90px;padding:18px;border-radius:12px;font-size:20px;gap:18px}
.service-page .cockroach-hero .cockroach-hero__secondary svg{width:28px;height:28px}
.service-page .cockroach-hero .cockroach-hero__visual{position:relative;width:100%;aspect-ratio:16/8;margin:0;overflow:hidden}
.service-page .cockroach-hero .cockroach-hero__visual>img{object-position:50% 30%;mask-image:none;-webkit-mask-image:none}
.service-page .cockroach-hero .cockroach-hero__visual::before,.service-page .cockroach-hero .cockroach-hero__visual::after{content:none}
}
@media(max-width:800px){
.service-page .cockroach-hero .cockroach-hero__content{padding-inline:28px}
.service-page .cockroach-hero .cockroach-hero__values>li{padding:16px;gap:14px}
.service-page .cockroach-hero .cockroach-hero__value-icon{width:56px;height:56px}
.service-page .cockroach-hero .cockroach-hero__value-icon svg{width:35px;height:35px}
.service-page .cockroach-hero .cockroach-hero__values strong{font-size:18px}
.service-page .cockroach-hero .cockroach-hero__values p{font-size:16px}
.service-page .cockroach-hero .cockroach-hero__phone{padding:16px 22px;gap:18px}
.service-page .cockroach-hero .cockroach-hero__phone strong{font-size:34px}
.service-page .cockroach-hero .cockroach-hero__phone>span>span{font-size:11px}
.service-page .cockroach-hero .cockroach-hero__secondary{font-size:18px;gap:12px}
}
@media(max-width:600px){
.service-page .cockroach-hero .cockroach-hero__content{padding:32px 22px}
.service-page .cockroach-hero .service-breadcrumb{left:22px;font-size:9px}
.service-page .cockroach-hero .cockroach-hero__kicker{font-size:11px;line-height:1.5;letter-spacing:.12em;margin-bottom:18px}
.service-page .cockroach-hero h1{font-size:clamp(34px,9.4vw,51px);line-height:1.04;letter-spacing:-.04em;margin-bottom:22px}
.service-page .cockroach-hero h1 .cockroach-hero__accent{white-space:nowrap}
.service-page .cockroach-hero .cockroach-hero__description{font-size:18px;line-height:1.55;margin-bottom:24px}
.service-page .cockroach-hero .cockroach-hero__values{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px;margin-bottom:22px}
.service-page .cockroach-hero .cockroach-hero__values>li{padding:18px;gap:18px;min-height:132px}
.service-page .cockroach-hero .cockroach-hero__value-icon{width:60px;height:60px}
.service-page .cockroach-hero .cockroach-hero__value-icon svg{width:37px;height:37px}
.service-page .cockroach-hero .cockroach-hero__values strong{font-size:19px}
.service-page .cockroach-hero .cockroach-hero__values p{font-size:16px;margin-top:8px}
.service-page .cockroach-hero .cockroach-hero__actions{grid-template-columns:1fr;gap:12px}
.service-page .cockroach-hero .cockroach-hero__phone{min-height:90px;padding:16px 22px;gap:18px}
.service-page .cockroach-hero .cockroach-hero__phone>svg{width:34px;height:38px}
.service-page .cockroach-hero .cockroach-hero__phone strong{font-size:34px}
.service-page .cockroach-hero .cockroach-hero__phone>span>span{font-size:10px}
.service-page .cockroach-hero .cockroach-hero__phone-arrow{width:24px;height:24px}
.service-page .cockroach-hero .cockroach-hero__secondary{min-height:62px;padding:17px;font-size:19px}
.service-page .cockroach-hero .cockroach-hero__visual{aspect-ratio:4/3}
.service-page .cockroach-hero .cockroach-hero__visual>img{object-position:50% 28%}
}
@media(max-width:375px){.service-page .cockroach-hero .cockroach-hero__content{padding-inline:18px}.service-page .cockroach-hero .cockroach-hero__phone{padding-inline:16px;gap:14px}.service-page .cockroach-hero .cockroach-hero__phone strong{font-size:31px}.service-page .cockroach-hero .cockroach-hero__phone-arrow{width:21px}.service-page .cockroach-hero .cockroach-hero__values>li{gap:15px;padding:16px}}
@media(prefers-reduced-motion:reduce){.service-page .cockroach-hero .cockroach-hero__phone,.service-page .cockroach-hero .cockroach-hero__secondary{transition:none}.service-page .cockroach-hero .cockroach-hero__phone:hover{transform:none}}
@media(forced-colors:active){.service-page .cockroach-hero h1 .cockroach-hero__accent{background:none;-webkit-text-fill-color:currentColor}}