/*
Theme Name: QuerciaCloud
Theme URI: https://quercia.cloud
Author: Superest S.r.l.
Author URI: https://quercia.cloud
Description: Tema one-page multilingua (IT/EN/ES/PL) con calcolatore di prezzo per QuerciaCloud, il gestionale del verde. Tutti i testi e le immagini si modificano dalla bacheca di WordPress, dal menu QuerciaCloud > Contenuti del sito. Include funzionalita, galleria dei moduli, prezzi, onboarding, FAQ, prenotazione demo e le pagine Privacy e Termini (in italiano).
Version: 3.19
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: querciacloud
*/

/* ============================================================
   QuerciaCloud - landing page (file unico per WordPress)
   Tutto lo stile è "scoped" sotto #qc-site per non entrare in
   conflitto con il tema/altri CSS di WordPress.
   ============================================================ */
#qc-site{
  --qc-background:#F5F6F1;--qc-surface:#FCFCFA;--qc-surface-light:#ECEEE6;
  --qc-primary:#2E6B45;--qc-primary-light:#43855A;--qc-primary-dark:#1F5233;
  --qc-on-primary:#FFFFFF;--qc-accent:#8F6128;--qc-on-accent:#FFFFFF;
  --qc-text-primary:#1A1E1A;--qc-text-secondary:#4C5650;--qc-text-tertiary:#636C65;
  --qc-border:#DBDED4;--qc-divider:#E7E9E1;
  --qc-status-yellow:#FFC107;--qc-status-orange:#FF9800;--qc-status-purple:#CE93D8;
  --qc-status-red:#EF5350;--qc-status-lime:#C5E1A5;--qc-status-cyan:#80DEEA;--qc-success:#66BB6A;
  --qc-r-input:8px;--qc-r-card:16px;--qc-r-sheet:20px;
  --qc-sh-sm:0 1px 4px rgba(0,0,0,.08);--qc-sh-md:0 2px 8px rgba(0,0,0,.12);--qc-sh-lg:0 4px 16px rgba(0,0,0,.16);
  --qc-ease-fast:cubic-bezier(.215,.61,.355,1);--qc-ease-standard:cubic-bezier(.645,.045,.355,1);
  --qc-maxw:1180px;
  font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45;
  color:var(--qc-text-primary);background:var(--qc-background);
  -webkit-font-smoothing:antialiased;
}
#qc-site *,#qc-site *::before,#qc-site *::after{box-sizing:border-box;}
#qc-site img{max-width:100%;display:block;}
#qc-site a{color:var(--qc-primary);text-decoration:none;}
#qc-site a:hover{color:var(--qc-primary-light);}
#qc-site h1,#qc-site h2,#qc-site h3,#qc-site h4{
  font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:800;color:var(--qc-text-primary);
  margin:0 0 .5em;letter-spacing:-0.3px;line-height:1.14;}
