/* QuanticData — correttivo 03/10/2026 per product-fresh.css?v=20261002b (che resta intatto).
   product-fresh nasconde .hero-card .htile: con la tessera spariva anche il suo testo visibile
   (es. "3 engines · one schema", "google · bing · duckduckgo → structured results").
   Qui la tessera torna visibile nel linguaggio fresh: card bianca, scena su un pannello viola
   come le illustrazioni del sito (i tratti chiari originali restano leggibili), testi in chiaro. */
html.qd-fresh .hero-card .htile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
  column-gap:16px;row-gap:4px;align-items:center;max-width:none;justify-self:stretch;width:auto;margin:0;
  padding:14px 18px 14px 14px;background:#FFFFFF;border:1px solid rgba(14,18,32,.09);border-radius:20px;color:#0E1220;
  box-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16);min-height:0;overflow:hidden}
html.qd-fresh .hero-card .htile::before,html.qd-fresh .hero-card .htile::after{content:none;display:none}
html.qd-fresh .hero-card .htile :is(.pscene,.qp-scene){grid-column:1;grid-row:1 / span 2;width:112px;height:76px;margin:0;padding:6px;
  box-sizing:border-box;border-radius:14px;background:radial-gradient(130% 120% at 0% 0%,#7B69FF 0%,#5546E8 45%,#2F2B9C 100%);overflow:visible}
html.qd-fresh .hero-card .htile .tile-tag{grid-column:2;grid-row:1;align-self:end;margin:0;color:#4B3FD6;font-size:.74rem;line-height:1.35}
html.qd-fresh .hero-card .htile .tile-tag .ic{color:#4B3FD6;stroke:#4B3FD6}
html.qd-fresh .hero-card .htile .tile-sub{grid-column:2;grid-row:2;align-self:start;margin:0;color:#3A4256;font-size:.9rem;line-height:1.45;padding:0}
html.qd-fresh .hero-card .htile .tile-sub:only-of-type{grid-row:2}
/* tessere con elenco di passi (ai-web-scraping-service): la scena e' piu' larga, va a tutta riga */
html.qd-fresh .hero-card .htile:has(.qp-scene){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
html.qd-fresh .hero-card .htile .qp-scene{grid-column:1;grid-row:2;width:100%;height:auto;min-height:96px;padding:10px}
html.qd-fresh .hero-card .htile:has(.qp-scene) .tile-tag{grid-column:1;grid-row:1}
html.qd-fresh .hero-card .htile:has(.qp-scene) .tile-sub{grid-column:1;grid-row:3}
@media (max-width:640px){
  html.qd-fresh .hero-card .htile{column-gap:12px;padding:12px 14px 12px 12px}
  html.qd-fresh .hero-card .htile :is(.pscene){width:92px;height:64px}
  html.qd-fresh .hero-card .htile .tile-sub{font-size:.875rem}
}
/* la scena della tessera nel suo stato finale (niente animazione da fermo) */
html.qd-fresh .hero-card .htile :is(.pscene,.qp-scene) *{animation:none!important}
html.qd-fresh .hero-card .htile .eng{transform:none}
/* stessa isola dell'hero: barra del terminale, commenti e badge leggibili (>= 4.5:1) */
html.qd-fresh .hero-card .term .term-bar span{color:#9AA6C2}
html.qd-fresh .hero-card .term-body .c-dim{color:#8FA0BA}
html.qd-fresh .hero-card .hero-badge{color:#3A4256;background:#fff;border:1px solid rgba(14,18,32,.09)}