@font-face{font-family:Inter;src:url(/fonts/Inter-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/Inter-latin-ext.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-024F}
@font-face{font-family:Plex;src:url(/fonts/IBMPlexMono-normal-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--blu:#13294B;--arancio:#D9621C;--arancio-testo:#B84F12;--tenue:#5A6478;--chat:#EFEAE2;--nebbia:#F5F3EF;--bianco:#fff;--verde:#D9FDD3;--wa:#1FA855}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bianco);color:var(--blu);font-family:Inter,system-ui,sans-serif;font-size:18px;line-height:1.55;letter-spacing:-.006em}
a{color:inherit}
.w{max-width:1120px;margin:0 auto;padding:0 20px}
.testa{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(19,41,75,.07)}
.testa .w{display:flex;align-items:center;justify-content:space-between;height:64px}
.marchio{font-weight:800;letter-spacing:-.045em;font-size:22px;line-height:.9;color:var(--arancio);text-decoration:none}
.marchio i{font-style:normal;color:var(--blu)}
.testa .tel{font-family:Plex;font-size:15px;text-decoration:none;font-weight:500}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:12px;font-weight:700;font-size:17px;text-decoration:none;line-height:1.2}
.btn svg{width:20px;height:20px;flex:none}
.btn-wa{background:var(--arancio);color:#fff}
.btn-wa:hover{background:#C2551A}
.btn-tel{border:2px solid var(--blu);color:var(--blu)}
.apri{padding:48px 0 40px}
.apri .w{display:grid;gap:36px}
.apri h1{font-weight:800;letter-spacing:-.04em;line-height:1.02;font-size:clamp(40px,9vw,72px)}
.apri h1 span{color:var(--arancio)}
.apri .sotto{margin-top:18px;font-size:19px;max-width:34em;color:#2A3B57}
.btns{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}
.chat{background:var(--chat);border-radius:22px;padding:22px 18px;max-width:460px;width:100%;justify-self:center}
.chat .intro{font-size:14px;color:var(--tenue);margin:0 4px 12px}
.bolla{background:#fff;border-radius:4px 16px 16px 16px;padding:12px 14px 6px;font-size:16px;line-height:1.42;box-shadow:0 1px 0 rgba(0,0,0,.07);position:relative}
.bolla .mitt{font-weight:700;color:var(--arancio-testo);font-size:14px;margin-bottom:2px}
.bolla ul{list-style:none;margin:2px 0 6px}
.bolla li{display:flex;gap:8px;align-items:flex-start}
.sp{width:15px;height:15px;flex:none;margin-top:4px;color:var(--arancio)}
.bolla .ora{text-align:right;font-size:12px;color:#8A8F98}
.chat .dopo{font-size:15px;line-height:1.45;margin:14px 4px 0;color:var(--blu);font-weight:600}
.ok{font-weight:650}
.sez{padding:64px 0}
.sez h2{font-weight:800;letter-spacing:-.035em;line-height:1.08;font-size:clamp(30px,6vw,46px);max-width:20em}
.sez .lead{margin-top:14px;max-width:40em;color:#2A3B57}
.nebbia{background:var(--nebbia)}
.notte{background:var(--blu);color:#fff}
.notte h2,.notte h3{color:#fff}
.frasi{margin-top:28px;display:grid;gap:18px}
.frasi blockquote{font-weight:700;font-size:clamp(20px,3.4vw,26px);line-height:1.3;letter-spacing:-.02em;border-left:5px solid var(--arancio);padding:2px 0 2px 18px}
.chiusa{margin-top:24px;font-size:19px;max-width:38em}
.lavori{margin-top:30px;display:grid;gap:22px 34px}
.lavori h3{font-size:19px;font-weight:750;letter-spacing:-.015em;display:flex;gap:10px;align-items:flex-start}
.lavori h3 .sp{margin-top:6px}
.lavori p{margin-top:4px;color:#2A3B57;padding-left:25px}
.due{margin-top:30px;display:grid;gap:28px}
.due h3{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#F4A06C;margin-bottom:10px}
.due li{list-style:none;display:flex;gap:10px;margin-top:10px;font-size:18px}
.due li .sp{color:#F4A06C}
.passi{margin-top:30px;display:grid;gap:26px;counter-reset:p}
.passi > div{position:relative;padding-left:58px}
.passi > div::before{counter-increment:p;content:counter(p);position:absolute;left:0;top:-6px;font-weight:800;font-size:44px;line-height:1;color:var(--arancio);letter-spacing:-.04em}
.passi h3,.prove h3{font-size:20px;font-weight:750;letter-spacing:-.015em}
.passi p,.prove p{margin-top:4px;color:#2A3B57}
.prove{margin-top:30px;display:grid;gap:22px}
.prove > div{background:#fff;border-radius:16px;padding:22px}
.dati p{margin-top:12px;max-width:40em;font-size:19px}
.chi p{margin-top:16px;max-width:40em;font-size:19px}
.faq{margin-top:26px;max-width:46em}
.faq details{border-top:1px solid rgba(19,41,75,.14);padding:16px 0}
.faq details:last-child{border-bottom:1px solid rgba(19,41,75,.14)}
.faq summary{font-weight:700;font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--arancio);font-weight:800;font-size:24px;line-height:1}
.faq details[open] summary::after{content:'−'}
.faq p{margin-top:8px;color:#2A3B57}
.fine{background:var(--arancio);color:#fff;text-align:left}
.fine h2{color:#fff}
.fine p{margin-top:14px;font-size:20px;max-width:34em}
.fine .btn-wa{background:#fff;color:var(--blu);margin-top:26px}
.piede{padding:34px 0 110px;font-size:15px;color:var(--tenue)}
.piede .w{display:grid;gap:10px}
.piede .marchio{font-size:20px}
.piede .mono{font-family:Plex;font-size:14px}
.piede nav{display:flex;gap:18px;flex-wrap:wrap}
.barra{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid rgba(19,41,75,.1)}
.barra a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:10px;font-weight:700;text-decoration:none;font-size:16px}
.barra svg{width:19px;height:19px}
.barra .b-tel{border:2px solid var(--blu)}
.barra .b-wa{background:var(--arancio);color:#fff}
.legale{padding:48px 0 80px}
.legale h1{font-size:clamp(32px,6vw,44px);font-weight:800;letter-spacing:-.035em}
.legale p{margin-top:16px;max-width:42em}
@media (min-width:760px){
 .barra{display:none}
 .piede{padding-bottom:40px}
 .apri{padding:72px 0 64px}
 .apri .w{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px}
 .lavori{grid-template-columns:1fr 1fr}
 .due{grid-template-columns:1fr 1fr;gap:48px}
 .passi{grid-template-columns:repeat(3,1fr);gap:34px}
 .prove{grid-template-columns:1fr 1fr}
 .sez{padding:88px 0}
}

.menu{display:none;gap:22px;font-size:15px;font-weight:600}
.menu a{text-decoration:none;color:var(--blu)}
.menu a:hover{color:var(--arancio)}
.btn-testa{background:var(--arancio);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:10px 14px;border-radius:10px}
.payoff{font-weight:700;color:var(--arancio-testo);font-size:17px;margin-bottom:10px}
.apri h1{font-size:clamp(36px,7.4vw,62px)}
.prova{margin-top:16px;font-size:15px;color:var(--tenue);max-width:34em}
.coppie{margin-top:28px;display:grid;gap:16px}
.coppia{background:#fff;border-radius:16px;padding:20px 22px}
.coppia blockquote{font-weight:750;font-size:19px;line-height:1.35;letter-spacing:-.015em}
.coppia p{margin-top:8px;color:#2A3B57;padding-left:14px;border-left:4px solid var(--arancio)}
.motto{margin-top:26px;font-weight:750;font-size:20px;letter-spacing:-.015em;color:var(--arancio-testo)}
.settori{margin-top:28px;display:grid;gap:18px}
.settori > div{border-top:3px solid var(--arancio);padding-top:12px}
.settori h3{font-size:19px;font-weight:750}
.settori p{margin-top:4px;color:#2A3B57}
.notte .lead{color:#C9D3E4}
.confronto{margin-top:26px;display:grid;gap:0}
.confronto > div{display:grid;gap:4px;padding:16px 0;border-top:1px solid rgba(255,255,255,.18)}
.confronto dt{font-weight:750;color:#F4A06C;font-size:17px}
.confronto dd{font-size:18px}
.fiducia{margin-top:28px;display:grid;gap:22px}
.fiducia h3{font-size:19px;font-weight:750}
.fiducia p{margin-top:4px;color:#2A3B57}
.formule{margin-top:28px;display:grid;gap:16px}
.formula{border:2px solid rgba(19,41,75,.12);border-radius:18px;padding:22px;position:relative}
.formula.cons{border-color:var(--arancio);box-shadow:0 8px 24px rgba(217,98,28,.12)}
.formula .etich{display:inline-block;background:var(--arancio);color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:99px;margin-bottom:10px}
.formula h3{font-size:24px;font-weight:800;letter-spacing:-.025em}
.formula p{margin-top:6px;color:#2A3B57}
.formula ul{list-style:none;margin-top:12px;display:grid;gap:6px}
.formula li{display:flex;gap:8px;font-size:16px}
.chi p{margin-top:12px}
.fine .contatti{margin-top:18px;font-size:16px;opacity:.95}
@media (min-width:760px){
 .settori{grid-template-columns:repeat(3,1fr);gap:28px}
 .coppie{grid-template-columns:1fr 1fr}
 .confronto > div{grid-template-columns:240px 1fr;gap:24px}
 .fiducia{grid-template-columns:1fr 1fr;gap:28px 44px}
 .formule{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1060px){.menu{display:flex}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* sito a piu' pagine (21/10/2026 sera) */
.testa .w{gap:16px}
.menu{display:none;gap:20px;font-size:15px;font-weight:600}
.menu a{text-decoration:none;color:var(--blu)}
.menu a:hover,.menu a[aria-current]{color:var(--arancio-testo)}
.btn-testa{background:var(--arancio);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:10px 14px;border-radius:10px;white-space:nowrap}
.destra{display:flex;align-items:center;gap:10px}
.mmenu{position:relative}
.mmenu summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;padding:8px 12px;border:2px solid var(--blu);border-radius:10px}
.mmenu summary::-webkit-details-marker{display:none}
.mmenu nav{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(19,41,75,.18);padding:10px;display:grid;min-width:220px;z-index:30}
.mmenu nav a{padding:11px 12px;text-decoration:none;font-weight:600;border-radius:8px}
.mmenu nav a:hover,.mmenu nav a[aria-current]{background:var(--nebbia)}
.btn svg{width:20px;height:20px}
.payoff{font-weight:700;color:var(--arancio-testo);font-size:17px;margin-bottom:10px}
.apri h1{font-size:clamp(36px,7.4vw,62px)}
.prova{margin-top:16px;font-size:15px;color:var(--tenue);max-width:34em}
.testa-pag{padding:52px 0 8px}
.testa-pag h1{font-weight:800;letter-spacing:-.04em;line-height:1.05;font-size:clamp(34px,6.6vw,54px);max-width:18em}
.testa-pag p{margin-top:14px;font-size:20px;max-width:36em;color:#2A3B57}
.coppie{margin-top:28px;display:grid;gap:16px}
.coppia{background:#fff;border-radius:16px;padding:20px 22px}
.sez:not(.nebbia) .coppia{background:var(--nebbia)}
.coppia blockquote{font-weight:750;font-size:19px;line-height:1.35;letter-spacing:-.015em}
.coppia p{margin-top:8px;color:#2A3B57;padding-left:14px;border-left:4px solid var(--arancio)}
.motto{margin-top:26px;font-weight:750;font-size:20px;letter-spacing:-.015em;color:var(--arancio-testo)}
.rimandi{display:grid;gap:16px}
.rimandi a{display:block;text-decoration:none;background:#fff;border:2px solid rgba(19,41,75,.1);border-radius:18px;padding:22px}
.rimandi a:hover{border-color:var(--arancio)}
.rimandi h3{font-size:21px;font-weight:800;letter-spacing:-.02em}
.rimandi p{margin-top:6px;color:#2A3B57}
.rimandi .vai{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--arancio-testo)}
.rimandi .vai svg{width:18px;height:18px}
.passi3{display:grid;gap:18px;counter-reset:p}
.passi3 > div{background:#fff;border-radius:18px;padding:22px 22px 20px 74px;position:relative}
.sez:not(.nebbia) .passi3 > div{background:var(--nebbia)}
.passi3 > div::before{counter-increment:p;content:counter(p);position:absolute;left:24px;top:16px;font-weight:800;font-size:40px;line-height:1;color:var(--arancio)}
.passi3 h3{font-size:21px;font-weight:800;letter-spacing:-.02em}
.passi3 p{margin-top:6px;color:#2A3B57}
.passi3 dl{margin-top:12px;display:grid;gap:8px;font-size:16px}
.passi3 dt{font-weight:750;color:var(--blu)}
.passi3 dd{color:#2A3B57}
.lavori{margin-top:0}
.lavori .es{margin:10px 0 0 25px;background:var(--chat);border-radius:4px 14px 14px 14px;padding:10px 12px;font-size:15px;line-height:1.45}
.lavori .es b{display:block;color:var(--arancio-testo);font-size:13px}
.settori2{display:grid;gap:18px}
.settori2 > div{background:#fff;border-radius:18px;padding:22px;border-top:5px solid var(--arancio)}
.sez:not(.nebbia) .settori2 > div{background:var(--nebbia)}
.settori2 h3{font-size:21px;font-weight:800;letter-spacing:-.02em}
.settori2 p{margin-top:6px;color:#2A3B57}
.settori2 blockquote{margin-top:12px;font-weight:700;font-size:17px;line-height:1.35}
.fiducia{display:grid;gap:22px}
.fiducia h3{font-size:20px;font-weight:800;letter-spacing:-.015em;display:flex;gap:10px;align-items:flex-start}
.fiducia h3 .sp{margin-top:7px}
.fiducia p{margin-top:4px;color:#2A3B57;padding-left:25px}
.guai{margin-top:24px;display:grid}
.guai > div{display:grid;gap:4px;padding:16px 0;border-top:1px solid rgba(19,41,75,.14)}
.guai dt{font-weight:750;font-size:18px}
.guai dd{color:#2A3B57}
.notte .lead{color:#C9D3E4}
.confronto{margin-top:26px;display:grid}
.confronto > div{display:grid;gap:4px;padding:16px 0;border-top:1px solid rgba(255,255,255,.18)}
.confronto dt{font-weight:750;color:#F4A06C;font-size:17px}
.confronto dd{font-size:18px}
.formule{display:grid;gap:16px}
.formula{border:2px solid rgba(19,41,75,.12);border-radius:18px;padding:22px;position:relative;background:#fff}
.formula.cons{border-color:var(--arancio);box-shadow:0 8px 24px rgba(217,98,28,.12)}
.formula .etich{display:inline-block;background:var(--arancio);color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:99px;margin-bottom:10px}
.formula h3{font-size:24px;font-weight:800;letter-spacing:-.025em}
.formula p{margin-top:6px;color:#2A3B57}
.formula ul{list-style:none;margin-top:12px;display:grid;gap:6px}
.formula li{display:flex;gap:8px;font-size:16px}
.testo p{margin-top:16px;max-width:40em;font-size:19px}
.testo p:first-child{margin-top:0}
.chiusa-pag{background:var(--arancio);color:#fff}
.chiusa-pag h2{color:#fff}
.chiusa-pag p{margin-top:12px;font-size:20px;max-width:34em;font-weight:600}
.chiusa-pag .btn{background:#fff;color:var(--blu);margin-top:22px}
.modulo{background:#fff;border:2px solid rgba(19,41,75,.1);border-radius:20px;padding:24px;max-width:680px;display:grid;gap:18px;position:relative}
.modulo label{display:grid;gap:6px;font-weight:700;font-size:16px}
.modulo .aiuto{font-weight:400;color:var(--tenue);font-size:14px}
.modulo input[type=text],.modulo input[type=email],.modulo input[type=tel],.modulo select,.modulo textarea{font:inherit;font-weight:400;font-size:17px;color:var(--blu);border:2px solid rgba(19,41,75,.18);border-radius:10px;padding:12px 13px;background:#fff;width:100%}
.modulo textarea{min-height:120px;resize:vertical}
.modulo input:focus,.modulo select:focus,.modulo textarea:focus{outline:none;border-color:var(--arancio)}
.modulo fieldset{border:0;display:grid;gap:8px}
.modulo legend{font-weight:700;font-size:16px;margin-bottom:6px}
.modulo .scelte{display:flex;gap:10px;flex-wrap:wrap}
.modulo .scelte label{display:flex;gap:8px;align-items:center;font-weight:600;border:2px solid rgba(19,41,75,.18);border-radius:10px;padding:10px 14px;cursor:pointer}
.modulo .consenso{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:15px}
.modulo .consenso input{width:20px;height:20px;margin-top:2px;flex:none}
.modulo .consenso a{color:var(--arancio-testo)}
.modulo button{font:inherit;font-weight:700;border:0;cursor:pointer;justify-self:start}
.modulo .sotto-btn{font-size:14px;color:var(--tenue)}
.trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.avviso-err{display:none;background:#FDECE3;border-left:5px solid var(--arancio);padding:12px 14px;border-radius:8px;font-weight:600}
.grazie{padding:64px 0 90px}
.grazie h1{font-weight:800;letter-spacing:-.04em;font-size:clamp(34px,6vw,52px)}
.grazie p{margin-top:16px;font-size:20px;max-width:34em}
.grazie a.vai{display:inline-flex;gap:8px;align-items:center;margin-top:22px;font-weight:700;color:var(--arancio-testo)}
.grazie a.vai svg{width:18px;height:18px}
.piede nav{display:flex;gap:16px;flex-wrap:wrap}
.barra .b-prova{background:var(--arancio);color:#fff}
.legale h2{font-weight:800;letter-spacing:-.02em}
@media (min-width:760px){
 .coppie{grid-template-columns:1fr 1fr}
 .rimandi{grid-template-columns:repeat(3,1fr)}
 .confronto > div,.guai > div{grid-template-columns:260px 1fr;gap:24px}
 .settori2{grid-template-columns:1fr 1fr}
 .fiducia{grid-template-columns:1fr 1fr;gap:28px 44px}
 .formule{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1080px){.menu{display:flex}.mmenu{display:none}}

/* 22/10 notte: benefici a schede con icona, caso vero con schermate, struttura come quietanza.ch */
.col-tit{margin-top:38px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--arancio-testo)}
.benefici{margin-top:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.benefici > div{background:#fff;border-radius:16px;padding:22px;border:1px solid rgba(19,41,75,.08)}
.benefici .ico{width:34px;height:34px;color:var(--arancio);display:block}
.benefici h3{margin-top:12px;font-size:19px;font-weight:750;letter-spacing:-.015em;line-height:1.25}
.benefici p{margin-top:6px;font-size:16.5px;color:#2A3B57}
.benefici.loro > div{background:var(--blu);color:#fff;border-color:transparent}
.benefici.loro p{color:rgba(255,255,255,.82)}
.benefici.loro .ico{color:#F2A36F}
.etich-caso{font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--arancio-testo);margin-bottom:10px}
.caso-testo{margin-top:18px;max-width:44em;color:#2A3B57}
.caso-testo p+p{margin-top:12px}
.numeri{margin-top:28px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.numeri > div{border-left:4px solid var(--arancio);padding:4px 0 4px 16px}
.numeri b{display:block;font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1.1}
.numeri span{display:block;margin-top:4px;font-size:16px;color:#2A3B57}
.schermate{margin-top:32px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}
.schermate figure{margin:0}
.schermate img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid rgba(19,41,75,.12);box-shadow:0 10px 30px rgba(19,41,75,.10);background:#fff}
.schermate figcaption{margin-top:10px;font-size:15.5px;color:var(--tenue)}
.caso .nota{margin-top:18px;font-size:14.5px;color:var(--tenue)}
.caso .vai{margin-top:14px;display:inline-flex}
a.vai{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--arancio-testo);text-decoration:none}
a.vai svg{width:18px;height:18px}
@media(min-width:700px){.benefici{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.benefici{grid-template-columns:repeat(3,1fr)}.benefici.loro{grid-template-columns:repeat(5,1fr);gap:12px}.benefici.loro > div{padding:18px}}
.punti-caso{margin-top:18px;list-style:none;display:grid;gap:8px;max-width:44em}
.punti-caso li{display:flex;gap:10px;align-items:flex-start;color:#2A3B57}
.punti-caso .sp{width:16px;height:16px;flex:none;margin-top:5px;color:var(--arancio)}
@media(min-width:700px){.schermate.quattro{grid-template-columns:repeat(2,1fr)}}
.foto{margin:0}.foto img{width:100%;height:auto;display:block;border-radius:16px;aspect-ratio:16/9;object-fit:cover}
.foto figcaption{margin-top:10px;font-size:16px;font-weight:600;color:#2A3B57}
.primadopo{display:grid;gap:20px}@media(min-width:760px){.primadopo{grid-template-columns:1fr 1fr}}
.sez.foto-pd{padding-top:8px}.sez.foto-sola{padding:28px 0 0}
.dd{color:var(--arancio-testo);font-weight:800}
.notte .dd,.benefici.loro .dd{color:#F2A36F}
.testa-pag.con-foto .w{display:grid;gap:24px;align-items:center}
@media(min-width:900px){.testa-pag.con-foto .w{grid-template-columns:minmax(0,1fr) 440px;gap:48px}}
.foto-testa{margin:0}.foto-testa img{width:100%;height:auto;display:block;border-radius:18px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 14px 40px rgba(19,41,75,.14)}