#qc-site h1{font-size:clamp(2rem,5vw,3.1rem);}
#qc-site h2{font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:700;}
#qc-site h3{font-size:1.25rem;font-weight:700;letter-spacing:-0.1px;}
#qc-site p{margin:0 0 1rem;color:var(--qc-text-secondary);}
#qc-site .qc-container{width:100%;max-width:var(--qc-maxw);margin:0 auto;padding:0 24px;}
#qc-site .qc-section{padding:84px 0;}
#qc-site .qc-section--tight{padding:56px 0;}
#qc-site .qc-eyebrow{display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--qc-primary);margin-bottom:14px;}
#qc-site .qc-lead{font-size:1.15rem;color:var(--qc-text-secondary);max-width:640px;}
#qc-site .qc-center{text-align:center;}
#qc-site .qc-center .qc-lead{margin-left:auto;margin-right:auto;}
/* header */
#qc-site .qc-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--qc-background) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--qc-divider);}
#qc-site .qc-nav{display:flex;align-items:center;gap:28px;height:68px;}
#qc-site .qc-brand{display:flex;align-items:center;gap:10px;font-weight:700;}
#qc-site .qc-brand > svg{display:block;}
#qc-site .qc-brand__word{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.28rem;letter-spacing:-0.4px;color:var(--qc-text-primary);}
#qc-site .qc-brand__word b{color:var(--qc-primary);font-weight:800;}
#qc-site .qc-nav__links{display:flex;align-items:center;gap:4px;margin-left:auto;}
#qc-site .qc-nav__links a{padding:8px 14px;border-radius:10px;color:var(--qc-text-secondary);font-weight:500;font-size:.95rem;transition:background .18s var(--qc-ease-fast),color .18s var(--qc-ease-fast);}
#qc-site .qc-nav__links a:hover{background:color-mix(in srgb,var(--qc-primary) 8%,transparent);color:var(--qc-text-primary);}
#qc-site .qc-nav__cta{display:flex;align-items:center;gap:10px;}
#qc-site .qc-iconbtn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--qc-primary) 10%,transparent);border:1.2px solid color-mix(in srgb,var(--qc-primary) 35%,transparent);color:var(--qc-primary);cursor:pointer;transition:transform .1s ease-in,background .18s var(--qc-ease-fast);}
#qc-site .qc-iconbtn:hover{background:color-mix(in srgb,var(--qc-primary) 18%,transparent);}
#qc-site .qc-iconbtn:active{transform:scale(.88);}
#qc-site .qc-burger{display:none;}
/* buttons */
#qc-site .qc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:var(--qc-r-card);font-family:'Inter',sans-serif;font-weight:600;font-size:1rem;cursor:pointer;border:none;text-align:center;white-space:nowrap;transition:transform .1s ease-in,box-shadow .28s var(--qc-ease-standard),filter .18s var(--qc-ease-fast);}
#qc-site .qc-btn:active{transform:scale(.97);}
#qc-site .qc-btn--primary{color:var(--qc-on-primary);background:linear-gradient(135deg,var(--qc-primary-light),var(--qc-primary-dark));box-shadow:var(--qc-sh-sm);}
#qc-site .qc-btn--primary:hover{filter:brightness(1.05);box-shadow:var(--qc-sh-md);color:var(--qc-on-primary);}
#qc-site .qc-btn--lg{height:56px;padding:0 30px;font-size:1.05rem;}
#qc-site .qc-btn--outline{background:color-mix(in srgb,var(--qc-primary) 6%,transparent);color:var(--qc-primary);border:1.4px solid color-mix(in srgb,var(--qc-primary) 40%,transparent);}
#qc-site .qc-btn--outline:hover{background:color-mix(in srgb,var(--qc-primary) 12%,transparent);color:var(--qc-primary);}
#qc-site .qc-btn--block{width:100%;}
/* cards */
#qc-site .qc-card{background:var(--qc-surface-light);border:1px solid var(--qc-border);border-radius:var(--qc-r-card);padding:26px;transition:border-color .28s var(--qc-ease-standard),box-shadow .28s var(--qc-ease-standard);}
#qc-site .qc-card:hover{border-color:color-mix(in srgb,var(--qc-primary) 28%,transparent);box-shadow:0 6px 22px color-mix(in srgb,var(--qc-primary) 10%,transparent);}
#qc-site .qc-card__icon{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--qc-primary) 12%,transparent);color:var(--qc-primary);margin-bottom:16px;font-weight:800;}
#qc-site .qc-card__icon svg{width:24px;height:24px;}
#qc-site .qc-card h3{margin-bottom:8px;}
#qc-site .qc-card p{margin-bottom:0;font-size:.96rem;}
#qc-site .qc-grid{display:grid;gap:20px;}
#qc-site .qc-grid--2{grid-template-columns:repeat(2,1fr);}
#qc-site .qc-grid--3{grid-template-columns:repeat(3,1fr);}
#qc-site .qc-grid--4{grid-template-columns:repeat(4,1fr);}
/* chips */
#qc-site .qc-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.8125rem;font-weight:600;letter-spacing:.3px;background:color-mix(in srgb,var(--qc-primary) 12%,transparent);color:var(--qc-primary);}
#qc-site .qc-chip--accent{background:color-mix(in srgb,var(--qc-accent) 14%,transparent);color:var(--qc-accent);}
#qc-site .qc-status-row{display:flex;flex-wrap:wrap;gap:8px;}
#qc-site .qc-status{padding:5px 12px;border-radius:999px;font-size:.8125rem;font-weight:600;color:rgba(0,0,0,.87);}
#qc-site .st-yellow{background:var(--qc-status-yellow);}
#qc-site .st-orange{background:var(--qc-status-orange);color:#fff;}
#qc-site .st-purple{background:var(--qc-status-purple);}
#qc-site .st-red{background:var(--qc-status-red);color:#fff;}
#qc-site .st-lime{background:var(--qc-status-lime);}
#qc-site .st-cyan{background:var(--qc-status-cyan);}
#qc-site .st-green{background:var(--qc-primary);color:var(--qc-on-primary);}
/* hero */
#qc-site .qc-hero{position:relative;overflow:hidden;padding:72px 0 40px;}
#qc-site .qc-hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;}
#qc-site .qc-hero h1{margin-bottom:20px;}
#qc-site .qc-hero h1 .g{color:var(--qc-primary);}
#qc-site .qc-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}
#qc-site .qc-hero__meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;color:var(--qc-text-tertiary);font-size:.9rem;}
#qc-site .qc-hero__meta span{display:inline-flex;align-items:center;gap:7px;}
#qc-site .qc-hero__shot{border-radius:var(--qc-r-card);overflow:hidden;border:1px solid var(--qc-border);box-shadow:var(--qc-sh-lg);}
#qc-site .qc-rings-bg{position:absolute;pointer-events:none;opacity:.1;z-index:0;top:-160px;right:-160px;width:620px;height:620px;}
#qc-site .qc-hero__grid>*{position:relative;z-index:1;}
/* feature rows */
#qc-site .qc-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
#qc-site .qc-feature+.qc-feature{margin-top:72px;}
#qc-site .qc-feature--rev .qc-feature__media{order:2;}
#qc-site .qc-feature__media img{border-radius:var(--qc-r-card);border:1px solid var(--qc-border);box-shadow:var(--qc-sh-md);}
#qc-site .qc-feature ul{list-style:none;padding:0;margin:18px 0 0;}
#qc-site .qc-feature li{position:relative;padding-left:28px;margin-bottom:12px;color:var(--qc-text-secondary);}
#qc-site .qc-feature li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--qc-primary) 18%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232E6B45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat;}
/* cta */
#qc-site .qc-cta{position:relative;overflow:hidden;border-radius:var(--qc-r-sheet);background:linear-gradient(135deg,var(--qc-primary-dark),var(--qc-primary));color:#fff;padding:56px 40px;text-align:center;}
#qc-site .qc-cta h2{color:#fff;}
#qc-site .qc-cta p{color:rgba(255,255,255,.88);max-width:560px;margin:0 auto 26px;}
#qc-site .qc-cta .qc-btn--primary{background:#fff;color:var(--qc-primary-dark);}
#qc-site .qc-cta .qc-btn--primary:hover{color:var(--qc-primary-dark);}
#qc-site .qc-cta .qc-btn--outline{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.08);}
#qc-site .qc-cta .qc-btn--outline:hover{background:rgba(255,255,255,.16);color:#fff;}
#qc-site .qc-cta__rings{position:absolute;inset:0;opacity:.16;pointer-events:none;}
#qc-site .qc-cta>*{position:relative;z-index:1;}
/* forms */
#qc-site .qc-form{display:grid;gap:18px;}
#qc-site .qc-field{display:flex;flex-direction:column;gap:7px;}
#qc-site .qc-field label{font-size:.9rem;font-weight:600;color:var(--qc-text-primary);}
#qc-site .qc-field .req{color:var(--qc-primary);}
#qc-site .qc-input,#qc-site .qc-select,#qc-site .qc-textarea{width:100%;font-family:inherit;font-size:1rem;color:var(--qc-text-primary);background:var(--qc-surface-light);border:1px solid var(--qc-border);border-radius:var(--qc-r-input);padding:12px 14px;transition:border-color .18s var(--qc-ease-fast),box-shadow .18s var(--qc-ease-fast);}
#qc-site .qc-input:focus,#qc-site .qc-select:focus,#qc-site .qc-textarea:focus{outline:none;border-color:var(--qc-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--qc-primary) 18%,transparent);}
#qc-site .qc-textarea{min-height:110px;resize:vertical;}
#qc-site .qc-field__hint{font-size:.82rem;color:var(--qc-text-tertiary);}
#qc-site .qc-form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
#qc-site .qc-check{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--qc-text-secondary);}
#qc-site .qc-check input{margin-top:3px;width:17px;height:17px;accent-color:var(--qc-primary);}
#qc-site .qc-form__note{background:color-mix(in srgb,var(--qc-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--qc-accent) 30%,transparent);border-radius:var(--qc-r-input);padding:12px 14px;font-size:.88rem;color:var(--qc-text-secondary);}
#qc-site .qc-form__ok{display:none;text-align:center;padding:20px;background:color-mix(in srgb,var(--qc-success) 14%,transparent);border:1px solid color-mix(in srgb,var(--qc-success) 40%,transparent);border-radius:var(--qc-r-card);color:var(--qc-text-primary);}
/* split */
#qc-site .qc-split{display:grid;grid-template-columns:1fr 1fr;gap:0;}
#qc-site .qc-split__brand{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--qc-primary-dark),var(--qc-primary));color:#fff;padding:56px 44px;display:flex;flex-direction:column;justify-content:center;border-radius:var(--qc-r-sheet) 0 0 var(--qc-r-sheet);}
#qc-site .qc-split__brand h2{color:#fff;}
#qc-site .qc-split__brand p{color:rgba(255,255,255,.9);}
#qc-site .qc-split__brand .qc-rings{position:absolute;inset:0;opacity:.18;pointer-events:none;}
#qc-site .qc-split__brand ul{list-style:none;padding:0;margin:22px 0 0;position:relative;z-index:1;}
#qc-site .qc-split__brand li{padding-left:26px;position:relative;margin-bottom:12px;color:rgba(255,255,255,.92);}
#qc-site .qc-split__brand li::before{content:"✓";position:absolute;left:0;color:var(--qc-accent);font-weight:700;}
#qc-site .qc-split__brand>*:not(.qc-rings){position:relative;z-index:1;}
#qc-site .qc-split__form{background:var(--qc-surface);border:1px solid var(--qc-border);border-left:none;border-radius:0 var(--qc-r-sheet) var(--qc-r-sheet) 0;padding:44px;}
/* stats */
#qc-site .qc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
#qc-site .qc-stat b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2.2rem;color:var(--qc-primary);line-height:1;}
#qc-site .qc-stat span{font-size:.9rem;color:var(--qc-text-tertiary);}
/* pricing */
#qc-site .qc-price-card{background:var(--qc-surface);border:1px solid var(--qc-border);border-radius:var(--qc-r-card);padding:30px;display:flex;flex-direction:column;}
#qc-site .qc-price-card--feat{border-color:color-mix(in srgb,var(--qc-primary) 45%,transparent);box-shadow:var(--qc-sh-md);position:relative;}
#qc-site .qc-price-card h3{margin-bottom:4px;}
#qc-site .qc-price-card .price{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2rem;color:var(--qc-text-primary);margin:12px 0 4px;}
#qc-site .qc-price-card .price small{font-size:.95rem;font-weight:500;color:var(--qc-text-tertiary);font-family:'Inter';}
#qc-site .qc-price-card ul{list-style:none;padding:0;margin:16px 0 24px;flex:1;}
#qc-site .qc-price-card li{padding-left:26px;position:relative;margin-bottom:10px;font-size:.94rem;color:var(--qc-text-secondary);}
#qc-site .qc-price-card li::before{content:"✓";position:absolute;left:0;color:var(--qc-primary);font-weight:700;}
/* footer */
#qc-site .qc-footer{background:var(--qc-surface);border-top:1px solid var(--qc-divider);padding:56px 0 28px;}
#qc-site .qc-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;}
#qc-site .qc-footer h4{font-family:'Inter';font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--qc-text-tertiary);margin-bottom:14px;font-weight:600;}
#qc-site .qc-footer ul{list-style:none;padding:0;margin:0;}
#qc-site .qc-footer li{margin-bottom:9px;}
#qc-site .qc-footer a{color:var(--qc-text-secondary);font-size:.93rem;}
#qc-site .qc-footer a:hover{color:var(--qc-primary);}
#qc-site .qc-footer__brand p{font-size:.92rem;max-width:300px;}
#qc-site .qc-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--qc-divider);font-size:.85rem;color:var(--qc-text-tertiary);}
/* reveal */
#qc-site .qc-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease-out,transform .5s ease-out;}
#qc-site .qc-reveal.is-in{opacity:1;transform:none;}
/* responsive */
@media (max-width:900px){
  #qc-site .qc-hero__grid,#qc-site .qc-feature,#qc-site .qc-split{grid-template-columns:1fr;}
  #qc-site .qc-feature--rev .qc-feature__media{order:0;}
  #qc-site .qc-grid--3,#qc-site .qc-grid--4{grid-template-columns:repeat(2,1fr);}
  #qc-site .qc-stats{grid-template-columns:repeat(2,1fr);gap:30px;}
  #qc-site .qc-footer__grid{grid-template-columns:1fr 1fr;}
  #qc-site .qc-split__brand{border-radius:var(--qc-r-sheet) var(--qc-r-sheet) 0 0;}
  #qc-site .qc-split__form{border-left:1px solid var(--qc-border);border-top:none;border-radius:0 0 var(--qc-r-sheet) var(--qc-r-sheet);}
  #qc-site .qc-nav__links{position:fixed;inset:68px 0 auto 0;flex-direction:column;align-items:stretch;gap:2px;background:var(--qc-surface);border-bottom:1px solid var(--qc-divider);padding:12px 16px;box-shadow:var(--qc-sh-md);transform:translateY(-120%);transition:transform .28s var(--qc-ease-standard);z-index:40;}
  #qc-site .qc-nav__links.is-open{transform:none;}
  #qc-site .qc-nav__links a{padding:12px 14px;}
  #qc-site .qc-burger{display:inline-flex;}
  #qc-site .qc-nav__cta .qc-btn--outline{display:none;}
}
@media (max-width:560px){
  #qc-site .qc-grid--3,#qc-site .qc-grid--4,#qc-site .qc-grid--2,#qc-site .qc-form__row{grid-template-columns:1fr;}
  #qc-site .qc-section{padding:60px 0;}
  #qc-site .qc-cta{padding:40px 22px;}
  #qc-site .qc-split__form,#qc-site .qc-split__brand{padding:32px 24px;}
}
/* Pricing: toggle mensile/annuale */
#qc-site .qc-toggle{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--qc-surface-light);border:1px solid var(--qc-border);margin:24px auto 0;}
#qc-site .qc-toggle__btn{border:none;background:transparent;cursor:pointer;font-family:'Inter',sans-serif;font-weight:600;font-size:.95rem;color:var(--qc-text-secondary);padding:9px 20px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:background .2s var(--qc-ease-fast),color .2s var(--qc-ease-fast);}
#qc-site .qc-toggle__btn.is-on{background:var(--qc-primary);color:var(--qc-on-primary);box-shadow:var(--qc-sh-sm);}
#qc-site .qc-toggle__save{font-size:.76rem;font-weight:700;color:var(--qc-accent);background:color-mix(in srgb,var(--qc-accent) 16%,transparent);padding:2px 7px;border-radius:999px;}
#qc-site .qc-toggle__btn.is-on .qc-toggle__save{color:#fff;background:rgba(255,255,255,.24);}
#qc-site .qc-pricing .qc-price-a,#qc-site .qc-pricing .qc-note-a{display:none;}
#qc-site .qc-pricing.is-annual .qc-price-m,#qc-site .qc-pricing.is-annual .qc-note-m{display:none;}
#qc-site .qc-pricing.is-annual .qc-price-a{display:inline;}
#qc-site .qc-pricing.is-annual .qc-note-a{display:inline;}
#qc-site .qc-billing-note{font-size:.82rem;color:var(--qc-text-tertiary);margin:-4px 0 14px;}
/* FAQ accordion */
#qc-site .qc-faq__item{background:var(--qc-surface-light);border:1px solid var(--qc-border);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:border-color .2s var(--qc-ease-fast);}
#qc-site .qc-faq__item[open]{border-color:color-mix(in srgb,var(--qc-primary) 32%,transparent);}
#qc-site .qc-faq__item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:1.02rem;color:var(--qc-text-primary);display:flex;align-items:center;justify-content:space-between;gap:16px;}
#qc-site .qc-faq__item summary::-webkit-details-marker{display:none;}
#qc-site .qc-faq__item summary::after{content:"+";font-size:1.5rem;color:var(--qc-primary);font-weight:400;line-height:1;flex:0 0 auto;transition:transform .2s var(--qc-ease-fast);}
#qc-site .qc-faq__item[open] summary::after{transform:rotate(45deg);}
#qc-site .qc-faq__a{padding:0 22px 20px;}
#qc-site .qc-faq__a p{margin:0;color:var(--qc-text-secondary);line-height:1.6;}
/* ===================== ANIMAZIONI & EFFETTI ===================== */
/* barra di avanzamento scroll */
#qc-site .qc-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,var(--qc-primary),var(--qc-accent));box-shadow:0 0 8px color-mix(in srgb,var(--qc-primary) 50%,transparent);transition:width .12s linear;}
/* header: si alza allo scroll */
#qc-site .qc-header{transition:box-shadow .3s ease,background .3s ease;}
#qc-site .qc-header.is-scrolled{box-shadow:0 8px 30px color-mix(in srgb,var(--qc-primary) 12%,transparent);background:color-mix(in srgb,var(--qc-background) 92%,transparent);}
/* link nav: sottolineatura animata */
#qc-site .qc-nav__links a{position:relative;}
#qc-site .qc-nav__links a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:var(--qc-primary);transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--qc-ease-standard);}
#qc-site .qc-nav__links a:hover::after,#qc-site .qc-nav__links a.is-active::after{transform:scaleX(1);}
#qc-site .qc-nav__links a:hover{background:transparent;}
/* logo: anelli che ruotano al passaggio */
/* card: sollevamento */
#qc-site .qc-card{will-change:transform;}
#qc-site .qc-card:hover{transform:translateY(-6px);}
/* immagini feature: zoom morbido */
#qc-site .qc-feature__media{overflow:hidden;border-radius:var(--qc-r-card);}
#qc-site .qc-feature__media img{transition:transform .6s var(--qc-ease-standard);}
#qc-site .qc-feature__media:hover img{transform:scale(1.035);}
/* bottone primario: micro-lift */
#qc-site .qc-btn--primary{transition:transform .12s ease,box-shadow .28s var(--qc-ease-standard),filter .18s var(--qc-ease-fast);}
#qc-site .qc-btn--primary:hover{transform:translateY(-2px);}
/* reveal on scroll (migliorato) */
#qc-site .qc-reveal{opacity:0;transform:translateY(26px);transition:opacity .6s var(--qc-ease-standard),transform .6s var(--qc-ease-standard);}
#qc-site .qc-reveal.is-in{opacity:1;transform:none;}
/* stagger: figli delle griglie a cascata */
#qc-site .qc-reveal.qc-stagger{opacity:1;transform:none;transition:none;}
#qc-site .qc-reveal.qc-stagger > *{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .55s var(--qc-ease-standard),transform .55s var(--qc-ease-standard);}
#qc-site .qc-reveal.qc-stagger.is-in > *{opacity:1;transform:none;}
#qc-site .qc-reveal.qc-stagger.is-in > *:nth-child(1){transition-delay:.05s}
#qc-site .qc-reveal.qc-stagger.is-in > *:nth-child(2){transition-delay:.12s}
#qc-site .qc-reveal.qc-stagger.is-in > *:nth-child(3){transition-delay:.19s}
#qc-site .qc-reveal.qc-stagger.is-in > *:nth-child(4){transition-delay:.26s}
#qc-site .qc-reveal.qc-stagger.is-in > *:nth-child(5){transition-delay:.33s}
#qc-site .qc-reveal.qc-stagger.is-in > *:nth-child(6){transition-delay:.40s}
#qc-site .qc-reveal.qc-stagger.is-in > *:nth-child(7){transition-delay:.47s}
#qc-site .qc-reveal.qc-stagger.is-in > *:nth-child(8){transition-delay:.54s}
/* hero: entrata a cascata */
#qc-site .qc-hero__grid > div:first-child > *{animation:qcRise .75s var(--qc-ease-standard) both;}
#qc-site .qc-hero__grid > div:first-child > *:nth-child(1){animation-delay:.05s}
#qc-site .qc-hero__grid > div:first-child > *:nth-child(2){animation-delay:.14s}
#qc-site .qc-hero__grid > div:first-child > *:nth-child(3){animation-delay:.23s}
#qc-site .qc-hero__grid > div:first-child > *:nth-child(4){animation-delay:.32s}
#qc-site .qc-hero__grid > div:first-child > *:nth-child(5){animation-delay:.41s}
#qc-site .qc-hero__shot{animation:qcPop .95s var(--qc-ease-emph) both .18s;}
@keyframes qcRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes qcPop{from{opacity:0;transform:translateY(34px) scale(.95)}to{opacity:1;transform:none}}
/* anelli di crescita: rotazione lentissima */
#qc-site .qc-rings-bg,#qc-site .qc-cta__rings,#qc-site .qc-split__brand .qc-rings{animation:qcSpin 90s linear infinite;}
@keyframes qcSpin{to{transform:rotate(360deg)}}
#qc-site .qc-cta__rings{transform-origin:70% 40%;}
/* CTA: gradiente animato */
#qc-site .qc-cta{background-size:200% 200%;animation:qcGrad 14s ease infinite;}
@keyframes qcGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* draw-in degli anelli (impostato via JS) */
#qc-site [data-growth-rings] path{will-change:stroke-dashoffset;}
/* chip del settore: piccolo rimbalzo al hover */
#qc-site .qc-status{transition:transform .18s var(--qc-ease-fast);}
#qc-site .qc-status:hover{transform:translateY(-2px) scale(1.04);}
/* ================================================================ */
@media (prefers-reduced-motion:reduce){
  #qc-site *{animation:none !important;}
  #qc-site .qc-reveal{opacity:1;transform:none;transition:none;}
  #qc-site .qc-reveal.qc-stagger > *{opacity:1;transform:none;}
  #qc-site [data-growth-rings] path{stroke-dashoffset:0 !important;}
}

