/* =========================================================================
   Mentetecnica - mt-v2.css  (fase 5, 2026-10-03)
   Linguaggio visivo "v2" approvato dall'utente sulla bozza premium.
   Caricato DOPO mt-site.css: ne ridefinisce i token e sovrascrive i
   componenti, senza toccarne il markup.

   Logica dei colori a "contesti":
   - di base il sito e' SCURO (inchiostro): token chiari per testo/linee;
   - .mt-sec--soft e .mt-light sono sezioni CHIARE (carta): i token
     tornano scuri e tutti i componenti al loro interno si adattano da
     soli, perche' leggono le variabili e non colori scritti a mano.

   Font ospitati in locale (assets/fonts, licenza SIL OFL):
   Inter Tight (titoli), Inter (testo), Instrument Serif corsivo (enfasi),
   JetBrains Mono (dettagli tecnici).

   @author Gennaro Canfora
   ========================================================================= */

/* ---------- 0. Font locali ---------- */
@font-face{font-family:"Inter Tight";src:url("../fonts/inter-tight-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}

/* ---------- 1. Token v2 ---------- */
:root{
  --v-ink:#07091a; --v-ink-2:#0d1130; --v-ink-3:#151b45; --v-ink-4:#0f1433;
  --v-blue:#4b63ff; --v-blue-2:#8b9bff; --v-violet:#8b5cf6; --v-cyan:#3ee0f5; --v-yellow:#ffe21f;
  --v-paper:#f6f6f2;
  --v-display:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --v-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --v-serif:"Instrument Serif",Georgia,serif;
  --v-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --v-ease:cubic-bezier(.2,.8,.2,1);
  --v-pill-h:64px; /* altezza della barra di navigazione flottante */

  /* token storici di mt-site.css, rimappati sul nuovo linguaggio */
  --mt-yellow:var(--v-yellow); --mt-yellow-dark:#e6c800;
  --mt-blue:var(--v-blue); --mt-blue-dark:#3a50e0;
  --mt-navy:var(--v-ink-2); --mt-navy-2:var(--v-ink-3);
  --mt-green:#22c55e;
  --mt-radius:20px; --mt-radius-sm:14px;
  --mt-wrap:1240px;
  --mt-gap:clamp(1rem,2vw,1.25rem);
  --mt-section:clamp(4.5rem,9vw,7.5rem);
  --mt-font:var(--v-sans);
}
/* Contesto SCURO (default) */
body.mt-lean,.mt-dark-ctx{
  --mt-ink:#eef0ff;          /* titoli */
  --mt-body:#a3abcf;         /* testo */
  --mt-muted:#6f789f;        /* testo secondario */
  --mt-line:rgba(255,255,255,.09);
  --mt-line-2:rgba(255,255,255,.16);
  --mt-bg:var(--v-ink);
  --mt-bg-soft:var(--v-ink-2);
  --mt-surface:rgba(255,255,255,.035);
  --mt-surface-2:rgba(255,255,255,.06);
  --mt-accent:var(--v-blue-2);   /* link e dettagli leggibili su scuro */
  --mt-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 20px 50px -30px rgba(0,0,0,.8);
  --mt-shadow-lg:0 1px 0 rgba(255,255,255,.04) inset,0 30px 70px -30px rgba(0,0,0,.85);
}
/* Contesto CHIARO (sezioni "soft" e blocchi carta) */
.mt-sec--soft,.mt-light{
  --mt-ink:#0b0e1f; --mt-body:#4a5068; --mt-muted:#7a7f93;
  --mt-line:#e3e4ea; --mt-line-2:#d3d5de;
  --mt-bg:var(--v-paper); --mt-bg-soft:#ecece6;
  --mt-surface:#ffffff; --mt-surface-2:#fbfbf9;
  --mt-accent:var(--v-blue);
  --mt-shadow:0 1px 2px rgba(11,14,31,.04),0 16px 40px -28px rgba(11,14,31,.35);
  --mt-shadow-lg:0 2px 4px rgba(11,14,31,.05),0 40px 80px -40px rgba(11,14,31,.45);
}

/* ---------- 2. Base ---------- */
html{background:var(--v-ink);overflow-x:clip}
body.mt-lean{background:var(--v-ink);color:var(--mt-body);font-family:var(--v-sans);font-size:clamp(1rem,.97rem + .15vw,1.0625rem);overflow-x:clip}
/* grana leggera su tutta la pagina: toglie l'effetto "piatto digitale" */
body.mt-lean::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:120;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.mt-lean h1,.mt-lean h2,.mt-lean h3,.mt-lean h4{font-family:var(--v-display);font-weight:700;color:var(--mt-ink);letter-spacing:-.035em;line-height:1.05}
.mt-lean h1{font-size:clamp(2.5rem,1.4rem + 4.6vw,5.4rem);letter-spacing:-.05em;line-height:.98}
.mt-lean h2{font-size:clamp(2rem,1.25rem + 3vw,3.8rem);letter-spacing:-.045em;line-height:1}
.mt-lean h3{font-size:clamp(1.15rem,1.05rem + .45vw,1.4rem);letter-spacing:-.025em;line-height:1.2}
.mt-lean a{color:var(--mt-accent)}
.mt-lean ::selection{background:var(--v-blue);color:#fff}
/* Enfasi in corsivo serif dentro i titoli: *parola* -> <em class="mt-s"> */
.mt-s{font-family:var(--v-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;padding-right:.04em}
.mt-hero h1 .mt-s,.mt-v2-hero h1 .mt-s,.mt-prodhero h1 .mt-s{background:linear-gradient(100deg,#fff 0%,var(--v-blue-2) 45%,var(--v-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mt-lean :where(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--v-blue-2);outline-offset:3px}
.mt-skip{background:var(--v-yellow);color:var(--v-ink);border-radius:10px}
.mt-wrap{width:min(100% - 2.5rem,var(--mt-wrap))}
@media (max-width:480px){.mt-wrap{width:min(100% - 2rem,var(--mt-wrap))}}

/* ---------- 3. Sezioni ---------- */
.mt-sec{position:relative;background:transparent}
.mt-sec--soft,.mt-light{background:var(--v-paper);color:var(--mt-body)}
.mt-sec--dark{background:radial-gradient(60rem 26rem at 10% 0%,rgba(75,99,255,.14),transparent 60%),var(--v-ink-2);color:var(--mt-body);
  border-block:1px solid rgba(255,255,255,.06)}
.mt-sec--dark h2,.mt-sec--dark h3{color:#eef0ff}
.mt-sec--line{border-top:1px solid var(--mt-line)}
/* Intestazione di sezione v2: titolo a sinistra, introduzione a destra */
.mt-head{max-width:none;text-align:left;margin:0 0 clamp(2.5rem,5vw,4rem);display:grid;gap:1rem 3rem}
.mt-head h2{margin:0;max-width:16ch}
.mt-head p{margin:0;color:var(--mt-body);font-size:1.06rem;max-width:32rem}
@media (min-width:960px){
  .mt-head{grid-template-columns:1.25fr 1fr;align-items:end}
  .mt-head > .mt-eyebrow{grid-column:1}
  .mt-head > h2{grid-column:1}
  .mt-head > p{grid-column:2;grid-row:1 / span 2;align-self:end}
}
.mt-head--left{margin-inline:0}
.mt-eyebrow{display:inline-flex;align-items:center;gap:.65rem;font:500 .76rem/1.4 var(--v-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mt-accent);margin-bottom:1rem}
.mt-eyebrow::before{content:"";width:8px;height:8px;border:1.5px solid currentColor;border-radius:2px;transform:rotate(45deg);flex:none}
.mt-sec--dark .mt-eyebrow{color:var(--v-blue-2)}
.mt-lead{color:var(--mt-body);font-size:1.1rem}
.mt-note{color:var(--mt-muted);font-family:var(--v-mono);font-size:.8rem}

/* ---------- 4. Bottoni ---------- */
.mt-lean .mt-btn{font:600 .95rem/1.2 var(--v-sans);padding:.92rem 1.35rem;border-radius:12px;border:1px solid transparent;gap:.6rem;
  transition:transform .3s var(--v-ease),box-shadow .3s,background-color .3s,border-color .3s,color .3s}
.mt-lean .mt-btn:hover{transform:translateY(-2px)}
.mt-lean .mt-btn svg{transition:transform .3s var(--v-ease)}
.mt-lean .mt-btn:hover svg{transform:translateX(3px)}
.mt-lean .mt-btn--primary{background:var(--v-yellow);color:var(--v-ink);box-shadow:none}
.mt-lean .mt-btn--primary:hover{background:var(--v-yellow);color:var(--v-ink);box-shadow:0 0 0 6px rgba(255,226,31,.15)}
/* "blu" = bottone pieno principale: bianco su scuro, inchiostro su chiaro */
.mt-lean .mt-btn--blue,.mt-lean .mt-btn--dark{background:#fff;color:var(--v-ink)}
.mt-lean .mt-btn--blue:hover,.mt-lean .mt-btn--dark:hover{background:#fff;color:var(--v-ink);box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.mt-sec--soft .mt-btn--blue,.mt-light .mt-btn--blue,.mt-sec--soft .mt-btn--dark,.mt-light .mt-btn--dark{background:var(--v-ink);color:#fff}
.mt-sec--soft .mt-btn--blue:hover,.mt-light .mt-btn--blue:hover{background:var(--v-ink);color:#fff;box-shadow:0 0 0 6px rgba(7,9,26,.08)}
.mt-lean .mt-btn--ghost,.mt-lean .mt-btn--outline,.mt-lean .mt-btn--wa{background:rgba(255,255,255,.03);color:#fff;border-color:rgba(255,255,255,.18)}
.mt-lean .mt-btn--ghost:hover,.mt-lean .mt-btn--outline:hover,.mt-lean .mt-btn--wa:hover{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.4)}
.mt-sec--soft .mt-btn--ghost,.mt-sec--soft .mt-btn--outline,.mt-sec--soft .mt-btn--wa,
.mt-light .mt-btn--ghost,.mt-light .mt-btn--outline,.mt-light .mt-btn--wa{background:#fff;color:var(--v-ink);border-color:var(--mt-line-2)}
.mt-sec--soft .mt-btn--ghost:hover,.mt-sec--soft .mt-btn--outline:hover,.mt-sec--soft .mt-btn--wa:hover,
.mt-light .mt-btn--ghost:hover,.mt-light .mt-btn--outline:hover{background:#fff;color:var(--v-ink);border-color:var(--v-ink)}
@media (max-width:400px){.mt-lean .mt-btns .mt-btn{width:100%}}

/* ---------- 5. Header: barra flottante "a pillola" ---------- */
.mt-topbar{display:none} /* sostituita dai contatti rapidi dentro la barra (vedi .mt-quick) */
.mt-header{position:sticky;top:12px;z-index:60;background:none;color:#fff;
  width:min(100% - 1.5rem,var(--mt-wrap));margin:12px auto calc(-1 * (var(--v-pill-h) + 12px));isolation:isolate}
/* Il vetro sta su uno pseudo-elemento: un backdrop-filter sull'header stesso
   renderebbe il menu mobile (position:fixed) relativo all'header. */
.mt-header::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:16px;
  background:rgba(13,17,48,.62);border:1px solid rgba(255,255,255,.09);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 20px 50px -25px rgba(0,0,0,.8)}
.mt-header .mt-wrap.mt-header__in{width:100%;min-height:var(--v-pill-h);padding:.5rem .55rem .5rem 1.1rem;gap:.75rem}
.mt-logo img{width:176px;height:auto}
@media (max-width:520px){.mt-logo img{width:146px}}
.mt-nav a,.mt-nav__toggle{font:500 .9rem var(--v-sans);color:#a3abcf;border-radius:10px;padding:.55rem .75rem}
.mt-nav a:hover,.mt-nav__toggle:hover{color:#fff;background:rgba(255,255,255,.06)}
.mt-nav a[aria-current="page"],.mt-nav__link--current{color:#fff}
.mt-nav__toggle{padding:.55rem .35rem}
.mt-nav__cta a{background:var(--v-yellow);color:var(--v-ink);font-weight:600;padding:.62rem 1rem;margin-left:.35rem}
.mt-nav__cta a:hover{background:var(--v-yellow);color:var(--v-ink);box-shadow:0 0 0 5px rgba(255,226,31,.15)}
/* Sottomenu: pannello scuro in vetro */
.mt-nav__sub::after{background:#0f1433;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.85)}
.mt-nav ul.mt-nav__sub{padding:.85rem .5rem .5rem}
.mt-nav__sub a{color:#eef0ff}
.mt-nav__sub a:hover{background:rgba(255,255,255,.05);color:#fff}
.mt-nav__ico{background:rgba(75,99,255,.14);color:var(--v-blue-2)}
.mt-nav__sub a:hover .mt-nav__ico{background:var(--v-blue);color:#fff}
.mt-nav__txt b{color:#eef0ff;font-family:var(--v-sans);font-weight:600}
.mt-nav__txt small{color:#7c86b0}
.mt-nav__sub a:hover .mt-nav__txt b{color:#fff}
.mt-nav__sub .mt-nav__feature a{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.mt-nav__sub .mt-nav__feature a:hover{background:rgba(75,99,255,.12)}
.mt-nav__sub .mt-nav__feature a:hover .mt-nav__txt b{color:var(--v-yellow)}
.mt-search__toggle{color:#a3abcf;border-radius:10px}
.mt-search__toggle:hover{color:#fff;background:rgba(255,255,255,.06)}
.mt-search__form{background:#0f1433;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.85);margin-top:.9rem}
.mt-search__form input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff}
.mt-search__form input::placeholder{color:#6f789f}
.mt-search__form button{background:var(--v-blue)}
/* Contatti rapidi in barra: solo su mobile (sostituiscono la topbar gialla) */
.mt-quick{display:none;gap:.15rem}
.mt-quick a{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:10px;color:#a3abcf}
.mt-quick a:hover{color:#fff;background:rgba(255,255,255,.06)}
.mt-quick svg{width:1.15rem;height:1.15rem}
@media (max-width:1040px){
  .mt-quick{display:flex}
  .mt-burger{border-radius:10px;padding:.45rem}
  .mt-nav{background:var(--v-ink-2);border-left:1px solid rgba(255,255,255,.08);padding-top:6rem}
  .mt-nav a,.mt-nav__toggle{font-size:1rem;color:#d3d8ef}
  .mt-nav__cta a{margin:.75rem 0 0}
}
@media (max-width:420px){.mt-quick a{width:2.2rem}.mt-header .mt-wrap.mt-header__in{padding-left:.85rem}}
/* Spazio per la barra flottante sopra al primo blocco della pagina */
#mt-main > :first-child:not(.mt-hero):not(.mt-prodhero):not(.mt-v2-hero){margin-top:calc(var(--v-pill-h) + 24px)}

/* ---------- 6. Hero delle pagine interne ---------- */
.mt-hero{color:#a3abcf;isolation:isolate;
  background:radial-gradient(48rem 30rem at 12% 0%,rgba(75,99,255,.42),transparent 62%),
             radial-gradient(40rem 26rem at 92% 8%,rgba(139,92,246,.30),transparent 60%),
             radial-gradient(30rem 20rem at 55% 70%,rgba(62,224,245,.10),transparent 65%),var(--v-ink);
  padding-block:calc(var(--v-pill-h) + clamp(4rem,9vw,6.5rem)) clamp(3.5rem,7vw,5.5rem)}
.mt-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:72px 72px;
  -webkit-mask-image:radial-gradient(70% 70% at 40% 20%,#000 25%,transparent 80%);mask-image:radial-gradient(70% 70% at 40% 20%,#000 25%,transparent 80%)}
.mt-hero::after{background:rgba(255,255,255,.07)}
.mt-hero h1{color:#fff;font-size:clamp(2.4rem,1.3rem + 4.4vw,5rem);max-width:15ch;margin-bottom:.45em}
.mt-hero--plain h1{margin-inline:auto}
.mt-hero__lead{color:#b4bcdf;font-size:clamp(1.05rem,1rem + .4vw,1.2rem)}
.mt-hero .mt-eyebrow{color:var(--v-cyan);padding:.4rem .8rem;border:1px solid rgba(62,224,245,.28);border-radius:999px;background:rgba(62,224,245,.06);margin-bottom:1.6rem}
.mt-hero .mt-eyebrow::before{width:7px;height:7px;border:0;border-radius:50%;background:var(--v-cyan);transform:none;box-shadow:0 0 0 4px rgba(62,224,245,.18)}
.mt-hero__note{font:500 .78rem var(--v-mono);color:#6f789f;letter-spacing:.03em}
.mt-hero__note svg{color:#22c55e}
.mt-hero__media img{border-radius:18px;border:1px solid rgba(255,255,255,.12)}
/* pannello valore: vetro scuro */
.mt-panel{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);color:#b4bcdf;
  border-radius:22px;box-shadow:0 40px 90px -40px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mt-panel h2,.mt-panel h3{color:#fff;font:500 .76rem var(--v-mono);letter-spacing:.08em;text-transform:uppercase}
.mt-panel li{border-color:rgba(255,255,255,.08);color:#d6dcf5}
.mt-panel li svg{color:var(--v-cyan)}
.mt-panel__foot{border-color:rgba(255,255,255,.08);color:#7c86b0;font-family:var(--v-mono);font-size:.78rem}
.mt-panel__foot svg{color:var(--v-yellow)}
@media (prefers-reduced-motion:no-preference){
  .mt-hero{background-size:120% 120%;animation:v-drift 22s ease-in-out infinite alternate}
  @keyframes v-drift{to{background-position:8% 6%}}
}

/* ---------- 7. Breadcrumb ---------- */
.mt-crumb{background:transparent;border-block:1px solid rgba(255,255,255,.07);font:500 .78rem var(--v-mono);letter-spacing:.02em}
.mt-crumb li{color:#6f789f}
.mt-crumb li+li::before{content:"/";color:#3a4272}
.mt-crumb a{color:#a3abcf}
.mt-crumb a:hover{color:#fff;text-decoration:none}
.mt-crumb [aria-current]{color:#eef0ff}

/* ---------- 8. Card ---------- */
.mt-card,.mt-cards--pro .mt-card{--mx:50%;--my:50%;position:relative;overflow:hidden;background:var(--mt-surface);border:1px solid var(--mt-line);border-radius:22px;
  box-shadow:none;color:var(--mt-body);transition:border-color .4s,transform .5s var(--v-ease),box-shadow .4s}
.mt-card::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(75,99,255,.16),transparent 45%)}
.mt-card:hover::after{opacity:1}
.mt-card > *{position:relative;z-index:1}
.mt-card--link:hover,.mt-cards--pro .mt-card--link:hover{transform:translateY(-4px);border-color:var(--mt-line-2);box-shadow:var(--mt-shadow)}
.mt-card h3{font-size:1.28rem;color:var(--mt-ink)}
.mt-card p{color:var(--mt-body)}
.mt-card__icon,.mt-cards--pro .mt-card__icon{width:3rem;height:3rem;border-radius:13px;background:rgba(75,99,255,.13);color:var(--mt-accent);box-shadow:none}
.mt-cards--pro .mt-card:hover .mt-card__icon{background:var(--v-blue);color:#fff}
.mt-cards--pro .mt-card::before{background:linear-gradient(90deg,var(--v-blue),var(--v-cyan))}
.mt-card__more{color:var(--mt-ink);font-weight:600}
.mt-sec--soft .mt-card,.mt-light .mt-card{box-shadow:var(--mt-shadow)}
.mt-sec--soft .mt-card::after,.mt-light .mt-card::after{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(75,99,255,.08),transparent 45%)}
.mt-sec--dark .mt-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.mt-sec--dark .mt-card__icon{background:rgba(255,226,31,.12);color:var(--v-yellow)}

/* ---------- 9. Passi (metodo) ---------- */
.mt-steps{gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.mt-step{padding:1.6rem 1.4rem;border-radius:20px;border:1px solid var(--mt-line);background:var(--mt-surface)}
.mt-step::before{content:counter(mtstep,decimal-leading-zero);width:auto;height:auto;display:inline-block;border-radius:8px;padding:.3rem .6rem;
  background:rgba(75,99,255,.13);color:var(--mt-accent);font:500 .8rem var(--v-mono);margin-bottom:1.1rem}
.mt-step h3{font-size:1.15rem}

/* ---------- 10. Testo + immagine ---------- */
.mt-split__media img{border-radius:20px;border:1px solid var(--mt-line);box-shadow:var(--mt-shadow-lg)}
.mt-list svg{color:var(--mt-accent)}
.mt-list li{color:var(--mt-body)}

/* ---------- 11. Tabella ---------- */
.mt-tablewrap{background:var(--mt-surface);border-color:var(--mt-line);border-radius:20px;box-shadow:none}
.mt-table caption{color:var(--mt-ink);font-family:var(--v-display)}
.mt-table th,.mt-table td{border-color:var(--mt-line);color:var(--mt-body)}
.mt-table thead th{background:var(--mt-surface-2);color:var(--mt-muted);font:500 .74rem var(--v-mono);letter-spacing:.06em;text-transform:uppercase}
.mt-table tbody th{color:var(--mt-ink)}
.mt-table td[data-yes]{color:#22c55e}
.mt-sec--soft .mt-table td[data-yes]{color:#0f8a45}
.mt-table .mt-hl{background:rgba(75,99,255,.08)}
@media (max-width:700px){
  .mt-table tr{background:var(--mt-surface);border-color:var(--mt-line);box-shadow:none;border-radius:16px}
  .mt-table tbody th{background:var(--mt-surface-2)}
  .mt-table td::before{color:var(--mt-ink)}
}

/* ---------- 12. FAQ e programma corso ---------- */
.mt-faq details,.mt-curr__item{background:var(--mt-surface);border-color:var(--mt-line);border-radius:16px;box-shadow:none;transition:border-color .3s}
.mt-faq details:hover,.mt-curr__item:hover{border-color:var(--mt-line-2)}
.mt-faq summary,.mt-curr__title{color:var(--mt-ink);font-family:var(--v-display);font-weight:600;letter-spacing:-.015em}
.mt-faq summary::after,.mt-curr__chev{border-color:var(--mt-accent)}
.mt-faq details[open] summary,.mt-curr__item[open] summary{border-color:var(--mt-line)}
.mt-faq__a,.mt-curr__body{color:var(--mt-body)}
.mt-sec--soft .mt-faq details,.mt-sec--soft .mt-curr__item{box-shadow:var(--mt-shadow)}
.mt-curr__num{background:var(--mt-surface-2);color:var(--mt-ink);font-family:var(--v-mono);font-weight:500}
.mt-curr__item[open] .mt-curr__num{background:var(--v-blue);color:#fff}
.mt-curr__ico{background:rgba(75,99,255,.13);color:var(--mt-accent)}
.mt-curr__meta span{color:var(--mt-muted)}
.mt-curr__meta b{color:var(--mt-ink)}
.mt-curr__meta svg{color:var(--mt-accent)}
.mt-curr__media img{border-radius:20px;border:1px solid var(--mt-line)}

/* ---------- 13. CTA ---------- */
.mt-cta{position:relative;overflow:hidden;isolation:isolate;border-radius:30px;padding:clamp(2.2rem,6vw,4.5rem);background:var(--v-ink-2);
  border:1px solid rgba(255,255,255,.08);box-shadow:none;color:#b4bcdf}
.mt-cta::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(40rem 20rem at 0% 0%,rgba(75,99,255,.42),transparent 60%),radial-gradient(30rem 18rem at 100% 100%,rgba(255,226,31,.12),transparent 60%)}
.mt-cta h2{color:#fff;font-size:clamp(1.9rem,1.3rem + 2.6vw,3.2rem);max-width:18ch;margin-bottom:.5rem}
.mt-cta p{color:#b4bcdf;font-size:1.05rem;max-width:36rem}
.mt-cta .mt-btn--wa,.mt-cta .mt-btn--ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.18)}

/* ---------- 14. Numeri ---------- */
.mt-stats{gap:1px;background:var(--mt-line);border:1px solid var(--mt-line);border-radius:22px;overflow:hidden;text-align:left;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.mt-stat{background:var(--v-ink);padding:2rem 1.8rem}
.mt-sec--soft .mt-stat{background:#fff}
.mt-sec--dark .mt-stat{background:var(--v-ink-2)}
.mt-stat b,.mt-sec--dark .mt-stat b{font:700 clamp(2.2rem,1.6rem + 2.4vw,3.4rem)/1 var(--v-display);letter-spacing:-.05em;color:var(--mt-ink)}
.mt-sec--dark .mt-stat b{color:#fff}
.mt-stat span,.mt-sec--dark .mt-stat span{display:block;margin-top:.7rem;color:var(--mt-body);font-size:.95rem}

/* ---------- 15. Contatti e form ---------- */
.mt-contact{background:var(--mt-surface);border-color:var(--mt-line);border-radius:18px;box-shadow:none}
.mt-contact:hover{border-color:var(--mt-line-2);box-shadow:var(--mt-shadow)}
.mt-contact__ico{background:rgba(75,99,255,.13);color:var(--mt-accent)}
.mt-contact b{color:var(--mt-ink)}
.mt-contact span{color:var(--mt-body)}
.mt-contactgrid__side{background:var(--mt-surface);border-color:var(--mt-line);border-radius:22px}
.mt-form__field label{color:var(--mt-ink)}
.mt-form input[type=text],.mt-form input[type=email],.mt-form input[type=tel],.mt-form select,.mt-form textarea{
  background:var(--mt-surface);border-color:var(--mt-line-2);color:var(--mt-ink);border-radius:12px}
.mt-form ::placeholder{color:var(--mt-muted)}
.mt-form select option{background:var(--v-ink-2);color:#eef0ff}
.mt-form input:focus,.mt-form select:focus,.mt-form textarea:focus{border-color:var(--v-blue);box-shadow:0 0 0 4px rgba(75,99,255,.18)}
.mt-form__check{color:var(--mt-body)}
.mt-form__check a{color:var(--mt-accent)}
.mt-form.is-success .mt-form__status{color:#22c55e}
.mt-form.is-error .mt-form__status{color:#ff6b6b}

/* ---------- 16. Footer ---------- */
.mt-footer{background:var(--v-ink);color:#a3abcf;border-top:1px solid rgba(255,255,255,.08);padding-block:clamp(3.5rem,7vw,5rem) 0}
.mt-footer h2,.mt-footer h3{font:500 .74rem var(--v-mono);letter-spacing:.08em;text-transform:uppercase;color:#6f789f}
.mt-footer a{color:#a3abcf}
.mt-footer a:hover{color:#fff;text-decoration:none}
.mt-footer__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}
@media (min-width:1100px){.mt-footer__grid{grid-template-columns:1.7fr repeat(4,1fr)}}
.mt-footer__brand img{width:176px}
.mt-footer__brand p{color:#a3abcf}
.mt-footer__social a{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.mt-footer__social a:hover{background:var(--v-yellow);color:var(--v-ink)}
.mt-footer__word{font:800 clamp(3rem,13.5vw,13rem)/.8 var(--v-display);letter-spacing:-.07em;text-align:center;margin:clamp(2.5rem,6vw,4.5rem) 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;white-space:nowrap}
.mt-footer__bar{margin-top:0;border-color:rgba(255,255,255,.08);font:500 .74rem var(--v-mono);color:#6f789f}

/* ---------- 17. Elementi flottanti ---------- */
.mt-top{background:rgba(13,17,48,.8);color:#fff;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mt-top:hover{background:var(--v-yellow);color:var(--v-ink)}
.mt-side{background:rgba(13,17,48,.8);border:1px solid rgba(255,255,255,.1);border-left:0}

/* ---------- 18. Blog ---------- */
.mt-blog-filters a{background:var(--mt-surface);border-color:var(--mt-line-2);color:var(--mt-body);font-weight:500;border-radius:10px}
.mt-blog-filters a:hover{background:var(--mt-surface-2);border-color:var(--mt-accent);color:var(--mt-ink)}
.mt-blog-filters a.is-active{background:var(--v-yellow);border-color:var(--v-yellow);color:var(--v-ink);box-shadow:none}
.mt-blog-card{background:var(--mt-surface);border-color:var(--mt-line);border-radius:20px;box-shadow:none}
.mt-blog-card:hover{border-color:var(--mt-line-2);box-shadow:var(--mt-shadow)}
.mt-blog-card__media{background:var(--mt-surface-2)}
.mt-blog-card__ph{background:linear-gradient(135deg,var(--v-ink-2),var(--v-ink-3));color:#3a4272}
.mt-blog-card__cat{background:rgba(7,9,26,.75);font:500 .7rem var(--v-mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mt-blog-card__meta{font:500 .76rem var(--v-mono);color:var(--mt-muted)}
.mt-pagination a.page-numbers,.mt-pagination span.page-numbers{border-color:var(--mt-line-2);color:var(--mt-ink);border-radius:10px}
.mt-pagination span.page-numbers.current{background:var(--v-blue);border-color:var(--v-blue)}
/* Articolo: corpo su carta chiara per la lettura lunga */
.mt-article__body{color:var(--mt-body)}
.mt-article__body pre{background:var(--v-ink-2);border:1px solid rgba(255,255,255,.08)}
.mt-article__body code{background:var(--mt-surface-2)}
.mt-article__body blockquote,.mt-article__body .wp-block-quote{border-color:var(--v-blue);font-family:var(--v-serif);font-size:1.35rem}
.mt-article__meta span{font:500 .78rem var(--v-mono)}

/* ---------- 19. Mappa del sito e grafici ---------- */
.mt-sitemap__group h2{color:var(--mt-ink);font-size:1.1rem}
.mt-sitemap__group svg{color:var(--v-yellow)}
.mt-sitemap__group li{border-color:var(--mt-line)}
.mt-lean .mt-sitemap__group a{color:var(--mt-body)}
.mt-lean .mt-sitemap__group a:hover{color:var(--mt-ink)}
.mt-bar__label{color:var(--mt-ink)}
.mt-bar__value{color:var(--mt-accent)}
.mt-bar__track{background:var(--mt-surface);border-color:var(--mt-line)}
.mt-bar__fill{background:linear-gradient(90deg,var(--v-blue),var(--v-cyan))}
.mt-ring__track{stroke:var(--mt-line)}
.mt-ring__fill{stroke:var(--v-blue)}
.mt-ring__num{fill:var(--mt-ink);font-family:var(--v-display)}

/* ---------- 20. Blocchi fase 2/4 adattati al nuovo linguaggio ---------- */
.mt-badge{font:500 .74rem var(--v-mono);letter-spacing:.08em;color:var(--mt-accent)}
.mt-prodhero{background:radial-gradient(60rem 26rem at 15% -10%,rgba(75,99,255,.45),transparent 60%),radial-gradient(40rem 22rem at 95% 10%,rgba(139,92,246,.25),transparent 60%),var(--v-ink);
  padding-top:calc(var(--v-pill-h) + clamp(4rem,9vw,6.5rem))}
.mt-prodhero h1{font-size:clamp(3rem,1.6rem + 6vw,6.6rem);letter-spacing:-.055em}
.mt-prodhero__tag{font-family:var(--v-display);letter-spacing:-.02em}
.mt-prodhero__tag em{font-family:var(--v-serif);font-weight:400;font-size:1.12em;color:var(--v-yellow)}
.mt-shot,.mt-mock{border-radius:18px}
.mt-feat .mt-feat__why{background:var(--mt-surface);border-color:var(--v-blue)}
.mt-feat__num{font:500 .76rem var(--v-mono);color:var(--mt-accent)}
.mt-spec code{font-family:var(--v-mono)}
.mt-prod{border-radius:30px;background:radial-gradient(40rem 20rem at 0% 0%,rgba(75,99,255,.45),transparent 60%),var(--v-ink-2);border:1px solid rgba(255,255,255,.08)}
.mt-prod h2{font-size:clamp(2.4rem,1.5rem + 3.6vw,4.4rem)}
.mt-prodmini{background:var(--mt-surface);border-color:var(--mt-line);border-radius:22px;box-shadow:none}
.mt-lean .mt-prodmini p{color:var(--mt-body)}
.mt-lean .mt-prodmini h3{color:var(--mt-ink)}
.mt-prodmini__more{color:var(--mt-ink)}
/* Bento */
.mt-tile{--mx:50%;--my:50%;background:var(--mt-surface);border-color:var(--mt-line);border-radius:22px}
.mt-tile::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none;z-index:0;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(75,99,255,.16),transparent 45%)}
.mt-tile:hover::before{opacity:1}
.mt-tile > *{position:relative;z-index:1}
.mt-tile--link:hover{border-color:var(--mt-line-2);box-shadow:var(--mt-shadow)}
.mt-tile h3{color:var(--mt-ink)}
.mt-lean .mt-tile p{color:var(--mt-body)}
.mt-tile__icon{background:rgba(75,99,255,.14);color:var(--mt-accent);box-shadow:none}
.mt-tile__kicker{font:500 .72rem var(--v-mono);color:var(--mt-muted)}
.mt-tile__more{color:var(--mt-ink);font-weight:600}
.mt-tile__links a{background:var(--mt-surface-2);border-color:var(--mt-line-2);color:var(--mt-ink);border-radius:10px;font-weight:600}
.mt-tile--dark{background:radial-gradient(34rem 18rem at 100% 100%,rgba(75,99,255,.5),transparent 60%),var(--v-ink-2);border:1px solid rgba(255,255,255,.08)}
.mt-tile--dark h3{color:#fff}
.mt-lean .mt-tile--dark p{color:#a3abcf}
.mt-tile--dark .mt-tile__kicker{color:var(--v-cyan)}
.mt-tile--lg.mt-tile--dark::before{opacity:1;inset:auto -5rem -5rem auto;width:20rem;height:20rem;background:none;border-radius:50%;
  border:1px solid rgba(139,155,255,.28);box-shadow:0 0 0 2.6rem rgba(139,155,255,.05),0 0 0 5.2rem rgba(139,155,255,.035),0 0 0 7.8rem rgba(139,155,255,.02)}
.mt-tile--accent{background:linear-gradient(150deg,var(--v-blue),#6c4dff 60%,var(--v-violet));border-color:transparent}
.mt-tile--accent h3,.mt-tile--accent .mt-tile__more,.mt-tile--accent .mt-tile__kicker{color:#fff}
.mt-lean .mt-tile--accent p{color:#e3e7ff}
.mt-tile--accent .mt-tile__icon{background:rgba(255,255,255,.16);color:#fff}
/* Timeline, prima/dopo, manifesto, percorsi, autovalutazione */
.mt-timeline__card{background:var(--mt-surface);border-color:var(--mt-line);box-shadow:none;border-radius:16px}
.mt-sec--soft .mt-timeline__card{box-shadow:var(--mt-shadow)}
.mt-timeline__time{font-family:var(--v-mono);font-weight:500}
.mt-sec--soft .mt-timeline__time{color:var(--v-blue)}
.mt-sec--soft .mt-timeline::before{background:linear-gradient(var(--v-blue),rgba(75,99,255,.08))}
.mt-sec--soft .mt-timeline li::before{background:var(--v-blue);box-shadow:0 0 0 5px rgba(75,99,255,.15)}
.mt-ba__col--before{background:var(--mt-surface);border-color:var(--mt-line-2);color:var(--mt-muted)}
.mt-ba__col--before h3{color:var(--mt-body)}
.mt-ba__col--before .mt-ba__tag{background:var(--mt-surface-2);color:var(--mt-muted)}
.mt-ba__col--after{background:radial-gradient(30rem 18rem at 100% 0%,rgba(75,99,255,.45),transparent 60%),var(--v-ink-3);border:1px solid rgba(255,255,255,.1)}
.mt-ba__tag{font:500 .7rem var(--v-mono)}
.mt-ba__arrow{color:var(--mt-accent)}
.mt-manifesto li{border-color:var(--mt-line)}
.mt-manifesto__n{font-family:var(--v-serif);font-style:italic;font-weight:400;letter-spacing:0;background:none;-webkit-text-fill-color:currentColor;color:var(--mt-accent)}
.mt-manifesto p{color:var(--mt-body)}
.mt-path__opt{background:var(--mt-surface);border-color:var(--mt-line);box-shadow:none;border-radius:20px}
.mt-path__opt:hover{border-color:var(--v-blue);box-shadow:var(--mt-shadow)}
.mt-path__opt .mt-path__need{color:var(--mt-ink);font-family:var(--v-display);letter-spacing:-.015em}
.mt-path__ico{background:rgba(75,99,255,.13);color:var(--mt-accent)}
.mt-path__pick{border-color:var(--mt-line);color:var(--mt-ink)}
.mt-path__pick small{font-family:var(--v-mono);font-weight:500}
.mt-check__score{background:var(--mt-surface);border-color:var(--mt-line)}
.mt-check__score b{font-family:var(--v-display);color:var(--mt-ink)}
.mt-check.is-go .mt-check__score{background:var(--v-blue);border-color:var(--v-blue)}
.mt-check.is-go .mt-check__score b{color:#fff}
.mt-check__list label{background:var(--mt-surface);border-color:var(--mt-line);color:var(--mt-ink);font-weight:500}
.mt-check__box{border-color:var(--mt-line-2)}
.mt-intro2 strong{color:var(--mt-ink)}
.mt-spec{border-radius:18px}

/* ---------- 21. Comparsa allo scroll (aggiunta via JS: senza JS tutto resta visibile) ---------- */
@media (prefers-reduced-motion:no-preference){
  .mt-js .mt-rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--v-ease),transform .9s var(--v-ease)}
  .mt-js .mt-rv.is-in{opacity:1;transform:none}
}

/* =====================================================================
   22. HOME v2 (front-page.php): sezioni dedicate, identiche alla bozza
   ===================================================================== */
.mt-v2-hero{position:relative;overflow:hidden;isolation:isolate;padding:calc(var(--v-pill-h) + clamp(5rem,11vw,8rem)) 0 0;text-align:center}
.mt-v2-aurora{position:absolute;inset:-20% -10% auto;height:120%;z-index:-2;filter:blur(70px);opacity:.75;pointer-events:none}
.mt-v2-aurora i{position:absolute;border-radius:50%}
.mt-v2-aurora i:nth-child(1){width:46vw;height:46vw;left:8%;top:-8%;background:radial-gradient(closest-side,rgba(75,99,255,.75),transparent)}
.mt-v2-aurora i:nth-child(2){width:38vw;height:38vw;right:4%;top:2%;background:radial-gradient(closest-side,rgba(139,92,246,.55),transparent)}
.mt-v2-aurora i:nth-child(3){width:30vw;height:30vw;left:42%;top:26%;background:radial-gradient(closest-side,rgba(62,224,245,.35),transparent)}
@media (prefers-reduced-motion:no-preference){
  .mt-v2-aurora i:nth-child(1){animation:v-blob 18s ease-in-out infinite alternate}
  .mt-v2-aurora i:nth-child(2){animation:v-blob 22s ease-in-out infinite alternate-reverse}
  .mt-v2-aurora i:nth-child(3){animation:v-blob 26s ease-in-out infinite alternate}
  @keyframes v-blob{to{transform:translate(6vw,4vh) scale(1.12)}}
}
.mt-v2-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:72px 72px;
  -webkit-mask-image:radial-gradient(70% 55% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 55% at 50% 30%,#000 30%,transparent 80%);opacity:.55}
.mt-v2-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.35rem .4rem .35rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);font:500 .85rem var(--v-sans);color:#eef0ff;margin-bottom:2rem;text-decoration:none;transition:border-color .3s}
.mt-lean .mt-v2-badge{color:#eef0ff}
.mt-v2-badge:hover{border-color:rgba(255,255,255,.4)}
.mt-v2-badge b{font:500 .72rem var(--v-mono);letter-spacing:.06em;color:var(--v-ink);background:var(--v-yellow);padding:.28rem .6rem;border-radius:999px}
.mt-v2-hero h1{font-size:clamp(3rem,1rem + 7.6vw,7.4rem);letter-spacing:-.055em;line-height:.95;max-width:12ch;margin:0 auto;color:#fff}
.mt-v2-hero h1 .mt-s{font-size:1.08em}
.mt-v2-hero .mt-v2-lead{font-size:clamp(1.05rem,1rem + .5vw,1.22rem);max-width:40rem;margin:2rem auto 2.4rem;color:#a3abcf}
.mt-v2-ctas{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.mt-v2-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 2rem;margin-top:2.2rem;font:500 .78rem var(--v-mono);color:#6f789f;letter-spacing:.04em}
.mt-v2-meta span::before{content:"● ";color:#22c55e}
.mt-v2-stage{position:relative;margin:clamp(3.5rem,7vw,5.5rem) auto 0;max-width:1120px;perspective:2000px}
.mt-v2-stage::before{content:"";position:absolute;inset:8% 6% -4%;background:radial-gradient(closest-side,rgba(75,99,255,.6),transparent);filter:blur(50px);z-index:-1}
.mt-v2-win{border-radius:18px 18px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-bottom:0;background:#0f1433;
  box-shadow:0 -20px 80px -30px rgba(75,99,255,.5)}
@media (prefers-reduced-motion:no-preference){
  .mt-js .mt-v2-win{transform:rotateX(14deg);transform-origin:bottom center;transition:transform 1.2s var(--v-ease)}
  .mt-js .mt-v2-win.is-in{transform:none}
}
.mt-v2-win__bar{display:flex;align-items:center;gap:.45rem;padding:.75rem 1rem;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.mt-v2-win__bar i{width:11px;height:11px;border-radius:50%;background:#2a3166;flex:none}
.mt-v2-win__bar span{margin:0 auto;font:500 .74rem var(--v-mono);color:#6f789f;background:rgba(255,255,255,.05);padding:.25rem 1.2rem;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}
.mt-v2-win__img{position:relative}
.mt-v2-win__img img{display:block;width:100%;height:auto}
.mt-v2-win__img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(transparent,var(--v-ink))}
/* Marquee */
.mt-v2-marquee{border-block:1px solid rgba(255,255,255,.08);overflow:hidden;padding:1.3rem 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mt-v2-marquee ul{display:flex;gap:3rem;width:max-content;margin:0;padding:0;list-style:none;font:500 .9rem var(--v-mono);color:#6f789f}
.mt-v2-marquee li{display:flex;align-items:center;gap:3rem;white-space:nowrap;margin:0}
.mt-v2-marquee li::after{content:"/";color:var(--v-ink-3)}
@media (prefers-reduced-motion:no-preference){.mt-v2-marquee ul{animation:v-mq 38s linear infinite}@keyframes v-mq{to{transform:translateX(-50%)}}}
/* Bento con micro-visual */
.mt-v2-bento{display:grid;gap:14px}
@media (min-width:780px){.mt-v2-bento{grid-template-columns:repeat(6,1fr)}.mt-v2-c4{grid-column:span 4}.mt-v2-c2{grid-column:span 2}}
@media (min-width:780px) and (max-width:1023px){.mt-v2-c4{grid-column:span 6}.mt-v2-c2{grid-column:span 3}}
.mt-v2-card{--mx:50%;--my:50%;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.09);padding:1.8rem;min-height:300px;display:flex;flex-direction:column;text-decoration:none;color:#a3abcf;
  transition:border-color .4s,transform .5s var(--v-ease)}
.mt-lean a.mt-v2-card{color:#a3abcf}
.mt-v2-card::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(75,99,255,.16),transparent 45%)}
.mt-v2-card:hover{border-color:rgba(255,255,255,.18)}
.mt-v2-card:hover::before{opacity:1}
.mt-v2-card > *{position:relative}
.mt-v2-card h3{font-size:1.45rem;letter-spacing:-.03em;line-height:1.15;margin:auto 0 0;color:#eef0ff}
.mt-v2-c4 h3{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.3rem)}
.mt-v2-card p{margin:.55rem 0 0;font-size:.96rem;max-width:34rem;color:#a3abcf}
.mt-v2-card .mt-v2-k{font:500 .72rem var(--v-mono);color:#6f789f;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.2rem}
.mt-v2-go{margin-top:1.2rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem;color:#eef0ff}
.mt-v2-go svg{width:1em;height:1em;transition:transform .3s var(--v-ease)}
.mt-v2-card:hover .mt-v2-go svg{transform:translateX(4px)}
.mt-v2-card--hl{background:linear-gradient(150deg,var(--v-blue),#6c4dff 60%,var(--v-violet));border-color:transparent}
.mt-v2-card--hl::before{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.22),transparent 45%)}
.mt-v2-card--hl .mt-v2-k{color:rgba(255,255,255,.75)}
.mt-v2-card--hl h3{color:#fff}
.mt-v2-card--hl p{color:#e6e9ff}
.mt-v2-code{font:500 .8rem/1.75 var(--v-mono);color:#7d87b3;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.1rem;margin:0 0 1.6rem;white-space:pre;overflow:hidden}
.mt-v2-code .k1{color:#c792ea}.mt-v2-code .k2{color:var(--v-cyan)}.mt-v2-code .k3{color:#a5e88b}.mt-v2-code .k4{color:var(--v-yellow)}
.mt-v2-ag{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:1.8rem}
.mt-v2-ag i{height:26px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.mt-v2-ag .x{background:rgba(75,99,255,.28);border-color:rgba(75,99,255,.5)}
.mt-v2-ag .y{background:rgba(62,224,245,.18);border-color:rgba(62,224,245,.4)}
.mt-v2-ag .z{background:rgba(255,226,31,.2);border-color:rgba(255,226,31,.45)}
.mt-v2-site{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);padding:.8rem;margin-bottom:1.6rem}
.mt-v2-site i{display:block;height:6px;border-radius:4px;background:rgba(255,255,255,.07);margin-bottom:.35rem}
.mt-v2-site i:first-child{height:9px;width:55%;background:rgba(255,255,255,.18);margin-bottom:.5rem}
.mt-v2-site i:nth-child(3){width:80%}
.mt-v2-site i:last-child{width:80px;height:18px;border-radius:6px;background:var(--v-blue);margin:.5rem 0 0}
.mt-v2-prog{display:grid;gap:.55rem;margin-bottom:1.6rem}
.mt-v2-prog span{display:flex;justify-content:space-between;font:500 .75rem var(--v-mono);color:#6f789f}
.mt-v2-prog i{display:block;height:6px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}
.mt-v2-prog i::after{content:"";display:block;height:100%;width:var(--w);border-radius:9px;background:linear-gradient(90deg,var(--v-blue),var(--v-cyan))}
/* Caso studio su carta */
.mt-v2-case{display:grid;gap:3rem;align-items:start}
@media (min-width:1040px){.mt-v2-case{grid-template-columns:.8fr 1.2fr}.mt-v2-case__txt{position:sticky;top:calc(var(--v-pill-h) + 40px)}}
.mt-v2-case h2{max-width:14ch}
.mt-v2-case .mt-v2-lede{font-size:1.12rem;margin:1.5rem 0 2rem}
.mt-v2-tabs{display:grid;gap:.5rem;margin-bottom:2rem}
.mt-v2-tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid transparent;transition:background .3s,border-color .3s}
.mt-v2-tab:hover{background:rgba(11,14,31,.03)}
.mt-v2-tab:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px}
.mt-v2-tab[aria-selected="true"]{background:#fff;border-color:#e3e4ea;box-shadow:0 16px 40px -28px rgba(11,14,31,.4)}
.mt-v2-tab span{font:500 .78rem var(--v-mono);color:#9aa0b5;padding-top:.15rem}
.mt-v2-tab b{font:600 1.05rem var(--v-display);color:#0b0e1f;letter-spacing:-.02em}
.mt-v2-tab small{grid-column:2;color:#4a5068;font-size:.92rem;max-height:0;overflow:hidden;transition:max-height .4s var(--v-ease)}
.mt-v2-tab[aria-selected="true"] small{max-height:7rem}
.mt-v2-tab[aria-selected="true"] span{color:var(--v-blue)}
.mt-v2-shot{border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e3e4ea;box-shadow:0 50px 100px -50px rgba(11,14,31,.55),0 2px 4px rgba(11,14,31,.05)}
.mt-v2-shot__bar{display:flex;gap:.4rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid #e3e4ea;background:#f3f3ef}
.mt-v2-shot__bar i{width:10px;height:10px;border-radius:50%;background:#d9d9d2;flex:none}
.mt-v2-shot__bar span{margin-left:.7rem;font:500 .72rem var(--v-mono);color:#8a8fa3}
.mt-v2-shot img{display:block;width:100%;height:auto}
.mt-v2-shot img[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.mt-v2-shot img{animation:v-fade .6s var(--v-ease)}@keyframes v-fade{from{opacity:0;transform:scale(1.015)}}}
.mt-v2-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.mt-v2-stack span{font:500 .76rem var(--v-mono);padding:.35rem .7rem;border-radius:8px;background:#fff;border:1px solid #e3e4ea;color:#0b0e1f}
/* Numeri grandi */
.mt-v2-nums{display:grid;gap:1px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden}
@media (min-width:780px){.mt-v2-nums{grid-template-columns:repeat(3,1fr)}}
.mt-v2-num{background:var(--v-ink);padding:2.4rem 2rem}
.mt-v2-num b{display:flex;align-items:flex-start;gap:.5rem;font:700 clamp(3.2rem,2rem + 4vw,5rem)/1 var(--v-display);letter-spacing:-.05em;color:#fff}
.mt-v2-num b small{font:500 .82rem var(--v-mono);letter-spacing:.02em;color:var(--v-blue-2);margin-top:.6em}
.mt-v2-num p{margin:.9rem 0 0;max-width:20rem;color:#a3abcf}
/* Metodo */
.mt-v2-method{display:grid;gap:3rem}
@media (min-width:1000px){.mt-v2-method{grid-template-columns:.9fr 1.1fr}.mt-v2-method__head{position:sticky;top:calc(var(--v-pill-h) + 50px);align-self:start}}
.mt-v2-steps{list-style:none;margin:0;padding:0;position:relative}
.mt-v2-steps::before{content:"";position:absolute;left:23px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.16)}
.mt-v2-steps li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:1.5rem;padding-bottom:3rem;margin:0}
.mt-v2-steps li:last-child{padding-bottom:0}
.mt-v2-steps .n{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--v-ink-2);border:1px solid rgba(255,255,255,.16);
  font:500 .85rem var(--v-mono);color:var(--v-blue-2);position:relative;z-index:1}
.mt-v2-steps h3{font-size:1.5rem;margin:.55rem 0 .5rem}
.mt-v2-steps p{margin:0;max-width:32rem}
/* Principi */
.mt-v2-prin{display:grid;gap:14px}
@media (min-width:780px){.mt-v2-prin{grid-template-columns:repeat(3,1fr)}}
.mt-v2-pr{padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.09)}
.mt-v2-pr .mt-s{display:block;font-size:3.2rem;line-height:1;color:var(--v-blue-2);margin-bottom:1.4rem}
.mt-v2-pr h3{font-size:1.25rem;margin-bottom:.6rem}
.mt-v2-pr p{margin:0;font-size:.95rem}
/* Chiusura */
.mt-v2-final{text-align:center;position:relative;overflow:hidden;isolation:isolate;padding:clamp(6rem,12vw,10rem) 0}
.mt-v2-final::before{content:"";position:absolute;width:70rem;height:70rem;left:50%;top:50%;transform:translate(-50%,-30%);border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,rgba(75,99,255,.35),transparent 70%)}
.mt-v2-final h2{font-size:clamp(3rem,1rem + 7.6vw,8rem);letter-spacing:-.06em;line-height:.92;max-width:11ch;margin:1.5rem auto 2.2rem}
.mt-v2-final p{max-width:34rem;margin:0 auto 2.4rem;font-size:1.1rem}
.mt-v2-final .mt-eyebrow{justify-content:center}

/* ---------- 23. Riduci movimento ---------- */
@media (prefers-reduced-motion:reduce){
  .mt-hero,.mt-v2-aurora i,.mt-v2-marquee ul{animation:none!important}
  .mt-card:hover,.mt-v2-card:hover,.mt-tile--link:hover{transform:none}
}