/* ===========================================================
   Landing "Sito vetrina" — variante di /lp/sito-presentazione/
   Stessa offerta, lettura più semplice: sezioni chiare e scure
   alternate, un'idea per sezione, testi corti.
   Foglio autonomo: non dipende da lp.css (che non ha versione).
   =========================================================== */
:root{
  --bg:#161618;
  --surface:#1f1f23;
  --surface-2:#2a2a2f;
  --light:#f5f4f8;
  --light-2:#ffffff;
  --ink:#161618;
  --ink-muted:#55555c;            /* 7,2:1 su --light */
  --primary:#015E82;
  --primary-10:#0086bb;
  --primary-chiaro:#4fb8e0;       /* blu come testo su fondo scuro */
  --secondary:#8C5CDD;
  --secondary-testo:#9E75E2;      /* viola come testo su fondo scuro */
  --secondary-scuro:#5f35b0;      /* viola come testo su fondo chiaro: 6,9:1 */
  --text:#ffffff;
  --text-muted:rgba(255,255,255,.72);
  --border:rgba(255,255,255,.12);
  --border-light:#e2e0ea;
  --ok:#1f9d64;
  --whatsapp:#25D366;
  --font:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --radius:16px;
  --maxw:1120px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:18px;line-height:1.6;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em;}
h1{font-size:clamp(2rem,6vw,3.3rem);font-weight:800;}
h2{font-size:clamp(1.6rem,4.2vw,2.4rem);font-weight:800;}
h3{font-size:1.15rem;font-weight:700;}
p{margin:0 0 1em;}
strong,b{font-weight:700;}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px;}
.narrow{max-width:780px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:100;}
.skip:focus{left:8px;}

/* ---------- sezioni: alternanza scuro / chiaro ---------- */
.sez{padding:72px 0;}
.sez--chiara{background:var(--light);color:var(--ink);}
.sez--chiara-bianca{background:var(--light-2);color:var(--ink);}
.sez--scura{background:var(--bg);}
.sez--scura-2{background:var(--surface);}
@media (min-width:768px){.sez{padding:96px 0;}}

.occhiello{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;color:var(--secondary-testo);}
.sez--chiara .occhiello,.sez--chiara-bianca .occhiello{color:var(--secondary-scuro);}
.intro{max-width:680px;margin-bottom:40px;}
.intro--centro{margin-left:auto;margin-right:auto;text-align:center;}
.intro p{font-size:1.1rem;}
.sez--chiara .intro p,.sez--chiara-bianca .intro p{color:var(--ink-muted);}
.sez--scura .intro p,.sez--scura-2 .intro p{color:var(--text-muted);}
.evid{color:var(--primary-chiaro);}
.sez--chiara .evid,.sez--chiara-bianca .evid{color:var(--primary);}