#qc-site .qc-view{display:none;}
#qc-site .qc-view.is-active{display:block;}
#qc-site section[id]{scroll-margin-top:80px;}
#qc-site .qc-legal{padding:48px 0 72px;}
#qc-site .qc-legal .qc-container{max-width:920px;}
#qc-site .qc-legal__head{border-bottom:1px solid var(--qc-divider);padding-bottom:26px;margin-bottom:32px;}
#qc-site .qc-legal h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-0.4px;line-height:1.12;margin:0 0 12px;}
#qc-site .qc-legal h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:-0.2px;margin:38px 0 12px;scroll-margin-top:90px;}
#qc-site .qc-legal h3{font-family:'Inter',sans-serif;font-weight:700;font-size:1.08rem;margin:24px 0 8px;}
#qc-site .qc-legal p{margin:0 0 14px;line-height:1.6;color:var(--qc-text-secondary);}
#qc-site .qc-legal ul,#qc-site .qc-legal ol{margin:0 0 16px;padding-left:22px;color:var(--qc-text-secondary);}
#qc-site .qc-legal li{margin-bottom:8px;}
#qc-site .qc-legal strong{color:var(--qc-text-primary);}
#qc-site .qc-legal .qc-meta{color:var(--qc-text-tertiary);font-size:.9rem;}
#qc-site .qc-legal .qc-toc{background:var(--qc-surface-light);border:1px solid var(--qc-border);border-radius:16px;padding:20px 24px;margin:0 0 34px;}
#qc-site .qc-legal .qc-toc h4{margin:0 0 10px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--qc-text-tertiary);font-weight:600;font-family:'Inter',sans-serif;}
#qc-site .qc-legal .qc-toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px;}
#qc-site .qc-legal .qc-toc li{margin-bottom:6px;font-size:.93rem;}
#qc-site .qc-legal table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.94rem;}
#qc-site .qc-legal th,#qc-site .qc-legal td{text-align:left;padding:10px 12px;border:1px solid var(--qc-border);vertical-align:top;color:var(--qc-text-secondary);}
#qc-site .qc-legal th{background:var(--qc-surface-light);color:var(--qc-text-primary);font-weight:600;}
#qc-site .qc-legalcard{background:var(--qc-surface-light);border:1px solid var(--qc-border);border-radius:16px;padding:20px 22px;margin:0 0 18px;}
#qc-site .qc-legalcard p{margin:0;}
@media (max-width:640px){#qc-site .qc-legal .qc-toc ol{columns:1;}}

#qc-site .qc-lang{display:inline-flex;align-items:center;gap:1px;background:var(--qc-surface-light);border:1px solid var(--qc-border);border-radius:999px;padding:3px;margin-right:8px;}
#qc-site .qc-lang svg{width:15px;height:15px;color:var(--qc-text-tertiary);margin:0 2px 0 6px;flex:0 0 auto;}
#qc-site .qc-lang a{font-size:.72rem;font-weight:700;letter-spacing:.4px;color:var(--qc-text-tertiary);padding:5px 8px;border-radius:999px;transition:background .2s var(--qc-ease-fast),color .2s var(--qc-ease-fast);}
#qc-site .qc-lang a.on{background:var(--qc-primary);color:var(--qc-on-primary);box-shadow:var(--qc-sh-sm);}
#qc-site .qc-lang a:not(.on):hover{color:var(--qc-text-primary);}
@media(max-width:640px){#qc-site .qc-lang svg{display:none;}#qc-site .qc-lang{margin-right:4px;}#qc-site .qc-lang a{padding:5px 6px;font-size:.68rem;}}


/* ============================================================
   Galleria dei moduli (sezione "Dentro il gestionale")
   ============================================================ */
#qc-site .qc-gallery{margin-top:38px;}
#qc-site .qc-gallery__tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px;}
#qc-site .qc-gtab{-webkit-appearance:none;appearance:none;font:inherit;font-size:.85rem;font-weight:600;
  padding:7px 15px;border-radius:999px;cursor:pointer;white-space:nowrap;
  border:1px solid var(--qc-border);background:var(--qc-surface);color:var(--qc-text-secondary);
  transition:background .18s var(--qc-ease-fast),color .18s var(--qc-ease-fast),border-color .18s var(--qc-ease-fast);}
#qc-site .qc-gtab:hover{border-color:var(--qc-primary);color:var(--qc-primary);}
#qc-site .qc-gtab.is-on{background:var(--qc-primary);border-color:var(--qc-primary);color:var(--qc-on-primary);}
#qc-site .qc-gtab:focus-visible{outline:2px solid var(--qc-primary);outline-offset:2px;}
#qc-site .qc-gallery__stage{border:1px solid var(--qc-border);border-radius:var(--qc-r-card);
  overflow:hidden;background:var(--qc-surface);box-shadow:var(--qc-sh-md);}
