/*! MailSenpai - msp-ds-confronti.css, gruppo «Confronti» (ondata 1 UI, 02/10/2026). @pagine: 5388,5666,5691,99394,99395,99396,95193,95194,95195
Modello unico delle pagine «MailSenpai vs ...» IT ed EN. Sorgente: scratchpad cf/ (build_cf.py rigenera i contenuti dagli originali).
Tutto e' limitato ai contenitori Avada con classe ms-cf (campo «CSS Class»): i testi restano negli elementi Avada.
Token di colore da msp-ds.css (:root). Niente testo nascosto in attesa di script; animazioni solo con prefers-reduced-motion: no-preference. */

/* ---------------------------------------------------------------- base */
.ms-cf{--cf-line:#f0e3d6}
.ms-cf .fusion-title-heading{text-wrap:balance}
.ms-cf h2.fusion-title-heading{font-weight:800!important;letter-spacing:-.02em!important;line-height:1.14!important;color:var(--ink)!important}

/* pulsanti del gruppo (stessa forma di .ms-btn del sistema: arancio con inchiostro, verde solo per la prova) */
.ms-cf-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:6px 0 0}
.ms-cf-b{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;border-radius:var(--r1);border:2px solid transparent;
  font-family:inherit;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none!important;text-align:center;cursor:pointer;
  background:linear-gradient(135deg,#f9a24c,var(--o) 50%,var(--od));color:#1f1206!important;
  box-shadow:0 16px 36px -18px rgba(224,114,31,.9);transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s,border-color .25s}
.ms-cf-b:hover{transform:translateY(-2px)}
.ms-cf-b.ms-cf-g{background:linear-gradient(135deg,var(--g),var(--g2) 55%,var(--g3));color:#fff!important;box-shadow:0 16px 36px -18px rgba(31,143,91,.9)}
.ms-cf-b.ms-cf-g:hover{box-shadow:0 22px 44px -16px rgba(31,143,91,1),0 0 0 1px rgba(95,224,160,.6)}
.ms-cf-b.ms-cf-o{background:#fff;border-color:var(--o);color:var(--ot)!important;box-shadow:none}
.ms-cf-b.ms-cf-o:hover{background:var(--o);color:#1f1206!important;box-shadow:0 18px 40px -18px rgba(245,134,52,.9)}
.ms-cf-b.ms-cf-d{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.3);color:#fff!important;box-shadow:none}
.ms-cf-b.ms-cf-d:hover{border-color:var(--o2);color:#ffc394!important;background:rgba(245,134,52,.12)}
.ms-cf-b:focus-visible{outline:3px solid var(--o);outline-offset:3px}

/* pulsanti Avada nelle pagine di confronto («Attiva», «Personalizza», «Calcola il tuo piano»): arancio con inchiostro (il bianco
   sull'arancio di marca e' 2,5:1), in hover bianco con bordo arancio */
.ms-cf a.fusion-button{background:linear-gradient(135deg,#f9a24c,var(--o) 50%,var(--od))!important;border:2px solid var(--o)!important;border-radius:var(--r1)!important;
  color:#1f1206!important;font-weight:700!important;min-height:48px;box-shadow:0 14px 30px -18px rgba(224,114,31,.9)!important;transition:background .25s,color .25s,transform .25s!important}
.ms-cf a.fusion-button .fusion-button-text,.ms-cf a.fusion-button i{color:inherit!important}
.ms-cf a.fusion-button:hover,.ms-cf a.fusion-button:focus-visible{background:#fff!important;color:var(--ot)!important;transform:translateY(-2px)}

/* ---------------------------------------------------------------- hero */
.ms-cf-hero{background:radial-gradient(900px 460px at 88% 0%,rgba(252,175,59,.24),transparent 62%),radial-gradient(760px 420px at 0% 100%,rgba(245,134,52,.13),transparent 60%),var(--cream)!important;
  --awb-padding-top:72px!important;--awb-padding-bottom:64px!important}
.ms-cf-hero h1.fusion-title-heading{font-size:clamp(34px,4.6vw,56px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.03em!important;color:var(--ink)!important}
.ms-cf-hero .fusion-text p{font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;color:var(--mut)!important}
.ms-cf-hero .fusion-text{--awb-margin-bottom:26px!important}
.ms-cf-herocta{margin-top:4px}

/* ---------------------------------------------------------------- tabella di confronto */
.ms-cf-tab .table-2{max-width:1000px;margin:30px auto 0;border:0;box-shadow:none}
.ms-cf-tab .table-2 table{border-collapse:separate!important;border-spacing:0;overflow:visible!important;border-radius:20px!important;background:#fff;
  box-shadow:0 1px 0 var(--cf-line),0 40px 80px -50px rgba(171,102,52,.55);border:1px solid var(--cf-line);font-size:15.5px;line-height:1.45;margin:0!important}
.ms-cf-tab .table-2 thead th{position:sticky;top:0;z-index:3;background:var(--night2)!important;color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding:18px 16px!important;border:0!important;vertical-align:middle}
.ms-cf-tab .table-2 thead th:first-child{border-top-left-radius:19px;text-align:left!important}
.ms-cf-tab .table-2 table{table-layout:fixed}.ms-cf-tab .table-2 thead th:first-child{width:36%}
.ms-cf-tab .table-2 thead th:last-child{border-top-right-radius:19px}
.ms-cf-tab .table-2 thead th:nth-child(2){background:#26201b!important;box-shadow:inset 0 3px 0 var(--o)}
.ms-cf-tab .table-2 thead th strong{font-weight:700;color:#fff}
.ms-cf-tab .table-2 thead .fusion-image-element{margin:0 auto 8px!important}
.ms-cf-tab .table-2 thead img{max-height:46px;width:auto;object-fit:contain;margin:0 auto}
.ms-cf-tab .table-2 tbody td{padding:14px 16px!important;border:0!important;border-bottom:1px solid #f3e9de!important;color:var(--ink2);text-align:center!important;vertical-align:middle;background:#fff}
.ms-cf-tab .table-2 tbody td:first-child{text-align:left!important;font-weight:600;color:var(--ink)}
.ms-cf-tab .table-2 tbody td:nth-child(2){background:#fff7f0;font-weight:600;color:var(--ink)}
.ms-cf-tab .table-2 tbody tr:last-child td{border-bottom:0!important}
.ms-cf-tab .table-2 tbody tr:last-child td:first-child{border-bottom-left-radius:19px}
.ms-cf-tab .table-2 tbody tr:last-child td:last-child{border-bottom-right-radius:19px}
.ms-cf-tab .table-2 tbody tr:hover td{background:#fffaf5}
.ms-cf-tab .table-2 tbody tr:hover td:nth-child(2){background:#ffefe0}
.ms-cf-tab .table-2 .fa-check-circle{color:var(--gt)!important;font-size:21px!important}
.ms-cf-tab .table-2 .fa-minus-circle{color:#8a8178!important;font-size:19px!important}
.ms-cf-tab .table-2 .fusion-tooltip,.ms-cf-tab .table-2 [data-toggle=tooltip]{color:var(--ot)!important}
/* la tabella si accende riga per riga quando entra nello schermo (solo luce: il testo e' sempre visibile) */
@media (prefers-reduced-motion:no-preference){
  .ms-cf-tab .ms-cf-acc tbody tr td{animation:cfLuce 1.2s ease-out both;animation-delay:calc(var(--i,0) * 70ms)}
  .ms-cf-tab .ms-cf-acc tbody tr td:nth-child(2) .fa-check-circle{animation:cfPop .6s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms + 120ms)}
}
@keyframes cfLuce{0%{box-shadow:inset 0 0 0 999px rgba(245,134,52,.14)}100%{box-shadow:inset 0 0 0 999px rgba(245,134,52,0)}}
@keyframes cfPop{0%{transform:scale(.6)}60%{transform:scale(1.18)}100%{transform:scale(1)}}

/* telefono: niente scorrimento laterale. Intestazione con i loghi fissa in alto, la voce sopra e i due valori affiancati sotto */
@media (max-width:760px){
  .ms-cf-tab .table-2{margin-top:22px}
  .ms-cf-tab .table-2 table,.ms-cf-tab .table-2 thead,.ms-cf-tab .table-2 tbody{display:block;width:100%!important;min-width:0!important}
  .ms-cf-tab .table-2 table{font-size:15px}
  .ms-cf-tab .table-2 tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ms-cf-tab .table-2 td,.ms-cf-tab .table-2 th{min-width:0;white-space:normal!important;overflow-wrap:break-word;hyphens:auto}
  .ms-cf-tab .table-2 thead{position:sticky;top:0;z-index:3;border-radius:19px 19px 0 0}
  .ms-cf-tab .table-2 thead th{position:static;padding:12px 8px!important;font-size:11.5px;letter-spacing:.06em}
  .ms-cf-tab .table-2 thead th:first-child{display:none!important}
  .ms-cf-tab .table-2 thead th:nth-child(2){border-top-left-radius:19px}
  .ms-cf-tab .table-2 thead img{max-height:34px}
  .ms-cf-tab .table-2 thead .fusion-image-element{--awb-max-width:84px!important;margin-bottom:6px!important}
  .ms-cf-tab .table-2 tbody td{display:block;padding:6px 10px 14px!important;font-size:15px;border-bottom:1px solid #f3e9de!important}
  .ms-cf-tab .table-2 tbody td:first-child{grid-column:1 / -1;padding:14px 14px 2px!important;border-bottom:0!important;background:#fff!important;font-size:14.5px;color:var(--mut)}
  .ms-cf-tab .table-2 tbody tr:last-child td:first-child{border-radius:0}
  .ms-cf-tab .table-2 tbody tr:last-child td:nth-child(2){border-bottom-left-radius:19px}
  .ms-cf-tab .table-2 tbody td:nth-child(2){border-right:1px solid #f3e9de!important}
}

/* ---------------------------------------------------------------- CTA a meta' («Hai dei dubbi?») */
.ms-cf-dubbi .ms-cf-ctas{justify-content:center;margin:26px auto 8px}
.ms-cf-midcta{width:100%}

/* ---------------------------------------------------------------- piani */
.ms-cf-piani .fusion_builder_column_1_4>.fusion-column-wrapper{border-radius:20px!important;border:1px solid var(--cf-line);box-shadow:var(--sh1);
  transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
/* niente ingrandimento della card in hover (spostava il pulsante «Attiva» via dal puntatore) */
.ms-cf-piani .fusion_builder_column_1_4>.fusion-column-wrapper,.ms-cf-piani .fusion_builder_column_1_4>.fusion-column-wrapper:hover{transform:none!important}
@media (hover:hover){.ms-cf-piani .fusion_builder_column_1_4>.fusion-column-wrapper:hover{box-shadow:var(--sh2);border-color:var(--o)}}
.ms-cf-piani .fusion_builder_column_1_4:has(.ms-cf-pop)>.fusion-column-wrapper{border:2px solid var(--o);box-shadow:0 34px 70px -34px rgba(224,114,31,.65)}
.ms-cf-piani .ms-cf-pop>.fusion-column-wrapper{background:var(--ob)!important;border-radius:999px!important}
.ms-cf-piani .ms-cf-pop .fusion-text,.ms-cf-piani .ms-cf-pop .fusion-text p{color:#fff!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px!important}
.ms-cf-piani h3.fusion-title-heading{font-weight:800!important;letter-spacing:-.02em!important}
.ms-cf-piani .fusion-checklist .fusion-li-icon{color:var(--gt)!important}
/* listino estensioni: intestazione e prima colonna leggibili, su telefono una durata alla volta (selettore in msp-ds-confronti.js) */
.ms-cf-piani .table-1 table{font-size:14.5px}
.ms-cf-piani .table-1 thead th{background:var(--night2)!important;color:#fff!important;font-weight:700;vertical-align:middle}
.ms-cf-piani .table-1 tbody td:first-child{font-weight:600;color:var(--ink);text-align:left!important}
.ms-cf-seg{display:none;gap:6px;flex-wrap:wrap;margin:4px 0 12px}
.ms-cf-seg button{flex:1 1 calc(50% - 6px);min-height:44px;padding:8px 10px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;color:var(--ink2);
  font:600 14px/1.2 inherit;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ms-cf-seg button small{display:block;font-size:12.5px;font-weight:500;color:var(--mut2)}
.ms-cf-seg button[aria-selected=true]{background:var(--o);border-color:var(--o);color:#1f1206}
.ms-cf-seg button[aria-selected=true] small{color:#1f1206}
.ms-cf-seg button:hover{border-color:var(--o)}
/* giro 2: il listino scorre in orizzontale a ogni larghezza se non ci sta (a 768 la tabella di 744px stava in 704px e veniva tagliata) */
.ms-cf-piani .table-1{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
@media (max-width:760px){
  .ms-cf-seg{display:flex}
  .ms-cf-piani table.ms-cf-segon{table-layout:fixed;width:100%!important;min-width:0!important}
  .ms-cf-piani table.ms-cf-segon tr>*:not(:first-child){display:none}
  .ms-cf-piani table.ms-cf-segon[data-col="1"] tr>*:nth-child(2),.ms-cf-piani table.ms-cf-segon[data-col="2"] tr>*:nth-child(3),
  .ms-cf-piani table.ms-cf-segon[data-col="3"] tr>*:nth-child(4),.ms-cf-piani table.ms-cf-segon[data-col="4"] tr>*:nth-child(5){display:table-cell}
  .ms-cf-piani table.ms-cf-segon tr>*:first-child{width:56%}
  .ms-cf-piani .ms-cf-segon~.mspai-tablehint,.ms-cf-piani .mspai-tablehint:has(+.mspai-tablewrap .ms-cf-segon){display:none}
}

/* ---------------------------------------------------------------- «Cosa ci rende unici?» */
.ms-cf-unici .content-box-column>.col{background:#fff;border:1px solid var(--cf-line);border-radius:var(--r2);box-shadow:var(--sh1);padding:30px 24px!important;height:100%;
  transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
@media (hover:hover){.ms-cf-unici .content-box-column>.col:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--o)}}
.ms-cf-unici h3.content-box-heading{font-weight:700!important;color:var(--ink)!important}
.ms-cf-unici .content-container{color:var(--mut)!important}

/* ---------------------------------------------------------------- recensioni (fascia arancio: testo in inchiostro, 7,3:1) */
.ms-cf-rec h2.fusion-title-heading,.ms-cf-rec h2.fusion-title-heading *,.ms-cf-rec .fusion-title,.ms-cf-rec>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-text,
.ms-cf-rec>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-text p{color:#1f1206!important}
.ms-cf-recbox .fusion-builder-row-inner .fusion-text p{color:var(--ink)!important}
.ms-cf-ratew{width:100%;margin:6px 0 4px!important}
.ms-cf-rate{text-align:center;margin:0!important;font-size:16px;color:var(--ink2)!important}
.ms-cf-rate strong{font-weight:800;color:var(--ink)}

/* ---------------------------------------------------------------- FAQ (elemento FAQ di Avada) */
.ms-cf-faq .fusion-faqs-wrapper .fusion-panel{background:#fff;border:1px solid var(--cf-line)!important;border-radius:14px!important;margin-bottom:10px!important;box-shadow:var(--sh1);overflow:hidden}
.ms-cf-faq .fusion-faqs-wrapper .panel-heading{padding:0!important}
.ms-cf-faq .fusion-faqs-wrapper .panel-title a{display:flex!important;align-items:center;gap:10px;padding:16px 18px!important;min-height:52px;color:var(--ink)!important;font-weight:600}
.ms-cf-faq .fusion-faqs-wrapper .panel-title a:hover,.ms-cf-faq .fusion-faqs-wrapper .panel-title a[aria-expanded=true]{color:var(--ot)!important}
.ms-cf-faq .fusion-faqs-wrapper .panel-body{padding:0 18px 18px!important;color:var(--mut)}

/* ---------------------------------------------------------------- chiusura scura (CTA finale) */
.ms-cf-final{position:relative;overflow:hidden;isolation:isolate;text-align:center;
  background:radial-gradient(700px 360px at 50% -10%,rgba(245,134,52,.28),transparent 65%),radial-gradient(600px 320px at 100% 100%,rgba(252,175,59,.12),transparent 60%),var(--night)!important;
  --awb-padding-top:96px!important;--awb-padding-bottom:96px!important}
.ms-cf-fint{width:100%}
.ms-cf-fh{font-size:clamp(28px,3.3vw,44px)!important;font-weight:800;line-height:1.14;letter-spacing:-.02em;color:#fff!important;max-width:780px;margin:0 auto!important;text-wrap:balance}
.ms-cf-fp{color:#cfc6bc!important;max-width:620px;margin:16px auto 28px!important;font-size:17px;line-height:1.6}
.ms-cf-final .ms-cf-ctas{justify-content:center}
@media (max-width:640px){.ms-cf-final{--awb-padding-top:72px!important;--awb-padding-bottom:72px!important}}

/* ---------------------------------------------------------------- barra CTA fissa su telefono (sopra il banner cookie compatto) */
.ms-cf-dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:8000;display:none;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:16px;
  background:rgba(20,18,16,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4efe9;text-align:left;box-shadow:0 20px 40px -16px rgba(0,0,0,.6);
  transform:translateY(160%);visibility:hidden;transition:transform .4s var(--ease),translate .3s var(--ease),visibility 0s linear .4s}
.ms-cf-dock.ms-on{transform:none;visibility:visible;transition:transform .4s var(--ease),translate .3s var(--ease),visibility 0s;translate:0 calc(-1 * var(--msp-ck-h,0px))}
.ms-cf-dock span{flex:1;font-size:13.5px;line-height:1.3;color:#f4efe9}
.ms-cf-dock .ms-cf-b{min-height:46px;padding:10px 18px;font-size:15px}
@media (max-width:760px){.ms-cf-dock{display:flex}}
@media (prefers-reduced-motion:reduce){.ms-cf-dock{transition:none}.ms-cf-b,.ms-cf a.fusion-button,.ms-cf-piani .fusion_builder_column_1_4>.fusion-column-wrapper,.ms-cf-unici .content-box-column>.col{transition:none!important}}

/* ---------------------------------------------------------------- telefono */
@media (max-width:640px){
  .ms-cf-hero{--awb-padding-top:44px!important;--awb-padding-bottom:44px!important}
  .ms-cf-ctas{flex-direction:column;align-items:stretch}
  .ms-cf-ctas .ms-cf-b{width:100%}
}

/* ---------------------------------------------------------------- contrasto AA (misurato dal collaudo) */
/* fascia della prova: dal giro 3 lo sfondo del contenitore Avada e' #1e8553 (verde CTA del sistema) e i testi tornano bianchi (4,6:1) */
.ms-cf-prova .fusion-text,.ms-cf-prova .fusion-text p,.ms-cf-prova .fusion-text span,.ms-cf-prova h2.fusion-title-heading,.ms-cf-prova h2.fusion-title-heading *{color:#fff!important}
.ms-cf-prova msp-app-form a{color:#fff!important}
.ms-cf-piani msp-app-form a{color:var(--ot)!important}
/* «Ci hanno scelto:» sulla fascia arancio */
.ms-cf-rec .fusion-builder-row-inner .fusion-text p{color:#1f1206!important}
/* «Mostra altre domande» (msp-ds) in arancio da testo */
.ms-cf-faq .mspai-more{color:var(--ot)!important;border-color:var(--ot)!important}
.ms-cf-faq .mspai-more:hover{background:var(--o)!important;border-color:var(--o)!important;color:#1f1206!important}
/* cicli CSS fermi fuori schermo (msp-ds-confronti.js mette .ms-cf-off) */
.ms-cf.ms-cf-off *,.ms-cf.ms-cf-off *::before,.ms-cf.ms-cf-off *::after{animation-play-state:paused!important}
/* la linguetta della privacy (bordo sinistro, <=1024) non deve coprire la riga delle recensioni */
@media (max-width:1024px){.ms-cf-ratew{padding:0 34px!important}}

/* ---------------------------------------------------------------- giro 2 (03/10/2026): correzioni dopo la verifica indipendente */
/* senza JavaScript: FAQ e toggle di Avada («Prezzi IVA esclusa», «Listino Estensioni») aperti e leggibili.
   Avada nasconde .fusion-faqs-wrapper (display:none) e i pannelli .collapse finche' il suo script non li gestisce:
   la regola vale solo quando gli script sono spenti (media feature «scripting»), con JS non cambia nulla. */
@media (scripting:none){
  #main .fusion-faqs-wrapper{display:block!important}
  #main .fusion-accordian .panel-collapse.collapse{display:block!important;height:auto!important;visibility:visible!important}
  #main .fusion-accordian .panel-title .fusion-toggle-icon-wrapper{display:none!important}
  /* card «Demo»/«Prova»: il testo successivo al widget prova ha margine -20px (previsto per il widget alto 140px):
     senza JS il widget mostra solo il link di riserva e il testo lo copriva */
  #main .fusion-text:has(msp-app-form)+.fusion-text{margin-top:8px!important}
  #main msp-app-form>a{display:inline-block;padding:4px 0;font-weight:700;text-decoration:underline}
}
/* link dentro le risposte delle FAQ e dei toggle: arancio da testo (il link Avada #f58634 su bianco e' 2,5:1) */
#main .fusion-accordian .panel-body a:not(.fusion-button){color:var(--ot)!important;text-decoration:underline}
#main .fusion-accordian .panel-body a:not(.fusion-button):hover{color:#1f1206!important}
/* «NOVITÀ»/«NEW» nel listino estensioni (colore in linea #f58634 su #f6f6f6 = 2,3:1) */
.ms-cf-piani tbody strong[style*="f58634"]{color:var(--ot)!important}

/* Header LP (tb 5026, intestazione globale delle landing): pulsante «Inizia»/«Get Started».
   Correzione LIMITATA alle pagine di questo gruppo (il file si carica solo qui) in attesa della correzione globale:
   testo arancio #f58634 su bianco era 2,52:1 -> arancio da testo del sistema (#a85419, 5,6:1); in hover inchiostro su arancio;
   su telefono il pulsante (120px con padding 40px) usciva di 4px dal bordo destro a 360/390. */
.fusion-tb-header a.fusion-button,.fusion-tb-header a.fusion-button .fusion-button-text{color:var(--ot,#a85419)!important}
.fusion-tb-header a.fusion-button:hover,.fusion-tb-header a.fusion-button:focus-visible,
.fusion-tb-header a.fusion-button:hover .fusion-button-text,.fusion-tb-header a.fusion-button:focus-visible .fusion-button-text{color:#1f1206!important}
@media (max-width:800px){.fusion-tb-header a.fusion-button{padding-left:20px!important;padding-right:20px!important;max-width:100%}}

/* ---------------------------------------------------------------- giro 3 (03/10/2026): seconda verifica indipendente */
/* Moduli prova dell'app (<msp-app-form>, shadow DOM): il widget espone i suoi colori come variabili sull'elemento (:host --g/--gd/--gk).
   Le variabili si ereditano dentro lo shadow DOM e una regola della pagina sull'elemento vale piu' del suo :host, quindi qui le
   porto ai verdi del sistema SOLO su queste pagine, senza toccare l'app:
   - «Inizia subito»/«Get started now» (inverted, testo --gd su bianco): 3,56:1 -> #166c44 6,4:1;
   - «Prova ora»/«Start the trial» (outline, testo --g su bianco, in hover bianco su --g): 2,52:1 -> #1e8553 4,6:1;
   - link termini/privacy nella card (--gd): 3,38:1 -> 6,4:1. I testi del consenso nella fascia sono bianchi su #1e8553 (4,6:1). */
.ms-cf msp-app-form{--g:#1e8553;--gd:#166c44;--gk:#0f4f31}
/* senza JS: i loghi della testata (lazy load di Avada = segnaposto trasparente finche' non parte il suo script) sono sostituiti
   dalla copia in <noscript> (classe ms-cf-nsl, messa da build_cf.py); con JS la copia non esiste nel DOM */
.ms-cf-tab .table-2 thead img.ms-cf-nsl{display:block;height:auto;max-height:46px;width:auto;max-width:120px;margin:0 auto 8px}
@media (scripting:none){.ms-cf-tab .table-2 thead .fusion-image-element{display:none!important}}
@media (max-width:640px){.ms-cf-tab .table-2 thead img.ms-cf-nsl{max-height:34px;max-width:84px;margin-bottom:6px}}
/* «ⓘ» (tooltip Avada, solo hover): msp-ds-confronti.js li rende pulsanti; al tocco o con Invio il testo si apre sotto, nella riga */
.ms-cf .fusion-tooltip[tabindex]{cursor:pointer;border-radius:4px;padding:2px}
.ms-cf .fusion-tooltip[tabindex]:focus-visible{outline:2px solid var(--ot,#a85419);outline-offset:2px}
.ms-cf .fusion-tooltip.ms-tip-on::after{content:attr(data-title);display:block;margin:6px 0 2px;padding:7px 10px;border-radius:8px;background:#26201b;color:#fff;
  font-size:13px;line-height:1.45;font-weight:400;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;font-style:normal;hyphens:manual;-webkit-hyphens:manual}