/* Nuovo design sulle pagine non ancora rifatte (colori, schede, menu e piede come nella home).
   Si carica da /tema/tema.css; ogni regola comincia con "html" per prevalere sugli stili scritti nelle pagine. */

html{
  --ink:#0E1A33;--graphite:#5B6577;--hairline:#E5E9EF;--paper:#FFFFFF;--paper-2:#F4F6F9;
  --nsm-deep:#1D5BD8;--nsm-dark:#0E1A33;
  --lime:#D7F25C;--lime-scuro:#C3E33A;--chiaro:#F4F6F9;--notte:#0E1A33;--blu:#1D5BD8
}
html body{background:#fff;color:var(--notte)}

/* etichette: niente piu' carattere da codice, maiuscoletto grigio come nella nuova home */
html .eyebrow,html .hero-brands .t,html .adv .ic,html .step .sn,html .plan .k,html .conv .k,html .hubc .k,
html .post .date,html .article .meta,html .pitem .from,html .sc .tier,html .pf-f .ic,html .lang-btn,html .article .call b{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.12em}
html .eyebrow,html .hero-brands .t{color:var(--graphite);font-weight:600;font-size:.74rem}
html .adv .ic,html .pf-f .ic{display:inline-block;background:var(--lime);color:var(--notte);font-weight:700;font-size:.68rem;
  letter-spacing:.06em;text-transform:uppercase;padding:.25em .7em;border-radius:6px;margin-bottom:1rem}
html .step .sn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);
  color:var(--notte);font-weight:800;font-size:.85rem;letter-spacing:0;margin-bottom:.9rem}

/* pulsanti: azione principale in verde lime */
html .btn{font-weight:700}
html .btn-primary,html .bar nav a.btn-primary,html .final .btn-light,html .cominciamo .btn,html .cominciamo-fisso{
  background:var(--lime)!important;color:var(--notte)!important;border-color:transparent!important}
html .btn-primary:hover,html .bar nav a.btn-primary:hover,html .final .btn-light:hover,html .cominciamo .btn:hover{
  background:var(--lime-scuro)!important;box-shadow:none;transform:translateY(-1px)}
html .btn-ghost{background:#fff;color:var(--notte);border-color:var(--hairline)}
html .btn-ghost:hover{border-color:var(--notte)}

/* intestazione */
html header.bar{background:rgba(255,255,255,.94);border-bottom:1px solid var(--hairline)}
html header.bar::after{display:none}
html .bar nav a{color:var(--notte)}
html .bar nav a:hover{color:var(--blu)}
html .lang-btn.active{background:var(--notte)}

/* aperture: grigio chiaro come la nuova home */
html .hero,html .phero{background:linear-gradient(180deg,#FAFBFC 0%,#EEF2F6 100%);border-bottom:0}
html .hero-brands{background:#fff;border:0;box-shadow:0 10px 30px rgba(14,26,51,.06)}
html .bchip{background:var(--chiaro);border:0}

/* sezioni bianche, schede grigio chiaro senza bordo */
html .plans,html .mv{background:#fff}
html .adv,html .step,html .sc,html .hubc,html .post,html .pitem,html .conv,html .plan,html .contact-card{
  background:var(--chiaro);border-color:transparent;transition:box-shadow .2s ease,transform .2s ease}
html .adv:hover,html .hubc:hover,html .post:hover{border-color:transparent;box-shadow:0 14px 34px rgba(14,26,51,.10);transform:translateY(-2px)}
/* le formule tengono il loro colore (regola del marchio): resta solo la riga in alto */
html .plan{border:0;border-top:4px solid var(--hairline)}
html .plan--plus{border-top-color:var(--plus)}html .plan--flex{border-top-color:var(--flex)}html .plan--personal{border-top-color:var(--personal)}
html .conv{border:0;border-top:4px solid var(--blu)}
html .conv li::before,html .mini-list li::before,html .plan li::before{background:var(--lime)}
html .plan.plan--plus li::before{background:var(--plus)}html .plan.plan--flex li::before{background:var(--flex)}html .plan.plan--personal li::before{background:var(--personal)}
html .sc li::before{color:var(--notte)}
html .hubc .go,html .post .go{color:var(--notte)}
html .faq summary::after{color:var(--notte)}
html .article a,html .article .back{color:var(--blu)}

/* valori (chi siamo): cerchi lime */
html .val .vic{background:var(--lime)}
html .val .vic svg{stroke:var(--notte)}
html .mv-mark svg{stroke:var(--blu)}

/* fasce scure: blu notte al posto di ciano e grigio */
html .final,html .cominciamo{background:var(--notte)!important;color:#fff}
html .final .eyebrow{color:#9FB0C8}
html .final p,html .cominciamo p{color:#C8D2E0}
html .final .contact-card{background:#fff}
html .numbers,html .pf{background:var(--notte)}
html .num .n,html .pf .eyebrow{color:var(--lime)}
html .pf-f{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
html .pf-f .ic{background:var(--lime)}
html .pf-t{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
html .pf-t.on{background:var(--lime);border-color:var(--lime);color:var(--notte)}

/* simulatore e finestre */
html .sim tr.hl td{background:#EEF8C8}
html .sim tr.tot td{background:var(--chiaro)}
html .sim-choice:hover{border-color:var(--notte);color:var(--notte)}
html .pt-steps li::marker{color:var(--notte)}

/* piede */
html footer{border-top:1px solid var(--hairline)}
html footer a:hover{color:var(--blu)}

/* menu della nuova home */
html .menu-links a{font-size:.92rem;color:var(--notte);font-weight:500}
html .menu-links a.on{font-weight:700}
html .nav-menu .accedi{font-size:.92rem;font-weight:600;color:var(--notte);white-space:nowrap}
@media(max-width:1260px){html .nav-menu .accedi{padding:.95em 24px;border-bottom:1px solid var(--hairline);font-size:1.02rem}}

/* piede della nuova home */
html footer.nf{background:#fff;margin-top:0;border-top:1px solid var(--hairline);padding:40px 0 36px}
html footer.nf .wrap{display:block}
html footer.nf .colonne{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
html footer.nf img{height:30px;width:auto}
html footer.nf .colonne b{display:block;font-size:.82rem;margin-bottom:10px;color:var(--notte)}
html footer.nf .colonne a,html footer.nf .colonne span{display:block;font-size:.84rem;color:var(--graphite);margin-bottom:6px;line-height:1.5}
html footer.nf .colonne p{font-size:.84rem;color:var(--graphite);margin-top:10px;max-width:34ch;line-height:1.5}
html footer.nf .fondo{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--hairline);margin-top:24px;padding-top:18px;font-size:.78rem;color:var(--graphite);flex-wrap:wrap}
html footer.nf .fondo nav{display:flex;gap:16px}
html footer.nf .fondo a{font-size:.78rem;line-height:1.5}
@media(max-width:900px){html footer.nf .colonne{grid-template-columns:1fr 1fr}}

/* pagina "Per le aziende": due formule */
html .plan-grid.due{grid-template-columns:repeat(2,1fr)}
html .privati-nota{margin-top:24px;color:var(--graphite);font-size:.95rem}
html .privati-nota a{color:var(--blu);font-weight:700}
@media(max-width:900px){html .plan-grid.due{grid-template-columns:1fr}}