#qc-site .qc-gpane{display:none;margin:0;}
#qc-site .qc-gpane.is-on{display:block;animation:qc-gfade .35s var(--qc-ease-standard);}
#qc-site .qc-gpane img{width:100%;height:auto;display:block;}
#qc-site .qc-gpane figcaption{padding:14px 20px;font-size:.92rem;line-height:1.5;
  color:var(--qc-text-secondary);border-top:1px solid var(--qc-divider);background:var(--qc-surface);}
@keyframes qc-gfade{from{opacity:0}to{opacity:1}}
@media (max-width:720px){
  #qc-site .qc-gallery__tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    padding-bottom:6px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;
    scrollbar-width:none;-ms-overflow-style:none;}
  #qc-site .qc-gallery__tabs::-webkit-scrollbar{display:none;}
  #qc-site .qc-gpane figcaption{padding:12px 14px;font-size:.88rem;}
}
@media (prefers-reduced-motion: reduce){#qc-site .qc-gpane.is-on{animation:none;}}

/* ============================================================
   Prezzi 3.1 — tabella fasce, attivazione, moduli con prezzo
   ============================================================ */
#qc-site .qc-tiers{margin-top:28px;overflow-x:auto;}
#qc-site .qc-tiers__table{width:100%;border-collapse:collapse;min-width:560px;background:var(--qc-surface);border:1px solid var(--qc-border);border-radius:var(--qc-r-card);overflow:hidden;}
#qc-site .qc-tiers__table th,#qc-site .qc-tiers__table td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--qc-divider);font-size:1rem;}
#qc-site .qc-tiers__table thead th{background:var(--qc-primary-dark);color:var(--qc-on-primary);font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:700;border-bottom:none;}
#qc-site .qc-tiers__table thead th:first-child{text-align:left;}
#qc-site .qc-tiers__table thead th.is-feat{background:var(--qc-primary);}
#qc-site .qc-tiers__table tbody th{text-align:left;font-weight:700;color:var(--qc-text-primary);}
#qc-site .qc-tiers__table tbody td{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:800;color:var(--qc-text-primary);}
#qc-site .qc-tiers__table tbody td.is-feat{background:color-mix(in srgb,var(--qc-primary) 8%,transparent);color:var(--qc-primary-dark);}
#qc-site .qc-tiers__table tbody tr:last-child th,#qc-site .qc-tiers__table tbody tr:last-child td{border-bottom:none;font-family:'Inter',sans-serif;font-weight:600;font-size:.92rem;color:var(--qc-text-tertiary);}
#qc-site .qc-tiers__note{margin:14px 0 0;text-align:center;font-size:.88rem;color:var(--qc-text-tertiary);}
#qc-site .qc-setup{background:var(--qc-surface);border:1px solid var(--qc-border);border-radius:var(--qc-r-card);padding:26px;text-align:center;}
#qc-site .qc-setup h3{margin-bottom:6px;font-size:1.1rem;}
#qc-site .qc-setup__v{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:800;font-size:2rem;line-height:1.1;color:var(--qc-primary);margin-bottom:6px;}
#qc-site .qc-setup p{margin:0;font-size:.9rem;color:var(--qc-text-tertiary);}
#qc-site .qc-mod__price{font-size:.84rem;font-weight:700;color:var(--qc-primary);margin:-4px 0 8px;}
@media (max-width:640px){
  #qc-site .qc-tiers__table th,#qc-site .qc-tiers__table td{padding:11px 12px;font-size:.92rem;}
}


/* ============================================================
   Calcolatore di prezzo (sezione Prezzi)
   ============================================================ */
#qc-site .qc-calc{display:none;margin-top:48px;background:var(--qc-surface);
  border:1px solid var(--qc-border);border-radius:var(--qc-r-card);
  box-shadow:var(--qc-sh-md);padding:30px;}
