*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bd:#0a3968;--bm:#1f6da0;--bl:#7ebce6;--bp:#eaf4fc;
  --bb:#c5dff0;--wh:#ffffff;--tx:#0b2a4a;--tm:#2c6b9c;
  --mu:#5a8ab0;--gold:#f5c542;--gh:#ffd966;
  --red:#c0392b;--grn:#1a8a4a;--r:10px;
  --sh:0 6px 24px rgba(10,57,104,.13);
}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bp);color:var(--tx);line-height:1.65;min-height:100vh}

/* HEADER */
.site-header{background:linear-gradient(135deg,var(--bd) 0%,var(--bm) 100%);padding:.75rem 1.4rem;box-shadow:0 4px 14px rgba(0,40,80,.28);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:3px solid var(--bl)}
.header-inner{max-width:1080px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem .8rem}
.logo-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-negative:0;flex-shrink:0}
.logo-icon{font-size:1.65rem;line-height:1}
.logo-text{font-size:1.15rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#fff 30%,#c5e2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.logo-text small{display:block;font-size:.58rem;font-weight:400;-webkit-text-fill-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7);letter-spacing:.08em;text-transform:uppercase}
.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;-ms-flex-wrap:wrap;flex-wrap:wrap}
.main-nav a{color:rgba(255,255,255,.88);text-decoration:none;padding:.32rem .8rem;border-radius:40px;font-size:.86rem;font-weight:500;border:1px solid rgba(255,255,255,.15);-webkit-transition:all .2s;transition:all .2s;white-space:nowrap}
.main-nav a:hover{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.4)}
.main-nav .nav-cta{background:var(--gold);color:var(--bd);font-weight:700;border:none}
.main-nav .nav-cta:hover{background:var(--gh)}

/* CONTAINER */
.container{max-width:1020px;margin:1.6rem auto;background:var(--wh);border-radius:18px;box-shadow:var(--sh);border:1px solid var(--bb);padding:1.8rem 2.2rem}

/* BREADCRUMB */
.breadcrumb{font-size:.8rem;color:var(--mu);margin-bottom:1.1rem}
.breadcrumb a{color:var(--mu);text-decoration:none}
.breadcrumb a:hover{color:var(--bm)}

/* TYPOGRAPHY */
h1{font-size:2rem;font-weight:700;color:var(--tx);line-height:1.2;border-left:5px solid var(--bm);padding-left:1rem;margin-bottom:.4rem}
h2{font-size:1.45rem;font-weight:600;color:var(--bd);border-bottom:2px solid var(--bb);padding-bottom:.28rem;margin:1.6rem 0 .85rem}
.subhead{font-size:.97rem;color:var(--mu);margin-bottom:1.3rem;padding-left:1.4rem;border-left:3px solid var(--bl)}
p{color:#133456;margin-bottom:.95rem;font-size:.96rem}

/* PAGE TEXT */
.page-text{background:var(--bp);border:1px solid var(--bb);border-radius:12px;padding:1.3rem 1.7rem;margin:1.3rem 0}
.page-text p{margin-bottom:.8rem}
.page-text p:last-child{margin-bottom:0}

/* FEATURE GRID */
.feature-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.9rem;margin:1.4rem 0}
.feature-item{-webkit-box-flex:1;-ms-flex:1 1 180px;flex:1 1 180px;background:var(--bp);border:1.5px solid var(--bb);border-radius:12px;padding:1rem .85rem;text-align:center;-webkit-transition:all .2s;transition:all .2s}
.feature-item:hover{background:#d6ecfa;border-color:var(--bm);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}
.feature-item span{display:block;font-size:1.8rem;margin-bottom:.28rem}
.feature-item strong{display:block;color:var(--bd);font-size:.92rem;margin-bottom:.2rem}
.feature-item p{font-size:.8rem;color:var(--mu);margin:0}

/* CONTACTS */
.contacts-block{margin:1.6rem 0;padding:1.1rem 1.4rem;background:#e8f3fc;border:2px dashed var(--bl);border-radius:11px;color:var(--mu);font-size:.9rem}

/* HR */
hr{border:none;height:1.5px;background:-webkit-linear-gradient(left,transparent,var(--bb),transparent);background:linear-gradient(to right,transparent,var(--bb),transparent);margin:1.6rem 0}

/* FOOTER */
.footer-note{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--mu)}
.footer-note a{color:var(--mu);text-decoration:none}
.footer-note a:hover{color:var(--bm)}

/* RESPONSIVE */
@media (max-width:760px){
  .container{padding:1.1rem 1rem;margin:.8rem .5rem;border-radius:13px}
  h1{font-size:1.5rem;padding-left:.7rem}
  h2{font-size:1.2rem}
  .feature-item{-ms-flex:1 1 140px;flex:1 1 140px;padding:.8rem .6rem}
  .header-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
  .main-nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  .main-nav a{font-size:.76rem;padding:.28rem .62rem}
}
@media (max-width:460px){
  h1{font-size:1.25rem}
  .page-text{padding:.9rem 1rem}
}

/* ── НАШІ РОБОТИ — заглушка ── */
.our-works-placeholder {
  margin: 1.6rem 0;
  border: 1.5px solid var(--bb);
  border-radius: 14px;
  overflow: hidden;
}
.ow-title {
  background: linear-gradient(135deg, var(--bd) 0%, var(--bm) 100%);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  padding: .75rem 1.3rem;
  letter-spacing: .02em;
}
.ow-grid {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
  gap: 1px;
  background: var(--bb);
}
.ow-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 220px);
  gap: 4px;
  background: #fff;
}
.ow-item {
  overflow: hidden;
  background: #f0f6fc;
  display: block;
  width: 100%;
  height: 220px;
}
.ow-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #f0f6fc;
}
.ow-item.ow-empty {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  color: #5a8ab0; font-size: .88rem;
}

@media (max-width: 600px) {
  .ow-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 180px); }
  .ow-item { height: 180px; }
  .ow-item img { height: 180px; }
}
@media (max-width: 380px) {
  .ow-grid { grid-template-columns: 1fr; grid-template-rows: none; }
  .ow-item { height: 200px; }
  .ow-item img { height: 200px; }
}

@media (max-width: 600px) {
  .ow-item { -ms-flex: 1 1 48%; flex: 1 1 48%; min-height: 100px; }
}
@media (max-width: 400px) {
  .ow-item { -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 90px; }
}