/* ---------- pulsanti ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:999px;border:2px solid transparent;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;text-align:center;line-height:1.2;}
.btn:hover{transform:translateY(-1px);}
.btn:focus-visible{outline:3px solid var(--secondary-testo);outline-offset:3px;}
.btn--primario{background:var(--primary);color:#fff;}
.btn--primario:hover{background:var(--primary-10);}
.btn--wa{background:var(--whatsapp);color:#04310f;}
.btn--wa:hover{background:#1fbb59;}
.btn--linea{background:transparent;border-color:rgba(255,255,255,.35);color:#fff;}
.btn--linea:hover{border-color:#fff;}
.sez--chiara .btn--linea,.sez--chiara-bianca .btn--linea{border-color:var(--border-light);color:var(--ink);background:#fff;}
.sez--chiara .btn--linea:hover,.sez--chiara-bianca .btn--linea:hover{border-color:var(--primary);}
.btn--viola{background:var(--secondary);color:#fff;}
.btn--viola:hover{background:#7a4bcc;}
.btn--pieno{width:100%;}
.btn--piccolo{min-height:42px;padding:9px 18px;font-size:.92rem;}
.btn svg{flex:none;}

/* ---------- header ---------- */
.testata{position:sticky;top:0;z-index:50;background:rgba(22,22,24,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
.testata__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;}
.marchio{font-weight:800;text-decoration:none;white-space:nowrap;font-size:1rem;}
.marchio span{color:var(--text-muted);font-weight:500;}
.testata nav{display:none;gap:26px;align-items:center;}
.testata nav a{text-decoration:none;font-size:.92rem;font-weight:600;color:var(--text-muted);}
.testata nav a:hover{color:#fff;}
@media (min-width:960px){.testata nav{display:flex;}}
@media (max-width:420px){.marchio span{display:none;}}

/* ---------- hero ---------- */
.hero{padding:56px 0 64px;background:radial-gradient(900px 500px at 85% 10%,rgba(140,92,221,.22),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(1,94,130,.35),transparent 60%),var(--bg);overflow:hidden;}
.hero__griglia{display:grid;gap:44px;align-items:center;}
@media (min-width:960px){.hero__griglia{grid-template-columns:1.05fr 1fr;}.hero{padding:88px 0 96px;}}
.hero .lead{font-size:1.15rem;color:var(--text-muted);max-width:560px;}
.hero .lead strong{color:#fff;}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 30px;}
.hero__prove{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);max-width:560px;}
.hero__prove li{font-size:.85rem;line-height:1.35;color:var(--text-muted);border-left:2px solid var(--secondary);padding-left:10px;}
.hero__prove strong{display:block;color:#fff;font-size:1.05rem;}
@media (max-width:480px){.hero__prove{grid-template-columns:1fr;}.hero__cta .btn{width:100%;}}

.hero__visual{position:relative;}
.hero__visual img{width:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45));}
.bolla{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);font-size:.82rem;line-height:1.3;padding:10px 14px;border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,.35);}
.bolla b{display:block;font-size:.9rem;}
.bolla__ico{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.9rem;}
.bolla--a{left:-6px;bottom:18%;}
.bolla--a .bolla__ico{background:var(--ok);}
.bolla--b{right:4%;top:-14px;}
.bolla--b .bolla__ico{background:var(--secondary);}
@media (max-width:560px){.bolla{font-size:.75rem;padding:8px 11px;}.bolla--a{left:0;bottom:6%;}.bolla--b{right:0;top:-18px;}}

/* ---------- ti riconosci ---------- */
.carte{display:grid;gap:18px;}
@media (min-width:768px){.carte--3{grid-template-columns:repeat(3,1fr);}.carte--2{grid-template-columns:repeat(2,1fr);}}
.carta{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);padding:28px;}
.carta p{color:var(--ink-muted);margin:0;font-size:1rem;}
.carta__num{display:block;font-size:.85rem;font-weight:800;color:var(--secondary-scuro);margin-bottom:10px;letter-spacing:.08em;}
.frase-ponte{margin:40px auto 0;max-width:680px;text-align:center;font-size:1.2rem;font-weight:600;}

