/* QuanticData — tema chiaro "fresh" delle pagine singole (03/10/2026): pricing, tools, alternatives, best, docs,
   home, pagine soluzione, partner/pilot/enterprise/affiliati/about, blog DE/ES/FR.
   Attivo solo con <html class="qd-light qd-fresh qd-sgl">, caricato dopo product-light.css e product-fresh.css
   (mai modificati). SOLO aspetto: nessun testo cambia. Isole scure volute: codice/terminale e banda finale. */

html.qd-sgl{--sg-ink:#0E1220;--sg-body:#3A4256;--sg-muted:#5A6377;--sg-line:rgba(14,18,32,.09);--sg-violet:#4B3FD6;
  --sg-soft:#F7F6FF;--sg-r:20px;--sg-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16);
  --sg-island:#0B1020}

/* ── hero del template "tool" (hero-in) ── */
html.qd-sgl .hero-outer .hero-in h1{font-family:var(--font-head);color:var(--sg-ink);letter-spacing:-.03em;line-height:1.05;font-size:clamp(36px,4.4vw,56px)}
html.qd-sgl .hero-outer .hero-in .lead{color:var(--sg-body);font-size:18px;line-height:1.6}
html.qd-sgl .hero-outer .hero-in :is(.tool-byline,.hero-note,.crumbs){color:var(--sg-muted)}
html.qd-sgl .hero-outer .hero-in .crumbs a{color:var(--sg-muted)}
html.qd-sgl .hero-outer .hero-in .tool-byline a{color:var(--sg-ink)}
html.qd-sgl .hero-outer .hero-in .btn-outline{color:var(--sg-ink);background:#fff;border:1px solid rgba(14,18,32,.18)}
html.qd-sgl .hero-card .hero-badge{color:var(--sg-body);background:#fff;border:1px solid var(--sg-line)}

/* ── prosa ── */
html.qd-sgl main .prose :is(h2,h3){font-family:var(--font-head);color:var(--sg-ink);letter-spacing:-.02em}
html.qd-sgl main .prose :is(p,li){color:var(--sg-body)}
html.qd-sgl main .prose a:not(.btn-cta):not(.btn-outline){color:var(--sg-ink);text-decoration-color:rgba(75,63,214,.45);text-underline-offset:3px}
html.qd-sgl main .prose a:not(.btn-cta):not(.btn-outline):hover{color:var(--sg-violet)}
html.qd-sgl main :is(.prose,.copy,.qa-a,.bp-prose) :not(pre)>code{background:#EEF0F6;color:#1F2638;border:1px solid var(--sg-line);border-radius:6px}

/* ── tabelle: card bianca ── */
html.qd-sgl main :is(.table-wrap,.cmp-scroll,.cmp-wrap){background:#fff;border:1px solid var(--sg-line);border-radius:var(--sg-r);box-shadow:var(--sg-shadow);overflow-x:auto}
html.qd-sgl main :is(.table-wrap,.cmp-scroll)>table{background:transparent;border:0;box-shadow:none;margin:0;width:100%}
html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table) :is(th,td){font-size:15px;line-height:1.5;border-color:var(--sg-line);padding:12px 14px;vertical-align:top}
html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table) thead th{background:var(--sg-soft);color:var(--sg-ink);font-weight:600}
html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table) td{color:var(--sg-body)}
html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table) td:first-child{color:var(--sg-ink);font-weight:500}
html.qd-sgl main :is(.tbl,.table-wrap table) tbody tr:last-child td{border-bottom:0}
html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table) td small{color:var(--sg-muted)}

/* ── FAQ del template tool (.qa-list) in card ── */
html.qd-sgl main .qa-list{background:#fff;border:1px solid var(--sg-line);border-radius:var(--sg-r);box-shadow:var(--sg-shadow);padding:4px 22px}
html.qd-sgl main .qa-list details.qa:last-child{border-bottom:0}
html.qd-sgl main .qa-list summary h3{color:var(--sg-ink)}
html.qd-sgl main .qa-list .qa-a{color:var(--sg-body)}
html.qd-sgl main .faq-grid>.wrap>h2{font-family:var(--font-head);color:var(--sg-ink)}
html.qd-sgl main .faq-grid>.wrap:has(>.qa-list){display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:20px 48px;align-items:start;max-width:1120px}
html.qd-sgl main .faq-grid>.wrap:has(>.qa-list)>h2{margin:8px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.1}
html.qd-sgl main .faq-grid>.wrap>.qa-list{width:auto;max-width:none;margin:0}
html.qd-sgl main .qa-list summary{padding-top:16px;padding-bottom:16px}
html.qd-sgl main .qa-list summary h3{font-size:1.02rem;line-height:1.4}

/* indice "On this page" (best): chip */
html.qd-sgl main .bp-toc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
html.qd-sgl main .bp-toc li{margin:0;padding:0}
html.qd-sgl main .bp-toc li::before{content:none}
html.qd-sgl main .bp-toc a{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;background:#fff;border:1px solid var(--sg-line);border-radius:999px;
  color:var(--sg-body);font-size:14px;text-decoration:none;transition:border-color .2s ease,color .2s ease}
html.qd-sgl main .bp-toc a:hover{border-color:rgba(75,63,214,.4);color:var(--sg-violet)}

/* ── griglie di link (.rel-grid non aveva stile: era testo in fila) ── */
html.qd-sgl main .rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:18px}
html.qd-sgl main .rel-card{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:18px 20px;background:#fff;border:1px solid var(--sg-line);
  border-radius:16px;box-shadow:0 1px 2px rgba(14,18,32,.03);color:var(--sg-ink);text-decoration:none;
  transition:border-color .2s ease,transform .25s var(--ease,ease),box-shadow .25s ease}
