:root{--bg-1:#040b1e;--bg-2:#081632;--border:rgba(255,255,255,.1);--text-soft:#c8d2e6;--accent:#4cc8f0;--accent-2:#2f8cf0}html,body{background:linear-gradient(180deg,var(--bg-1) 0%,#071224 100%);color:#fff}body{font-family:Arial,Helvetica,sans-serif}.navbar{background:rgba(4,10,25,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);min-height:104px}.navbar .container{min-height:104px;max-width:1540px}.navbar-brand{display:flex;align-items:center;margin-right:2rem;padding:0;flex:0 0 auto}.brand-logo-crop{width:460px;height:108px;overflow:hidden;display:flex;align-items:center}.brand-logo{width:auto;height:190%;display:block;transform:translateX(-8px);filter:drop-shadow(0 .35rem .8rem rgba(0,0,0,.35))}.navbar-nav .nav-link{color:rgba(255,255,255,.78);font-size:1rem;padding-left:.9rem;padding-right:.9rem;white-space:nowrap}.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus{color:#fff}.lang-dropdown{position:relative}.lang-dropdown .lang-current{min-width:76px;min-height:42px;border:1px solid rgba(255,255,255,.55);border-radius:.65rem;background:rgba(3,10,25,.65);color:#fff;font-weight:700}.lang-dropdown .lang-current:hover,.lang-dropdown .lang-current:focus{background:rgba(76,200,240,.22);border-color:var(--accent);color:#fff}.lang-dropdown .dropdown-menu{min-width:160px;border:1px solid rgba(255,255,255,.18);background:rgba(4,10,25,.96);backdrop-filter:blur(10px);z-index:2000}.lang-dropdown .dropdown-menu.show{display:block}.lang-dropdown .dropdown-item.active,.lang-dropdown .dropdown-item:active{background:var(--accent);color:#06101f;font-weight:700}.hero{position:relative;overflow:hidden;min-height:780px;padding-top:132px;padding-bottom:56px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(2,8,22,.96) 0%,rgba(3,10,26,.9) 34%,rgba(4,14,34,.56) 62%,rgba(4,14,34,.25) 100%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,22,.96) 0%,rgba(2,8,22,.88) 36%,rgba(2,8,22,.48) 64%,rgba(2,8,22,.18) 100%),url('media/hero-bg.png?v=10') center right/cover no-repeat;z-index:0}.hero .container{position:relative;z-index:1;max-width:1540px}.hero-copy{max-width:720px}.display-title{font-size:clamp(3.2rem,4.7vw,5.1rem);line-height:1.08;font-weight:700;letter-spacing:-.04em;max-width:720px;margin-bottom:1.5rem}.lead-soft{color:var(--text-soft);font-size:1.28rem;line-height:1.6;max-width:650px;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.hero-actions .btn{min-width:250px;min-height:64px;border-radius:1rem;font-size:1.18rem;display:inline-flex;align-items:center;justify-content:center}.btn-primary-sky{background:var(--accent-2);border:1px solid var(--accent-2);color:#fff;font-weight:700}.btn-primary-sky:hover{background:#4a9ef7;border-color:#4a9ef7;color:#fff}.btn-outline-sky{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff;font-weight:600}.btn-outline-sky:hover{background:rgba(255,255,255,.08);color:#fff}.hero-logo-wrap{display:flex;justify-content:flex-end;align-items:center;min-height:100%}.hero-logo-box{width:100%;max-width:720px;margin-left:auto;text-align:right;transform:translateY(-12px)}.hero-logo{width:100%;max-width:720px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 1rem 2rem rgba(0,0,0,.35));opacity:.96}.feature-grid{margin-top:-20px;position:relative;z-index:2}.feature-card{height:100%;background:rgba(13,27,58,.72);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1.5rem;box-shadow:0 1rem 2rem rgba(0,0,0,.22);backdrop-filter:blur(8px)}.feature-icon{font-size:1.7rem;color:#52a7ff;margin-bottom:.75rem;font-weight:700}.feature-card h3{font-size:1.65rem;margin-bottom:.75rem}.feature-card p,.text-soft{color:var(--text-soft)}.section-muted{background:rgba(255,255,255,.03);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-label{color:#9eeaf5;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;margin-bottom:.8rem;font-weight:700}.content-card{background:rgba(12,24,52,.62);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1.6rem;box-shadow:0 1rem 2rem rgba(0,0,0,.18)}footer{border-top:1px solid rgba(255,255,255,.08);color:#94a3b8}@media(max-width:1199.98px){.brand-logo-crop{width:400px;height:100px}.brand-logo{height:185%;transform:translateX(-8px)}.display-title{max-width:680px;font-size:clamp(3rem,5.6vw,4.5rem)}.hero-logo-box,.hero-logo{max-width:620px}}@media(max-width:991.98px){.navbar,.navbar .container{min-height:92px}.navbar-collapse{padding-top:1rem;padding-bottom:1rem}.brand-logo-crop{width:360px;height:88px}.brand-logo{height:185%;transform:translateX(-8px)}.hero{min-height:auto;padding-top:120px;padding-bottom:40px}.hero::before{background:linear-gradient(180deg,rgba(2,8,22,.94) 0%,rgba(2,8,22,.78) 44%,rgba(2,8,22,.48) 100%),url('media/hero-bg.png?v=10') center center/cover no-repeat}.display-title{font-size:clamp(2.7rem,8vw,4.2rem);max-width:none}.lead-soft{font-size:1.1rem}.hero-logo-wrap{justify-content:center}.hero-logo-box{max-width:580px;margin:2rem auto 0;text-align:center;transform:none}.hero-logo{max-width:580px}}@media(max-width:575.98px){.navbar,.navbar .container{min-height:84px}.brand-logo-crop{width:310px;height:76px}.brand-logo{height:185%;transform:translateX(-8px)}.display-title{font-size:clamp(2.2rem,11vw,3.2rem)}.hero-actions .btn{width:100%;min-width:0;min-height:56px;font-size:1.02rem}}


/* === Cyan theme + anchor offset fine tuning === */
:root {
  --bg-1: #03101f;
  --bg-2: #06243a;
  --border: rgba(53, 215, 255, 0.18);
  --text-soft: #c7dbea;
  --accent: #35d7ff;
  --accent-2: #16b8e8;
}

html { scroll-padding-top: 128px; }

section[id],
header[id] { scroll-margin-top: 128px; }

.navbar { border-bottom-color: rgba(53, 215, 255, 0.16); }

.navbar-nav .nav-link {
  color: rgba(230, 250, 255, 0.82);
  font-size: 0.96rem;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus { color: var(--accent); }

.lang-dropdown .lang-current:hover,
.lang-dropdown .lang-current:focus {
  background: rgba(53, 215, 255, 0.18);
  border-color: var(--accent);
}

.lang-dropdown .dropdown-item.active,
.lang-dropdown .dropdown-item:active {
  background: var(--accent);
  color: #06101f;
}

.hero {
  background:
    linear-gradient(90deg, rgba(1,10,24,.96) 0%, rgba(3,22,38,.90) 34%, rgba(4,42,56,.50) 62%, rgba(4,44,64,.22) 100%),
    linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
}

.hero::before {
  background:
    linear-gradient(90deg, rgba(1,10,24,.96) 0%, rgba(2,16,31,.86) 36%, rgba(3,48,62,.42) 64%, rgba(3,60,80,.14) 100%),
    url('media/hero-bg.png?v=11') center right / cover no-repeat;
}

.btn-primary-sky {
  background: var(--accent-2);
  border-color: var(--accent-2);
  box-shadow: 0 0.8rem 2rem rgba(22, 184, 232, 0.22);
}

.btn-primary-sky:hover {
  background: #44ddff;
  border-color: #44ddff;
  color: #06101f;
}

.btn-outline-sky { border-color: rgba(53, 215, 255, 0.45); }
.btn-outline-sky:hover { background: rgba(53, 215, 255, 0.10); }

.feature-card {
  background: rgba(8, 30, 52, 0.72);
  border-color: rgba(53, 215, 255, 0.16);
}

.feature-icon,
.section-label { color: var(--accent); }

.content-card {
  background: rgba(8, 30, 52, 0.62);
  border-color: rgba(53, 215, 255, 0.14);
}

@media (max-width: 991.98px) {
  html { scroll-padding-top: 104px; }
  section[id], header[id] { scroll-margin-top: 104px; }
  .navbar-nav .nav-link {
    font-size: 1rem;
    padding-left: 0;
    padding-right: 0;
  }
  .lang-dropdown { margin-top: .5rem; }
}