#qc-site .qc-calc.is-ready{display:block;}
#qc-site .qc-calc__head{text-align:center;max-width:620px;margin:0 auto 26px;}
#qc-site .qc-calc__head h3{font-size:1.5rem;margin:6px 0 8px;}
#qc-site .qc-calc__head p{margin:0;color:var(--qc-text-secondary);font-size:.95rem;}
#qc-site .qc-calc__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start;}
#qc-site .qc-calc__field{margin-bottom:22px;}
#qc-site .qc-calc__field:last-child{margin-bottom:0;}
#qc-site .qc-calc__label{display:block;font-weight:700;font-size:.95rem;margin-bottom:8px;color:var(--qc-text-primary);}
#qc-site .qc-calc__hint{margin:-4px 0 10px;font-size:.85rem;color:var(--qc-text-tertiary);}

/* contatore utenti */
#qc-site .qc-stepper{display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--qc-border);border-radius:999px;background:var(--qc-background);padding:5px;}
#qc-site .qc-stepper__btn{-webkit-appearance:none;appearance:none;cursor:pointer;
  width:38px;height:38px;border-radius:50%;border:1px solid var(--qc-border);
  background:var(--qc-surface);color:var(--qc-primary);display:grid;place-items:center;padding:0;
  transition:background .16s var(--qc-ease-fast),border-color .16s var(--qc-ease-fast);}
#qc-site .qc-stepper__btn svg{width:18px;height:18px;}
#qc-site .qc-stepper__btn:hover{background:var(--qc-surface-light);border-color:var(--qc-primary);}
#qc-site .qc-stepper__btn[disabled]{opacity:.4;cursor:default;}
#qc-site .qc-stepper__in{width:82px;height:38px;border:0;background:transparent;text-align:center;
  font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:800;font-size:1.35rem;
  color:var(--qc-text-primary);-moz-appearance:textfield;appearance:textfield;}
#qc-site .qc-stepper__in::-webkit-outer-spin-button,
#qc-site .qc-stepper__in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
#qc-site .qc-stepper__in:focus{outline:2px solid var(--qc-primary);outline-offset:3px;border-radius:8px;}

/* edizioni */
#qc-site .qc-calc__eds{display:flex;flex-wrap:wrap;gap:8px;}
#qc-site .qc-ed{-webkit-appearance:none;appearance:none;font:inherit;font-size:.9rem;font-weight:700;
  padding:9px 20px;border-radius:999px;cursor:pointer;
  border:1px solid var(--qc-border);background:var(--qc-background);color:var(--qc-text-secondary);
  transition:background .16s var(--qc-ease-fast),color .16s var(--qc-ease-fast),border-color .16s var(--qc-ease-fast);}
#qc-site .qc-ed:hover{border-color:var(--qc-primary);color:var(--qc-primary);}
#qc-site .qc-ed.is-on{background:var(--qc-primary);border-color:var(--qc-primary);color:var(--qc-on-primary);}
#qc-site .qc-ed:focus-visible{outline:2px solid var(--qc-primary);outline-offset:2px;}

/* moduli */
#qc-site .qc-calc__mods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
#qc-site .qc-mod{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;
  border:1px solid var(--qc-border);border-radius:var(--qc-r-input);background:var(--qc-background);
  font-size:.88rem;line-height:1.35;cursor:pointer;
  transition:border-color .16s var(--qc-ease-fast),background .16s var(--qc-ease-fast);}