html.qd-sgl main .rel-card b{display:block;font-family:var(--font-head);font-size:1.02rem;font-weight:600;color:var(--sg-ink)}
html.qd-sgl main .rel-card span{display:block;font-size:.94rem;line-height:1.5;color:var(--sg-muted)}
html.qd-sgl main .rel-card:hover{border-color:rgba(75,63,214,.4);transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(47,43,156,.4)}
html.qd-sgl main .tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
html.qd-sgl main #related>.wrap>h2{font-family:var(--font-head);color:var(--sg-ink)}

/* ── banda finale del template tool: isola scura piatta, l'unica CTA della vista ── */
html.qd-sgl main .section.final .final-in{--accent:#34d399;--accent-ink:#052e20;position:relative;max-width:1080px;margin:0 auto;padding:48px 44px;border-radius:28px;
  background:radial-gradient(60% 120% at 85% 0%,rgba(109,92,255,.35),transparent 60%),radial-gradient(50% 100% at 0% 100%,rgba(37,227,194,.14),transparent 60%),var(--sg-island);color:#F3F5FB}
html.qd-sgl main .section.final .final-in :is(h2,h3){color:#F3F5FB;font-family:var(--font-head)}
html.qd-sgl main .section.final .final-in p{color:#B2BDD1}
html.qd-sgl main .section.final .final-in .final-note{color:#9AA6C2}
html.qd-sgl main .section.final .final-in a:not(.btn-cta){color:#E6EAF5}
html.qd-sgl main .section.final .final-in .btn-cta{background:#34d399;color:#052e20}
html.qd-sgl main .section.final .final-in .btn-cta:hover{background:#6ee7b7;color:#052e20}

/* ── codice: isole scure leggibili ── */
html.qd-sgl main .prose pre,html.qd-sgl main pre.tool-code,html.qd-sgl main .tool pre{background:#0B1110;color:#E5EEE9;border:1px solid #1E2A26;border-radius:16px}
html.qd-sgl main :is(pre.tool-code,.tool pre,.prose pre) code{color:inherit;background:none;border:0}
html.qd-sgl main .qd-code-block{background:#0B1110;color:#E5EEE9;border-radius:16px}
html.qd-sgl main .qd-code-block :is(.qd-code-comment){color:#9FB3A9}
html.qd-sgl main .term .term-bar span{color:#9AA6C2}
html.qd-sgl main .term-body .c-dim{color:#8FA0BA}
html.qd-sgl main .term-body{color:#E5EEE9}
html.qd-sgl main .term-body span:not([class]){color:inherit}
html.qd-sgl main .docs-code .docs-lbl{color:#9AA6C2}
html.qd-sgl main .qai-table{color:#E6EAF5}
html.qd-sgl main .qai-table .qt-row span{color:#C9D3E8}

/* ── widget dei tool: esiti leggibili su bianco (i colori pensati per il fondo scuro) ── */
html.qd-sgl main .tool-err{color:#B42318}
html.qd-sgl main .rt-miss,html.qd-sgl main .rt-row.is-warn .rt-verdict{color:#8A5A00}
html.qd-sgl main .rt-row.is-ok .rt-verdict{color:#04704F}
html.qd-sgl main .rt-row.is-no .rt-verdict{color:#B42318}
html.qd-sgl main .rt-row.is-ok{border-left-color:#12A26B}
html.qd-sgl main .rt-row.is-no{border-left-color:#E5484D}
html.qd-sgl main .rt-row.is-warn{border-left-color:#D9982B}
html.qd-sgl main .av-pill.av-good .av-pill-n,html.qd-sgl main .av-bots tr.av-pass td:nth-child(4){color:#04704F}
html.qd-sgl main :is(.av-pill.av-warn .av-pill-n,.av-fixes li.av-warn span,.av-botfetch.av-warn){color:#8A5A00}
html.qd-sgl main :is(.av-pill.av-bad .av-pill-n,.av-score-m .av-blocked,.av-fixes li.av-fail span,.av-bots tr.av-fail td:nth-child(4)){color:#B42318}
html.qd-sgl main #wf-sec .btn-ghost[style*="3DD68C"]{color:#04704F!important;border-color:rgba(4,112,79,.45)!important}
html.qd-sgl main #wf-sec .btn-ghost[style*="opacity"]{opacity:1!important;color:#5A6377!important;border-style:dashed}
html.qd-sgl main .tool-figure img{background:transparent}

/* ── card (uc) chiare ovunque: titoli e testo scuri ── */
html.qd-sgl main .uc :is(h3,h4){color:var(--sg-ink)}
html.qd-sgl main .uc p{color:var(--sg-body)}
html.qd-sgl body main :is(p.sub,p.uc-brands,p.pricing-sub,p.bp-note,.usecases .sub){color:var(--sg-muted)}
html.qd-sgl body main .step-n{background:#EEEBFF;color:#3B2FCF;border-color:rgba(85,70,232,.35)}
html.qd-sgl .nl-qai em{color:#fff}
html.qd-sgl main a.uc{text-decoration:none}

/* ── pagine qu (enterprise, web unlocker, custom datasets/monitoring): pannelli ── */
html.qd-sgl main .qe-panel{background:#fff;border:1px solid var(--sg-line);border-radius:var(--sg-r);box-shadow:var(--sg-shadow);color:var(--sg-ink)}
html.qd-sgl main .qe-panel :is(h2,h3,strong,b,dt){color:var(--sg-ink)}
html.qd-sgl main .qe-panel :is(p,li,dd,span){color:var(--sg-body)}
html.qd-sgl main .qe-panel .qe-panel-label{color:var(--sg-violet)}
html.qd-sgl main .qu-console :is(p,li,dd){color:#B2BDD1}
html.qd-sgl main .qu-console :is(h2,h3,strong,b,dt){color:#F3F5FB}

/* ── telefono: una colonna, tocchi da 44px, tabelle strette impilate ── */
@media (max-width:640px){
  html.qd-sgl .hero-outer .hero-in h1{font-size:34px}
  html.qd-sgl .hero-outer .hero-in .lead{font-size:17px}
  html.qd-sgl main .rel-grid,html.qd-sgl main .tools-grid{grid-template-columns:1fr}
  html.qd-sgl main .rel-card{padding:14px 16px}
  html.qd-sgl main .section.final .final-in{padding:32px 22px;border-radius:22px}
  html.qd-sgl main .qa-list{padding:2px 16px}
  html.qd-sgl main .faq-grid>.wrap:has(>.qa-list){grid-template-columns:1fr;gap:14px}
  html.qd-sgl main .bp-toc{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
  html.qd-sgl main .bp-toc a{white-space:nowrap;min-height:44px}
  html.qd-sgl main .qa-list summary{min-height:44px}
  html.qd-sgl main :is(.btn-cta,.btn-outline,.btn-ghost){min-height:44px}
  html.qd-sgl main .prose li a,html.qd-sgl .crumbs a{display:inline-block;min-height:24px}
  /* tabelle fino a 3 colonne: ogni riga diventa una scheda (testo e ordine identici) */
  html.qd-sgl main :is(.table-wrap,.cmp-scroll):not(:has(tr>:nth-child(4))){overflow:visible}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table):not(:has(tr>:nth-child(4))) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table):not(:has(tr>:nth-child(4))) :is(tbody,tr,td){display:block;width:auto}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table):not(:has(tr>:nth-child(4))) tr{padding:12px 16px;border-bottom:1px solid var(--sg-line)}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table):not(:has(tr>:nth-child(4))) tbody tr:last-child{border-bottom:0}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table):not(:has(tr>:nth-child(4))) td{padding:2px 0;border:0}
  /* tabelle larghe: scorrono dentro la card (mai testo schiacciato), prima colonna ferma */
  html.qd-sgl main :is(.table-wrap,.cmp-scroll,.cmp-wrap):has(tr>:nth-child(4)){overflow-x:auto;-webkit-overflow-scrolling:touch}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table,.cmp-wrap table):has(tr>:nth-child(4)){width:max-content;min-width:100%;max-width:none}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table,.cmp-wrap table):has(tr>:nth-child(4)) :is(th,td){min-width:96px;max-width:220px;white-space:normal}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table,.cmp-wrap table):has(tr>:nth-child(4)) :is(th,td):first-child{min-width:110px;max-width:140px}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table):has(tr>:nth-child(4)) :is(th,td):first-child{position:sticky;left:0;background:#fff;z-index:1}
  html.qd-sgl main :is(.tbl,.table-wrap table,.cmp-scroll table):has(tr>:nth-child(4)) thead th:first-child{background:var(--sg-soft)}
}

/* ── scena aggiunta (best, pilot): pannello con ombra morbida, come le altre illustrazioni ── */
html.qd-sgl main .section.sgl-scene{padding-top:8px;padding-bottom:24px}
html.qd-sgl main .sgl-figure{margin:0 auto;max-width:960px}
html.qd-sgl main .sgl-figure img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 30px 70px -34px rgba(47,43,156,.45)}
@media (max-width:640px){html.qd-sgl main .sgl-figure img{border-radius:18px;aspect-ratio:360/300}}

/* ── moduli nella banda scura (partner, pilot): etichette leggibili sul fondo scuro ── */
html.qd-sgl main .final-band :is(label,label span,.pf-hint,.form-note,small){color:#B2BDD1}
html.qd-sgl main .final-band :is(input,select,textarea){min-height:44px}