/* Epoca Health — header + hero nuovi (stile marketing_site) */
:root{ --font-sans:"Plus Jakarta Sans","Inter",system-ui,sans-serif; }

/* nascondi hero originale del clone (sostituito dal nuovo) */
main#main-content > section.hero{ display:none !important; }

/* HEADER */
#eh-header{
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:22px 40px; background:transparent;
  border-bottom:1px solid transparent;
  transition:padding .2s cubic-bezier(.4,0,.2,1), background .2s, border-color .2s, backdrop-filter .2s;
  font-family:var(--font-sans);
}
#eh-header.solid{
  padding:14px 40px; background:rgba(4,24,64,.82);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
#eh-header .eh-logo img{ height:30px; display:block; }
#eh-header .eh-nav{ display:flex; align-items:center; gap:4px; }
#eh-header .eh-nav a{
  color:rgba(255,255,255,.82); text-decoration:none; font-size:15px; font-weight:500;
  padding:8px 16px; border-radius:999px; transition:color .2s;
}
#eh-header .eh-nav a:hover{ color:#fff; }

/* HERO */
#eh-hero{
  position:relative; min-height:100vh; background:#041840; color:#fff;
  font-family:var(--font-sans); overflow:hidden;
  display:flex; flex-direction:column;
}
#eh-hero .eh-hero-bg{
  position:absolute; inset:-12% 0; z-index:0;
  background:url("../brand/contour-lines.svg") center/cover no-repeat;
}
#eh-hero .eh-hero-glow{
  position:absolute; inset:0; z-index:0;
  background:radial-gradient(ellipse 60% 50% at 50% 92%, rgba(213,242,109,.10), transparent 70%);
}
#eh-hero .eh-hero-inner{
  position:relative; z-index:1; flex:1; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; padding:120px 24px 60px;
}
#eh-hero .eh-eyebrow{
  display:inline-flex; align-items:center; gap:10px; padding:9px 18px; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); margin-bottom:38px;
  font-size:14px; font-weight:500; color:rgba(255,255,255,.92);
}
#eh-hero .eh-wordmark{
  height:clamp(56px,9vw,96px); max-width:84vw; object-fit:contain; margin-bottom:26px;
}
#eh-hero .eh-sub{
  font-size:clamp(16px,1.6vw,19px); line-height:1.5; color:rgba(255,255,255,.74);
  max-width:540px; margin:0 0 48px;
}
#eh-hero .eh-cta{ display:flex; justify-content:center; }

/* scroll cue */
#eh-hero .eh-scroll{
  position:relative; z-index:1; background:transparent; border:none; cursor:pointer;
  display:flex; justify-content:center; padding-bottom:30px;
}
#eh-hero .eh-scroll-track{
  width:22px; height:34px; border-radius:12px; border:2px solid rgba(255,255,255,.4);
  position:relative; display:block;
}
#eh-hero .eh-scroll-dot{
  position:absolute; left:50%; top:7px; width:3px; height:7px; margin-left:-1.5px;
  border-radius:2px; background:rgba(255,255,255,.8);
  animation:ehScroll 1.7s cubic-bezier(.16,1,.3,1) infinite;
}
@keyframes ehScroll{ 0%{transform:translateY(0);opacity:1} 70%{transform:translateY(9px);opacity:0} 100%{opacity:0} }

@media (max-width:860px){
  #eh-header{ padding:16px 20px; }
  #eh-header .eh-nav{ display:none; }
}
@media (prefers-reduced-motion:reduce){ #eh-hero .eh-scroll-dot{ animation:none; } }