/* core/chi_siamo.html
   Estratto dal <style> del template: stessa regola, stesso ordine.
   Caricato solo da questa pagina, per non toccare le altre.
*/

  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Poppins',sans-serif;color:#0E1A35;background:#fff;line-height:1.6}
  .colorbar{display:flex;height:6px;width:100%}
  .colorbar>div:nth-child(1){flex:3;background:#1D3979}
  .colorbar>div:nth-child(2){flex:2;background:#F28E00}
  .colorbar>div:nth-child(3){flex:1;background:#C83426}
  .dots-bg{background-image:radial-gradient(rgba(29,57,121,0.18) 1px,transparent 1px);background-size:14px 14px}
  .container{max-width:1100px;margin:0 auto;padding:0 24px}
  .label-tag{font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#F28E00}
  .nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #E5E9F1;z-index:10}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1100px;margin:0 auto}
  .nav-inner .brand{display:flex;align-items:center;gap:12px;font-weight:700;color:#1D3979}
  .nav-inner .brand img{width:36px;height:36px}
  .btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:.15s}
  .btn-orange{background:#F28E00;color:#fff}
  .btn-orange:hover{background:#C83426}
  .btn-ghost{background:#fff;color:#1D3979;border:1px solid #cbd5e6}
  .btn-ghost:hover{background:#F0F2F6}
  .hero{position:relative;background:#1D3979;color:#fff;padding:80px 0 100px;overflow:hidden}
  .hero .dots-bg{position:absolute;inset:0;opacity:.3}
  .hero h1{font-size:54px;font-weight:800;line-height:1.05;margin:18px 0 24px;letter-spacing:-0.02em}
  .hero p{font-size:17px;max-width:680px;color:#D5DDF0}
  .hero .label-tag{color:#F28E00}
  section{padding:70px 0}
  section h2{font-size:34px;font-weight:800;color:#1D3979;margin:8px 0 30px;letter-spacing:-0.01em}
  .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .stat{background:#F0F2F6;border-radius:12px;padding:24px;text-align:center}
  .stat .num{font-size:36px;font-weight:800;color:#1D3979;letter-spacing:-0.02em}
  .stat .lbl{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#8A99B3;margin-top:6px}
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
  .card{background:#fff;border:1px solid #E5E9F1;border-radius:14px;padding:28px}
  .card h3{font-size:18px;font-weight:700;color:#1D3979;margin-bottom:10px}
  .card p{color:#3F4B68;font-size:14px}
  .card .label-tag{margin-bottom:12px;display:block}
  .alt{background:#F0F2F6}
  .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}
  .pillar{position:relative;padding:30px 0 0;border-top:3px solid #F28E00}
  .pillar .num{position:absolute;top:-14px;left:0;background:#1D3979;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
  .pillar h3{font-size:20px;font-weight:700;color:#1D3979;margin-bottom:10px;margin-top:0}
  .pillar p{color:#3F4B68;font-size:14px}
  .why{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
  .why-item{background:#fff;border-left:3px solid #F28E00;padding:18px 22px;border-radius:0 10px 10px 0}
  .why-item h4{font-size:16px;font-weight:700;color:#1D3979;margin-bottom:6px}
  .why-item p{font-size:13.5px;color:#3F4B68}
  .quote{font-size:24px;font-style:italic;font-weight:300;color:#1D3979;text-align:center;max-width:780px;margin:30px auto;line-height:1.5;padding:0 24px}
  .esg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
  .esg-stat{padding:24px;border-radius:12px;background:#fff;border:1px solid #E5E9F1}
  .esg-stat .num{font-size:32px;font-weight:800;color:#1D3979}
  .esg-stat .desc{font-size:13px;color:#3F4B68;margin-top:8px}
  .cta{background:#1D3979;color:#fff;text-align:center;padding:60px 0}
  .cta h2{color:#fff}
  .cta p{color:#D5DDF0;max-width:600px;margin:0 auto 30px}
  footer{background:#061735;color:#cbd5e6;padding:50px 0 30px}
  footer .grid-3{margin-top:0;color:#cbd5e6}
  footer h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:#F28E00;margin-bottom:14px}
  footer a{color:#cbd5e6;text-decoration:none;display:block;padding:3px 0;font-size:13.5px}
  footer a:hover{color:#fff}
  footer .copyr{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;text-align:center;color:#8A99B3}
  @media(max-width:768px){
    .grid-4,.grid-3,.pillars,.why,.esg-grid{grid-template-columns:1fr}
    .hero h1{font-size:36px}
    section h2{font-size:26px}
  }