/* QuanticData — design "fresh" delle pagine prodotto (prototipo 02/10/2026, pagina pilota /serp-api/).
   Attivo solo con <html class="qd-light qd-fresh">. Stesso linguaggio delle scene e della home .it:
   fondo chiaro con luce soffusa, card bianche morbide, Sora sui titoli, un solo teal = la CTA.
   Nessun testo cambia: solo aspetto. Isole scure volute: terminale/codice e banda finale. */

html.qd-fresh{--bg:#F6F7FB;--fr-ink:#0E1220;--fr-body:#3A4256;--fr-muted:#5A6377;--fr-line:rgba(14,18,32,.09);
  --fr-violet:#4B3FD6;--fr-violet-soft:#EEEBFF;--fr-card:#FFFFFF;--fr-r:20px;--fr-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16)}
html.qd-fresh body{background:var(--bg);color:var(--fr-ink)}
html.qd-fresh body::before,html.qd-fresh body::after{display:none}

/* luce soffusa in alto, ferma (nessun loop) */
html.qd-fresh main{position:relative;isolation:isolate}
html.qd-fresh main::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-80px;height:760px;pointer-events:none;
  background:radial-gradient(38% 46% at 72% 18%,rgba(191,239,230,.75),transparent 70%),
             radial-gradient(34% 40% at 18% 52%,rgba(220,235,255,.85),transparent 70%),
             radial-gradient(30% 36% at 92% 60%,rgba(217,211,255,.6),transparent 70%)}

/* titoli e testo */
html.qd-fresh main :is(h1,h2,h3){font-family:var(--font-head);color:var(--fr-ink);letter-spacing:-.02em}
html.qd-fresh main h2{font-weight:600}
html.qd-fresh main p,html.qd-fresh main li{color:var(--fr-body)}
html.qd-fresh main .eyebrow,html.qd-fresh main .kicker{color:var(--fr-violet)}

/* sezioni meno distanti */
html.qd-fresh main .section{padding-top:64px;padding-bottom:64px}
html.qd-fresh main .section.tool-figure-section{padding-top:8px;padding-bottom:24px}
html.qd-fresh main .section.facts-wrap{padding-top:16px;padding-bottom:32px}