#qc-site .qc-mod:hover{border-color:var(--qc-primary-light);}
#qc-site .qc-mod input{margin:2px 0 0;accent-color:var(--qc-primary);width:16px;height:16px;flex:0 0 auto;}
#qc-site .qc-mod b{display:block;font-weight:700;}
#qc-site .qc-mod i{display:block;font-style:normal;font-size:.8rem;color:var(--qc-text-tertiary);}
#qc-site .qc-mod.is-inc{background:color-mix(in srgb,var(--qc-primary) 7%,transparent);
  border-color:color-mix(in srgb,var(--qc-primary) 26%,transparent);cursor:default;}
#qc-site .qc-mod.is-inc i{color:var(--qc-primary-dark);font-weight:600;}
#qc-site .qc-calc__inclabel{display:none;}

/* risultato */
#qc-site .qc-calc__card{background:var(--qc-background);border:1px solid var(--qc-border);
  border-radius:var(--qc-r-card);padding:22px;}
#qc-site .qc-calc__row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding:9px 0;border-bottom:1px solid var(--qc-divider);font-size:.92rem;}
#qc-site .qc-calc__row span{color:var(--qc-text-secondary);}
#qc-site .qc-calc__row output{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:700;
  color:var(--qc-text-primary);text-align:right;white-space:nowrap;}
#qc-site .qc-calc__row--tot{border-bottom:2px solid var(--qc-border);}
#qc-site .qc-calc__row--tot span{color:var(--qc-text-primary);font-weight:700;}
#qc-site .qc-calc__row--tot output{font-size:1.6rem;font-weight:800;color:var(--qc-primary);}
#qc-site .qc-calc__row--first{border-bottom:none;}
#qc-site .qc-calc__row--first span{font-weight:700;color:var(--qc-text-primary);}
#qc-site .qc-calc__row--first output{font-size:1.1rem;font-weight:800;}
#qc-site .qc-calc__note{margin:14px 0 16px;font-size:.8rem;line-height:1.45;color:var(--qc-text-tertiary);}
#qc-site .qc-calc__card--over{text-align:center;}
#qc-site .qc-calc__card--over p{margin:0 0 16px;color:var(--qc-text-secondary);font-size:.95rem;}

@media (max-width:900px){
  #qc-site .qc-calc__grid{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:640px){
  #qc-site .qc-calc{padding:22px 18px;}
  #qc-site .qc-calc__mods{grid-template-columns:1fr;}
  #qc-site .qc-calc__row--tot output{font-size:1.4rem;}
}

/* campo trappola anti-spam: invisibile a chi naviga, presente per i robot */
#qc-site .qc-hp{position:absolute!important;left:-9999px!important;top:auto!important;
  width:1px!important;height:1px!important;overflow:hidden!important;}

/* ============================================================
   Correzioni per schermi piccoli
   ============================================================ */
/* la barra in alto deve stare dentro lo schermo: il pulsante demo
   resta nel menu a tendina, che lo contiene gia' */
@media (max-width:900px){
  #qc-site .qc-nav{gap:16px;}
}
@media (max-width:820px){
  #qc-site .qc-nav__cta > .qc-btn{display:none;}
}
@media (max-width:560px){
  #qc-site .qc-container{padding:0 18px;}
  #qc-site .qc-nav{gap:10px;}
  #qc-site .qc-brand__logo{--qc-logo-h:24px;}
  #qc-site .qc-brand__word{font-size:1.02rem;}
  #qc-site .qc-lang{margin-right:0;padding:2px;}
  #qc-site .qc-lang a{padding:5px 6px;font-size:.66rem;}
}
@media (max-width:380px){
}

/* contatti: la griglia aveva la misura scritta nel tag e non
   rispettava le regole per schermi piccoli */
#qc-site .qc-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start;}
@media (max-width:900px){
  #qc-site .qc-contact-grid{grid-template-columns:1fr;gap:28px;}
}

/* tabella delle fasce: su telefono entra senza scorrimento laterale */
@media (max-width:560px){
  #qc-site .qc-tiers__table{min-width:0;}
  #qc-site .qc-tiers__table th,
  #qc-site .qc-tiers__table td{padding:9px 5px;font-size:.8rem;}
  #qc-site .qc-tiers__table thead th{font-size:.76rem;letter-spacing:0;}
  #qc-site .qc-tiers__table tbody tr:last-child th,
  #qc-site .qc-tiers__table tbody tr:last-child td{font-size:.74rem;}
}

/* nessun elemento decorativo deve allargare la pagina */
#qc-site{overflow-x:clip;}
#qc-site img,#qc-site table,#qc-site pre{max-width:100%;}

/* le sezioni non devono finire sotto la barra fissa quando si arriva
   da un collegamento */
#qc-site section[id],#qc-site [id^="view-"]{scroll-margin-top:88px;}
@media (max-width:900px){
  #qc-site section[id]{scroll-margin-top:80px;}
}

/* immagini con misure dichiarate: la pagina non "salta" mentre carica */
#qc-site img{height:auto;}

/* 3.12 - moduli non selezionabili oltre il tetto per edizione */
#qc-site .qc-mod.is-full{opacity:.45;cursor:not-allowed;}
#qc-site .qc-mod.is-full input{cursor:not-allowed;}

/* 3.13 - l'attributo hidden deve vincere sul display:flex delle righe.
   Senza questa riga il riepilogo mostrava "Moduli al mese + 0 €" anche
   quando non c'era nessun modulo scelto. */
#qc-site .qc-calc [hidden]{display:none !important;}

/* 3.13 - fasce degli operatori di campo */
#qc-site .qc-tiers--field .qc-tiers__table{min-width:0;}
#qc-site .qc-tiers--field .qc-tiers__table thead th:last-child,
#qc-site .qc-tiers--field .qc-tiers__table tbody td{text-align:right;}

/* 3.14 - marcatore "in arrivo" sul titolo di un modulo non ancora disponibile */
#qc-site .qc-mod__soon{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;
  background:rgba(143,97,40,.12);color:#8F6128;font-size:11px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;vertical-align:middle;white-space:nowrap;}

/* ============================================================
   3.15 - la sezione Guide
   Elenco e articolo. La parte "qc-prose" veste quello che esce
   dall'editor di WordPress: titoli, elenchi, tabelle, citazioni.
   ============================================================ */
#qc-site .qc-guide__head{padding:64px 0 40px;}
#qc-site .qc-guide__lead{max-width:680px;}

#qc-site .qc-guide__list{align-items:stretch;}
#qc-site .qc-guide__card{display:flex;flex-direction:column;}
#qc-site .qc-guide__card .qc-guide__more{margin-top:auto;}
#qc-site .qc-guide__thumb{display:block;margin:-26px -26px 18px;border-radius:var(--qc-r-card) var(--qc-r-card) 0 0;overflow:hidden;}
#qc-site .qc-guide__thumb img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
#qc-site .qc-guide__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px;
  font-size:.8125rem;color:var(--qc-text-tertiary);letter-spacing:.2px;}
#qc-site .qc-guide__title{font-size:1.18rem;line-height:1.25;margin:0 0 10px;}
#qc-site .qc-guide__title a{color:var(--qc-text-primary);}
#qc-site .qc-guide__title a:hover{color:var(--qc-primary);}
#qc-site .qc-guide__excerpt{font-size:.95rem;line-height:1.55;margin:0 0 16px;}
#qc-site .qc-guide__more{font-weight:600;font-size:.95rem;}
#qc-site .qc-guide__empty{color:var(--qc-text-tertiary);padding:40px 0;}

#qc-site .qc-guide__pages{display:flex;justify-content:center;gap:8px;margin-top:40px;}
#qc-site .qc-guide__pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 12px;border:1px solid var(--qc-border);border-radius:var(--qc-r-input);
  background:var(--qc-surface);color:var(--qc-text-secondary);font-weight:600;font-size:.95rem;}
