/* ============================================================
   Peopleize per le aziende (business.peopleize.it).

   Ottobre 2026 (3): stesso stile della pagina Top 100 (statici/top100.css),
   scelto dalla founder: apertura su viola sfumato con gli angoli in basso
   arrotondati, fasce lilla e azzurro chiaro alternate al bianco, schede
   bianche con angoli da 25px e ombra morbida, bottoni a pillola, titoli
   Sora pesanti in viola notte. Impaginazione invariata: contenitore da
   1120px e testi allineati a sinistra.
   ============================================================ */
body.sopra{background:#FFFFFF}
#pg-business{
  --notte:#2A0B63; --viola:#6D3BEB; --viola-scuro:#5B2BD6;
  --uva:linear-gradient(135deg,#3E14A6 0%,#6D3BEB 55%,#A65EEA 100%);
  --lilla:#EFEBFF; --cielo:linear-gradient(180deg,#E9E2FF 0%,#E2F7F2 100%);
  --menta:#4FE3C1; --dim:#5E5873; --dim2:#8A84A0;
  --ombra:0 18px 50px rgba(42,11,99,.08);
  background:#fff; color:var(--notte);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif; font-size:16px; line-height:1.6;
  letter-spacing:-.011em; -webkit-font-smoothing:antialiased;
}
#pg-business *{box-sizing:border-box}
#pg-business h1,#pg-business h2,#pg-business h3{font-family:'Sora',sans-serif;font-weight:700;color:var(--notte);letter-spacing:-.035em;line-height:1.08;margin:0}
#pg-business p{margin:0}
#pg-business a{color:var(--viola)}

#pg-business .bz-wrap{max-width:1120px;margin:0 auto;padding:0 26px}
#pg-business .bz-sez{padding:96px 0}
#pg-business .bz-sez--alt{background:var(--lilla)}
#pg-business .bz-sez--cielo{background:var(--cielo)}
#pg-business section[id]{scroll-margin-top:110px}

/* Occhiello, titolo e attacco */
#pg-business .bz-kick{display:inline-block;font-family:'Sora',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--viola);background:#fff;padding:6px 12px;border-radius:9999px;margin-bottom:18px}
#pg-business .bz-sez:not(.bz-sez--alt):not(.bz-sez--cielo) .bz-kick{background:var(--lilla)}
#pg-business .bz-h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;max-width:20ch}
#pg-business .bz-lead{font-size:17.5px;color:var(--dim);max-width:60ch;margin-top:18px}
#pg-business .bz-testa{margin-bottom:40px}

/* Apertura: viola sfumato, testo bianco, indice delle soluzioni a destra */
#pg-business .bz-hero{background:var(--uva);color:#fff;border-radius:0 0 48px 48px;overflow:hidden;position:relative}
#pg-business .bz-hero::after{content:'';position:absolute;inset:auto -10% -40% auto;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(79,227,193,.28),transparent 65%);pointer-events:none}
#pg-business .bz-hero > .bz-wrap{position:relative;z-index:1;padding-top:150px;padding-bottom:96px}
#pg-business .bz-hero-griglia{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
#pg-business .bz-hero .bz-kick{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff}
#pg-business .bz-hero h1{color:#fff;font-size:clamp(38px,5.2vw,64px);line-height:1.03;letter-spacing:-.04em;max-width:15ch}
#pg-business .bz-hero .bz-lead{color:rgba(255,255,255,.86);font-size:18px}
#pg-business .bz-azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

#pg-business .bz-indice{background:#fff;border-radius:25px;padding:8px;box-shadow:0 24px 60px rgba(20,4,60,.3);text-align:left}
#pg-business .bz-indice a{display:grid;grid-template-columns:44px 1fr 18px;gap:14px;align-items:center;
  padding:18px;border-radius:18px;text-decoration:none;color:var(--notte)}
#pg-business .bz-indice a:hover{background:var(--lilla)}
#pg-business .bz-num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--notte);color:#fff;
  font-family:'Sora',sans-serif;font-weight:800;font-size:14px}
#pg-business .bz-indice b{display:block;font-family:'Sora',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.02em}
#pg-business .bz-indice span.bz-ind-d{display:block;font-size:13.5px;color:var(--dim);line-height:1.45;margin-top:3px}
#pg-business .bz-freccia{color:var(--viola);font-weight:700}

/* Bottoni a pillola */
#pg-business .bz-btn{display:inline-block;font-family:'Sora',sans-serif;font-weight:700;font-size:15.5px;text-decoration:none;
  padding:16px 30px;border-radius:9999px;border:2px solid transparent;transition:transform .2s,background .2s,color .2s,border-color .2s}
