body{margin:0}.voto{font:16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#525b60;-webkit-font-smoothing:antialiased;background:#fff}
.voto *{box-sizing:border-box}
.top{background:#fff;text-align:center;padding:40px 4% 8px}
.logo{width:148px;height:auto;display:block;margin:0 auto}
.top h2{color:#5f7176;font-weight:300;font-size:2.5em;line-height:1.2;margin:24px 0 20px;letter-spacing:.07em}
.hero{background:#42a6c0;padding:36px 4% 40px}
.hero-in{max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
.phone{position:relative;width:min(100%,380px);aspect-ratio:593/782;flex:none}
.screen{z-index:2;position:absolute;left:41.3%;top:10.9%;width:42.5%;height:56.5%;overflow:hidden;background:#222}
.screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s}
.screen img.on{opacity:1}
.hand{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask:none}
.dots{position:absolute;left:0;right:0;bottom:-26px;text-align:center}
.dots button{width:11px;height:11px;border-radius:20px;border:0;background:#2b7183;margin:0 5px;padding:0;cursor:pointer}
.dots button.on{background:#fff}
.cta{flex:1 1 300px;max-width:420px;text-align:center;margin-top:20px}
.cta h3{color:#fff;font-size:1.875em;line-height:1.4;font-weight:600;margin:0 0 13px;letter-spacing:-.03em}
.cta p{color:#fff;font-size:1.1em;line-height:1.38;margin:0 0 2em}
.badge{background:#2b7183;color:#e8f4f7;border-radius:10px;padding:14px 16px;font-size:.95em}
.gallery{background:#f6f8f9;padding:36px 0 44px;text-align:center}
.gallery h3{color:#797e7f;font-weight:300;font-size:1.875em;letter-spacing:.05em;margin:0 0 28px}
.strip{display:flex;gap:16px;overflow-x:auto;padding:4px 4% 12px;justify-content:flex-start;scroll-snap-type:x mandatory}
.strip img{height:420px;width:auto;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.18);flex:none;scroll-snap-align:center}
footer{background:#303234;padding:28px 4%;text-align:center;color:#dcdcdc}
.flogo{width:96px;height:auto;margin:0 auto 12px;display:block}
footer p{margin:0;font-size:.9em}
@media(max-width:600px){.top h2{font-size:1.7em}.strip img{height:340px}}
.strip img:first-child{margin-left:auto}.strip img:last-child{margin-right:auto}
.store{display:inline-block;background:#2b7183;border-radius:10px;padding:15px 20px;transition:background .3s}.store:hover{background:#fdae42}.store img{height:56px;width:auto;display:block}