#qc-site .qc-guide__pages .page-numbers:hover{border-color:var(--qc-primary);color:var(--qc-primary);}
#qc-site .qc-guide__pages .page-numbers.current{background:var(--qc-primary);border-color:var(--qc-primary);color:#fff;}
#qc-site .qc-guide__pages .dots{border-color:transparent;background:transparent;}

/* --- l'articolo --- */
#qc-site .qc-guide__post{padding:40px 0 72px;}
#qc-site .qc-guide__post .qc-container{max-width:760px;}
#qc-site .qc-guide__crumbs{margin:0 0 26px;font-size:.9rem;}
#qc-site .qc-guide__crumbs a{color:var(--qc-text-tertiary);font-weight:600;}
#qc-site .qc-guide__crumbs a:hover{color:var(--qc-primary);}
#qc-site .qc-guide__posthead{border-bottom:1px solid var(--qc-divider);padding-bottom:24px;margin-bottom:32px;}
#qc-site .qc-guide__posthead h1{font-size:clamp(1.9rem,4.4vw,2.7rem);margin:0 0 14px;}
#qc-site .qc-guide__hero{margin:0 0 32px;border-radius:var(--qc-r-card);overflow:hidden;}

/* --- il testo scritto nell'editor --- */
#qc-site .qc-prose{font-size:1.0625rem;line-height:1.68;color:var(--qc-text-secondary);}
#qc-site .qc-prose > *:first-child{margin-top:0;}
#qc-site .qc-prose p{margin:0 0 1.15em;}
#qc-site .qc-prose h2{font-size:1.5rem;margin:2em 0 .6em;scroll-margin-top:90px;}
#qc-site .qc-prose h3{font-family:'Inter',sans-serif;font-size:1.12rem;font-weight:700;margin:1.6em 0 .5em;}
#qc-site .qc-prose ul,#qc-site .qc-prose ol{margin:0 0 1.15em;padding-left:24px;}
#qc-site .qc-prose li{margin-bottom:.5em;}
#qc-site .qc-prose strong{color:var(--qc-text-primary);}
#qc-site .qc-prose a{text-decoration:underline;text-underline-offset:3px;}
#qc-site .qc-prose img,#qc-site .qc-prose figure{border-radius:var(--qc-r-card);margin:1.8em 0;}
#qc-site .qc-prose figcaption{font-size:.875rem;color:var(--qc-text-tertiary);margin-top:8px;text-align:center;}
#qc-site .qc-prose blockquote{margin:1.8em 0;padding:4px 0 4px 20px;border-left:3px solid var(--qc-primary);
  color:var(--qc-text-primary);font-size:1.08rem;}
#qc-site .qc-prose blockquote p:last-child{margin-bottom:0;}
#qc-site .qc-prose hr{border:0;border-top:1px solid var(--qc-divider);margin:2.4em 0;}
#qc-site .qc-prose code{background:var(--qc-surface-light);border:1px solid var(--qc-border);border-radius:6px;
  padding:1px 6px;font-size:.92em;}
#qc-site .qc-prose table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:.95rem;}
#qc-site .qc-prose th,#qc-site .qc-prose td{border-bottom:1px solid var(--qc-divider);padding:10px 12px;text-align:left;vertical-align:top;}
#qc-site .qc-prose thead th{background:var(--qc-surface-light);color:var(--qc-text-primary);font-weight:700;
  border-bottom:1px solid var(--qc-border);}
#qc-site .qc-prose tbody tr:last-child td{border-bottom:0;}
#qc-site .qc-prose .qc-tablewrap{overflow-x:auto;}

#qc-site .qc-guide__cta{padding-top:16px;}
#qc-site .qc-guide__postcta{margin-top:56px;}
#qc-site .qc-guide__ctabtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
#qc-site .qc-guide__related{margin-top:64px;}
#qc-site .qc-guide__related h2{font-size:1.3rem;margin-bottom:18px;}
#qc-site .qc-guide__rel{list-style:none;margin:0;padding:0;border-top:1px solid var(--qc-divider);}
#qc-site .qc-guide__rel li{padding:18px 0;border-bottom:1px solid var(--qc-divider);}
#qc-site .qc-guide__rel a{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:700;
  font-size:1.08rem;line-height:1.3;color:var(--qc-text-primary);}
#qc-site .qc-guide__rel a:hover{color:var(--qc-primary);}
#qc-site .qc-guide__rel p{margin:6px 0 0;font-size:.95rem;line-height:1.5;}

@media (max-width:900px){
  #qc-site .qc-guide__head{padding:48px 0 28px;}
  #qc-site .qc-guide__post{padding:28px 0 56px;}
  #qc-site .qc-prose table{font-size:.9rem;}
}

/* ============================================================
   3.16 - la pagina Prezzario
   ============================================================ */
#qc-site .qc-prz__head{padding:64px 0 36px;}
#qc-site .qc-prz__lead{max-width:720px;}
#qc-site .qc-prz__body{max-width:880px;}
#qc-site .qc-prz__body h2{font-size:1.55rem;margin:56px 0 .5em;scroll-margin-top:90px;}
#qc-site .qc-prz__body h3{font-family:'Inter',sans-serif;font-size:1.08rem;font-weight:700;margin:32px 0 10px;}
#qc-site .qc-prz__body > p{line-height:1.65;}

/* --- il calcolatore --- */
#qc-site .qc-prz__calc{background:var(--qc-surface);border:1px solid var(--qc-border);
  border-radius:var(--qc-r-sheet);padding:32px;box-shadow:var(--qc-sh-sm);}
#qc-site .qc-prz__calchead{text-align:center;margin-bottom:26px;}
#qc-site .qc-prz__calchead h2{font-size:1.6rem;margin:0 0 8px;}
#qc-site .qc-prz__calchead p{margin:0 auto;max-width:560px;}
#qc-site .qc-prz__calcgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
#qc-site .qc-prz__fields{display:grid;gap:14px;}
#qc-site .qc-prz__f{display:block;}
#qc-site .qc-prz__f > span{display:block;font-size:.9rem;font-weight:600;color:var(--qc-text-primary);margin-bottom:6px;}
#qc-site .qc-prz__f input{width:100%;height:46px;padding:0 14px;font-size:1.05rem;font-weight:600;
  border:1px solid var(--qc-border);border-radius:var(--qc-r-input);background:var(--qc-background);
  color:var(--qc-text-primary);font-family:inherit;}
#qc-site .qc-prz__f input:focus{outline:none;border-color:var(--qc-primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--qc-primary) 18%,transparent);}
#qc-site .qc-prz__f small{display:block;margin-top:5px;font-size:.8125rem;color:var(--qc-text-tertiary);}

#qc-site .qc-prz__out{background:var(--qc-surface-light);border:1px solid var(--qc-border);
  border-radius:var(--qc-r-card);padding:24px;}
#qc-site .qc-prz__verdict{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:800;
  font-size:1.35rem;line-height:1.2;letter-spacing:-0.3px;padding:14px 16px;border-radius:var(--qc-r-input);
  text-align:center;margin-bottom:18px;background:var(--qc-background);color:var(--qc-text-primary);}
#qc-site .qc-prz__verdict.is-ko{background:color-mix(in srgb,var(--qc-status-red) 16%,transparent);color:#9B2C2C;}
#qc-site .qc-prz__verdict.is-warn{background:color-mix(in srgb,var(--qc-status-orange) 20%,transparent);color:#8A4B00;}
#qc-site .qc-prz__verdict.is-ok{background:color-mix(in srgb,var(--qc-primary) 15%,transparent);color:var(--qc-primary-dark);}

