
:root{--green:#9fc31a;--green-dark:#71910f;--ink:#07152f;--muted:#667085;--line:#e7e9ee;--white:#fff;--bg:#f7f8fa}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%}
/* HOMEPAGE PIXEL-PERFECT RISPETTO ALL'ANTEPRIMA APPROVATA */
.home-approved{position:relative;max-width:1536px;margin:0 auto;background:#fff;box-shadow:0 0 0 1px #e4e7ec;overflow:hidden}.home-approved img.base{display:block;width:100%;height:auto}.home-approved .hit{position:absolute;z-index:5;display:block;border-radius:8px}.home-approved .hit:hover{outline:2px solid rgba(159,195,26,.35);background:rgba(159,195,26,.08)}
/* menu */
.h-home{left:30.0%;top:3.4%;width:4.5%;height:3.4%}.h-chi{left:35.4%;top:3.4%;width:7.2%;height:3.4%}.h-servizi{left:42.9%;top:3.4%;width:8.1%;height:3.4%}.h-metodo{left:51.0%;top:3.4%;width:7.1%;height:3.4%}.h-insights{left:58.8%;top:3.4%;width:7.5%;height:3.4%}.h-contatti{left:66.6%;top:3.4%;width:8.0%;height:3.4%}.h-prenota{left:80.9%;top:2.2%;width:15.0%;height:4.7%}
/* hero buttons */
.h-cta1{left:8.25%;top:36.2%;width:14.8%;height:4.8%}.h-cta2{left:24.0%;top:36.2%;width:15.3%;height:4.8%}
/* service cards */
.h-cf{left:0;top:44.6%;width:16.7%;height:14.2%}.h-ba{left:16.7%;top:44.6%;width:16.7%;height:14.2%}.h-cdg{left:33.4%;top:44.6%;width:16.6%;height:14.2%}.h-crisis{left:50.0%;top:44.6%;width:16.7%;height:14.2%}.h-tm{left:66.7%;top:44.6%;width:16.6%;height:14.2%}.h-ai{left:83.3%;top:44.6%;width:16.7%;height:14.2%}
/* below buttons/footer */
.h-story{left:5.5%;top:78.3%;width:14%;height:4.3%}.h-phone{left:50.3%;top:88.2%;width:11.5%;height:2.1%}.h-fax{left:50.3%;top:90.5%;width:11.5%;height:2.1%}.h-mail{left:50.3%;top:92.7%;width:16.0%;height:2.1%}.h-web{left:50.3%;top:94.8%;width:15.0%;height:2.1%}.h-linkedin{left:70.6%;top:88.5%;width:3.5%;height:5.0%}.h-instagram{left:74.6%;top:88.5%;width:3.5%;height:5.0%}.h-privacy{left:14.6%;top:97.4%;width:6.2%;height:1.8%}.h-cookie{left:21.2%;top:97.4%;width:6.5%;height:1.8%}
.mobile-note{display:none}
/* INTERNAL PAGES */
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand-pin img{width:46px;height:auto;display:block}.nav{display:flex;gap:32px;align-items:center;font-weight:800;font-size:14px;letter-spacing:.02em;text-transform:uppercase}.nav a:hover,.nav a.active{color:var(--green-dark)}.top-btn,.btn{background:var(--green);color:#fff;padding:16px 24px;border-radius:6px;font-weight:800;display:inline-block;text-transform:uppercase}.btn.outline{background:#fff;color:var(--ink);border:1px solid var(--green)}
.hero-small{padding:90px 6%;background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.80)),url('../img/homepage-approvata.png') center top/cover no-repeat}.hero-small h1{font-family:Georgia,serif;font-size:56px;line-height:1.05;margin:12px 0 20px;color:var(--ink)}.hero-small p{font-size:20px;line-height:1.55;max-width:820px}.kicker{color:var(--green-dark);font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:14px}.section{padding:70px 6%}.section.light{background:var(--bg)}.section h2{font-family:Georgia,serif;font-size:42px;line-height:1.15;margin:0 0 22px}.lead{font-size:20px;line-height:1.6;max-width:900px;color:#344054}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);padding:30px;background:#fff;min-height:190px;box-shadow:0 10px 28px rgba(7,21,47,.04)}.card h3{margin:0 0 12px;font-size:23px}.card p,.card li{color:var(--muted);line-height:1.65}.card ul{padding-left:20px;margin-bottom:0}.visual-card{min-height:250px;padding:0;overflow:hidden}.visual-card img{width:100%;height:190px;object-fit:cover;display:block}.visual-card div{padding:24px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{position:relative;min-height:250px;color:#fff;padding:28px;display:flex;align-items:flex-end;background-size:cover;background-position:center;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,47,.78),rgba(7,21,47,.35))}.service-card>*{position:relative;z-index:1}.service-card h3{font-size:24px;margin:0 0 8px}.service-card p{margin:0;color:#edf2f7;line-height:1.5}.contact-list a{display:block;margin:8px 0;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:3px}.site-footer{border-top:1px solid var(--line);padding:36px 5.5%;display:grid;grid-template-columns:2.3fr 1.1fr 1.6fr 1fr 1.8fr;gap:28px;align-items:center}.site-footer .footer-logo{width:340px;max-width:100%}.site-footer h4{color:var(--green-dark);margin:0 0 12px;text-transform:uppercase}.site-footer p{margin:6px 0;line-height:1.5}.site-footer a{text-decoration:underline;text-decoration-color:transparent}.site-footer a:hover{text-decoration-color:var(--green)}.quote{font-family:Georgia,serif;font-style:italic;font-size:18px;border-left:2px solid var(--green);padding-left:20px}.bottom{border-top:1px solid var(--line);padding:14px 5.5%;font-size:12px;color:#344054;display:flex;gap:18px;flex-wrap:wrap}.bottom a{text-decoration:underline;text-decoration-color:transparent}.bottom a:hover{text-decoration-color:var(--green)}

.social-row{display:flex;gap:10px;align-items:center}.social-icon{width:40px;height:40px;border:1px solid #cfd6df;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--ink);background:#fff}.social-icon:hover{border-color:var(--green);color:var(--green-dark)}.social-icon.ig{font-size:18px}.home-mobile-hero{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.50)),url('../img/homepage-approvata.png') center top/cover no-repeat}.mobile-note .site-footer .social-row{margin-top:8px}
@media(max-width:900px){
  .home-approved{display:none}
  .mobile-note{display:block;background:#fff}
  .site-header{height:auto;min-height:84px;padding:10px 5%;gap:12px;align-items:center;position:sticky;top:0;background:#fff;box-shadow:0 1px 0 rgba(7,21,47,.08)}
  .brand-pin img{width:38px;max-height:58px;object-fit:contain}
  .nav{flex:1;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 18px;font-size:12px;line-height:1.1}
  .top-btn{display:none}
  .hero-small{padding:48px 5% 44px;min-height:390px;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.62)),url('../img/homepage-approvata.png') center top/cover no-repeat}
  .hero-small h1{font-size:40px;line-height:1.05;max-width:620px}
  .hero-small p{font-size:17px;line-height:1.45;max-width:650px}
  .btn{padding:14px 18px;border-radius:6px;font-size:13px;margin-right:8px;margin-bottom:8px}
  .section{padding:44px 5%}
  .section h2{font-size:32px}
  .lead{font-size:17px}
  .grid,.grid.two{grid-template-columns:1fr;gap:18px}
  .service-grid{grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid #fff;border-left:1px solid #fff}
  .service-card{min-height:132px;padding:18px;text-align:center;align-items:center;justify-content:center;border-right:1px solid #fff;border-bottom:1px solid #fff;background-position:center;background-size:cover}
  .service-card:before{background:linear-gradient(0deg,rgba(7,21,47,.78),rgba(7,21,47,.46))}
  .service-card h3{font-size:16px;text-transform:uppercase;line-height:1.15;margin:0 auto 6px;max-width:180px}
  .service-card p{display:none}
  .site-footer{grid-template-columns:1fr;gap:20px;padding:30px 5%;text-align:left}
  .site-footer .footer-logo{width:300px;max-width:100%}
  .quote{font-size:17px}
  .bottom{padding:14px 5%;font-size:12px}
}
@media(max-width:520px){
  .site-header{display:grid;grid-template-columns:48px 1fr;align-items:start}
  .nav{justify-content:flex-start;gap:10px 14px;padding-top:4px}
  .hero-small{min-height:430px;padding-top:42px}
  .hero-small h1{font-size:34px}
  .hero-small p{font-size:16px}
  .service-grid{grid-template-columns:1fr 1fr}
  .service-card{min-height:118px;padding:14px 10px}
  .service-card h3{font-size:14px}
}

/* Social icons finali */
.social-icon{padding:0;overflow:hidden;border:none;background:transparent;width:42px;height:42px;border-radius:9px;transition:transform .18s ease, box-shadow .18s ease}.social-icon img{width:42px;height:42px;display:block}.social-icon:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(7,21,47,.15)}
.home-approved .h-linkedin,.home-approved .h-instagram{background-repeat:no-repeat;background-position:center;background-size:34px 34px;border-radius:8px;opacity:1}.home-approved .h-linkedin{background-image:url('../img/linkedin.svg')}.home-approved .h-instagram{background-image:url('../img/instagram.svg')}.home-approved .h-linkedin:hover,.home-approved .h-instagram:hover{outline:2px solid rgba(159,195,26,.35);background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:34px 34px}
