/* /isp-proxies/ in tema chiaro (03/10/2026, Aldo: "la pagina ISP con sfondo bianco").
   Solo aspetto, nessun testo cambia. Vale solo con <html class="qd-light qd-fresh"> e dopo
   isp-design.css + product-light.css + product-fresh.css: qui i componenti del tema editoriale
   scuro ISP che restavano scuri o a basso contrasto. Isole scure volute: codice e banda finale. */

/* barra in alto */
html.qd-light.qd-fresh body[data-isp-design="1"] .topbar{background:#F6F7FB;border-bottom-color:rgba(14,18,32,.08)}
html.qd-light.qd-fresh body[data-isp-design="1"] .topbar a{color:#3A4256}

/* divisori di sezione: da blu notte a linea chiara */
html.qd-light.qd-fresh body[data-isp-design="1"] main :is(.split,.code,.steps,#countries,#isp-countries,.faq.faq-grid,.faq-list,.checks li,.faq details,.facts){border-color:rgba(14,18,32,.10)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .usecases:not([id]) :is(.uc-grid,.uc){border-color:rgba(14,18,32,.10)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .step{border-color:rgba(14,18,32,.10)}

/* illustrazioni (pannelli a gradiente): niente cornice scura, ombra morbida come le pagine Data API */
html.qd-light.qd-fresh body[data-isp-design="1"] main .hero-grid > .visual img{box-shadow:0 1px 2px rgba(14,18,32,.06),0 30px 70px -30px rgba(47,43,156,.45)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tool-figure{background:transparent;border:0;padding:0}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tool-figure figcaption{color:#5A6377}
html.qd-light.qd-fresh body[data-isp-design="1"] .editorial-visual img{background:transparent;border-radius:16px;box-shadow:0 1px 2px rgba(14,18,32,.06),0 26px 60px -30px rgba(47,43,156,.45)}
html.qd-light.qd-fresh body[data-isp-design="1"] .editorial-visual figcaption{color:#5A6377}

/* sezione Premium: tabella paesi e testi */
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-premium-update{border-color:rgba(14,18,32,.10)}
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-premium-update :is(p,li,td){color:#3A4256}
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-premium-update .guide-table{background:#FFFFFF;border-color:rgba(14,18,32,.10);border-radius:16px;box-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16)}
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-premium-update :is(th,td){border-color:rgba(14,18,32,.08)}
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-premium-update thead{background:#F7F6FF}
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-premium-update thead th{color:#3A4256}
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-premium-update td a{color:#3B2FCF}
/* una sola CTA teal per schermata: la CTA di questa sezione resta quella in fondo */
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-hub-visual .btn-cta{background:#FFFFFF;color:#0E1220;border:1px solid rgba(14,18,32,.22);box-shadow:none}
html.qd-light.qd-fresh body[data-isp-design="1"] .isp-hub-visual .btn-cta:hover{border-color:rgba(14,18,32,.45);background:#FFFFFF}

/* piani (plans5) */
html.qd-light.qd-fresh body[data-isp-design="1"] main .tiers .tier:nth-child(n){background:#FFFFFF;border:1px solid rgba(14,18,32,.10);box-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tiers .tier.featured{background:#F7F6FF;border-color:rgba(75,63,214,.55);box-shadow:inset 0 3px #5546E8,0 0 0 4px rgba(109,92,255,.10),0 24px 50px -26px rgba(47,43,156,.4)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tiers .tier:hover{background:#FFFFFF;border-color:rgba(75,63,214,.45)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tier h3{color:#0E1220}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tier .price{color:#0E1220}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tier .price small{color:#5A6377}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tier ul{color:#3A4256;border-color:rgba(14,18,32,.10)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tier ul li{color:#3A4256}
html.qd-light.qd-fresh body[data-isp-design="1"] main .tier ul li::before{color:#5546E8}
html.qd-light.qd-fresh body[data-isp-design="1"] main .isp-tier-rail i{background:#E3E6EF}

/* riquadro "Residential trust x datacenter speed" */
html.qd-light.qd-fresh body[data-isp-design="1"] main .ltile{background:linear-gradient(100deg,#FFFFFF,#F4F2FF);border-color:rgba(85,70,232,.18);box-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .lt-big{color:#3B2FCF;background:none;-webkit-text-fill-color:currentColor}
html.qd-light.qd-fresh body[data-isp-design="1"] main .lt-sub{color:#3A4256}

/* scelta della rete */
html.qd-light.qd-fresh body[data-isp-design="1"] main .pick em{color:#4B3FD6}
html.qd-light.qd-fresh body[data-isp-design="1"] main .pick span{color:#5A6377}

/* griglia paesi */
html.qd-light.qd-fresh body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc{background:#FFFFFF;border:1px solid rgba(14,18,32,.10);box-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -24px rgba(14,18,32,.16)}
html.qd-light.qd-fresh body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc:hover{background:#FFFFFF;border-color:rgba(75,63,214,.45)}
html.qd-light.qd-fresh body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc h3{color:#0E1220}
html.qd-light.qd-fresh body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc p{color:#5A6377}
html.qd-light.qd-fresh body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc::after{border-color:#5546E8}

/* tabella di confronto */
html.qd-light.qd-fresh body[data-isp-design="1"] main .cmp-wrap{background:#FFFFFF;border-color:rgba(14,18,32,.10);box-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .cmp th{color:#3A4256}
html.qd-light.qd-fresh body[data-isp-design="1"] main .cmp th:nth-child(2){color:#3B2FCF}
html.qd-light.qd-fresh body[data-isp-design="1"] main .cmp td{color:#3A4256}
html.qd-light.qd-fresh body[data-isp-design="1"] main .cmp td:nth-child(2){background:#F4F2FF;color:#0E1220}

/* FAQ */
html.qd-light.qd-fresh body[data-isp-design="1"] main .faq-side{background:linear-gradient(140deg,#FFFFFF,#F4F2FF);border-color:rgba(85,70,232,.18);box-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .faq-side h2{color:#0E1220}
html.qd-light.qd-fresh body[data-isp-design="1"] main .faq-side p{color:#3A4256}
html.qd-light.qd-fresh body[data-isp-design="1"] main .faq-side a{color:#3B2FCF;border-color:rgba(85,70,232,.35)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .faq summary{color:#0E1220}
html.qd-light.qd-fresh body[data-isp-design="1"] main .faq details p{color:#3A4256}

/* banda finale: isola scura voluta, testi chiari */
html.qd-light.qd-fresh body[data-isp-design="1"] main .final-band :is(h2,h3,strong){color:#F3F5FB}
html.qd-light.qd-fresh body[data-isp-design="1"] main .final-band p{color:#B2BDD1}

/* striscia "incluso in ogni IP" e divisori orizzontali */
html.qd-light.qd-fresh body[data-isp-design="1"] main .feat-strip,html.qd-light.qd-fresh body[data-isp-design="1"] main .feat-strip span{border-color:rgba(14,18,32,.14)}
html.qd-light.qd-fresh body[data-isp-design="1"] main .feat-strip span{color:#3A4256}