:root{
  --turquoise:#00d4df;
  --turquoise-dark:#0093a3;
  --turquoise-soft:#d8fbff;
  --ink:#0d2430;
  --muted:#62727b;
  --bg:#effcff;
  --white:#ffffff;
  --dark:#071d27;
  --line:#d8e8ec;
  --shadow:0 18px 55px rgba(7,29,39,.12);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none} .container{width:min(1180px,92%);margin-inline:auto}.section{padding:92px 0}.light{background:var(--white)}.dark{background:var(--dark);color:var(--white)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(13,36,48,.08)}
.nav-wrap{height:76px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}.logo-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--turquoise),#45e0e6);color:#fff;box-shadow:0 12px 30px rgba(0,167,181,.26)}.logo-text{white-space:nowrap}.main-nav{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700}.main-nav a{position:relative;color:#18313b}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--turquoise);transform:scaleX(0);transition:.2s}.main-nav a:hover:after{transform:scaleX(1)}.lang-switch{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:#fff}.lang-btn{border:0;background:transparent;border-radius:999px;padding:7px 10px;font-weight:800;cursor:pointer;color:var(--ink)}.lang-btn.active{background:var(--turquoise);color:#fff}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--turquoise-soft);font-size:25px;border-radius:12px;padding:6px 11px;color:var(--ink)}
.hero{min-height:720px;position:relative;display:grid;align-items:center;background:radial-gradient(circle at 15% 15%,rgba(0,211,224,.30),transparent 30%),linear-gradient(120deg,rgba(7,29,39,.96),rgba(3,69,78,.86)),url('images/hero-placeholder.jpg');background-size:cover;background-position:center;color:#fff;overflow:hidden}.hero:after{content:"";position:absolute;right:-12%;bottom:-20%;width:520px;height:520px;background:rgba(0,167,181,.26);border-radius:50%;filter:blur(8px)}.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:850;color:var(--turquoise)}.dark .eyebrow,.hero .eyebrow{color:#83f2f6}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.98;margin:14px 0 24px;letter-spacing:-.06em}.hero-text{font-size:clamp(18px,2vw,22px);max-width:760px;color:rgba(255,255,255,.88)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:850;border:1px solid transparent;cursor:pointer;transition:.2s}.btn.primary{background:var(--turquoise);color:#fff}.btn.primary:hover{background:var(--turquoise-dark);transform:translateY(-2px)}.btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}
.split,.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}.intro h2,.section h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0 18px;letter-spacing:-.04em}.intro p,.text-block p,.section-head p{color:var(--muted);font-size:17px}.dark .section-head p,.dark p{color:rgba(255,255,255,.76)}.stats{padding:34px 0;background:var(--white);border-block:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f3fcfd)}.stat-card strong{display:block;font-size:38px;line-height:1;color:var(--turquoise);margin-bottom:8px}.stat-card span{color:var(--muted);font-weight:700}.cards{display:grid;gap:22px;margin-top:34px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.cards article,.notice,.project-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.dark .cards article{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:none}.cards article span{color:#83f2f6;font-weight:900}.cards h3,.project-card h3{margin:10px 0 10px;line-height:1.2}.cards p,.project-desc,.project-meta p{color:var(--muted)}.dark .cards p{color:rgba(255,255,255,.74)}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:30px}.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.filter-btn,.map-jump{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--turquoise);color:#fff;border-color:var(--turquoise)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{display:flex;flex-direction:column;gap:12px}.project-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.project-category{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--turquoise-dark)}.status{font-size:12px;font-weight:900;padding:5px 10px;border-radius:999px;white-space:nowrap}.status-completed{background:#e8f7ef;color:#17683d}.status-ongoing{background:var(--turquoise-soft);color:var(--turquoise-dark)}.status-unknown{background:#f2f2f2;color:#5c6368}.project-card h3{font-size:20px}.project-meta{display:grid;gap:4px}.project-meta p{margin:0;font-size:14px}.map-jump{align-self:flex-start;margin-top:auto;color:var(--turquoise-dark)}.map-jump:hover{background:var(--turquoise-soft)}.project-card.is-hidden{display:none}
.project-map{height:540px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#dceff2}.map-note{font-size:14px;color:var(--muted);margin-top:12px}.leaflet-popup-content{font-family:Inter,system-ui,sans-serif;line-height:1.45}.map-popup-title{font-weight:900;color:#0d2430;margin-bottom:6px}.map-popup-meta{color:#586971;font-size:13px}.map-popup-status{display:inline-block;margin-top:7px;padding:3px 8px;border-radius:999px;background:var(--turquoise-soft);color:var(--turquoise-dark);font-weight:800;font-size:12px}
.notice{box-shadow:none}.notice.bordered{border-left:5px solid var(--turquoise)}.contact .two-col{align-items:stretch}.contact-list{margin-top:28px;display:grid;gap:10px}.contact-list p{margin:0}.contact-list a{color:#8ef6fb}.contact-form{display:grid;gap:14px;background:#fff;color:var(--ink);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--turquoise);box-shadow:0 0 0 4px rgba(0,167,181,.13)}.hp-field{display:none!important}.site-footer{padding:34px 0;background:#04151d;color:#fff}.footer-grid{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-grid p{color:rgba(255,255,255,.67);margin:6px 0 0}.success-page,.error-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.message-card{max-width:720px;background:#fff;padding:42px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.message-card h1{font-size:36px;margin:0 0 12px}.message-card p{color:var(--muted)}
@media (max-width:980px){.menu-toggle{display:block}.main-nav{position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 4%;display:none;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.lang-switch{margin-left:0}.split,.two-col,.section-head{grid-template-columns:1fr}.cards.three,.cards.four,.projects-grid,.stats-grid{grid-template-columns:1fr 1fr}.hero{min-height:640px}.section{padding:70px 0}}
@media (max-width:640px){.nav-wrap{height:68px}.logo-text{font-size:14px}.main-nav{top:68px}.cards.three,.cards.four,.projects-grid,.stats-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:58px 0}.project-map{height:430px}.footer-grid{display:grid}.project-topline{display:grid}}


/* v4 turquoise redesign + compact project hover cards */
body{
  background:
    radial-gradient(circle at 8% 0%, rgba(0,212,223,.16), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(0,147,163,.12), transparent 25%),
    var(--bg);
}
.site-header{background:rgba(239,252,255,.90);border-bottom:1px solid rgba(0,212,223,.24)}
.logo-mark{background:linear-gradient(135deg,#00d4df,#05b4c7 52%,#006f88);box-shadow:0 14px 34px rgba(0,212,223,.36)}
.hero{
  background:
    radial-gradient(circle at 78% 20%,rgba(0,212,223,.52),transparent 26%),
    radial-gradient(circle at 14% 78%,rgba(0,147,163,.46),transparent 24%),
    linear-gradient(125deg,#012c3b 0%,#00556a 48%,#00a9b8 130%),
    url('images/hero-placeholder.jpg');
  background-size:cover;
  background-position:center;
}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,33,45,.78),rgba(0,160,174,.22));z-index:1}.hero-content{z-index:2}.hero:after{background:rgba(0,212,223,.38)}
.eyebrow{color:#008c9d}.dark .eyebrow,.hero .eyebrow{color:#8ffff7}.btn.primary{background:linear-gradient(135deg,#00d4df,#0093a3);box-shadow:0 14px 30px rgba(0,147,163,.28)}.btn.primary:hover{background:linear-gradient(135deg,#10e9f3,#007f91)}
.stat-card strong,.project-category{color:#0093a3}.stat-card{background:linear-gradient(180deg,#ffffff,#e8fbff);border-color:rgba(0,212,223,.24)}
.cards article,.notice,.project-card,.contact-form,.message-card{box-shadow:0 20px 60px rgba(0,99,116,.14);border-color:rgba(0,212,223,.24)}
.filter-btn,.map-jump{border-color:rgba(0,147,163,.28)}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,#00d4df,#0093a3);border-color:#00d4df;color:#fff}
.projects-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.project-card{position:relative;min-height:210px;overflow:hidden;padding:24px;background:linear-gradient(145deg,#ffffff 0%,#f2fdff 100%);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}.project-card:hover,.project-card:focus-within,.project-card:focus{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,115,135,.22);border-color:#00d4df;outline:none}.project-card h3{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em;line-height:1.05;margin:18px 0 0;color:#073444}.project-card:before{content:"";position:absolute;inset:auto -40px -58px auto;width:160px;height:160px;border-radius:50%;background:rgba(0,212,223,.16);transition:.25s}.project-card:hover:before,.project-card:focus:before,.project-card:focus-within:before{transform:scale(1.55);background:rgba(0,212,223,.28)}.project-details{position:absolute;inset:0;z-index:3;padding:24px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(145deg,rgba(0,147,163,.96),rgba(1,46,62,.97));color:#fff;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .22s ease, transform .22s ease;overflow:auto}.project-card:hover .project-details,.project-card:focus .project-details,.project-card:focus-within .project-details{opacity:1;transform:translateY(0);pointer-events:auto}.project-full-title{margin:0 0 4px;font-weight:900;line-height:1.18;color:#fff}.project-details .project-meta{gap:5px}.project-details .project-meta p,.project-details .project-desc{color:rgba(255,255,255,.88);font-size:14px}.project-details .project-meta strong{color:#aaffff}.project-details .map-jump{background:#fff;color:#007f91;border-color:#fff;margin-top:auto}.project-details .map-jump:hover{background:#d8fbff}.project-details .status{align-self:flex-start}.project-topline{position:relative;z-index:2}.project-topline .status{box-shadow:0 8px 18px rgba(0,0,0,.08)}
.contact-form input[name="subject"]{display:none!important}.contact-form{background:linear-gradient(180deg,#ffffff,#eafbff)}
.contact-form input,.contact-form textarea{border-color:rgba(0,147,163,.25)}.contact-form input:focus,.contact-form textarea:focus{border-color:#00d4df;box-shadow:0 0 0 4px rgba(0,212,223,.18)}
@media (max-width:1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto}.project-details{position:static;opacity:1;transform:none;pointer-events:auto;margin:18px -8px -8px;border-radius:18px;background:linear-gradient(145deg,#0093a3,#073444)}.project-card:hover,.project-card:focus{transform:none}}


/* ===== v5 CLEAR TURQUOISE REDESIGN — cache-busted file ===== */
:root{
  --turquoise:#00e5ef;
  --turquoise-2:#00b8c9;
  --turquoise-3:#007f91;
  --navy:#052f44;
  --ink:#062b3a;
  --bg:#eaffff;
  --line:rgba(0,184,201,.28);
}
html{scroll-behavior:smooth}
body{
  background:
    linear-gradient(180deg,#eaffff 0%,#f8ffff 30%,#eefeff 100%) !important;
  color:var(--ink);
}
.site-header{
  background:linear-gradient(90deg,rgba(0,229,239,.96),rgba(0,127,145,.96)) !important;
  border-bottom:0 !important;
  box-shadow:0 10px 30px rgba(0,127,145,.22) !important;
}
.nav a,.brand-text strong,.brand-text span{color:white !important}.lang-switch button{border-color:rgba(255,255,255,.45)!important;color:#fff!important}.lang-switch button.active,.lang-switch button:hover{background:#fff!important;color:#007f91!important}.logo-mark{background:#fff!important;color:#008fa0!important;box-shadow:none!important}.mobile-toggle span{background:#fff!important}
.hero{
  min-height:88vh !important;
  background:
    linear-gradient(135deg,rgba(0,34,50,.78),rgba(0,184,201,.60)),
    radial-gradient(circle at 82% 15%,rgba(0,229,239,.9),transparent 26%),
    linear-gradient(135deg,#04384d,#00b8c9 60%,#00e5ef) !important;
  position:relative;
}
.hero:before{background:linear-gradient(120deg,rgba(2,42,58,.78),rgba(0,229,239,.18))!important}.hero:after{background:rgba(255,255,255,.22)!important}
.version-pill{
  display:inline-flex;align-items:center;gap:8px;padding:9px 14px;margin-bottom:18px;
  border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.38);
  color:#fff;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(12px);
}
.hero h1{font-size:clamp(44px,7vw,88px)!important;line-height:.95!important;letter-spacing:-.07em!important}.hero p{font-size:clamp(18px,2.1vw,25px)!important;color:rgba(255,255,255,.94)!important}.eyebrow{color:#00b8c9!important;font-weight:900!important}.hero .eyebrow{color:#bfffff!important}
.btn.primary,.contact-form button{background:linear-gradient(135deg,#00e5ef,#00aebf)!important;color:#04313d!important;font-weight:900!important;border:0!important;box-shadow:0 22px 48px rgba(0,184,201,.38)!important}.btn.secondary{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.50)!important;color:#fff!important}.btn:hover,.contact-form button:hover{transform:translateY(-3px)!important}
.section{position:relative}.section h2{letter-spacing:-.055em!important}.section h2:after{content:"";display:block;width:90px;height:5px;border-radius:999px;background:linear-gradient(90deg,#00e5ef,#007f91);margin-top:14px}.section.center h2:after{margin-left:auto;margin-right:auto}.hover-note{max-width:760px;margin:12px auto 26px;color:#0b6170;text-align:center;font-weight:700;background:#dfffff;border:1px solid rgba(0,184,201,.25);border-radius:18px;padding:13px 18px}
.stat-card,.cards article,.notice,.contact-form,.message-card{border:1px solid var(--line)!important;background:linear-gradient(180deg,#fff,#eaffff)!important;box-shadow:0 26px 70px rgba(0,127,145,.15)!important}.stat-card strong{color:#00aebf!important}.cards article .icon{background:linear-gradient(135deg,#00e5ef,#00aebf)!important;color:#073444!important}
.projects-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.project-card{
  min-height:230px!important;padding:22px!important;border:2px solid rgba(0,184,201,.32)!important;border-radius:28px!important;
  background:linear-gradient(145deg,#ffffff 0%,#dfffff 100%)!important;
  box-shadow:0 24px 52px rgba(0,127,145,.16)!important;overflow:hidden!important;position:relative!important;
}
.project-card h3{font-size:clamp(22px,1.85vw,30px)!important;color:#04384d!important;margin-top:22px!important;line-height:1.02!important;letter-spacing:-.055em!important}.project-card .project-category{color:#008fa0!important;font-weight:900!important}.project-card:after{content:"Виж детайли";position:absolute;right:18px;bottom:18px;padding:8px 12px;border-radius:999px;background:#00e5ef;color:#04313d;font-weight:900;font-size:12px;box-shadow:0 12px 26px rgba(0,184,201,.30)}html[lang="en"] .project-card:after{content:"View details"}.project-card:hover,.project-card:focus,.project-card:focus-within{transform:translateY(-9px) scale(1.012)!important;border-color:#00e5ef!important;box-shadow:0 34px 80px rgba(0,127,145,.28)!important}.project-card:before{content:""!important;position:absolute!important;width:210px!important;height:210px!important;right:-80px!important;top:-80px!important;border-radius:50%!important;background:radial-gradient(circle,#00e5ef,rgba(0,229,239,.08) 68%)!important;opacity:.55!important;transition:.25s!important}.project-card:hover:before,.project-card:focus:before{transform:scale(1.7)!important;opacity:.82!important}
.project-details{position:absolute!important;inset:0!important;z-index:20!important;padding:22px!important;background:linear-gradient(145deg,rgba(0,127,145,.98),rgba(3,45,62,.98))!important;color:#fff!important;opacity:0!important;transform:translateY(18px)!important;pointer-events:none!important;transition:.22s ease!important;overflow:auto!important;border-radius:26px!important}.project-card:hover .project-details,.project-card:focus .project-details,.project-card:focus-within .project-details{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}.project-full-title{font-size:16px!important;font-weight:900!important;line-height:1.18!important;color:#fff!important;margin:0 0 8px!important}.project-details .project-meta p,.project-details .project-desc{font-size:13px!important;line-height:1.42!important;color:rgba(255,255,255,.91)!important}.project-details .project-meta strong{color:#bfffff!important}.project-details .map-jump{margin-top:auto!important;background:#fff!important;color:#007f91!important;border:0!important;font-weight:900!important}.project-details .map-jump:hover{background:#cfffff!important}.status{background:#dfffff!important;color:#006b79!important}
.filter-btn{background:#fff!important;border:2px solid rgba(0,184,201,.32)!important;color:#006b79!important;font-weight:900!important}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,#00e5ef,#00aebf)!important;color:#04313d!important;border-color:#00e5ef!important}
.map-wrap{border:2px solid rgba(0,184,201,.35)!important;border-radius:28px!important;box-shadow:0 24px 60px rgba(0,127,145,.16)!important;overflow:hidden!important}.leaflet-container{background:#dfffff!important}.contact-form input,.contact-form textarea{border:2px solid rgba(0,184,201,.25)!important;background:#fbffff!important}.contact-form input:focus,.contact-form textarea:focus{outline:none!important;border-color:#00e5ef!important;box-shadow:0 0 0 5px rgba(0,229,239,.18)!important}
.footer{background:linear-gradient(135deg,#052f44,#007f91)!important}
@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.projects-grid{grid-template-columns:1fr!important}.project-card{min-height:auto!important}.project-card:after{display:none!important}.project-details{position:static!important;opacity:1!important;transform:none!important;pointer-events:auto!important;margin:18px -8px -8px!important;background:linear-gradient(145deg,#007f91,#04384d)!important}.hero{min-height:78vh!important}.site-header{background:#00aebf!important}.nav{background:#00aebf!important}}