@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/anton-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700.woff2') format('woff2')}

:root{--blue:#00B7FF;--blue-2:#46D4FF;--blue-rgb:0,183,255;--blue-deep:#0074C9;--dark:#04070C;--dark-2:#060D18;--on-dark:#fff;--on-dark-muted:rgba(255,255,255,.68);--bg:#F7FAFC;--surface:#fff;--cream:#EFF5FA;--border:#E2E9EF;--text:#0B1520;--text-2:#48586A;--text-muted:#8B9BAC;--font-display:'Anton','Archivo Black',sans-serif;--font-body:'Inter',system-ui,sans-serif;--radius:14px;--radius-sm:8px;--shadow-card:0 2px 14px rgba(11,21,32,.06),0 1px 3px rgba(11,21,32,.04);--grad-blue:linear-gradient(135deg,#7FE3FF 0%,#00B7FF 48%,#0074C9 100%)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.75;font-size:16.5px}
img{max-width:100%;display:block}a{color:inherit}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
::selection{background:var(--blue);color:var(--dark)}
header.blog-top{background:var(--dark);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo img{height:40px;width:40px;border-radius:50%}
.nav-logo-name{display:flex;flex-direction:column;line-height:1.05;color:#fff}
.nav-logo-name b{font-family:var(--font-display);font-size:19px;letter-spacing:.02em}
.nav-logo-name b .pro{color:var(--blue)}
.nav-logo-name>span{font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--on-dark-muted)}
.nav-links{display:flex;gap:22px;font-size:13.5px;font-weight:600}
.nav-links a{color:var(--on-dark-muted);text-decoration:none}
.nav-links a:hover{color:var(--blue-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none;border:0;cursor:pointer;border-radius:999px;transition:all .25s;padding:12px 22px;font-size:14.5px}
.btn-blue{background:var(--grad-blue);color:#04070C}
.btn-blue:hover{box-shadow:0 0 26px rgba(var(--blue-rgb),.5)}
.art-hero{background:var(--dark);color:#fff;padding:64px 0 44px}
.art-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--blue-2);margin-bottom:14px}
.art-kicker::before{content:'';width:28px;height:2px;background:var(--blue)}
.art-hero h1{font-family:var(--font-display);font-size:clamp(30px,4.6vw,52px);line-height:1.05;text-transform:uppercase;max-width:820px}
.art-meta{margin-top:16px;font-size:13px;color:var(--on-dark-muted);display:flex;gap:14px;flex-wrap:wrap}
.article-body{max-width:760px;margin:0 auto;padding:44px 24px 70px}
.article-body h2{font-family:var(--font-display);font-size:clamp(23px,3vw,32px);text-transform:uppercase;margin:44px 0 14px;line-height:1.15}
.article-body p{color:var(--text-2);margin-bottom:18px}
.article-body ul,.article-body ol{margin:0 0 18px 22px;color:var(--text-2)}
.article-body li{margin-bottom:6px}
table.prezzi{width:100%;border-collapse:collapse;margin:10px 0 22px;font-size:15px;background:var(--surface);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-card)}
table.prezzi th{background:var(--dark);color:#fff;text-align:left;padding:11px 14px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
table.prezzi td{padding:11px 14px;border-top:1px solid var(--border);color:var(--text-2)}
table.prezzi td b{color:var(--text)}
.cta-tool{background:var(--dark);color:#fff;border-radius:var(--radius);padding:30px 30px;margin:38px 0;box-shadow:0 10px 34px rgba(11,21,32,.18)}
.cta-tool h3{font-family:var(--font-display);font-size:24px;text-transform:uppercase;margin-bottom:8px}
.cta-tool h3 span{color:var(--blue-2)}
.cta-tool p{color:var(--on-dark-muted);margin-bottom:18px;font-size:15px}
.note-box{background:var(--cream);border-left:3px solid var(--blue);border-radius:var(--radius-sm);padding:18px 22px;margin:22px 0;font-size:15px;color:var(--text-2)}
details.faq{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;padding:0 18px}
details.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
details.faq summary::after{content:'+';color:var(--blue-deep);font-size:22px;font-weight:700}
details.faq[open] summary::after{content:'\2212'}
details.faq p{padding-bottom:14px}
.correlati{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px 0 6px}
.correlati a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-card)}
.correlati a:hover{border-color:var(--blue);box-shadow:0 6px 22px rgba(var(--blue-rgb),.18)}
.correlati a span{display:block;font-size:11.5px;color:var(--text-muted);font-weight:500;margin-top:3px}
footer.blog-footer{background:var(--dark);color:var(--on-dark-muted);padding:34px 0;font-size:13.5px;margin-top:40px}
footer.blog-footer .foot-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
footer.blog-footer a{color:var(--on-dark-muted)}footer.blog-footer a:hover{color:var(--blue-2)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:36px 0 60px}
.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:all .25s}
.blog-card:hover{box-shadow:0 10px 30px rgba(var(--blue-rgb),.18);border-color:var(--blue);transform:translateY(-3px)}
.blog-cat{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep)}
.blog-card h3{font-family:var(--font-display);font-size:20px;text-transform:uppercase;line-height:1.15}
.blog-card p{font-size:14px;color:var(--text-2)}
.blog-card time{font-size:12px;color:var(--text-muted)}

/* Lead form (cta-tool) */
.lead-form{display:grid;gap:12px;margin-top:6px}
.lead-form .lf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:12px 14px;font-family:var(--font-body);font-size:14.5px;color:#fff;outline:none}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:rgba(255,255,255,.4)}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue)}
.lead-form label.hp{position:absolute;left:-9999px}
.lead-form .lf-consent{font-size:12px;color:var(--on-dark-muted);display:flex;gap:8px;align-items:flex-start}
.lead-form .lf-consent input{width:auto;flex:0 0 auto;margin-top:3px}
.lead-form .lf-msg{font-size:13.5px;padding:10px 0 0;display:none}
.lead-form .lf-msg.show{display:block}
.lead-form .lf-msg.ok{color:var(--blue-2)}
.lead-form .lf-msg.err{color:#FF8A9C}
@media(max-width:560px){.lead-form .lf-row{grid-template-columns:1fr}}

@media(max-width:760px){.nav-links{display:none}.article-body{padding:34px 20px 56px}}