/* ---------- per chi è ---------- */
.perchi{display:grid;gap:18px;}
@media (min-width:768px){.perchi{grid-template-columns:1fr 1fr;}}
.perchi__col{border-radius:var(--radius);padding:30px;border:1px solid var(--border);background:var(--surface);}
.perchi__col--si{border-color:rgba(79,184,224,.45);background:linear-gradient(180deg,rgba(1,94,130,.28),rgba(1,94,130,.08));}
.perchi__col h3{display:flex;align-items:center;gap:10px;font-size:1.2rem;}
.lista{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.lista li{display:flex;gap:12px;align-items:flex-start;font-size:1rem;line-height:1.5;}
.lista svg{flex:none;margin-top:3px;}
.perchi__col .lista li{color:var(--text-muted);}
.perchi__col .lista li strong{color:#fff;}
.perchi__col--no .lista svg{color:rgba(255,255,255,.45);}
.perchi__col--si .lista svg{color:var(--primary-chiaro);}
.perchi__nota{margin:18px 0 0;font-size:.95rem;color:var(--text-muted);}
.perchi__nota a{color:var(--secondary-testo);font-weight:700;}

/* ---------- come funziona ---------- */
.passi{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:passo;}
@media (min-width:768px){.passi{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1100px){.passi{grid-template-columns:repeat(4,1fr);}}
.passo{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);padding:26px;position:relative;}
.passo__n{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:14px;}
.passo p{color:var(--ink-muted);font-size:1rem;margin:0 0 14px;}
.passo__quando{display:inline-block;font-size:.8rem;font-weight:700;color:var(--secondary-scuro);background:#efe9fb;border-radius:999px;padding:4px 12px;}
.garanzia{margin:32px auto 0;max-width:760px;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--border-light);border-left:4px solid var(--ok);border-radius:12px;padding:18px 20px;font-size:1rem;}
.garanzia svg{flex:none;color:var(--ok);margin-top:2px;}
.garanzia p{margin:0;}

/* ---------- esempi ---------- */
.esempi{display:grid;gap:18px;}
@media (min-width:768px){.esempi{grid-template-columns:1.2fr 1.2fr .8fr;align-items:start;}}
.esempio{margin:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.esempio img{width:100%;}
.esempio figcaption{padding:16px 18px 18px;font-size:.95rem;color:var(--text-muted);}
.esempio figcaption b{display:block;color:#fff;margin-bottom:4px;}
.esempio--tel img{max-width:260px;margin:18px auto 0;border-radius:18px;}
.esempi__link{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px;}

/* ---------- cosa include ---------- */
.gruppi{display:grid;gap:18px;}
@media (min-width:768px){.gruppi{grid-template-columns:repeat(2,1fr);}}
.gruppo{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);padding:26px;}
.gruppo h3{display:flex;align-items:center;gap:12px;}
.gruppo__ico{flex:none;width:38px;height:38px;border-radius:10px;background:#e6f2f7;color:var(--primary);display:grid;place-items:center;}
.gruppo .lista li{color:var(--ink-muted);}
.gruppo .lista li strong{color:var(--ink);}
.gruppo .lista svg{color:var(--ok);}
.escluso{margin-top:26px;background:#fff;border:1px dashed #c9c5d6;border-radius:var(--radius);padding:26px;}
.escluso h3{display:flex;align-items:center;gap:10px;}
.escluso ul{list-style:none;margin:0;padding:0;display:grid;gap:10px 28px;}
@media (min-width:768px){.escluso ul{grid-template-columns:repeat(3,1fr);}}
.escluso li{display:flex;gap:10px;font-size:.98rem;color:var(--ink-muted);line-height:1.45;}
.escluso li svg{flex:none;margin-top:3px;color:#9a97a6;}
.escluso li em{font-style:normal;font-weight:700;color:var(--ink);}
.escluso__nota{margin:18px 0 0;font-size:.95rem;color:var(--ink-muted);}
.escluso__nota a{color:var(--secondary-scuro);font-weight:700;}

/* ---------- prezzi ---------- */
.piani{display:grid;gap:18px;align-items:stretch;}
@media (min-width:960px){.piani{grid-template-columns:repeat(3,1fr);}}
.piano{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:30px 26px;}
.piano--top{border:2px solid var(--secondary);background:linear-gradient(180deg,rgba(140,92,221,.16),var(--surface) 55%);}
.piano__badge{position:absolute;top:-13px;left:26px;background:var(--secondary);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;}
.piano__nome{font-weight:800;font-size:1.25rem;margin:0 0 4px;}
.piano__per{color:var(--text-muted);font-size:.95rem;margin:0 0 18px;}
.piano__prezzo{display:flex;align-items:baseline;gap:6px;margin:0;}
.piano__prezzo b{font-size:2.6rem;font-weight:800;line-height:1;}
.piano__prezzo span{color:var(--text-muted);font-weight:600;}
.piano__sotto{font-size:.9rem;color:var(--text-muted);margin:8px 0 20px;min-height:2.8em;}
.piano .lista{margin-bottom:24px;flex:1;}
.piano .lista li{font-size:.95rem;color:var(--text-muted);}
.piano .lista svg{color:var(--primary-chiaro);}
.piano__legale{font-size:.85rem;color:var(--text-muted);margin:-8px 0 20px;}
.prezzi__nota{text-align:center;color:var(--text-muted);font-size:.92rem;margin:28px 0 0;}

/* ---------- chi sono ---------- */
.io{display:grid;gap:30px;align-items:center;}
@media (min-width:768px){.io{grid-template-columns:260px 1fr;gap:48px;}}
.io__foto{max-width:260px;margin:0 auto;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#e6f2f7,#efe9fb);}
.io__testo p{color:var(--ink-muted);}
.io__testo p strong{color:var(--ink);}
.fiducia{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;}
@media (min-width:560px){.fiducia{grid-template-columns:1fr 1fr;}}
.fiducia li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:var(--ink-muted);line-height:1.45;}
.fiducia svg{flex:none;color:var(--primary);margin-top:2px;}
.fiducia b{color:var(--ink);}

/* ---------- faq ---------- */
.faq details{border-bottom:1px solid var(--border-light);}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:700;font-size:1.05rem;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';flex:none;width:30px;height:30px;border-radius:50%;background:#efe9fb;color:var(--secondary-scuro);display:grid;place-items:center;font-size:1.2rem;font-weight:700;transition:transform .2s;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq summary:focus-visible{outline:3px solid var(--secondary);outline-offset:2px;border-radius:6px;}
.faq__risposta{padding:0 0 20px;color:var(--ink-muted);font-size:1rem;}
.faq__risposta strong{color:var(--ink);}
.faq__risposta p:last-child{margin-bottom:0;}

/* ---------- contatti ---------- */
.contatti{display:grid;gap:36px;}
@media (min-width:960px){.contatti{grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;}}
.contatti__testo p{color:var(--text-muted);}
.canali{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;}
.canali a{display:flex;align-items:center;gap:14px;text-decoration:none;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px 16px;transition:border-color .2s;}
.canali a:hover{border-color:var(--secondary);}
.canali__ico{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--whatsapp);color:#04310f;}
.canali__ico--mail{background:var(--primary);color:#fff;}
.canali small{display:block;color:var(--text-muted);font-size:.85rem;}
.canali b{font-size:1rem;word-break:break-all;}
.modulo{background:#fff;color:var(--ink);border-radius:20px;padding:28px 22px;box-shadow:0 24px 50px rgba(0,0,0,.35);}
@media (min-width:560px){.modulo{padding:34px 32px;}}
.campo{margin-bottom:16px;border:0;padding:0;min-width:0;}
.campo label,.campo legend{display:block;font-weight:700;font-size:.92rem;margin-bottom:6px;padding:0;}
.campo .facolt{font-weight:500;color:var(--ink-muted);}
.campo input,.campo select,.campo textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#faf9fc;border:1.5px solid #d6d3e0;border-radius:10px;padding:12px 14px;min-height:48px;}
.campo textarea{resize:vertical;min-height:90px;}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(1,94,130,.18);background:#fff;}
.campi-2{display:grid;gap:0 14px;}
@media (min-width:560px){.campi-2{grid-template-columns:1fr 1fr;}}
.scelte{display:flex;flex-wrap:wrap;gap:10px;}
.scelte label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;margin:0;border:1.5px solid #d6d3e0;border-radius:999px;padding:9px 16px;cursor:pointer;}
.scelte input{width:auto;min-height:0;margin:0;accent-color:var(--primary);}
.scelte label:has(input:checked){border-color:var(--primary);background:#e6f2f7;}
.consenso{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--ink-muted);margin:8px 0 20px;line-height:1.5;}
.consenso input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--primary);}
.consenso a{color:var(--primary);}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.modulo__nota{text-align:center;font-size:.85rem;color:var(--ink-muted);margin:12px 0 0;}
.avviso{display:none;background:#fdecea;border:1px solid #e3a39b;color:#7a1e12;border-radius:12px;padding:14px 16px;margin-bottom:18px;font-size:.95rem;}
.avviso.si{display:block;}

/* ---------- step-up ---------- */
.stepup{padding:0 0 72px;background:var(--bg);}
.stepup__box{border:1px solid var(--border);border-radius:20px;padding:28px;display:grid;gap:18px;align-items:center;background:var(--surface);}
@media (min-width:768px){.stepup__box{grid-template-columns:1fr auto;padding:32px 36px;}}
.stepup__box p{margin:0;color:var(--text-muted);font-size:1rem;}
.stepup__box h2{font-size:1.3rem;margin-bottom:6px;}

/* ---------- footer ---------- */
.piede{border-top:1px solid var(--border);padding:36px 0 110px;text-align:center;font-size:.9rem;color:var(--text-muted);}
.piede p{margin:0 0 8px;}
.piede a{color:var(--text-muted);}
.piede a:hover{color:#fff;}
@media (min-width:768px){.piede{padding-bottom:40px;}}

/* ---------- barra fissa sul telefono / bolla su desktop ---------- */
.barra-tel{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1.3fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(22,22,24,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);transition:transform .25s;}
.barra-tel .btn{min-height:46px;padding:10px 14px;font-size:.95rem;}
.barra-tel.via{transform:translateY(110%);}
.bolla-wa{display:none;}
@media (min-width:768px){
  .barra-tel{display:none;}
  .bolla-wa{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;gap:8px;background:var(--whatsapp);color:#04310f;font-weight:700;text-decoration:none;padding:13px 20px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:opacity .25s,transform .25s;}
  .bolla-wa.via{opacity:0;transform:translateY(20px);pointer-events:none;}
}
/* il cookie banner sta sopra la barra del telefono */
.cookie-banner{z-index:70;}