:root{--body:#F6F7F3;--tint:#EAF6EE;--card:#FFFFFF;--ink:#16181A;--mut:#566056;--faint:#8c948c;--line:rgba(16,40,24,.09);--green:#159E4B;--greenD:#0B6B2E;--lime:#8CC63F;--teal:#1391A6;--gold:#B8890C;--footer:#0B3D22;--sans:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}svg{display:block}
body{background:var(--body);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--greenD)}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:8px 12px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;border-radius:12px;padding:14px 24px;text-decoration:none;font-family:var(--sans)}
.btn-p{background:var(--green);color:#fff;box-shadow:0 10px 26px rgba(21,158,75,.28)}
nav{position:sticky;top:0;z-index:50;background:rgba(246,247,243,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:13px 20px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand .z{width:36px;height:32px}.brand .n{font-weight:900;letter-spacing:2px;font-size:15px;color:var(--ink)}
.navlinks{display:flex;gap:22px;align-items:center}.navlinks a.nl{color:var(--mut);text-decoration:none;font-size:14px;font-weight:600}
nav .btn{padding:9px 16px;font-size:14px}
@media(max-width:640px){.navlinks a.nl{display:none}}
.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:800;color:var(--green)}
.blog-head{padding:64px 0 24px}.blog-head h1{font-size:clamp(30px,4.6vw,46px);font-weight:900;line-height:1.08;letter-spacing:-1.4px;margin:12px 0 14px;text-wrap:balance}.blog-head h1 b{color:var(--green)}
.lead{color:var(--mut);font-size:17px;max-width:62ch}
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.blog-list{padding:20px 0 80px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(16,40,24,.04)}
.post-card{text-decoration:none;color:var(--ink);transition:transform .18s,box-shadow .18s}.post-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,40,24,.08)}
.post-card h2{font-size:19px;line-height:1.3;margin:10px 0 8px}.post-card p{color:var(--mut);font-size:15px}
.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:3px 10px;margin-right:6px;color:#fff;background:var(--green)}
.t-guida{background:var(--teal)}.t-commerciale{background:var(--gold)}
.t-verticale{background:var(--greenD)}.t-territoriale{background:var(--teal)}.t-costi{background:var(--gold)}
.kicker{font-size:13px;font-weight:700;color:var(--mut)}
.meta{font-size:13px;color:var(--faint);font-weight:600;margin-top:10px}
.post{padding:28px 0 70px}
.crumbs{font-size:13px;color:var(--faint);margin-bottom:22px}.crumbs a{color:var(--mut);text-decoration:none}
.post h1{font-size:clamp(28px,4.4vw,42px);font-weight:900;line-height:1.1;letter-spacing:-1.2px;margin:14px 0 14px;text-wrap:balance}
.standfirst{font-size:19px;color:var(--mut);line-height:1.5;font-weight:500}
.intro{margin-top:26px;font-size:17px}.intro p+p{margin-top:12px}
.breve{background:var(--tint);border-left:4px solid var(--green);border-radius:12px;padding:20px 22px;margin:28px 0}
.lbl{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--green);margin-bottom:6px}
.breve p:last-child{font-size:17px;font-weight:600}
.corpo{counter-reset:sez;font-size:17px}
.corpo h2,.post h2.nonum{font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.2;letter-spacing:-.5px;margin:46px 0 14px}
.corpo h2:not(.nonum)::before{counter-increment:sez;content:counter(sez,decimal-leading-zero);display:block;font-size:13px;letter-spacing:2px;color:var(--green);font-weight:900;margin-bottom:6px}
.corpo h3{font-size:19px;font-weight:800;margin:28px 0 8px}
.corpo p{margin:12px 0}.corpo ul,.corpo ol{margin:12px 0 12px 22px}.corpo li{margin:6px 0}
.corpo table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;display:block;overflow-x:auto}
.corpo th,.corpo td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}.corpo th{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--mut)}
.corpo blockquote,.corpo .box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:20px 0}
.corpo .box strong:first-child{display:block;margin-bottom:4px}
.sintesi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px 24px 22px;margin-top:40px}.sintesi h2.nonum{margin-top:20px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:14px 18px}
.faq-item summary{font-weight:700;cursor:pointer}.faq-item p{margin-top:10px;color:var(--mut)}
.fonti ol{margin-left:22px;font-size:15px}.fonti li{margin:8px 0}.f-ed{font-weight:800}.f-dt{color:var(--faint)}.nota{font-size:13px;color:var(--faint);margin-bottom:10px}
.cta-box{background:var(--footer);color:#fff;border-radius:20px;padding:30px 28px;margin-top:50px}
.cta-box .lbl{color:var(--lime)}.cta-box h2.nonum{color:#fff;margin:6px 0 10px}.cta-box p{color:rgba(255,255,255,.8);margin-bottom:20px}
footer{background:var(--footer);color:rgba(255,255,255,.6);padding:38px 0;font-size:13px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center}
footer .n{color:#fff;font-weight:900;letter-spacing:3px;font-size:14px}footer a{color:rgba(255,255,255,.6);text-decoration:none;margin-left:16px}
footer .fset{flex-basis:100%;font-size:12px}footer .fset a{margin-left:6px}
.correlati{border-top:1px solid var(--line);margin-top:44px;padding-top:22px}
.correlati .lbl{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.correlati ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.correlati a{color:var(--ink);font-weight:600;text-decoration:none}.correlati a:hover{color:var(--green)}
.correlati a::before{content:"→ ";color:var(--green)}
