/* The homepage opens on the benefit and the existing before/after illustration. */
#opening-demo.comparison-home .comparison-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:38px;padding-bottom:54px;max-width:1280px}
#opening-demo.comparison-home h1{font-size:clamp(36px,4.1vw,58px);line-height:1.08;margin:15px auto 0;max-width:1050px;text-wrap:balance}
#opening-demo .comparison-lead{max-width:720px;font-size:18px;line-height:1.6;color:#526c7a;margin:18px auto 0}
#opening-demo.comparison-home .ctas{margin-top:22px}
#opening-demo .comparison-visual{width:100%;margin-top:32px}
#opening-demo.comparison-home .ab{width:min(100%,1080px);margin:0 auto;aspect-ratio:1200/640;min-height:0;box-shadow:0 16px 48px #163c5321;border:1px solid #d6e3eb;border-radius:22px}
#opening-demo.comparison-home .ab .etichetta-lato{font-family:var(--sans);font-size:14px}
#opening-demo .comparison-help{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;line-height:1.5;color:#526c7a;margin:18px 0 0}
#opening-demo .comparison-help>span{font-size:20px;color:#007db3}
#opening-demo .comparison-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;margin:28px auto 0;padding:26px 0 0;border-top:1px solid #e0e9ee;width:min(100%,1080px);text-align:left}
#opening-demo .comparison-benefits li{padding:0 0 0 15px;border-left:3px solid #00a3e0;list-style:none}
#opening-demo .comparison-benefits strong{display:block;font-size:16px;font-weight:700;line-height:1.4;color:#21343f}
#opening-demo .comparison-benefits span{display:block;font-size:14px;line-height:1.6;color:#526c7a;margin-top:5px}
#opening-demo.comparison-home .ab input{touch-action:pan-y}
#opening-demo.comparison-home .ab input:focus-visible{outline:0}
@media(min-width:1100px) and (max-height:950px){
 #opening-demo.comparison-home .comparison-hero{padding-top:27px}
 #opening-demo.comparison-home h1{font-size:48px}
 #opening-demo .comparison-lead{margin-top:14px;font-size:17px}
 #opening-demo.comparison-home .ctas{margin-top:18px}
 #opening-demo .comparison-visual{margin-top:26px}
 #opening-demo.comparison-home .ab{width:min(100%,calc((100svh - 460px)*1.875));min-width:620px}
}
@media(max-width:760px){
 #opening-demo.comparison-home .comparison-hero{padding-top:29px;padding-bottom:35px}
 #opening-demo.comparison-home h1{font-size:clamp(32px,8.5vw,42px);line-height:1.08;margin-top:14px}
 #opening-demo .comparison-lead{font-size:16px;line-height:1.55;margin-top:16px}
 #opening-demo .comparison-break{display:none}
 #opening-demo.comparison-home .ctas{margin-top:20px;gap:9px}
 #opening-demo.comparison-home .btn{padding-inline:16px;font-size:13px}
 #opening-demo .comparison-visual{margin-top:27px}
 #opening-demo.comparison-home .ab{height:300px;aspect-ratio:auto;min-width:0;border-radius:18px}
 #opening-demo.comparison-home .ab .schermo{height:100%;aspect-ratio:auto}
 #opening-demo.comparison-home .ab .strato-oggi .schermo-in{left:0;transform:scale(var(--s,1));transform-origin:top left}
 #opening-demo.comparison-home .ab .strato-opero .schermo-in{left:auto;right:0;transform:scale(var(--s,1));transform-origin:top right}
 #opening-demo.comparison-home .ab .etichetta-lato{font-size:12px}
 #opening-demo .comparison-help{font-size:13px;margin-top:13px}
 #opening-demo .comparison-benefits{grid-template-columns:1fr;gap:20px;margin-top:25px;padding-top:23px}
 #opening-demo .comparison-benefits li{padding-left:13px}
}