/* SEO Special - Skin F (stile prodotto moderno). Sovrascrive i token e le classi comuni di tutte le pagine. */
:root{--rosso:#E0301F;--rosso-scuro:#B81F1A;--ink:#12141A;--ink-2:#2B2F38;--grigio:#5B6270;--crema:#FFFFFF;--bianco:#FFFFFF;--bordo:#ECEEF2;--giallo:#F0713B;--ombra:0 26px 60px -30px rgba(217,43,32,.35);--radius:22px;--sf-grad:linear-gradient(90deg,#E63329,#F0713B);--sf-btn:linear-gradient(135deg,#D92B20,#B81F1A);--sf-tint:#F7F8FA;--sf-peach:#FFF1EE;--sf-peach2:#FDEBE7;--sf-line:#ECEEF2}
html body{background:#FFFFFF;color:var(--ink);font-family:'Inter',system-ui,sans-serif}
html body h1,html body h2,html body h3,html body h4{letter-spacing:-.03em}
html body h1,html body h2{font-weight:700}

/* ---- header ---- */
html body header{background:#F7F8FA;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--sf-line)}
html body .logo-text{font-style:normal;text-transform:uppercase;font-weight:700;font-size:1.3rem;letter-spacing:-.01em;color:var(--ink)}
html body .logo-text b{color:var(--rosso)}
html body .menu a{color:var(--grigio);font-weight:500}
html body .menu a:hover{color:var(--rosso)}
html body .submenu{background:#fff;border:1px solid var(--sf-line);border-radius:16px;box-shadow:0 26px 50px -26px rgba(18,20,26,.28)}
html body .submenu a:hover{background:#F7F8FA}

/* ---- bottoni ---- */
html body .btn{border-radius:14px;letter-spacing:0}
html body .btn-primary,html body li.menu-cta>a{background:var(--sf-btn)!important;color:#fff!important;border-radius:14px;border-color:transparent;box-shadow:0 14px 30px -12px rgba(217,43,32,.55)}
html body .btn-primary:hover,html body li.menu-cta>a:hover{box-shadow:0 20px 36px -12px rgba(217,43,32,.6);filter:none}
html body .btn-ghost{background:#fff;border:1.5px solid #D9DDE5;color:var(--ink)}
html body .btn-ghost:hover{border-color:var(--ink)}
html body .btn-light,html body .btn-white{background:#fff;color:var(--ink);border-radius:14px}

/* ---- hero ---- */
html body .hero,html body .cs-hero,html body .mag-hero,html body .ch-hero,html body .svc-hero{background:radial-gradient(60% 90% at 88% 18%,#FFE9E3 0%,rgba(255,255,255,0) 70%)}
html body .hero h1 .hl,html body .mag-hero .hl,html body .svc-hero .hl,html body .cs-h1 .hl,html body .ch-hero .hl{background:var(--sf-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html body .hero p.sub,html body .hero .lead{color:var(--grigio)}
html body .hero-list li{color:var(--grigio)}
html body .hero-list li::before{background:var(--sf-grad)}
html body .quote-card{border-radius:26px;border:1px solid var(--sf-line);box-shadow:0 36px 70px -36px rgba(230,51,41,.4)}
html body .quote-card .price b{background:var(--sf-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html body .quote-card .stars{color:#F0A83B}
html body .crumbs a,html body .crumbs{color:var(--grigio)}

/* ---- fascia numeri ---- */
html body .trust,html body .ch-stats,html body .mag-stats,html body .svc-trust{background:#F7F8FA;color:var(--ink);border-top:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line)}
html body .trust .num{color:var(--rosso)}
html body .trust .lbl{color:var(--grigio)}

/* ---- titoli di sezione ---- */
html body .eyebrow,html body .cs-eyebrow,html body .mag-eyebrow,html body .ch-eyebrow,html body .svc-eyebrow,html body .ilkhub-eyebrow{color:#C8261E;letter-spacing:.1em;font-weight:600}
html body .lead{color:var(--grigio)}
html body section[style*="background:#fff"],html body section[style*="background: #fff"]{background:#fff!important}

/* ---- card e riquadri ---- */
html body .card,html body .panel,html body .step,html body .plan,html body .err,html body .tool-cat,html body .skill,html body .role,html body .tier,html body .person-card,html body .cs-card,html body .svc-card,html body .mag-card,html body .ch-box,html body .ch-case,html body .ch-tile,html body .sm-region,html body .ilkhub-cat,html body .seo-grid .it,html body .device,html body .feat{background:#F7F8FA;border:1px solid var(--sf-line);border-radius:22px;box-shadow:none}
html body .card:hover,html body .svc-card:hover,html body .mag-card:hover,html body .plan:hover{box-shadow:0 26px 50px -30px rgba(18,20,26,.28)}
html body .plan.hot,html body .tier.hot{border-color:#F3B1A8;background:#FFF6F4;box-shadow:0 26px 54px -30px rgba(230,51,41,.45)}
html body .plan .badge,html body .badge{background:var(--sf-btn);color:#fff}
html body .card .ic,html body .svc-ic,html body .tool-cat .ic{background:var(--sf-peach2);border-radius:14px}
html body .panel::before{background:var(--sf-grad)}
html body .panel.no::before,html body .panel.off::before{background:#C9CEDA}
html body .step::before{color:rgba(230,51,41,.18)}
html body .compare{background:#fff;border:1px solid var(--sf-line);border-radius:22px;box-shadow:none}
html body table.cmp thead th{background:#F7F8FA}
html body table.cmp .col-hot{background:var(--sf-peach)}
html body .err{border-left:1px solid var(--sf-line)}
html body .faq-item{background:#F7F8FA;border:1px solid var(--sf-line);border-radius:18px;box-shadow:none}
html body .faq-item[open]{background:#fff;box-shadow:0 22px 44px -30px rgba(18,20,26,.25)}
html body .tool-cat li,html body .chip,html body .engine,html body .cs-pill,html body .ch-pill,html body .mag-pill{border-radius:999px}

/* ---- CTA finale ---- */
html body .cta-final,html body .mag-cta,html body .ch-cta,html body .svc-cta,html body .method-band{background:var(--sf-peach2);color:var(--ink);border-radius:30px}
html body .cta-final h2,html body .mag-cta h2,html body .ch-cta h2,html body .svc-cta h2,html body .method-band h3{color:var(--ink)}
html body .cta-final p,html body .mag-cta p,html body .ch-cta p,html body .svc-cta p,html body .method-band p{color:var(--grigio)}
html body .cta-final form{background:#fff;border:1px solid var(--sf-line);border-radius:22px}
html body form input,html body form select,html body form textarea{border-radius:12px;border-color:#D9DDE5}
html body form input:focus,html body form select:focus,html body form textarea:focus{border-color:var(--rosso)}
html body .ai-points div{background:#fff;border:1px solid var(--sf-line)}
html body .ai-points h4{color:var(--ink)}
html body .ai-points p{color:var(--grigio)}

/* ---- footer ---- */
html body footer{background:#F7F8FA;color:var(--grigio);border-top:1px solid var(--sf-line)}
html body footer h4{color:var(--ink)}
html body footer a{color:var(--grigio)}
html body footer a:hover{color:var(--rosso)}
html body footer .logo-text{color:var(--ink)!important}
html body footer .foot-bottom{border-top:1px solid var(--sf-line);color:var(--grigio)}
html body footer span.logo-text b{color:var(--rosso)!important}
html body footer a[aria-label="LinkedIn"]{background:#fff!important;border:1px solid var(--sf-line)}
html body footer a[aria-label="LinkedIn"] svg{fill:#5B6270}

/* ---- totop, barra mobile, popup contatti ---- */
html body .totop,html body #sps-totop{background:var(--sf-btn);box-shadow:0 14px 30px -10px rgba(217,43,32,.55)}
html body .mobcta{background:rgba(255,255,255,.96)}
html body .spscp-modal{border-radius:26px}
html body .spscp-submit{background:var(--sf-btn);border-radius:14px;color:#fff}

/* ---- vari ---- */
html body .mini-toc{border-radius:18px}
html body .mini-toc li a.active{background:var(--sf-peach2);color:var(--rosso)}
html body .mobile-toc-track a.active{background:var(--rosso);border-color:var(--rosso)}
html body .toc{border-radius:22px;box-shadow:none;border:1px solid var(--sf-line);background:#F7F8FA}
html body .cv{border-radius:22px;box-shadow:none;border:1px solid var(--sf-line)}
html body .cv-side{background:var(--ink)}

/* ---- icone a linee (sostituiscono le emoji) ---- */
html body .sf-i{width:1.15em;height:1.15em;vertical-align:-.2em;color:var(--rosso);flex:0 0 auto;display:inline-block}
html body .card .ic .sf-i,html body .svc-ic .sf-i,html body .tool-cat .ic .sf-i,html body .seo-grid .it .ic .sf-i{width:1em;height:1em;vertical-align:middle}
html body .card .ic,html body .seo-grid .it .ic{font-size:1.5rem}
html body .btn .sf-i,html body .btn-primary .sf-i,html body li.menu-cta .sf-i{color:inherit}
html body .quote-card .meta .sf-i{margin-right:2px}
html body .panel.yes h3 .sf-i{color:#16A34A}
html body .panel.no h3 .sf-i{color:#9AA1AF}
/* ---- riga stelline senza dato ---- */
html body .quote-card div:has(> .stars){display:none}

/* ---- fasce scure -> chiare (stile F senza neri pesanti) ---- */
html body section[style*="#0f1115"]{background:var(--sf-peach)!important}
html body section[style*="#0f1115"] h2,html body section[style*="#0f1115"] strong{color:var(--ink)!important}
html body section[style*="#0f1115"] p{color:var(--grigio)!important}
html body section[style*="#0f1115"] .cs-eyebrow{color:#C8261E!important}
html body .cv-side{background:#F1F3F7;color:var(--ink-2)}
html body .cv-side h4{color:#C8261E;border-bottom-color:rgba(18,20,26,.12)}
html body .cv-side p,html body .cv-side li{color:var(--ink-2)}
html body .cv-side p strong{color:var(--ink)!important}
html body .ch-stats{border-radius:22px;padding:38px}
html body .ch-stats .num,html body .ch-stats .n{color:var(--rosso)}
html body .ch-stats .lbl,html body .ch-stats .l{color:var(--grigio)}
html body .ch-result{background:var(--sf-peach2);color:var(--ink);border-radius:20px}
html body .ch-result *{color:inherit}
html body .ch-table th{background:#F1F3F7;color:var(--ink)}
html body .device{background:#E4E7EC}
html body .device .cap b{color:var(--ink)}
html body .device .cap span{color:var(--grigio)}
html body .device .visit{color:var(--rosso)}
html body .device::before{background:#C9CEDA}
/* footer: colori impostati inline nelle pagine */
html body footer a[style*="color:#fff"],html body footer [style*="color:#fff"]{color:var(--grigio)!important}
html body footer .logo-text[style]{color:var(--ink)!important}
html body footer p{color:var(--grigio)}
/* ---- ritocchi case history / schede ---- */
html body .ch-tile{background:#fff;border:1px solid var(--sf-line)}
html body .ch-tile .tn{color:var(--rosso)}
html body .ch-tile .tl{color:var(--grigio)}
html body .ch-case{border-left:1px solid var(--sf-line)}
html body .ch-numtile{background:var(--sf-peach2);color:var(--rosso)}
html body .ch-pill.red{background:var(--sf-peach2);color:#C8261E}
html body .panel::before{display:none}
html body .panel{padding:32px}
html body .panel h3,html body .panel ul{padding-left:0}
html body .ch-fig,html body .ch-imgs figure{border-radius:20px}
/* ---- mobile ---- */
@media(max-width:520px){html body .logo-text{font-size:1.05rem;white-space:nowrap}html body .brand svg{width:34px;height:28px}}
html body .ilkhub-wrap{background:#fff!important}