/* EVOLUTPLAY v10.48 — public home alignment and softer petroleum palette */
.landing-page{
  --page-bg:#0d1b24;
  --panel:#132630;
  --panel-2:#172d38;
  --line:rgba(188,225,232,.12);
  background:
    radial-gradient(circle at 12% -8%,rgba(53,189,248,.08),transparent 30%),
    linear-gradient(180deg,#0d1b24 0%,#0b1820 58%,#0e1c25 100%);
}
.landing-header{
  height:76px;
  gap:12px;
  background:linear-gradient(180deg,rgba(13,27,36,.88),rgba(13,27,36,.66),rgba(13,27,36,.18));
}
.landing-header.scrolled{
  background:rgba(13,27,36,.95);
  border-bottom-color:rgba(188,225,232,.11);
  box-shadow:0 12px 34px rgba(2,10,14,.16);
}
.landing-actions{
  margin-left:auto;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.header-primary,.header-secondary{
  min-height:44px;
  padding:0 16px;
  border-radius:12px;
  white-space:nowrap;
}
.header-secondary{
  background:rgba(255,255,255,.045);
  border-color:rgba(188,225,232,.12);
}
.mobile-menu-btn{
  width:44px;
  height:44px;
  min-width:44px;
  margin-left:0;
  display:none;
  place-items:center;
  border:1px solid rgba(188,225,232,.10);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}

/* Language selector is part of the header, never floating over content. */
.public-language-switcher.ev-language-switcher{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  min-height:44px;
  margin:0;
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border:1px solid rgba(188,225,232,.12);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  box-shadow:none;
  backdrop-filter:none;
}
.public-language-switcher.ev-language-switcher select{
  min-width:84px;
  border:0;
  outline:0;
  padding:0 2px;
  background:transparent;
  color:#eef6f7;
  font:800 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
}
.public-language-switcher.ev-language-switcher select option{background:#132630;color:#fff}
.public-language-switcher .ev-lang-globe{width:20px;height:20px;color:var(--accent)}
.public-language-switcher .ev-lang-globe svg{width:18px;height:18px;display:block}

/* Hero remains cinematic without collapsing to black. */
.hero-backdrop{
  background:
    var(--hero-image),
    radial-gradient(circle at 76% 18%,rgba(0,213,199,.14),transparent 31%),
    linear-gradient(135deg,#132833,#0d1b24)!important;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(8,20,27,.94) 0%,rgba(8,20,27,.75) 45%,rgba(8,20,27,.30) 78%),
    linear-gradient(180deg,rgba(8,20,27,.10),rgba(8,20,27,.72))!important;
}
.hero-gradient-bottom{
  background:linear-gradient(180deg,rgba(13,27,36,0),#0d1b24)!important;
}
.promo-strip{
  background:linear-gradient(135deg,rgba(0,213,199,.15),rgba(53,189,248,.13) 48%,rgba(20,45,56,.96));
  border-color:rgba(115,211,224,.17);
}
.reason-card{
  background:linear-gradient(155deg,#17323d 0%,#122630 100%);
  border-color:rgba(188,225,232,.09);
}
.faq-item,.faq-trigger,.faq-panel{background:#142630}
.final-cta-card{
  background:
    radial-gradient(circle at 86% 20%,rgba(53,189,248,.14),transparent 31%),
    radial-gradient(circle at 8% 90%,rgba(0,213,199,.10),transparent 28%),
    linear-gradient(145deg,#17313b,#11242d);
}
.landing-footer-pro{background:linear-gradient(180deg,rgba(13,27,36,0),rgba(7,18,24,.46))}
.mobile-menu{background:rgba(18,38,48,.98);border-color:rgba(188,225,232,.12)}

@media(max-width:1100px){
  .landing-header{padding-left:22px;padding-right:22px;gap:9px}
  .landing-nav{display:none}
  .mobile-menu-btn{display:grid}
  .landing-actions{margin-left:auto}
  .public-language-switcher.ev-language-switcher select{min-width:72px}
}

@media(max-width:700px){
  .landing-header{height:66px;padding:0 13px;gap:7px}
  .landing-actions{display:none}
  .public-language-switcher.ev-language-switcher{
    position:relative!important;
    width:42px;
    min-width:42px;
    height:42px;
    min-height:42px;
    margin-left:auto;
    padding:0;
    display:grid;
    place-items:center;
    overflow:hidden;
  }
  .public-language-switcher.ev-language-switcher select{
    position:absolute;
    inset:0;
    width:100%;
    min-width:0;
    height:100%;
    opacity:0;
    cursor:pointer;
  }
  .public-language-switcher .ev-lang-globe{pointer-events:none}
  .mobile-menu-btn{width:42px;height:42px;min-width:42px}
  .landing-hero{padding-top:66px}
  .hero-overlay{
    background:linear-gradient(180deg,rgba(9,22,29,.18) 0%,rgba(9,22,29,.52) 34%,rgba(9,22,29,.91) 72%,rgba(9,22,29,.98) 100%)!important;
  }
  .hero-button-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:8px;max-width:360px}
  .hero-main-btn,.hero-secondary-btn{width:100%;padding:0 12px}
}

@media(max-width:420px){
  .landing-header{padding:0 10px;gap:6px}
  .landing-logo-img{max-width:142px}
  .hero-button-row{grid-template-columns:1fr;max-width:230px}
}