#qc-site .qc-prz__sum{width:100%;border-collapse:collapse;}
#qc-site .qc-prz__sum th{text-align:left;font-weight:500;color:var(--qc-text-secondary);
  padding:9px 0;font-size:.95rem;}
#qc-site .qc-prz__sum td{text-align:right;font-weight:700;color:var(--qc-text-primary);
  padding:9px 0;font-variant-numeric:tabular-nums;}
#qc-site .qc-prz__sum tr + tr th,#qc-site .qc-prz__sum tr + tr td{border-top:1px solid var(--qc-divider);}
#qc-site .qc-prz__sum .qc-prz__big th{font-weight:700;color:var(--qc-text-primary);}
#qc-site .qc-prz__sum .qc-prz__big td{font-size:1.25rem;color:var(--qc-primary-dark);}
#qc-site .qc-prz__neg{color:#9B2C2C !important;}
#qc-site .qc-prz__bench{margin:16px 0 0;font-size:.9rem;line-height:1.5;padding-top:14px;
  border-top:1px solid var(--qc-divider);color:var(--qc-text-secondary);}
#qc-site .qc-prz__bench.is-sotto{color:#9B2C2C;}
#qc-site .qc-prz__note{margin:22px 0 0;font-size:.85rem;color:var(--qc-text-tertiary);text-align:center;}

/* --- le tabelle dei prezzi --- */
#qc-site .qc-tablewrap{overflow-x:auto;margin:0 0 10px;}
#qc-site .qc-prz__table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:560px;}
#qc-site .qc-prz__table thead th{background:var(--qc-surface-light);color:var(--qc-text-primary);
  font-weight:700;text-align:left;padding:10px 12px;border-bottom:1px solid var(--qc-border);
  font-size:.85rem;letter-spacing:.2px;text-transform:uppercase;}
#qc-site .qc-prz__table td{padding:11px 12px;border-bottom:1px solid var(--qc-divider);
  vertical-align:top;color:var(--qc-text-secondary);}
#qc-site .qc-prz__table tbody tr:last-child td{border-bottom:0;}
#qc-site .qc-prz__num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
#qc-site .qc-prz__num strong{color:var(--qc-text-primary);}
#qc-site .qc-prz__num small{color:var(--qc-text-tertiary);font-weight:500;}
#qc-site .qc-prz__cosa{font-size:.9rem;}
#qc-site .qc-prz__src{font-size:.8125rem;color:var(--qc-text-tertiary);max-width:230px;}
#qc-site .qc-prz__table--lav{min-width:720px;}

#qc-site .qc-prz__key{margin:14px 0 0;padding:14px 18px;border-left:3px solid var(--qc-primary);
  background:var(--qc-surface-light);border-radius:0 var(--qc-r-input) var(--qc-r-input) 0;
  color:var(--qc-text-primary);line-height:1.6;}
#qc-site .qc-prz__alert{margin:22px 0 10px;padding:22px 24px;border-radius:var(--qc-r-card);
  background:color-mix(in srgb,var(--qc-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--qc-accent) 28%,transparent);}
#qc-site .qc-prz__alert h3{margin:0 0 8px;color:var(--qc-accent);font-size:1.05rem;}
#qc-site .qc-prz__alert p{margin:0;line-height:1.6;}
#qc-site .qc-prz__steps{margin:0 0 18px;padding-left:22px;line-height:1.65;}
#qc-site .qc-prz__steps li{margin-bottom:10px;color:var(--qc-text-secondary);}
#qc-site .qc-prz__fig{margin:22px 0;border-radius:var(--qc-r-card);overflow:hidden;}
#qc-site .qc-prz__fig img{width:100%;height:auto;}
#qc-site .qc-prz__fig figcaption{font-size:.875rem;color:var(--qc-text-tertiary);
  margin-top:8px;text-align:center;padding:0 12px 4px;}
#qc-site .qc-prz__disclaimer{margin:48px 0 0;padding:20px 22px;border:1px dashed var(--qc-border);
  border-radius:var(--qc-r-card);font-size:.9rem;line-height:1.6;}
#qc-site .qc-prz__disclaimer p{margin:0 0 8px;}
#qc-site .qc-prz__disclaimer p:last-child{margin:0;}

@media (max-width:900px){
  #qc-site .qc-prz__head{padding:48px 0 24px;}
  #qc-site .qc-prz__calc{padding:22px 18px;}
  #qc-site .qc-prz__calcgrid{grid-template-columns:1fr;gap:22px;}
  #qc-site .qc-prz__body h2{margin-top:44px;}
}

/* 3.16 - il menu, con due voci nuove, non ci stava piu': il bottone
   "Prenota una demo" finiva fuori dallo schermo. Qui si stringe quel
   tanto che basta; le voci tolte sono spiegate nel patch. */
@media (min-width:901px){
  #qc-site .qc-nav{gap:20px;}
  #qc-site .qc-nav__links{gap:2px;}
  #qc-site .qc-nav__links a{padding:8px 10px;font-size:.92rem;}
  #qc-site .qc-nav__links a::after{left:10px;right:10px;}
}
/* sotto i 1100 px il menu passa al pulsante a tre righe: sette voci piu'
   le lingue piu' il bottone non ci stanno, e il bottone e' il piu'
   importante dei tre. Prima succedeva a 900 px. */
@media (max-width:1100px){
  #qc-site .qc-nav__links{position:fixed;inset:68px 0 auto 0;flex-direction:column;align-items:stretch;
    gap:2px;background:var(--qc-surface);border-bottom:1px solid var(--qc-divider);padding:12px 16px;
    box-shadow:var(--qc-sh-md);transform:translateY(-120%);transition:transform .28s var(--qc-ease-standard);z-index:40;}
  #qc-site .qc-nav__links.is-open{transform:none;}
  #qc-site .qc-nav__links a{padding:12px 14px;font-size:1rem;}
  #qc-site .qc-burger{display:inline-flex;}
}

/* 3.17 - una tabella piu' larga della colonna di testo deve scorrere,
   non sparire. La prima regola vale se il JavaScript non e' partito
   (la tabella e' ancora figlia diretta del testo), la seconda quando
   il riquadro c'e'. */
#qc-site .qc-prose > table{display:block;overflow-x:auto;}
#qc-site .qc-prose .qc-tablewrap{overflow-x:auto;margin:1.8em 0;}
#qc-site .qc-prose .qc-tablewrap > table{margin:0;}
#qc-site .qc-prose .qc-tablewrap:focus{outline:2px solid var(--qc-primary);outline-offset:2px;}

/* ============================================================
   3.19 - il logo vero
   Un solo disegno, richiamato con <use>: prende il colore dal
   contesto, quindi verde sul chiaro e bianco sullo scuro, senza
   bisogno di due file. L'altezza si regola con --qc-logo-h e la
   larghezza viene da sola: il rapporto del logo e' 6,691.
   ============================================================ */
#qc-site .qc-sprite{position:absolute;width:0;height:0;overflow:hidden;}
#qc-site .qc-brand{gap:0;}
#qc-site .qc-brand__logo{--qc-logo-h:30px;height:var(--qc-logo-h);
  width:calc(var(--qc-logo-h) * 6.691);display:block;color:var(--qc-primary);
  transition:opacity .2s var(--qc-ease-fast);}
#qc-site .qc-brand:hover .qc-brand__logo{opacity:.78;}
#qc-site .qc-brand--footer .qc-brand__logo{--qc-logo-h:28px;}

/* fra i 1101 e i 1280 px il menu e' al limite: il logo si stringe
   quel tanto che basta a lasciare fuori pericolo il bottone verde */
@media (max-width:1280px){ #qc-site .qc-brand__logo{--qc-logo-h:26px;} }
@media (max-width:560px){ #qc-site .qc-brand__logo{--qc-logo-h:22px;} }