#pg-business .bz-btn:hover{transform:translateY(-2px)}
#pg-business .bz-btn--pieno{background:var(--viola);color:#fff}
#pg-business .bz-btn--pieno:hover{background:var(--viola-scuro)}
#pg-business .bz-btn--vuoto{background:#fff;color:var(--notte)}
#pg-business .bz-btn--vuoto:hover{color:var(--viola)}
#pg-business .bz-hero .bz-btn--pieno{background:#fff;color:var(--notte)}
#pg-business .bz-hero .bz-btn--pieno:hover{color:var(--viola);background:#fff}
#pg-business .bz-hero .bz-btn--vuoto{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
#pg-business .bz-hero .bz-btn--vuoto:hover{background:rgba(255,255,255,.12);border-color:#fff}
#pg-business .bz-sez:not(.bz-sez--alt):not(.bz-sez--cielo) .bz-btn--vuoto{border-color:var(--lilla)}

/* Schede */
#pg-business .bz-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#pg-business .bz-griglia--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
#pg-business .bz-scheda{background:#fff;border-radius:25px;padding:30px 28px;box-shadow:var(--ombra)}
#pg-business .bz-sez:not(.bz-sez--alt):not(.bz-sez--cielo) .bz-scheda{background:var(--lilla);box-shadow:none}
#pg-business .bz-scheda h3{font-size:21px;line-height:1.15;margin-bottom:10px}
#pg-business .bz-scheda p{font-size:16px;color:var(--dim)}

/* La catena dei costi: cinque passi come nella Top 100 */
#pg-business .bz-catena{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#pg-business .bz-passo{background:#fff;border-radius:25px;padding:24px 22px 26px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--ombra)}
#pg-business .bz-passo:last-child .bz-num{background:var(--viola)}
#pg-business .bz-passo b{font-family:'Sora',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
#pg-business .bz-nota{margin-top:22px;font-size:16px;color:var(--dim)}

/* I cinque moduli: righe su schede lilla */
#pg-business .bz-righe{display:flex;flex-direction:column;gap:12px}
#pg-business .bz-riga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;align-items:center;
  background:var(--lilla);border-radius:25px;padding:24px 30px}
#pg-business .bz-riga h3{font-size:19px;letter-spacing:-.02em}
#pg-business .bz-riga p{font-size:16px;color:var(--dim)}

/* Due colonne: titolo a sinistra, testo a destra */
#pg-business .bz-due{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:56px;align-items:start}
#pg-business .bz-due .bz-h2{max-width:14ch}
#pg-business .bz-due p{font-size:17px;color:var(--dim)}
#pg-business .bz-due p+p,#pg-business .bz-elenco+p{margin-top:16px}
#pg-business .bz-elenco{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
#pg-business .bz-elenco li{display:flex;align-items:center;gap:14px;background:#fff;border-radius:9999px;padding:12px 20px;
  font-family:'Sora',sans-serif;font-weight:700;font-size:15.5px;letter-spacing:-.015em;color:var(--notte)}
#pg-business .bz-elenco li::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;background:var(--menta)}
#pg-business .bz-sez:not(.bz-sez--alt):not(.bz-sez--cielo) .bz-elenco li{background:var(--lilla)}

/* Passi numerati del metodo */
#pg-business .bz-passi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:passo}
#pg-business .bz-passi li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;background:#fff;
  border-radius:25px;padding:20px 24px;box-shadow:var(--ombra);counter-increment:passo;font-size:16px;color:var(--dim)}
#pg-business .bz-passi li::before{content:counter(passo);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:var(--notte);color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:15px}
#pg-business .bz-passi li:last-child::before{background:var(--viola)}
#pg-business .bz-passi b{color:var(--notte)}

/* Fascia finale: viola notte con l'angolo in basso a sinistra vivo */
#pg-business .bz-fascia{padding:0 0 96px}
#pg-business .bz-fascia .bz-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  background:var(--notte);border-radius:25px 25px 25px 0;padding:48px 44px;max-width:1068px}
#pg-business .bz-fascia h2{color:#fff;font-size:clamp(24px,3vw,34px);max-width:22ch}
#pg-business .bz-fascia p{color:rgba(255,255,255,.8);margin-top:10px}
#pg-business .bz-fascia .bz-btn--pieno{background:var(--menta);color:var(--notte)}
#pg-business .bz-fascia .bz-btn--pieno:hover{background:#fff}

@media (max-width:900px){
  #pg-business .bz-hero-griglia,#pg-business .bz-due{grid-template-columns:1fr;gap:32px}
  #pg-business .bz-hero > .bz-wrap{padding-top:120px;padding-bottom:64px}
  #pg-business .bz-griglia,#pg-business .bz-griglia--2,#pg-business .bz-catena{grid-template-columns:1fr}
  #pg-business .bz-riga{grid-template-columns:1fr;gap:6px}
  #pg-business .bz-sez{padding:64px 0}
  #pg-business .bz-fascia .bz-wrap{margin:0 18px;padding:36px 26px}
}
@media (max-width:540px){
  #pg-business .bz-wrap{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){#pg-business .bz-btn:hover{transform:none}}