/*
Theme Name: Hydro Clim
Theme URI: https://stronywwa.pl
Author: BrandUp Studio
Description: Lekki motyw dla HYDRO-CLIM Jaroslaw Domanski.
Version: 3.5.1
Text Domain: hydroclim
*/

:root {
  --navy: #071b33;
  --navy-2: #0b2848;
  --blue: #1268d6;
  --cyan: #56c7f4;
  --ice: #edf7fc;
  --white: #ffffff;
  --ink: #10263c;
  --muted: #5f7182;
  --line: rgba(10, 45, 77, .14);
  --radius: 26px;
  --shadow: 0 28px 70px rgba(6, 31, 57, .13);
  --wrap: min(1180px, calc(100vw - 48px));
}

/* Visual direction 2.0: Polish technical editorial */
:root { --navy:#0a2238; --blue:#0b67b2; --cyan:#32a8d8; --ice:#eef4f6; --ink:#11283a; --muted:#526674; --radius:4px; --shadow:none; }
body { background:#f4f7f8; font-family:"Arial Nova", Arial, sans-serif; }
.hc-header { position:absolute; border:0; }
.hc-header__inner { min-height:78px; }
.hc-brand__logo { width:42px; height:42px; object-fit:contain; }
.hc-brand__mark { display:none; }
.hc-brand__name { letter-spacing:-.035em; }
.hc-nav { gap:34px; }
.hc-nav__call { padding:9px 0 7px; border:0; border-bottom:2px solid var(--cyan); border-radius:0; }
.hc-hero { min-height:760px; align-items:center; }
.hc-hero::before { background:linear-gradient(90deg,rgba(6,25,41,.97) 0%,rgba(6,25,41,.86) 43%,rgba(6,25,41,.1) 76%),url("assets/images/hero-real.webp") 64% center/cover no-repeat; transform:none; animation:none; }
.hc-hero::after { display:none; }
.hc-hero__inner { padding:150px 0 70px; }
.hc-local { color:#b9dcea; letter-spacing:.08em; text-transform:none; font-size:14px; }
.hc-local::before { display:none; }
.hc-hero h1 { max-width:700px; font-size:clamp(52px,6vw,84px); line-height:.98; }
.hc-hero__lead { max-width:620px; color:rgba(255,255,255,.82); }
.hc-button { min-height:54px; padding:0 24px; border-radius:3px; background:#56c7f4; color:#14202a; box-shadow:none; }
.hc-button:hover { transform:translateY(-2px); box-shadow:0 8px 0 rgba(0,0,0,.16); }
.hc-section { padding:128px 0; }
.hc-section h2 { font-size:clamp(40px,5vw,70px); }
.hc-services { background:#f4f7f8; }
.hc-services__top { display:block; }
.hc-service-grid { grid-template-columns:1.3fr .85fr; grid-template-rows:330px 330px; gap:18px; }
.hc-service-card { min-height:0; border-radius:3px; }
.hc-service-card:first-child { grid-row:1/3; }
.hc-service-card::after { background:linear-gradient(180deg,transparent 30%,rgba(4,20,32,.9)); }
.hc-service-card__content { inset:auto 28px 28px; padding-right:36px; }
.hc-service-card h3 { font-size:clamp(30px,3.2vw,48px); }
.hc-service-card p { max-width:420px; }
.hc-process { background:#fff; }
.hc-process::before { display:none; }
.hc-process-grid::before { background:#91a3ae; }
.hc-step__no { width:48px; height:48px; border:0; border-radius:2px; background:#56c7f4; color:#14202a; }
.hc-step h3 { font-size:23px; }
.hc-proof { background:#132b3d; }
.hc-proof::before { display:none; }
.hc-stats { border-radius:3px; background:#2e4658; }
.hc-stat { background:#132b3d; }
.hc-stat__number { color:#56c7f4; }
.hc-personal { background:#edf2f3; }
.hc-trust-list { display:block; border-top:1px solid #aab8c1; }
.hc-trust-item { display:grid; grid-template-columns:180px 1fr; gap:30px; min-height:0; padding:30px 0; border:0; border-bottom:1px solid #aab8c1; border-radius:0; background:transparent; }
.hc-trust-item h3 { font-size:20px; }
.hc-trust-item p { font-size:16px; }
.hc-brands { border-radius:3px; background:#fff; }
.hc-area { background:#56c7f4; }
.hc-area__top p,.hc-area h2 { color:#14202a; }
.hc-marquee span::after { background:#14202a; }
.hc-contact { background:#0b2237; }
.hc-contact__inner { align-items:center; }
.hc-footer { background:#071827; }
@media(max-width:900px){.hc-service-grid{grid-template-columns:1fr;grid-template-rows:none}.hc-service-card:first-child{grid-row:auto}.hc-service-card{min-height:460px}.hc-trust-item{grid-template-columns:1fr;gap:8px}.hc-hero::before{background:linear-gradient(rgba(5,24,39,.68),rgba(5,24,39,.94)),url("assets/images/hero-real.webp") 62% center/cover no-repeat}}
@media(max-width:560px){.hc-header__inner{min-height:70px}.hc-brand__logo{width:34px;height:34px}.hc-hero{min-height:760px}.hc-hero h1{font-size:48px}.hc-service-card{min-height:390px}.hc-section{padding:88px 0}}

* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; }
body {
  overflow-x: hidden;
  margin: 0;
  color: var(--ink);
  background: #f8fbfd;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
.hc-wrap { width: var(--wrap); margin-inline: auto; }
.hc-section { position: relative; padding: 120px 0; overflow: hidden; }
.hc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.hc-eyebrow::before { content: ""; width: 30px; height: 2px; background: currentColor; }
.hc-section h2 {
  max-width: 820px;
  margin: 0;
  color: var(--navy);
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.hc-intro { max-width: 720px; margin: 28px 0 0; color: var(--muted); font-size: 19px; }

.hc-header {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  color: var(--white);
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.hc-header__inner { display: flex; align-items: center; justify-content: space-between; min-height: 92px; }
.hc-brand { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; }
.hc-brand__mark { position: relative; width: 34px; height: 42px; }
.hc-brand__mark::before,
.hc-brand__mark::after { content: ""; position: absolute; border-radius: 999px; transform: rotate(36deg); }
.hc-brand__mark::before { inset: 1px 8px 9px 7px; background: linear-gradient(155deg, var(--cyan), var(--blue)); }
.hc-brand__mark::after { inset: 17px 3px 0 13px; border: 2px solid rgba(255,255,255,.72); }
.hc-brand__name { font-size: 19px; font-weight: 850; letter-spacing: -.02em; }
.hc-brand__sub { display: block; opacity: .67; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.hc-nav { display: flex; align-items: center; gap: 28px; }
.hc-nav a { text-decoration: none; font-size: 14px; font-weight: 700; }
.hc-nav a:not(.hc-nav__call) { opacity: .8; transition: opacity .2s; }
.hc-nav a:not(.hc-nav__call):hover { opacity: 1; }
.hc-nav__call { padding: 12px 18px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; }

.hc-hero {
  position: relative;
  min-height: min(900px, 100svh);
  display: grid;
  align-items: end;
  overflow: hidden;
  color: var(--white);
  background: var(--navy);
}
.hc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 20, 39, .94) 0%, rgba(5, 27, 51, .76) 39%, rgba(5, 27, 51, .2) 70%, rgba(5, 27, 51, .25) 100%), url("assets/images/hero.webp") 68% center / cover no-repeat;
  transform: scale(1.025);
  animation: hcHero 12s ease-out both;
}
.hc-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 220px; background: linear-gradient(transparent, rgba(4,20,39,.42)); }
.hc-hero__inner { position: relative; z-index: 2; width: var(--wrap); margin-inline: auto; padding: 190px 0 92px; }
.hc-local { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; color: #bcecff; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.hc-local::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 7px rgba(86,199,244,.14); }
.hc-hero h1 { max-width: 800px; margin: 0; font-size: clamp(52px, 7.3vw, 100px); line-height: .96; letter-spacing: -.06em; text-wrap: balance; }
.hc-hero__lead { max-width: 690px; margin: 30px 0 0; color: rgba(255,255,255,.78); font-size: clamp(18px, 2vw, 22px); }
.hc-actions { display: flex; align-items: center; gap: 24px; margin-top: 38px; flex-wrap: wrap; }
.hc-button { display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 0 26px; border-radius: 999px; background: linear-gradient(135deg, var(--cyan), #2398e8); color: #041a31; font-size: 15px; font-weight: 850; text-decoration: none; box-shadow: 0 15px 40px rgba(37,158,235,.3); transition: transform .25s, box-shadow .25s; }
.hc-button:hover { transform: translateY(-2px); box-shadow: 0 20px 48px rgba(37,158,235,.4); }
.hc-phone { display: inline-flex; align-items: center; gap: 11px; color: var(--white); font-size: 19px; font-weight: 800; text-decoration: none; }
.hc-phone svg { width: 22px; height: 22px; color: var(--cyan); }
.hc-scroll { position: absolute; z-index: 3; right: max(24px, calc((100vw - 1180px)/2)); bottom: 68px; display: flex; align-items: center; gap: 14px; color: rgba(255,255,255,.55); font-size: 11px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; writing-mode: vertical-rl; }
.hc-scroll::after { content: ""; width: 1px; height: 60px; background: linear-gradient(var(--cyan), transparent); }

.hc-services { background: #f8fbfd; }
.hc-services__top { display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.hc-services__note { max-width: 360px; margin: 0 0 5px; color: var(--muted); }
.hc-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 58px; }
.hc-service-card { position: relative; min-height: 530px; overflow: hidden; border-radius: var(--radius); color: var(--white); text-decoration: none; box-shadow: var(--shadow); isolation: isolate; }
.hc-service-card__image { position: absolute; inset: 0; background-position: center; background-size: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1); }
.hc-service-card::after { content: ""; position: absolute; inset: 0; z-index: -0; background: linear-gradient(180deg, rgba(2,18,34,.03) 20%, rgba(4,23,42,.94) 100%); }
.hc-service-card__content { position: absolute; z-index: 2; inset: auto 34px 34px; }
.hc-service-card__index { display: block; margin-bottom: 12px; color: var(--cyan); font-size: 12px; font-weight: 850; letter-spacing: .15em; }
.hc-service-card h3 { margin: 0; font-size: 34px; line-height: 1.08; letter-spacing: -.035em; }
.hc-service-card p { margin: 12px 0 0; color: rgba(255,255,255,.72); font-size: 16px; }
.hc-service-card__arrow { display: grid; place-items: center; width: 48px; height: 48px; margin-top: 24px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; transition: background .25s, color .25s, transform .25s; }
.hc-service-card:hover .hc-service-card__image { transform: scale(1.055); }
.hc-service-card:hover .hc-service-card__arrow { color: var(--navy); background: var(--cyan); transform: translateX(5px); }

.hc-process { background: var(--ice); }
.hc-process::before { content: ""; position: absolute; width: 520px; height: 520px; right: -180px; top: -170px; border: 1px solid rgba(18,104,214,.1); border-radius: 50%; box-shadow: 0 0 0 70px rgba(18,104,214,.025), 0 0 0 140px rgba(18,104,214,.02); }
.hc-process-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 70px; }
.hc-process-grid::before { content: ""; position: absolute; top: 29px; left: 32px; right: 32px; height: 1px; background: linear-gradient(90deg, var(--blue), rgba(18,104,214,.15)); }
.hc-step { position: relative; padding-right: 38px; }
.hc-step__no { position: relative; z-index: 2; display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 30px; color: var(--white); background: var(--navy); border: 8px solid var(--ice); border-radius: 50%; font-size: 13px; font-weight: 850; box-shadow: 0 0 0 1px rgba(18,104,214,.18); }
.hc-step h3 { margin: 0 0 12px; color: var(--navy); font-size: 20px; }
.hc-step p { margin: 0; color: var(--muted); font-size: 15px; }

.hc-proof { color: var(--white); background: var(--navy); }
.hc-proof::before { content: ""; position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(rgba(86,199,244,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(86,199,244,.08) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
.hc-proof .hc-eyebrow { color: var(--cyan); }
.hc-proof h2 { color: var(--white); }
.hc-proof__intro { max-width: 760px; color: rgba(255,255,255,.68); }
.hc-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 62px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.13); border-radius: var(--radius); overflow: hidden; }
.hc-stat { min-height: 270px; padding: 42px; background: rgba(9,35,62,.94); }
.hc-stat__number { display: block; color: var(--cyan); font-size: clamp(58px, 7vw, 84px); font-weight: 850; line-height: .95; letter-spacing: -.06em; }
.hc-stat__unit { display: block; margin-top: 8px; color: rgba(255,255,255,.85); font-weight: 750; }
.hc-stat h3 { margin: 38px 0 0; color: rgba(255,255,255,.62); font-size: 15px; font-weight: 600; line-height: 1.45; }
.hc-proof__more { margin: 30px 0 0; color: rgba(255,255,255,.58); font-size: 15px; }

.hc-personal { background: #fff; }
.hc-personal__layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start; }
.hc-personal__left { position: sticky; top: 40px; }
.hc-trust-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.hc-trust-item { min-height: 230px; padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, #fff, #f4fafd); }
.hc-trust-item__icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 30px; border-radius: 13px; color: var(--blue); background: #e6f4fc; font-size: 14px; font-weight: 850; }
.hc-trust-item h3 { margin: 0 0 10px; color: var(--navy); font-size: 19px; }
.hc-trust-item p { margin: 0; color: var(--muted); font-size: 14px; }
.hc-brands { margin-top: 24px; padding: 24px 28px; border: 1px solid var(--line); border-radius: 20px; }
.hc-brands span { display: block; margin-bottom: 13px; color: var(--muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .1em; }
.hc-brands p { margin: 0; color: var(--navy); font-size: 15px; font-weight: 800; word-spacing: 12px; }

.hc-area { overflow: hidden; padding: 82px 0; color: var(--navy); background: linear-gradient(135deg, #dff3fc, #eef9fd); }
.hc-area__top { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.hc-area h2 { font-size: clamp(38px, 4.5vw, 58px); }
.hc-area__top p { max-width: 510px; margin: 0; color: var(--muted); }
.hc-marquee { width: 100%; max-width: 100vw; margin-top: 54px; overflow: hidden; }
.hc-marquee__track { display: flex; width: max-content; animation: hcMarquee 35s linear infinite; }
.hc-marquee__set { display: flex; align-items: center; }
.hc-marquee span { display: inline-flex; align-items: center; white-space: nowrap; color: var(--navy); font-size: 22px; font-weight: 800; }
.hc-marquee span::after { content: ""; width: 7px; height: 7px; margin: 0 25px; border-radius: 50%; background: var(--blue); }

.hc-contact { padding: 110px 0; color: var(--white); background: linear-gradient(135deg, #0b3158, #07182e); }
.hc-contact__inner { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 60px; }
.hc-contact .hc-eyebrow { color: var(--cyan); }
.hc-contact h2 { color: var(--white); }
.hc-contact p { max-width: 690px; margin: 26px 0 0; color: rgba(255,255,255,.68); font-size: 18px; }
.hc-contact__phone { display: block; margin-bottom: 18px; color: var(--white); font-size: clamp(34px, 4vw, 52px); font-weight: 850; letter-spacing: -.04em; text-decoration: none; white-space: nowrap; }

.hc-footer { padding: 58px 0 28px; color: rgba(255,255,255,.7); background: #041324; }
.hc-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; }
.hc-footer .hc-brand { color: var(--white); }
.hc-footer__contact { margin: 22px 0 0; }
.hc-footer__contact a { color: var(--white); text-decoration: none; }
.hc-footer h3 { margin: 0 0 17px; color: var(--white); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.hc-footer ul { margin: 0; padding: 0; list-style: none; }
.hc-footer li + li { margin-top: 8px; }
.hc-footer a { text-decoration-color: rgba(255,255,255,.25); text-underline-offset: 4px; }
.hc-footer__bottom { margin-top: 50px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); font-size: 12px; }

.hc-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.hc-reveal.is-visible { opacity: 1; transform: none; }

@keyframes hcHero { from { transform: scale(1.08); } to { transform: scale(1.025); } }
@keyframes hcMarquee { to { transform: translateX(-50%); } }

@media (max-width: 900px) {
  :root { --wrap: min(100% - 36px, 720px); }
  .hc-section { padding: 88px 0; }
  .hc-hero { min-height: 820px; }
  .hc-hero::before { background-position: 66% center; }
  .hc-hero__inner { padding-bottom: 70px; }
  .hc-scroll { display: none; }
  .hc-services__top, .hc-area__top { align-items: start; flex-direction: column; }
  .hc-service-grid { grid-template-columns: 1fr; }
  .hc-service-card { min-height: 480px; }
  .hc-process-grid { grid-template-columns: 1fr; gap: 0; margin-top: 55px; }
  .hc-process-grid::before { top: 20px; bottom: 20px; left: 28px; right: auto; width: 1px; height: auto; }
  .hc-step { padding: 0 0 42px 88px; }
  .hc-step__no { position: absolute; left: 0; top: 0; margin: 0; }
  .hc-stats { grid-template-columns: 1fr; }
  .hc-stat { min-height: 230px; }
  .hc-personal__layout { grid-template-columns: 1fr; gap: 50px; }
  .hc-personal__left { position: static; }
  .hc-contact__inner { grid-template-columns: 1fr; }
  .hc-footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  :root { --wrap: calc(100vw - 28px); --radius: 20px; }
  body { font-size: 16px; }
  .hc-header__inner { min-height: 76px; }
  .hc-brand__sub { display: none; }
  .hc-nav { gap: 0; }
  .hc-nav__call { padding: 9px 13px; font-size: 12px !important; }
  .hc-hero { min-height: 760px; }
  .hc-hero::before { background-position: 70% center; }
  .hc-hero h1 { font-size: clamp(44px, 14vw, 65px); }
  .hc-hero__lead { font-size: 17px; }
  .hc-actions { align-items: flex-start; flex-direction: column; gap: 17px; }
  .hc-button { width: 100%; }
  .hc-section h2 { font-size: 39px; }
  .hc-service-grid { margin-top: 38px; }
  .hc-service-card { min-height: 430px; }
  .hc-service-card__content { inset: auto 25px 26px; }
  .hc-trust-list { grid-template-columns: 1fr; }
  .hc-trust-item { min-height: 0; }
  .hc-contact__phone { font-size: 34px; }
  .hc-footer__grid { grid-template-columns: 1fr; gap: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hc-reveal { opacity: 1; transform: none; }
}

/* Final visual overrides */
:root{--radius:4px;--shadow:none}
body{background:#f4f7f8;font-family:"Arial Nova",Arial,sans-serif}
.hc-brand__logo{width:42px;height:42px;object-fit:contain}.hc-brand__mark,.hc-scroll,.hc-eyebrow,.hc-service-card__index,.hc-service-card__arrow{display:none}
.hc-header{border:0}.hc-header__inner{min-height:78px}.hc-nav__call{padding:9px 0 7px;border:0;border-bottom:2px solid #32a8d8;border-radius:0}
.hc-hero{min-height:760px;align-items:center}.hc-hero::before{background:linear-gradient(90deg,rgba(6,25,41,.97),rgba(6,25,41,.82) 43%,rgba(6,25,41,.08) 78%),url("assets/images/hero-real.webp") 64% center/cover no-repeat;transform:none;animation:none}.hc-hero::after{display:none}.hc-hero__inner{padding:150px 0 70px}.hc-local{color:#c4e1eb;letter-spacing:.06em;text-transform:none}.hc-local::before{display:none}.hc-hero h1{max-width:700px;font-size:clamp(52px,6vw,84px)}
.hc-button{border-radius:3px;background:#56c7f4;color:#14202a;box-shadow:none}.hc-button:hover{box-shadow:0 8px 0 rgba(0,0,0,.16)}
.hc-services__top{display:block}.hc-service-grid{grid-template-columns:1.3fr .85fr;grid-template-rows:330px 330px}.hc-service-card{min-height:0;border-radius:3px}.hc-service-card:first-child{grid-row:1/3}.hc-service-card__content{inset:auto 28px 28px}.hc-service-card h3{font-size:clamp(30px,3.2vw,48px)}
.hc-process{background:#fff}.hc-process::before,.hc-proof::before{display:none}.hc-step__no{border-radius:2px;background:#56c7f4;color:#14202a;border:0}.hc-proof{background:#132b3d}.hc-stats{border-radius:3px}.hc-stat{background:#132b3d}.hc-stat__number{color:#56c7f4}
.hc-personal{background:#edf2f3}.hc-trust-list{display:block;border-top:1px solid #aab8c1}.hc-trust-item{display:grid;grid-template-columns:180px 1fr;gap:30px;min-height:0;padding:30px 0;border:0;border-bottom:1px solid #aab8c1;border-radius:0;background:transparent}.hc-trust-item p{font-size:16px}.hc-brands{border-radius:3px;background:#fff}.hc-area{background:#56c7f4}.hc-area h2,.hc-area__top p{color:#14202a}.hc-contact{background:#0b2237}.hc-footer{background:#071827}
@media(max-width:900px){.hc-service-grid{grid-template-columns:1fr;grid-template-rows:none}.hc-service-card:first-child{grid-row:auto}.hc-service-card{min-height:460px}.hc-trust-item{grid-template-columns:1fr;gap:8px}.hc-hero::before{background:linear-gradient(rgba(5,24,39,.64),rgba(5,24,39,.94)),url("assets/images/hero-real.webp") 62% center/cover no-repeat}}
@media(max-width:560px){.hc-brand__logo{width:34px;height:34px}.hc-hero h1{font-size:48px}.hc-service-card{min-height:390px}}

/* Visual refinement 2.1 */
.hc-header{z-index:50;background:linear-gradient(180deg,rgba(5,23,38,.78),transparent)}
.hc-nav{gap:38px}.hc-nav>a{font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.hc-services-menu{position:relative}.hc-services-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hc-services-menu summary::-webkit-details-marker{display:none}.hc-services-menu summary span{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.35);transition:transform .25s}.hc-services-menu[open] summary span{transform:rotate(45deg)}
.hc-services-menu__panel{position:absolute;top:42px;right:0;width:430px;padding:12px;background:#f5f8f8;color:#10283a;border-top:3px solid #32a8d8;box-shadow:0 28px 70px rgba(3,20,34,.28)}.hc-services-menu__panel a{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:18px;text-decoration:none;border-bottom:1px solid #d7e0e4;transition:background .2s,transform .2s}.hc-services-menu__panel a:last-child{border:0}.hc-services-menu__panel a:hover{background:#fff;transform:translateX(4px)}.hc-services-menu__panel small{grid-row:1/3;color:#1681b2;font-weight:800}.hc-services-menu__panel strong{font-size:17px}.hc-services-menu__panel span{color:#647582;font-size:13px}
.hc-actions{margin-top:34px}.hc-button{position:relative;overflow:hidden;background:#56c7f4}.hc-button::after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-102%);transition:transform .35s cubic-bezier(.16,1,.3,1);mix-blend-mode:soft-light}.hc-button:hover::after{transform:none}
.hc-process{isolation:isolate;color:#eef7f8;background:#0a263a}.hc-process::after{content:"";position:absolute;z-index:-1;inset:0 0 0 58%;background:linear-gradient(90deg,#0a263a 0%,rgba(10,38,58,.68) 30%,rgba(10,38,58,.08)),url("assets/images/hydraulika-real.webp") center/cover no-repeat;opacity:.9}.hc-process h2{max-width:880px;color:#fff}.hc-process .hc-intro{max-width:610px;color:#b7c7d0}.hc-process-grid{max-width:860px;margin-top:86px;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}.hc-process-grid::before{top:0;bottom:0;left:0;width:100%;height:auto;border:1px solid rgba(255,255,255,.15);background:none}.hc-step{padding:34px 28px 38px;border-right:1px solid rgba(255,255,255,.15)}.hc-step:last-child{border:0}.hc-step__no{width:auto;height:auto;display:block;margin:0 0 58px;color:#56c7f4;background:none;font-size:12px}.hc-step h3{color:#fff}.hc-step p{color:#a9bac4}
.hc-proof{min-height:800px;background:#e9f0f2;color:#11283a}.hc-proof::after{content:"2007";position:absolute;right:-3vw;top:20px;color:rgba(18,78,111,.07);font-size:clamp(180px,30vw,440px);font-weight:900;line-height:1;letter-spacing:-.09em}.hc-proof .hc-wrap{position:relative;z-index:1}.hc-proof h2{max-width:720px;color:#10283a}.hc-proof__intro{color:#526674}.hc-stats{margin-top:90px;border:0;border-top:1px solid #a8bac3;border-bottom:1px solid #a8bac3;background:transparent}.hc-stat{min-height:330px;padding:52px 38px;background:transparent;border-right:1px solid #a8bac3}.hc-stat:last-child{border:0}.hc-stat__number{color:#0b67b2;font-size:clamp(74px,9vw,120px)}.hc-stat__unit{color:#334d5e}.hc-stat h3{color:#526674}.hc-proof__more{color:#526674}
.hc-personal{background:#fff}.hc-personal__layout{grid-template-columns:.78fr 1.22fr;gap:110px}.hc-personal__left{top:120px}.hc-trust-list{display:grid;grid-template-columns:1.1fr .9fr;border:0;gap:12px}.hc-trust-item{display:block;min-height:245px;padding:32px;border:0;background:#eef3f4}.hc-trust-item:nth-child(2),.hc-trust-item:nth-child(3){background:#12344a;color:#fff}.hc-trust-item:nth-child(2) h3,.hc-trust-item:nth-child(3) h3{color:#fff}.hc-trust-item:nth-child(2) p,.hc-trust-item:nth-child(3) p{color:#bed0d8}.hc-trust-item h3{margin-top:66px;font-size:23px}.hc-brands{margin-top:12px;padding:30px;border:0;border-left:5px solid #56c7f4;background:#eef3f4}.hc-brands p{font-size:14px;letter-spacing:.06em;word-spacing:8px}
.hc-area{padding:120px 0 105px;background:#dceaf0}.hc-area::before{content:"";position:absolute;right:6vw;top:-120px;width:390px;height:390px;border:80px solid rgba(11,103,178,.08);border-radius:50%}.hc-area__top{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.hc-area h2{color:#10283a}.hc-area__top p{max-width:430px;padding-top:15px;color:#526674;font-size:19px}.hc-marquee{position:relative;z-index:1;margin-top:70px;padding:24px 0;border-top:1px solid #8ca9b7;border-bottom:1px solid #8ca9b7}.hc-marquee span{font-size:19px;font-weight:750}.hc-marquee span::after{width:34px;height:1px;border-radius:0;background:#6c8998}
.hc-contact{padding:104px 0;background:#56c7f4;color:#10283a}.hc-contact h2{color:#10283a}.hc-contact p{color:#344b59}.hc-contact__phone{color:#10283a}.hc-contact .hc-button{background:#10283a;color:#fff}.hc-footer{padding-top:72px}.hc-footer__bottom{display:flex;justify-content:space-between;gap:30px;letter-spacing:.04em}.hc-footer__bottom a{color:#fff}
@media(max-width:900px){.hc-nav>a{display:block!important}.hc-services-menu__panel{position:fixed;top:70px;left:14px;right:14px;width:auto}.hc-process::after{inset:0;opacity:.18}.hc-process-grid{grid-template-columns:1fr}.hc-step{padding:28px 28px 28px 78px;border:0;border-bottom:1px solid rgba(255,255,255,.15)}.hc-step__no{position:absolute;left:26px;top:31px;margin:0}.hc-personal__layout{grid-template-columns:1fr;gap:50px}.hc-personal__left{position:static}.hc-area__top{grid-template-columns:1fr;gap:26px}.hc-footer__bottom{flex-direction:column}}
@media(max-width:560px){.hc-brand__sub{display:block;font-size:8px}.hc-brand__name{font-size:16px}.hc-nav>a{display:block!important;padding-left:12px;font-size:10px}.hc-nav{gap:0}.hc-services-menu summary{font-size:11px}.hc-local{font-size:11px;line-height:1.45}.hc-trust-list{grid-template-columns:1fr}.hc-trust-item{min-height:210px}.hc-contact__inner{gap:35px}.hc-footer__bottom{font-size:10px}}

/* Refinement 2.2 */
.hc-header{position:absolute;color:#10284b;background:#fff;border-top:6px solid #10284b;box-shadow:0 12px 34px rgba(10,37,70,.12)}
.hc-header__inner{min-height:92px}.hc-brand__name{color:#10284b}.hc-brand__sub{color:#526987;opacity:1}.hc-nav{height:92px;gap:7px}.hc-nav>a,.hc-services-menu summary{height:52px;padding:0 28px;display:flex!important;align-items:center;color:#fff;background:#2468d8;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);text-decoration:none}.hc-nav>a{font-size:13px}.hc-services-menu summary span{width:20px;height:20px;border-color:rgba(255,255,255,.65)}
.hc-services-menu__panel{top:70px;right:-120px;width:760px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;border-radius:0 0 18px 18px;background:#eaf1ff;box-shadow:0 26px 55px rgba(10,37,70,.26)}.hc-services-menu__panel a{min-height:160px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;border:0;border-radius:12px;color:#fff;background:linear-gradient(145deg,#3477ea,#205cca);box-shadow:inset 0 1px rgba(255,255,255,.22)}.hc-services-menu__panel a:nth-child(2){background:linear-gradient(145deg,#173c73,#10284b)}.hc-services-menu__panel a:nth-child(3){color:#10284b;background:#fff}.hc-services-menu__panel a:hover{transform:translateY(-4px)}.hc-services-menu__panel strong{font-size:20px}.hc-services-menu__panel span{margin-top:7px;color:rgba(255,255,255,.75)}.hc-services-menu__panel a:nth-child(3) span{color:#60708a}
.hc-hero{padding-top:92px}
.hc-process{background:linear-gradient(135deg,#071c2d,#103a54)}.hc-process::after{display:block;inset:auto -180px -260px auto;width:720px;height:720px;border:150px solid rgba(71,169,210,.1);border-radius:50%;background:none;opacity:1}.hc-process h2{position:relative}.hc-process h2::after{content:"";position:absolute;right:-130px;top:50%;width:100px;height:3px;background:#56c7f4}.hc-process-grid{max-width:none;gap:12px;background:none;backdrop-filter:none}.hc-process-grid::before{display:none}.hc-step{position:relative;min-height:260px;padding:96px 30px 32px;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.045);transition:transform .3s,background .3s}.hc-step::before{content:"";position:absolute;top:32px;left:30px;width:42px;height:4px;background:#32a8d8;transition:width .3s,background .3s}.hc-step:hover{transform:translateY(-8px);background:rgba(255,255,255,.09)}.hc-step:hover::before{width:82px;background:#56c7f4}.hc-step h3{font-size:24px}.hc-section-call{display:flex;justify-content:center;margin-top:44px}.hc-section-call--left{justify-content:flex-start;margin-top:28px}
.hc-brands{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:32px;padding:34px 36px;border:0;background:#10284b;color:#fff}.hc-brands span{margin:0;color:#9db5c8;font-size:11px;line-height:1.5}.hc-brands p{display:flex;flex-wrap:wrap;gap:12px 24px;color:#fff;font-size:16px;line-height:1.7;letter-spacing:.035em;word-spacing:0}
.hc-area__top{align-items:start}.hc-area__top p{padding-top:0;margin-top:0}.hc-area::before{border-color:rgba(36,104,216,.07)}
.hc-contact{background:#eaf1ff}.hc-contact h2,.hc-contact__phone{color:#10284b}.hc-contact p{color:#526987}.hc-contact .hc-button{background:#2468d8;color:#fff}
@media(max-width:900px){.hc-nav{height:auto}.hc-nav>a,.hc-services-menu summary{height:46px;padding:0 18px;clip-path:none}.hc-services-menu__panel{position:fixed;top:90px;left:14px;right:14px;width:auto;grid-template-columns:1fr}.hc-services-menu__panel a{min-height:105px}.hc-hero{padding-top:90px}.hc-process h2::after{display:none}.hc-step{min-height:190px;padding:74px 25px 26px}.hc-brands{grid-template-columns:1fr;gap:18px}}
@media(max-width:560px){.hc-header{border-top-width:4px}.hc-header__inner{min-height:78px}.hc-nav{gap:4px}.hc-nav>a,.hc-services-menu summary{height:40px;padding:0 10px;font-size:10px}.hc-services-menu summary span{display:none}.hc-services-menu__panel{top:78px}.hc-hero{padding-top:78px}.hc-process-grid{gap:8px}.hc-section-call .hc-button{width:100%}.hc-brands{padding:28px 24px}.hc-brands p{gap:8px 16px;font-size:14px}}

/* Visual system 2.3: cohesive navigation, actions and section treatments */
.hc-header {
  color: #10284b;
  border-top: 4px solid #2468d8;
  border-bottom: 1px solid rgba(16, 40, 75, .1);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 34px rgba(10, 37, 70, .08);
  backdrop-filter: blur(16px);
}
.hc-header__inner { min-height: 88px; }
.hc-nav { height: 88px; gap: 8px; }
.hc-nav > a,
.hc-services-menu summary {
  position: relative;
  height: 48px;
  padding: 0 19px;
  color: #10284b;
  background: transparent;
  clip-path: none;
  border-radius: 10px;
  transition: color .2s, background-color .2s;
}
.hc-nav > a::after,
.hc-services-menu summary::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 6px;
  left: 18px;
  height: 2px;
  background: #2468d8;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}
.hc-nav > a:hover,
.hc-services-menu summary:hover,
.hc-services-menu[open] summary {
  color: #1d62c6;
  background: #f1f6ff;
}
.hc-nav > a:hover::after,
.hc-services-menu summary:hover::after,
.hc-services-menu[open] summary::after { transform: scaleX(1); }
.hc-services-menu summary span {
  width: 23px;
  height: 23px;
  color: #2468d8;
  border: 1px solid #b9cdf1;
  border-radius: 50%;
}
.hc-services-menu__panel {
  top: 67px;
  right: -112px;
  width: 780px;
  padding: 12px;
  gap: 10px;
  border: 1px solid rgba(16, 40, 75, .1);
  border-radius: 18px;
  background: rgba(247, 250, 255, .98);
  box-shadow: 0 28px 70px rgba(10, 37, 70, .2);
}
.hc-services-menu__panel a,
.hc-services-menu__panel a:nth-child(2),
.hc-services-menu__panel a:nth-child(3) {
  position: relative;
  isolation: isolate;
  min-height: 186px;
  overflow: hidden;
  color: #fff;
  border-radius: 11px;
  background-position: center;
  background-size: cover;
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease;
}
.hc-services-menu__panel a::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 22, 40, .04) 15%, rgba(4, 22, 40, .9) 100%);
  transition: background .25s ease;
}
.hc-services-menu__panel a:nth-child(1) { background-image: url("assets/images/hydraulika-real.webp"); }
.hc-services-menu__panel a:nth-child(2) { background-image: url("assets/images/klimatyzacja-real.webp"); }
.hc-services-menu__panel a:nth-child(3) { background-image: url("assets/images/pompy-ciepla-real.webp"); }
.hc-services-menu__panel a:hover,
.hc-services-menu__panel a:nth-child(2):hover,
.hc-services-menu__panel a:nth-child(3):hover {
  color: #fff;
  background-color: #10284b;
  transform: translateY(-4px);
  box-shadow: 0 13px 24px rgba(12, 39, 72, .2);
}
.hc-services-menu__panel a:hover::before { background: linear-gradient(180deg, rgba(22, 104, 216, .08), rgba(4, 22, 40, .94)); }
.hc-services-menu__panel strong { color: #fff; }
.hc-services-menu__panel span,
.hc-services-menu__panel a:nth-child(3) span { color: rgba(255, 255, 255, .78); }

.hc-button,
.hc-contact .hc-button {
  color: #fff;
  background: #2468d8;
  border: 1px solid #2468d8;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(36, 104, 216, .2);
}
.hc-button::after {
  inset: 0 auto 0 -45%;
  width: 32%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
  mix-blend-mode: normal;
  transform: skewX(-18deg);
  transition: left .55s ease;
}
.hc-button:hover {
  color: #fff;
  background: #1d5fc5;
  border-color: #1d5fc5;
  box-shadow: 0 12px 26px rgba(36, 104, 216, .26);
}
.hc-button:hover::after { left: 125%; transform: skewX(-18deg); }

.hc-process {
  background: #071c2d;
}
.hc-process::after {
  display: block;
  z-index: -1;
  inset: 0 0 0 53%;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: linear-gradient(90deg, #071c2d 0%, rgba(7, 28, 45, .76) 24%, rgba(7, 28, 45, .18) 70%), url("assets/images/process-real.webp") center/cover no-repeat;
  opacity: .78;
}
.hc-process-grid { max-width: 920px; }
.hc-step {
  background: rgba(8, 35, 55, .76);
  backdrop-filter: blur(8px);
}
.hc-step::before {
  width: 44px;
  height: 3px;
  background: #59bff0;
}
.hc-step:hover::before { background: #7fd7ff; }

.hc-brands {
  display: block;
  margin-top: 24px;
  padding: 30px 0 26px;
  color: #10284b;
  border-top: 1px solid #cbd7e1;
  border-bottom: 1px solid #cbd7e1;
  background: transparent;
}
.hc-brands span {
  margin: 0 0 15px;
  color: #587086;
  font-size: 11px;
  letter-spacing: .15em;
}
.hc-brands p {
  display: block;
  color: #10284b;
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.8;
  letter-spacing: .08em;
  word-spacing: 18px;
}
.hc-area__top { align-items: center; }
.hc-area__top p { margin-top: 0; }
.hc-footer .hc-brand__name { color: #fff; }
.hc-footer .hc-brand__sub { color: rgba(255, 255, 255, .68); }
.hc-footer .hc-brand__logo { filter: brightness(0) invert(1); opacity: .92; }

@media(max-width:900px) {
  .hc-header__inner { min-height: 82px; }
  .hc-nav { height: auto; }
  .hc-nav > a,
  .hc-services-menu summary { height: 42px; padding: 0 12px; }
  .hc-services-menu__panel { top: 76px; grid-template-columns: 1fr; }
  .hc-services-menu__panel a,
  .hc-services-menu__panel a:nth-child(2),
  .hc-services-menu__panel a:nth-child(3) { min-height: 112px; }
  .hc-process::after { inset: 0; opacity: .22; }
}
@media(max-width:560px) {
  .hc-header__inner { min-height: 76px; }
  .hc-brand__name { font-size: 14px; }
  .hc-brand__sub { font-size: 7px; letter-spacing: .075em; }
  .hc-nav > a,
  .hc-services-menu summary { height: 38px; padding: 0 8px; }
  .hc-nav > a::after,
  .hc-services-menu summary::after { right: 8px; left: 8px; }
  .hc-services-menu__panel { top: 74px; }
  .hc-brands { padding: 25px 0 22px; }
  .hc-brands p { font-size: 14px; word-spacing: 11px; }
}

/* Service landings 3.0 */
.hc-header--inner { position:absolute; }
.hc-service-hero { position:relative; min-height:760px; display:flex; align-items:center; color:#fff; background:#071c2d; overflow:hidden; }
.hc-service-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,24,39,.97) 0%,rgba(5,24,39,.84) 46%,rgba(5,24,39,.14) 78%),var(--hero-image) 66% center/cover no-repeat; }
.hc-service-hero__content { position:relative; padding-top:120px; }
.hc-service-hero h1,.hc-contact-hero h1 { max-width:830px; margin:26px 0; color:#fff; font-size:clamp(52px,6vw,82px); line-height:.98; letter-spacing:-.055em; }
.hc-service-hero__lead { max-width:720px; margin:0; color:rgba(255,255,255,.82); font-size:19px; line-height:1.7; }
.hc-service-hero__actions { display:flex; align-items:center; gap:28px; margin-top:34px; }
.hc-service-phone { color:#fff; font-size:22px; font-weight:800; text-decoration:none; letter-spacing:.03em; }
.hc-landing-section { position:relative; padding:120px 0; overflow:hidden; }
.hc-landing-section h2 { margin:0; color:#10284b; font-size:clamp(40px,5vw,66px); line-height:1.04; letter-spacing:-.045em; }
.hc-landing-heading { display:grid; grid-template-columns:100px minmax(0,760px); gap:34px; align-items:start; }
.hc-landing-heading>span { padding-top:10px; color:#2468d8; font-size:13px; font-weight:900; letter-spacing:.14em; }
.hc-landing-heading p { margin:24px 0 0; color:#5f7182; font-size:18px; }
.hc-situations { background:#f4f7fa; }
.hc-situation-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-top:66px; }
.hc-situation { grid-column:span 2; min-height:250px; padding:30px; border:1px solid #dce5ee; border-radius:13px; background:#fff; transition:transform .28s,border-color .28s,box-shadow .28s; }
.hc-situation:nth-child(4):nth-last-child(2) { grid-column:2/span 2; }
.hc-situation i { display:block; width:44px; height:3px; margin-bottom:58px; background:#56c7f4; transition:width .28s; }
.hc-situation h3 { margin:0 0 12px; color:#10284b; font-size:21px; line-height:1.2; }
.hc-situation p { margin:0; color:#5f7182; font-size:15px; line-height:1.55; }
.hc-situation:hover { transform:translateY(-7px); border-color:#a9c7f1; box-shadow:0 20px 42px rgba(16,40,75,.09); }
.hc-situation:hover i { width:76px; }
.hc-scope { background:#fff; }
.hc-scope__layout { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:90px; align-items:start; }
.hc-scope__visual { position:sticky; top:110px; height:680px; overflow:hidden; border-radius:14px; }
.hc-scope__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(5,24,39,.8)); }
.hc-scope__visual img { width:100%; height:100%; object-fit:cover; }
.hc-scope__visual span { position:absolute; z-index:1; right:28px; bottom:26px; left:28px; color:#fff; font-size:11px; font-weight:800; letter-spacing:.12em; }
.hc-scope__content { padding-top:22px; }
.hc-scope-list { margin-top:52px; border-top:1px solid #d6e0e8; }
.hc-scope-list article { padding:25px 0; border-bottom:1px solid #d6e0e8; }
.hc-scope-list h3 { margin:0 0 8px; color:#10284b; font-size:20px; }
.hc-scope-list p { margin:0; color:#5f7182; font-size:15px; }
.hc-workflow { color:#fff; background:#071c2d; }
.hc-workflow h2 { color:#fff; }
.hc-workflow .hc-eyebrow { color:#70cef5; }
.hc-workflow-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:64px; border-top:1px solid rgba(255,255,255,.15); border-left:1px solid rgba(255,255,255,.15); }
.hc-workflow-step { min-height:280px; padding:31px; border-right:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.025); transition:background .25s; }
.hc-workflow-step:hover { background:rgba(86,199,244,.09); }
.hc-workflow-step span { display:block; margin-bottom:64px; color:#70cef5; font-size:12px; font-weight:900; letter-spacing:.14em; }
.hc-workflow-step h3 { margin:0 0 12px; color:#fff; font-size:22px; }
.hc-workflow-step p { margin:0; color:#aec0cc; font-size:15px; }
.hc-assurance { background:#edf4fa; }
.hc-assurance__top { max-width:860px; }
.hc-assurance-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:65px; }
.hc-assurance-grid article { min-height:260px; padding:32px; border-radius:12px; background:#fff; }
.hc-assurance-grid article:first-child { color:#fff; background:#2468d8; }
.hc-assurance-grid h3 { margin:80px 0 12px; color:#10284b; font-size:22px; }
.hc-assurance-grid article:first-child h3 { color:#fff; }
.hc-assurance-grid p { margin:0; color:#5f7182; font-size:15px; }
.hc-assurance-grid article:first-child p { color:rgba(255,255,255,.8); }
.hc-service-closing { background:#eaf1ff; }
.hc-basic-page { min-height:70vh; padding:170px 0 100px; }
.hc-basic-page h1 { color:#10284b; font-size:clamp(42px,6vw,72px); }

.hc-contact-hero { position:relative; padding:190px 0 110px; color:#fff; background:linear-gradient(135deg,#071c2d,#123b5a); overflow:hidden; }
.hc-contact-hero::after { content:""; position:absolute; width:620px; height:620px; right:-190px; bottom:-390px; border:120px solid rgba(86,199,244,.08); border-radius:50%; }
.hc-contact-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:1.25fr .75fr; gap:90px; align-items:end; }
.hc-contact-hero p:not(.hc-local) { max-width:650px; margin:0 0 34px; color:#bfd0da; font-size:19px; }
.hc-contact-hero__phone { display:flex; min-height:300px; padding:38px; flex-direction:column; justify-content:flex-end; color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:rgba(255,255,255,.06); text-decoration:none; }
.hc-contact-hero__phone small,.hc-contact-data small { color:#80d3f5; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.hc-contact-hero__phone strong { margin:14px 0 5px; font-size:clamp(30px,4vw,48px); line-height:1; }
.hc-contact-hero__phone span { color:#afc1cd; font-size:14px; }
.hc-contact-data { background:#f5f8fb; }
.hc-contact-data__grid { display:grid; grid-template-columns:1fr 1fr 1.35fr; gap:12px; margin-top:64px; }
.hc-contact-data__grid>* { display:flex; min-height:210px; padding:30px; flex-direction:column; justify-content:flex-end; border:1px solid #d8e3ec; border-radius:12px; background:#fff; text-decoration:none; }
.hc-contact-data__grid strong { margin-top:18px; color:#10284b; font-size:21px; line-height:1.35; }
.hc-first-call { background:#fff; }
.hc-first-call>div>.hc-intro { max-width:760px; }
.hc-first-call__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:64px; }
.hc-first-call__grid article { min-height:250px; padding:34px; border-radius:12px; background:#edf4fa; }
.hc-first-call__grid span { color:#2468d8; font-size:12px; font-weight:900; }
.hc-first-call__grid h3 { margin:58px 0 12px; color:#10284b; font-size:24px; }
.hc-first-call__grid p { margin:0; color:#5f7182; }

@media(max-width:900px){
 .hc-service-hero { min-height:720px; }
 .hc-service-hero::before { background:linear-gradient(rgba(5,24,39,.62),rgba(5,24,39,.94)),var(--hero-image) center/cover no-repeat; }
 .hc-service-hero__content { padding-top:110px; }
 .hc-landing-heading { grid-template-columns:55px 1fr; gap:18px; }
 .hc-situation-grid { grid-template-columns:repeat(2,1fr); }
 .hc-situation,.hc-situation:nth-child(4):nth-last-child(2) { grid-column:auto; }
 .hc-scope__layout { grid-template-columns:1fr; gap:55px; }
 .hc-scope__visual { position:relative; top:auto; height:500px; }
 .hc-workflow-grid { grid-template-columns:repeat(2,1fr); }
 .hc-assurance-grid { grid-template-columns:repeat(2,1fr); }
 .hc-contact-hero__grid { grid-template-columns:1fr; gap:55px; }
 .hc-contact-hero__phone { min-height:220px; }
 .hc-contact-data__grid { grid-template-columns:1fr; }
}
@media(max-width:560px){
 .hc-service-hero { min-height:760px; }
 .hc-service-hero h1,.hc-contact-hero h1 { font-size:45px; }
 .hc-service-hero__lead,.hc-contact-hero p:not(.hc-local) { font-size:16px; }
 .hc-service-hero__actions { align-items:stretch; flex-direction:column; gap:16px; }
 .hc-service-phone { text-align:center; }
 .hc-landing-section { padding:84px 0; }
 .hc-landing-heading { display:block; }
 .hc-landing-heading>span { display:block; margin-bottom:20px; }
 .hc-situation-grid,.hc-workflow-grid,.hc-assurance-grid,.hc-first-call__grid { grid-template-columns:1fr; margin-top:44px; }
 .hc-situation { min-height:220px; }
 .hc-scope__visual { height:390px; }
 .hc-workflow-step { min-height:230px; }
 .hc-assurance-grid article { min-height:220px; }
 .hc-contact-hero { padding:150px 0 80px; }
 .hc-contact-hero__phone { min-height:190px; padding:28px; }
 .hc-contact-data__grid { margin-top:44px; }
 .hc-contact-data__grid>* { min-height:170px; }
}

/* Landing refinement 3.1 */
.hc-nowrap { white-space: nowrap; }
.hc-service-hero h1 { text-wrap: balance; }
.hc-service-hero__actions { margin-top:38px; }
.hc-landing-heading { display:block; max-width:860px; }
.hc-landing-heading > div { max-width:760px; }
.hc-situation { padding:0; overflow:hidden; }
.hc-situation > div { padding:30px; }
.hc-situation figure { height:190px; margin:0; overflow:hidden; background:#dce5ee; }
.hc-situation figure img { width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.16,1,.3,1); }
.hc-situation:hover figure img { transform:scale(1.045); }
.hc-landing--hydraulika .hc-situation { min-height:470px; }
.hc-landing--hydraulika .hc-situation i { margin-bottom:28px; }
.hc-workflow-grid { gap:12px; border:0; }
.hc-workflow-step { min-height:0; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:#0c263b; }
.hc-workflow-step figure { position:relative; height:190px; margin:0; overflow:hidden; }
.hc-workflow-step figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(7,28,45,.72)); }
.hc-workflow-step figure img { width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.16,1,.3,1); }
.hc-workflow-step:hover figure img { transform:scale(1.045); }
.hc-workflow-step figure span { position:absolute; z-index:1; right:18px; bottom:16px; display:grid; width:38px; height:38px; margin:0; place-items:center; color:#071c2d; border-radius:50%; background:#70cef5; font-size:11px; }
.hc-workflow-step > div { padding:27px 30px 32px; }
.hc-workflow-step h3 { min-height:54px; }
.hc-contact-hero { background:#071c2d; }
.hc-contact-hero::after { display:none; }
.hc-contact-hero__grid { grid-template-columns:1.05fr .95fr; align-items:center; }
.hc-contact-hero__visual { position:relative; height:430px; margin:0; overflow:hidden; border-radius:14px; box-shadow:0 28px 70px rgba(0,0,0,.25); }
.hc-contact-hero__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(5,24,39,.84)); }
.hc-contact-hero__visual img { width:100%; height:100%; object-fit:cover; }
.hc-contact-hero__visual figcaption { position:absolute; z-index:1; right:28px; bottom:24px; left:28px; color:#fff; font-size:15px; font-weight:700; }
.hc-contact-data__grid { grid-template-columns:.8fr .9fr 1.3fr; }
.hc-contact-data__grid > * { min-height:150px; padding:26px; }
.hc-contact-data__grid strong { margin-top:12px; font-size:19px; }
.hc-first-call__grid article { position:relative; min-height:230px; overflow:hidden; background:#edf4fa; }
.hc-first-call__grid article::after { content:""; position:absolute; width:150px; height:150px; right:-75px; bottom:-75px; border:28px solid rgba(36,104,216,.06); border-radius:50%; }
.hc-first-call__grid i { display:block; width:34px; height:3px; background:#56c7f4; }
.hc-first-call__grid h3 { margin-top:42px; }
.hc-service-closing .hc-contact__inner > div:last-child,
.hc-contact-page > .hc-contact .hc-contact__inner > div:last-child { display:flex; justify-content:flex-end; align-items:center; }
.hc-assurance__top { max-width:980px; margin-inline:auto; text-align:center; }
.hc-assurance { padding-top:96px; padding-bottom:96px; }
.hc-assurance__top .hc-eyebrow { justify-content:center; }
.hc-assurance-grid { width:min(100%,980px); margin:56px auto 0; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.hc-assurance-grid article { min-height:210px; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; }
.hc-assurance-grid h3 { margin:0 0 11px; }
.hc-area--mapped { padding:96px 0 0; color:#10284b; background:#eef5f8; }
.hc-area--mapped .hc-eyebrow { color:#2468d8; }
.hc-area--mapped .hc-eyebrow::before { background:#2468d8; }
.hc-area__layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; align-items:center; }
.hc-area__copy h2 { margin:0; color:#10284b; font-size:clamp(42px,5vw,68px); line-height:1; letter-spacing:-.045em; }
.hc-area__copy > p:not(.hc-eyebrow) { max-width:470px; margin:27px 0 0; color:#526674; font-size:18px; }
.hc-area__regions { display:flex; flex-wrap:wrap; gap:9px; margin-top:30px; }
.hc-area__regions span { padding:9px 13px; color:#174d98; border:1px solid #b8cdef; border-radius:999px; background:#fff; font-size:12px; font-weight:800; letter-spacing:.04em; }
.hc-area__map { height:430px; overflow:hidden; border:10px solid #fff; border-radius:16px; box-shadow:0 24px 54px rgba(16,40,75,.14); }
.hc-area__map iframe { width:100%; height:100%; border:0; filter:saturate(.78) contrast(.95); }
.hc-coverage-map { width:100%; height:100%; background:#dce8ee; }
.hc-map-label { padding:5px 9px; color:#071b33; border:1px solid rgba(7,27,51,.16); border-radius:7px; background:rgba(255,255,255,.92); box-shadow:0 4px 12px rgba(7,27,51,.12); font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:11px; font-weight:800; }
.hc-map-error { display:grid; height:100%; margin:0; padding:30px; place-items:center; color:#526674; text-align:center; }
.hc-area--mapped .hc-marquee { margin-top:76px; border-color:#cbd8df; background:#e2edf2; }
.hc-area--mapped .hc-marquee span { color:#10284b; }
.hc-area--mapped .hc-marquee span::after { background:#2468d8; }

@media(max-width:900px){
 .hc-nowrap { white-space:normal; }
 .hc-service-hero h1 br { display:none; }
 .hc-landing--hydraulika .hc-situation { min-height:450px; }
 .hc-contact-hero__grid { grid-template-columns:1fr; }
 .hc-contact-hero__visual { height:390px; }
 .hc-area__layout { grid-template-columns:1fr; gap:46px; }
 .hc-area__map { height:400px; }
}

/* Final responsive layer 3.3 */
@media(max-width:900px){
  .hc-contact-data__grid { grid-template-columns:1fr!important; }
  .hc-contact-data__grid > * { min-height:0; padding:24px; justify-content:center; }
  .hc-situation-grid,.hc-workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hc-footer__grid { grid-template-columns:1fr 1fr; }
  .hc-services-menu__panel {
    position:fixed;
    z-index:9999;
    top:82px;
    right:14px;
    left:14px;
    width:auto;
    max-height:calc(100vh - 96px);
    grid-template-columns:1fr;
    overflow-y:auto;
    padding:10px;
    border-radius:14px;
    background:#f7faff;
    box-shadow:0 24px 65px rgba(7,27,51,.28);
  }
  .hc-services-menu__panel a,
  .hc-services-menu__panel a:nth-child(2),
  .hc-services-menu__panel a:nth-child(3) { display:flex; min-height:106px; padding:20px; }
}

@media(max-width:600px){
  :root { --wrap:calc(100vw - 28px); }
  body { font-size:16px; }
  .hc-header { position:absolute; }
  .hc-header__inner { width:calc(100vw - 20px); min-height:76px; gap:8px; }
  .hc-brand { gap:7px; flex:1 1 auto; min-width:0; }
  .hc-brand__logo { width:30px; height:30px; flex:0 0 auto; }
  .hc-brand__name { font-size:13px; line-height:1.05; white-space:nowrap; }
  .hc-brand__sub { margin-top:4px; font-size:6.5px; letter-spacing:.08em; }
  .hc-nav { flex:0 0 auto; gap:2px; }
  .hc-nav > a,.hc-services-menu summary { height:38px; padding:0 7px; font-size:9px; letter-spacing:.06em; }
  .hc-services-menu summary { gap:4px; }
  .hc-services-menu summary span { display:grid; width:18px; height:18px; font-size:12px; }
  .hc-nav > a::after,.hc-services-menu summary::after { right:7px; left:7px; }
  .hc-services-menu__panel { top:74px; right:8px; left:8px; max-height:calc(100vh - 84px); gap:7px; }
  .hc-services-menu__panel a,
  .hc-services-menu__panel a:nth-child(2),
  .hc-services-menu__panel a:nth-child(3) { min-height:104px; padding:18px; border-radius:9px; }
  .hc-services-menu__panel strong { font-size:17px; }
  .hc-services-menu__panel span { font-size:12px; }

  .hc-hero,.hc-service-hero { min-height:700px; }
  .hc-hero__inner,.hc-service-hero__content { padding-top:118px; padding-bottom:64px; }
  .hc-hero h1,.hc-service-hero h1,.hc-contact-hero h1 { font-size:clamp(39px,11vw,47px); line-height:1.02; }
  .hc-hero__lead,.hc-service-hero__lead,.hc-contact-hero p:not(.hc-local) { font-size:16px; line-height:1.58; }
  .hc-local { max-width:100%; font-size:9px; letter-spacing:.065em; }
  .hc-button { width:100%; min-height:54px; padding-inline:18px; justify-content:center; text-align:center; }

  .hc-section,.hc-landing-section { padding:76px 0; }
  .hc-section h2,.hc-landing-section h2,.hc-area__copy h2 { font-size:clamp(36px,10vw,44px); }
  .hc-intro,.hc-landing-heading p,.hc-area__copy > p:not(.hc-eyebrow) { font-size:16px; line-height:1.58; }
  .hc-service-grid,.hc-situation-grid,.hc-workflow-grid,.hc-assurance-grid,.hc-first-call__grid,.hc-stats,.hc-trust-list { grid-template-columns:1fr!important; }
  .hc-service-grid { grid-template-rows:none; gap:12px; }
  .hc-service-card:first-child { grid-row:auto; }
  .hc-service-card { min-height:360px; }
  .hc-situation-grid,.hc-workflow-grid,.hc-assurance-grid,.hc-first-call__grid { gap:10px; margin-top:38px; }
  .hc-situation,.hc-workflow-step,.hc-assurance-grid article,.hc-first-call__grid article { width:100%; }
  .hc-scope__layout,.hc-personal__layout,.hc-area__layout,.hc-contact__inner,.hc-contact-hero__grid { grid-template-columns:1fr!important; gap:38px; }
  .hc-scope__visual { height:340px; }
  .hc-scope-list { margin-top:38px; }
  .hc-workflow-step figure { height:200px; }
  .hc-process-grid { grid-template-columns:1fr; }
  .hc-step { min-height:0; padding:70px 24px 26px; }
  .hc-contact-hero { padding:130px 0 72px; }
  .hc-contact-hero__visual { height:280px; }

  .hc-contact-data__grid { display:grid; grid-template-columns:1fr!important; gap:10px; margin-top:36px; }
  .hc-contact-data__grid > * { min-height:0; padding:22px; justify-content:flex-start; }
  .hc-contact-data__grid strong { margin-top:8px; overflow-wrap:anywhere; font-size:17px; }
  .hc-first-call__grid article { min-height:0; padding:26px; }
  .hc-first-call__grid h3 { margin-top:30px; font-size:21px; }
  .hc-area--mapped { padding-top:70px; }
  .hc-area__layout { gap:34px; }
  .hc-area__regions { gap:7px; margin-top:22px; }
  .hc-area__regions span { padding:8px 10px; font-size:10px; }
  .hc-area__map { height:360px; border-width:5px; border-radius:12px; }
  .hc-area--mapped .hc-marquee { margin-top:44px; }
  .leaflet-control-attribution { max-width:250px; font-size:8px!important; }
  .hc-map-label { font-size:9px; }

  .hc-contact__inner > div:last-child,.hc-service-closing .hc-contact__inner > div:last-child { justify-content:stretch; }
  .hc-footer { padding-top:56px; }
  .hc-footer__grid { grid-template-columns:1fr!important; gap:30px; }
  .hc-footer__bottom { margin-top:36px; flex-direction:column; gap:12px; }
}
@media(max-width:560px){
 .hc-service-hero h1 { font-size:42px; }
 .hc-landing--hydraulika .hc-situation { min-height:0; }
 .hc-situation figure { height:220px; }
 .hc-workflow-step figure { height:210px; }
 .hc-workflow-step h3 { min-height:0; }
 .hc-contact-hero__visual { height:300px; }
 .hc-contact-data__grid > * { min-height:132px; }
 .hc-assurance__top { text-align:left; }
 .hc-assurance__top .hc-eyebrow { justify-content:flex-start; }
 .hc-assurance-grid { grid-template-columns:1fr; margin-top:40px; }
 .hc-assurance-grid article { min-height:180px; }
 .hc-area--mapped { padding-top:78px; }
 .hc-area__map { height:330px; border-width:6px; }
 .hc-area--mapped .hc-marquee { margin-top:56px; }
}