/* HERO chiaro */
html.qd-fresh .hero-outer{padding-top:28px}
html.qd-fresh .hero-card,html.qd-fresh .hero-card.pp-hero{background:transparent;border:0;box-shadow:none;color:var(--fr-ink);padding-left:0;padding-right:0}
html.qd-fresh .hero-card::before,html.qd-fresh .hero-card::after{display:none}
html.qd-fresh .hero-card h1{color:var(--fr-ink);font-size:clamp(40px,4.6vw,60px);line-height:1.04;letter-spacing:-.03em}
html.qd-fresh .hero-card .lead{color:var(--fr-body);font-size:18.5px;line-height:1.6}
html.qd-fresh .hero-card :is(.trust,.tool-byline,.crumbs){color:var(--fr-muted)}
html.qd-fresh .hero-card .crumbs :is(a,em){color:var(--fr-muted)}
html.qd-fresh .hero-card .crumbs em{color:var(--fr-ink)}
html.qd-fresh .hero-card .tool-byline a{color:var(--fr-ink)}
html.qd-fresh .hero-card .btn-outline{color:var(--fr-ink);background:#fff;border:1px solid rgba(14,18,32,.18)}
html.qd-fresh .hero-card .btn-outline:hover{border-color:rgba(14,18,32,.4);background:#fff}
html.qd-fresh .hero-card .htile{display:none}
html.qd-fresh .hero-card .term{border-radius:20px;border:1px solid rgba(14,18,32,.08);
  box-shadow:0 1px 2px rgba(14,18,32,.06),0 30px 70px -28px rgba(47,43,156,.45);overflow:hidden}

/* illustrazioni: card del pannello con ombra morbida */
html.qd-fresh .tool-figure img{border-radius:24px;border:0;background:transparent;box-shadow:0 30px 70px -34px rgba(47,43,156,.45)}
html.qd-fresh .tool-figure figcaption{color:var(--fr-muted);text-align:center}

/* card bianche: numeri, unità di prezzo, piani, casi d'uso, riquadri laterali */
html.qd-fresh body :is(.facts>.fact,.fact,.unit,.uc,.pick,.side-card,.callout,.split .card,.code-card){border-radius:var(--fr-r)}
html.qd-fresh body :is(.facts>.fact,.fact,.unit,.uc,.pick){background:var(--fr-card);border:1px solid var(--fr-line);box-shadow:var(--fr-shadow);color:var(--fr-ink)}
html.qd-fresh body .fact strong{font-family:var(--font-head);font-size:1.25rem;color:var(--fr-ink)}
html.qd-fresh body .fact span{color:var(--fr-muted)}
html.qd-fresh .unit{transition:transform .25s var(--ease),box-shadow .25s ease}
html.qd-fresh .unit:hover,html.qd-fresh .uc:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(14,18,32,.04),0 22px 44px -24px rgba(14,18,32,.22)}
html.qd-fresh .unit :is(b,strong,.u-num,.num){font-family:var(--font-head);color:var(--fr-ink)}

/* piani */
html.qd-fresh .tiers .tier{background:var(--fr-card);border:1px solid var(--fr-line);border-radius:var(--fr-r);box-shadow:var(--fr-shadow)}
html.qd-fresh .tiers .tier.featured{border:1.5px solid rgba(75,63,214,.55);box-shadow:0 0 0 4px rgba(109,92,255,.10),0 24px 50px -26px rgba(47,43,156,.4)}
html.qd-fresh .tiers .tier .price{font-family:var(--font-head);color:var(--fr-ink)}
html.qd-fresh .tiers .tier ul{color:var(--fr-body)}

/* chip (verticali, piattaforme, campi) */
html.qd-fresh main :is(.chip,.pill,.chips a,.chips span,.tags span,.tag){background:#fff;border:1px solid var(--fr-line);color:var(--fr-body);border-radius:999px}

/* riquadri a destra delle sezioni "split": vetro chiaro */
html.qd-fresh .split :is(.aside,.panel,.card,.box,.side){background:linear-gradient(180deg,#FFFFFF,#F7F6FF);border:1px solid rgba(85,70,232,.14);border-radius:var(--fr-r);box-shadow:var(--fr-shadow)}

/* codice: isola scura curata */
html.qd-fresh .code-card{border-radius:20px;box-shadow:0 1px 2px rgba(14,18,32,.06),0 30px 70px -30px rgba(14,18,32,.45)}

/* tabella di confronto */
html.qd-fresh .compare table{background:#fff;border:1px solid var(--fr-line);border-radius:var(--fr-r);overflow:hidden;box-shadow:var(--fr-shadow);border-collapse:separate;border-spacing:0}
html.qd-fresh .compare :is(th,td){border-color:var(--fr-line)}
html.qd-fresh .compare thead th{background:#F7F6FF;color:var(--fr-ink)}

/* FAQ in card */
html.qd-fresh .faq-list{background:#fff;border:1px solid var(--fr-line);border-radius:var(--fr-r);box-shadow:var(--fr-shadow);padding:6px 22px}
html.qd-fresh .faq-list details:last-child{border-bottom:0}

/* banda finale: scura e piatta (la CTA teal ha bisogno del fondo pieno) */
html.qd-fresh .final-band{border-radius:28px;border:0;
  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%),#0B1020}

@media (max-width:720px){
  html.qd-fresh main .section{padding-top:44px;padding-bottom:44px}
  html.qd-fresh .hero-card .lead{font-size:17px}
}
html.qd-fresh main .final-band :is(h1,h2,h3){color:#F3F5FB}
html.qd-fresh main .final-band p{color:#B2BDD1}
html.qd-fresh .hero-card .term-body{overflow-x:auto}

/* ── resto della pagina ── */
/* elenchi di collector (ul.link-grid non aveva nessuno stile nel sito): griglia di card con freccia */
html.qd-fresh section:has(> .wrap > .link-grid){padding-top:28px;padding-bottom:28px}
html.qd-fresh section:has(> .wrap > .link-grid) h2{font-size:clamp(22px,2.2vw,28px);margin:0 0 6px}
html.qd-fresh section:has(> .wrap > .link-grid) .wrap > p{color:var(--fr-muted);font-size:15px;max-width:72ch;margin:0}
html.qd-fresh .link-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
html.qd-fresh .link-grid li{margin:0;padding:0}
html.qd-fresh .link-grid li::before{content:none}
html.qd-fresh .link-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:12px 16px;
  background:#fff;border:1px solid var(--fr-line);border-radius:14px;color:var(--fr-ink);text-decoration:none;font-size:15px;font-weight:500;
  box-shadow:0 1px 2px rgba(14,18,32,.03);transition:border-color .2s ease,transform .25s var(--ease),box-shadow .25s ease}
html.qd-fresh .link-grid a::after{content:"→";color:var(--fr-violet);font-weight:600;transition:transform .25s var(--ease)}
html.qd-fresh .link-grid a:hover{border-color:rgba(75,63,214,.4);transform:translateY(-2px);box-shadow:0 12px 26px -18px rgba(47,43,156,.4)}
html.qd-fresh .link-grid a:hover::after{transform:translateX(3px)}
/* il primo blocco di elenchi stacca dal resto con una riga */
html.qd-fresh section:not(:has(> .wrap > .link-grid)) + section:has(> .wrap > .link-grid){border-top:1px solid var(--fr-line);margin-top:24px;padding-top:44px}

/* note di una riga tra le sezioni: meno vuoto attorno */
html.qd-fresh main .section:has(> .wrap > p:only-child){padding-top:8px;padding-bottom:8px}

/* chip "Also on the platform" / "Ready-made collectors" */
html.qd-fresh .related{gap:8px}
html.qd-fresh .related > span{color:var(--fr-muted)}
html.qd-fresh .related a{background:#fff;border:1px solid var(--fr-line);border-radius:999px;color:var(--fr-body);transition:border-color .2s ease,color .2s ease}
html.qd-fresh .related a:hover{border-color:rgba(75,63,214,.4);color:var(--fr-violet)}

/* fonti: riquadro bianco */
html.qd-fresh #sources ul,html.qd-fresh .sources ul{background:#fff;border:1px solid var(--fr-line);border-radius:var(--fr-r);padding:18px 22px 18px 38px;box-shadow:var(--fr-shadow)}

/* card del blog in fondo */
html.qd-fresh :is(.blog-links,.from-blog,.related-posts) a{background:#fff;border:1px solid var(--fr-line);border-radius:14px;color:var(--fr-ink)}

/* blocchi di codice dentro i paragrafi (Web Scraper API): testo chiaro sul fondo scuro */
html.qd-fresh .qd-code-block{color:#C9D3E8}
html.qd-fresh .qd-code-block :is(pre,code){color:inherit}
html.qd-fresh .qd-code-toolbar{color:#B8C9C1}
html.qd-fresh main section:has(> nav.related),html.qd-fresh main section:has(> .wrap > nav.related:only-child){padding-top:14px;padding-bottom:14px}