/* Nexta Studio — grafica nuova su tutto il sito (stessa della home).
   I fogli di stile in assets/css/fresh/ ingrandiscono i testi e cambiano i colori; qui: font, logo, pulsanti, titoli, ritmo delle sezioni. */
@font-face{font-family:"Fira Sans";src:url(../fonts/fira-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Fira Sans";src:url(../fonts/fira-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/jakarta.woff2) format("woff2");font-weight:200 800;font-display:swap}

body.nx-skin{
  --sk-ink:#17142A; --sk-ink-2:#4A4660; --sk-soft:#F6F4FF; --sk-line:#E7E4F2;
  --sk-sun:#FFC21A; --sk-sun-soft:#FFF3CC; --sk-coral:#FF6B4A; --sk-coral-soft:#FFE6DF;
  --sk-mint:#14B8A0; --sk-mint-soft:#D9F6F1; --sk-blue:#3D6BFF; --sk-blue-soft:#E3EAFF;
  --sk-display:"Fira Sans","Plus Jakarta Sans",system-ui,sans-serif;
  overflow-x:clip
}

/* ---------- barra di navigazione: logo più grande ---------- */
.nx-skin .nav{background:rgba(255,255,255,.94);border-bottom:1px solid var(--sk-line)}
.nx-skin .nav-inner{height:88px;max-width:1240px}
.nx-skin .nav .logo img{height:58px!important;width:auto!important;max-height:none!important}
.nx-skin .nav-cta{background:var(--sk-sun)!important;color:var(--sk-ink)!important;font-weight:700!important;border:2px solid var(--sk-ink);border-radius:99px!important;padding:12px 20px!important}
.nx-skin .nav-back{font-weight:600;font-size:16px}
.nx-skin .nav-list a{font-weight:600;font-size:16px;color:var(--sk-ink);padding:11px 14px;border-radius:99px}
.nx-skin .nav-list a:hover,.nx-skin .nav-list a.active{background:var(--sk-soft);color:var(--sk-ink)}
.nx-skin .nav-list a.nav-cta{background:var(--sk-sun)!important;color:var(--sk-ink)!important;font-weight:700!important;padding:13px 22px!important;border:2px solid var(--sk-ink)}
.nx-skin .nav-list.nav-open{top:88px!important}
.nx-skin .nav-toggle{width:48px;height:48px;border:2px solid var(--sk-ink);border-radius:50%;align-items:center;justify-content:center;color:var(--sk-ink)}
@media (max-width:1080px){.nx-skin .nav-list a{font-size:15px;padding:10px 10px}}
@media (max-width:860px){
  .nx-skin .nav-inner{height:76px}
  .nx-skin .nav .logo img{height:46px!important}
  .nx-skin .nav-list.nav-open{top:76px!important}
  .nx-skin .nav-list.nav-open a{font-size:18px;padding:14px 16px}
}

/* ---------- titoli in Fira Sans, come il logo ---------- */
.nx-skin :is(.h1,h1,.sec-title,.cta-title,.page-title,.post-title,.article-title,.case-title,.hero-title,.form-head-title,.sidebar-cta-title,.article-featured-title,.mario-name){
  font-family:var(--sk-display)!important;font-weight:800!important;letter-spacing:-.015em!important;text-wrap:balance}
.nx-skin :is(h2,h3):not([class]){font-family:var(--sk-display);font-weight:800;letter-spacing:-.01em}
.nx-skin .h1,.nx-skin main h1{line-height:1.06}
.nx-skin .h1 em,.nx-skin .h1 .acc,.nx-skin h1 em{font-style:normal;color:inherit;background:linear-gradient(transparent 60%,var(--sk-sun) 60%,var(--sk-sun) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.04em}
.nx-skin .sec-title{line-height:1.08}

/* ---------- etichette e occhielli come «pillole» ---------- */
.nx-skin .page-tag,.nx-skin .hero-tag,.nx-skin .hero-eyebrow{background:var(--sk-sun);border:0;color:var(--sk-ink);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:14px;padding:10px 16px;border-radius:99px}
.nx-skin .page-tag .ic,.nx-skin .hero-tag .ic{color:var(--sk-ink)}
.nx-skin .eyebrow{display:inline-flex;background:var(--sk-ink);color:#fff;font-weight:700;font-size:14px;letter-spacing:.05em;padding:9px 15px;border-radius:99px;margin-bottom:18px}
.nx-skin .eyebrow .ic{color:var(--sk-sun)}

/* ---------- pulsanti ---------- */
.nx-skin :is(.btn-p,.btn-s,.btn-phone,.btn-alt,.btn-green,.form-submit,.price-cta,.sidebar-cta-btn,.article-featured-cta){border-radius:99px!important;font-weight:700;padding:17px 28px;font-size:17px}
.nx-skin :is(.btn-p,.form-submit){background:var(--sk-sun);color:var(--sk-ink);border:2px solid var(--sk-ink)}
.nx-skin :is(.btn-p,.form-submit):hover{background:#FFD54F;transform:translateY(-2px)}
.nx-skin .btn-s{border:2px solid var(--sk-ink);color:var(--sk-ink);background:#fff}
.nx-skin .btn-s:hover{transform:translateY(-2px);color:var(--sk-ink);border-color:var(--sk-ink)}
.nx-skin .cta-banner .btn-s,.nx-skin .cta-banner .btn-phone{background:transparent;border:2px solid #fff;color:#fff}
.nx-skin .form-submit{width:100%;justify-content:center}

/* ---------- intestazione delle pagine ---------- */
.nx-skin .page-hero{background:linear-gradient(180deg,var(--sk-soft),#fff);border-bottom:0;padding-block:clamp(56px,7vw,96px)}
.nx-skin .breadcrumb{background:#fff;border-bottom:1px solid var(--sk-line)}
.nx-skin .breadcrumb,.nx-skin .breadcrumb a{font-size:15px}

/* ---------- sezioni: alternanza bianco / lilla chiaro ---------- */
.nx-skin main > .sec{border-bottom:0;padding-block:clamp(72px,8vw,112px)}
.nx-skin main > .sec:nth-of-type(even){background:var(--sk-soft)}
.nx-skin .trust{background:#fff;border-block:1px solid var(--sk-line)}
.nx-skin .trust-item .ic{color:var(--sk-mint)}

/* ---------- card più morbide, con una tinta di colore a rotazione ---------- */
.nx-skin :is(.inc-card,.tech-card,.risk-card,.valore-card,.comp-item,.tipo-card,.garanzia,.settore-card,.svc-link-card,.canale,.raggiungi-card,.geo-card,.response-card,.compare-card,.integr-detail-card,.price-card,.case-card,.proj-card,.port-card,.article-card,.speed-card,.growth-card,.gemini-card,.status-card,.form-card,.sidebar-card,.mario-card,.geo-compare-card,.integr-card){border-radius:24px!important;border-color:var(--sk-line)}
.nx-skin :is(.inc-card,.tech-card,.risk-card,.valore-card,.tipo-card,.settore-card,.garanzia,.raggiungi-card,.response-card):nth-child(4n+1){background:var(--sk-sun-soft);border-color:transparent}
.nx-skin :is(.inc-card,.tech-card,.risk-card,.valore-card,.tipo-card,.settore-card,.garanzia,.raggiungi-card,.response-card):nth-child(4n+2){background:var(--sk-coral-soft);border-color:transparent}
.nx-skin :is(.inc-card,.tech-card,.risk-card,.valore-card,.tipo-card,.settore-card,.garanzia,.raggiungi-card,.response-card):nth-child(4n+3){background:var(--sk-mint-soft);border-color:transparent}
.nx-skin :is(.inc-card,.tech-card,.risk-card,.valore-card,.tipo-card,.settore-card,.garanzia,.raggiungi-card,.response-card):nth-child(4n+4){background:var(--sk-blue-soft);border-color:transparent}
.nx-skin :is(.inc-ico,.tech-ico,.risk-ico,.valore-ico,.tipo-ico,.settore-ico,.garanzia-ico,.raggiungi-ico,.comp-ico,.canale-ico,.proc-ico,.stat-ico,.svc-link-ico,.compare-head-ico,.integr-detail-ico,.sede-item-ico,.mappa-ico){border-radius:16px;background:#fff}
.nx-skin :is(.inc-title,.tech-name,.risk-title,.valore-title,.tipo-title,.settore-name,.garanzia-title,.raggiungi-title,.price-name,.proc-title,.case-name,.proj-name,.port-name,.article-card-title,.comp-name,.tl-title,.canale-label,.svc-link-title,.compare-head-title,.integr-detail-name,.response-label,.sede-item-title,.mappa-item-title){font-family:var(--sk-display);font-weight:800;letter-spacing:-.005em}
.nx-skin :is(.price-num,.stat-num,.numero-val,.hero-stat-num,.case-result-num,.proj-result-num,.res-num,.growth-kpi-num,.stat-num,.score-num){font-family:var(--sk-display);font-weight:800}
.nx-skin :is(.case-result-num,.proj-result-num,.res-num,.growth-kpi-num){color:var(--sk-mint)}

/* ---------- prezzi: la card in evidenza in giallo ---------- */
.nx-skin .price-card{border:1px solid var(--sk-line)}
.nx-skin .price-card:has(.price-badge){border:2px solid var(--sk-ink);box-shadow:8px 8px 0 var(--sk-sun)}
.nx-skin .price-badge{background:var(--sk-sun);color:var(--sk-ink);border-radius:99px;font-weight:700}

/* ---------- processo ---------- */
.nx-skin .proc-item{border-radius:24px}
.nx-skin .proc-num,.nx-skin .tl-year{font-family:var(--sk-display);font-weight:800}

/* ---------- domande frequenti ---------- */
.nx-skin .faq-item{border-radius:20px!important;border-color:var(--sk-line)!important;background:#fff}
.nx-skin .faq-q{padding:20px 24px;font-weight:700}
.nx-skin .faq-chev{width:30px!important;height:30px!important;padding:6px;border-radius:50%;background:var(--sk-sun);stroke:var(--sk-ink)!important}
.nx-skin .faq-item.open .faq-chev{background:var(--sk-ink);stroke:#fff!important}
.nx-skin .faq-ans-inner{padding:4px 24px 22px;border-top:0}

/* ---------- invito finale (scuro, come lo studio in home) ---------- */
.nx-skin .cta-banner{border-radius:36px!important;padding:clamp(32px,5vw,64px)}
.nx-skin .cta-banner .cta-title{font-size:clamp(32px,4vw,52px)}

/* ---------- moduli ---------- */
.nx-skin :is(.form-card input,.form-card select,.form-card textarea,.form-select,.form-textarea){border-radius:14px!important;font-size:17px!important;padding:14px 16px!important;border-color:var(--sk-line)!important}
.nx-skin :is(.form-card input,.form-card select,.form-card textarea):focus{border-color:var(--sk-ink)!important;outline:3px solid var(--sk-sun-soft)}
.nx-skin .form-head{background:var(--sk-ink)}

/* ---------- articoli del blog ---------- */
.nx-skin .post-body,.nx-skin .article-body,.nx-skin .content{font-size:19px;line-height:1.7}

/* ---------- pagina «Check sito» ---------- */
.nx-skin .nx-check-head .h1{font-size:clamp(38px,5.4vw,68px)}
.nx-skin .nx-check-note{font-size:16px}
.nx-skin .nx-check-link{font-size:16px;font-weight:700}
.nx-skin .nx-check-empty{font-size:16px}
.nx-skin [class*="nx-check-"] h3{font-family:var(--sk-display);font-weight:800;font-size:22px}
.nx-skin [class*="nx-check-"] p{font-size:16.5px}
.nx-skin .nx-faq summary{font-size:18px;font-weight:700}
.nx-skin .nx-faq p,.nx-skin .nx-faq div{font-size:17px}

/* ---------- footer ---------- */
.nx-skin .footer{background:var(--sk-ink)}
.nx-skin .footer .f-logo img{height:44px;width:auto}

@media (max-width:560px){
  .nx-skin .h1,.nx-skin main h1{font-size:clamp(34px,9.4vw,44px)!important}
  .nx-skin .sec-title{font-size:clamp(30px,8vw,38px)!important}
  .nx-skin .nav-right .nav-back{display:none}
  .nx-skin .nav-right .nav-cta{padding:10px 14px!important;font-size:14px!important}
  .nx-skin .nav .logo img{height:40px!important}
  .nx-skin :is(.btn-p,.btn-s,.btn-phone){width:100%;justify-content:center;white-space:normal}
}
@media (prefers-reduced-motion:reduce){.nx-skin *{transition:none!important}}