/* ==========================================================================
   ES Medical Group — 04-hero.css
   Sezione hero: sfondo, glyph, pills, statistiche.
   ========================================================================== */

/* ============ HERO ============ */
.hero{
  position:relative;background:var(--ink);color:var(--white);overflow:clip;
  min-height:min(100svh,880px);display:flex;align-items:center;
  padding-block:clamp(120px,16vw,150px) clamp(56px,8vw,90px);
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(88% 74% at 82% 8%, rgba(255,193,7,.14) 0%, transparent 62%),
             radial-gradient(70% 60% at 8% 92%, rgba(255,255,255,.05) 0%, transparent 60%);
  pointer-events:none;
}
.hero-mesh{
  position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:clamp(48px,7vw,80px) clamp(48px,7vw,80px);
  -webkit-mask-image:radial-gradient(72% 62% at 50% 40%, #000 0%, transparent 78%);
  mask-image:radial-gradient(72% 62% at 50% 40%, #000 0%, transparent 78%);
}
.hero-glyph{
  position:absolute;right:-8%;top:50%;translate:0 -50%;
  width:clamp(360px,54vw,760px);opacity:.05;pointer-events:none;
}
.hero-in{position:relative;z-index:2;max-width:790px;}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;}
.pill{
  display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);
  font-size:.74rem;font-weight:500;color:rgba(255,255,255,.86);letter-spacing:.01em;
}
.pill span{width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none;}
.hero h1{color:var(--white);margin-bottom:22px;}
.hero h1 em{font-style:normal;color:var(--gold);}
.hero-lead{
  font-size:clamp(1rem,1.55vw,1.15rem);color:rgba(255,255,255,.66);
  max-width:590px;margin-bottom:clamp(30px,4vw,40px);
}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:clamp(44px,6vw,68px);}
.hero-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,36px);
  border-top:1px solid var(--line-dark);padding-top:26px;max-width:660px;
}
.hero-stats b{display:block;font-size:clamp(.9rem,1.35vw,1rem);font-weight:600;color:var(--white);margin-bottom:3px;}
.hero-stats span{font-size:.74rem;color:rgba(255,255,255,.46);line-height:1.45;display:block;}