*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#020a14;color:#fff;font-family:Arial,Helvetica,sans-serif}
.site{position:relative;width:100%;max-width:1600px;margin:0 auto;line-height:1}
.art{display:block;width:100%;height:auto;user-select:none}
.hotspots,.contact-hotspots,.overlay,.anchor{position:absolute}
.hotspots{inset:0;z-index:5}
.hotspots a,.contact-hotspots a{position:absolute;display:block;cursor:pointer;border-radius:10px}
.hotspots a:hover{background:rgba(255,121,0,.07);outline:1px solid rgba(255,121,0,.45)}
.nav-home{left:31%;top:1.3%;width:6%;height:3.2%}
.nav-sobre{left:38%;top:1.3%;width:7%;height:3.2%}
.nav-solucoes{left:45%;top:1.3%;width:9%;height:3.2%}
.nav-beneficios{left:53%;top:1.3%;width:10%;height:3.2%}
.nav-contato{left:62%;top:1.3%;width:9%;height:3.2%}
.nav-whatsapp{right:2.2%;top:1%;width:17%;height:4.2%}

.overlay{z-index:8}
.countdown-wrap{left:57.8%;top:21.7%;width:39%;height:7.3%;display:flex;align-items:center;justify-content:center}
.counter{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5%;width:100%;height:100%}
.counter div{background:linear-gradient(145deg,#06172b,#071b31);border:1px solid rgba(76,115,151,.8);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 18px rgba(0,95,180,.13),0 2px 8px rgba(0,0,0,.25)}
.counter strong{font-size:clamp(18px,3.1vw,38px);font-weight:900;line-height:1;color:#f5f7fb}
.counter span{margin-top:8px;color:#ff7900;font-weight:900;font-size:clamp(6px,.75vw,11px);letter-spacing:.04em}

.signup{left:57.7%;top:34.35%;width:39%;height:11.8%;padding:0 2.4%;display:flex;align-items:center}
.signup form{width:100%;display:flex;gap:10px;align-items:center}
.signup input{height:52px;flex:1;min-width:0;background:rgba(2,12,25,.72);border:1px solid rgba(71,100,130,.95);border-radius:28px;padding:0 20px;color:#fff;font-size:15px;outline:none}
.signup input:focus{border-color:#ff7900;box-shadow:0 0 0 2px rgba(255,121,0,.14)}
.signup button{height:52px;border:0;border-radius:11px;padding:0 18px;background:#ff7900;color:#fff;font-weight:800;font-size:13px;white-space:nowrap;cursor:pointer;box-shadow:0 0 20px rgba(255,121,0,.18)}
.signup button:hover{filter:brightness(1.08)}
.signup p{position:absolute;left:20px;bottom:-18px;margin:0;color:#7ee787;font-size:11px;white-space:nowrap}
.anchor{left:0;width:100%;pointer-events:none}
.anchor-sobre{top:47.5%;height:17%}
.anchor-solucoes{top:64%;height:19%}
.anchor-beneficios{top:83%;height:9%}
.anchor-contato{top:92%;height:7%}

.contact-hotspots{inset:0;z-index:7}
.contact-hotspots a:nth-child(1){left:57%;top:91.7%;width:15%;height:2.1%}
.contact-hotspots a:nth-child(2){left:57%;top:94%;width:15%;height:2.1%}
.contact-hotspots a:nth-child(3){left:57%;top:96.1%;width:19%;height:2.1%}
.contact-hotspots a:nth-child(4){left:57%;top:98.1%;width:30%;height:1.8%}
.contact-hotspots a:hover{outline:1px solid rgba(255,121,0,.5);background:rgba(255,121,0,.05)}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#071a2f;border:1px solid #ff7900;border-radius:12px;padding:12px 18px;color:#fff;opacity:0;pointer-events:none;transition:.25s;z-index:100;font-size:14px;box-shadow:0 0 25px rgba(0,0,0,.4)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:700px){
  .signup input{height:42px;font-size:12px}
  .signup button{height:42px;font-size:10px;padding:0 10px}
  .counter{gap:1%}
  .counter div{border-radius:7px}
  .counter span{margin-top:4px}
}
@media(max-width:430px){
  .signup{top:34.2%;height:11.9%}
  .signup form{gap:5px}
  .signup input{height:34px;padding:0 11px}
  .signup button{height:34px;padding:0 7px;font-size:8px}
  .signup p{font-size:8px;bottom:-10px}
}