:root{--azul:#1b73e8;--azul-forte:#1464d6;--tinta:#151b27;--muted:#5e6b7c;--linha:#d9e0ea;--campo:#e4e9f1;color:var(--tinta);background:#fff;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{background:#fff;min-height:100dvh;margin:0}img{max-width:100%;height:auto}button,input{font:inherit}.sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pagina{grid-template:"marca cena""texto cena""beneficios cena"1fr"dominio cena"/minmax(460px,50%) minmax(0,1fr);align-content:stretch;min-height:100dvh;padding:34px 0 28px 64px;display:grid;overflow:hidden}.marca{grid-area:marca;margin:0}.marca img{width:auto;height:48px;display:block}.texto{grid-area:texto;max-width:680px;margin-top:42px}h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,3.55vw,58px);font-weight:900;line-height:1.02}.azul{color:var(--azul)}.rotulo{letter-spacing:.42em;text-transform:uppercase;margin:28px 0 0;font-size:13px;font-weight:700}.data{color:var(--azul);letter-spacing:-.045em;margin:2px 0 0;font-size:clamp(40px,4.3vw,68px);font-weight:900;line-height:1}.ano{letter-spacing:.08em;gap:.72em;margin:10px 0 0;font-size:18px;font-weight:800;display:flex}.pedido{margin:18px 0 0;font-size:16px;font-weight:700}form{max-width:620px;margin-top:14px}.par{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{display:block;position:relative}input{border:1px solid var(--campo);width:100%;height:50px;color:var(--tinta);background:#fff;border-radius:10px;padding:0 16px;font-size:16px}input::placeholder{color:#9aa6b5}input:focus{border-color:var(--azul);outline:2px solid #1b73e859}.erros{color:#c53636;margin:10px 0 0;font-size:14px;font-weight:600}button{background:var(--azul);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;height:50px;margin-top:12px;font-size:16px;font-weight:700}button:hover{background:var(--azul-forte)}.ok{color:var(--azul);margin:8px 0 0;font-size:18px;font-weight:800}.cena{z-index:0;grid-area:cena;min-height:560px;position:relative}.marca,.texto,.beneficios,.dominio{z-index:1;position:relative}.fundo,.carro{background-repeat:no-repeat;background-size:contain;position:absolute}.fundo{display:none}.carro{background-image:url(/assets/carro-mobile-wbn3t92V.png);background-position:100%;background-size:contain;width:100%;height:100%;inset:0}.beneficios{grid-area:beneficios;align-self:start;align-items:center;gap:0;margin:22px 0 0;padding:0;list-style:none;display:flex}.beneficios li{color:var(--muted);border-left:1px solid #e5ebf2;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:flex}.beneficios li:first-child{border-left:0;padding-left:0}.beneficios svg{color:#7b8798;display:block}.dominio{grid-area:dominio;align-self:end;margin:28px 0 0;font-size:16px;font-weight:800}@media (width<=980px){.pagina{flex-direction:column;align-items:stretch;min-height:100dvh;padding:28px 20px 36px;display:flex;overflow:visible}.marca{order:1;justify-content:center;display:flex}.marca img{width:auto;height:36px}.texto{text-align:center;order:2;max-width:none;margin-top:28px}.rotulo{letter-spacing:.38em;margin-top:26px}.ano{justify-content:center}.par{grid-template-columns:1fr}form{max-width:none}.cena{order:3;height:250px;min-height:0;margin:18px -8px 0;overflow:visible}.fundo{background-position:50%;width:132%;height:84%;top:6%;left:50%;right:auto;transform:translate(-50%)}.carro{background-position:bottom;width:92%;height:90%;bottom:0;left:50%;right:auto;transform:translate(-50%)}.beneficios{order:4;grid-template-columns:1fr 1fr 1fr;margin-top:8px;display:grid}.beneficios li{text-align:center;border-left:1px solid #e5ebf2;flex-direction:column;justify-content:flex-start;gap:8px;padding:0 8px;line-height:1.25}.beneficios li:first-child{border-left:0;padding-left:8px}.dominio{color:var(--azul);text-align:center;order:5;margin-top:26px;font-size:18px}html,body{overscroll-behavior:none;height:100%;overflow:hidden}.pagina{width:100%;max-width:520px;height:100dvh;min-height:0;padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));margin:0 auto;overflow:hidden}.marca{flex:none}.marca img{height:clamp(26px,4.2svh,36px)}.texto{flex:none;margin-top:clamp(8px,2svh,28px)}h1{font-size:clamp(22px,min(7vw,3.9svh),34px)}.rotulo{margin-top:clamp(8px,1.8svh,26px);font-size:12px}.data{font-size:clamp(30px,min(10vw,5.4svh),48px)}.ano{margin-top:4px;font-size:15px}.pedido{margin-top:clamp(8px,1.6svh,18px);font-size:14px}form{margin-top:8px}.par{gap:8px}input,button{height:clamp(40px,5.6svh,50px)}button{margin-top:8px}.cena{flex:auto;height:auto;min-height:90px;margin:10px 0 0;overflow:hidden}.fundo{width:100%}.beneficios{flex:none;margin-top:6px}.beneficios li{gap:4px;font-size:12px}.cena{margin:8px -18px 0;overflow:hidden}.fundo{clip-path:polygon(0 100%,18% 32%,100% 0,100% 72%,30% 100%);background:linear-gradient(100deg,#2f9bff 0%,#1b73e8 55%,#1464d6 100%);width:auto;height:min(30vw,60%);inset:auto 0 min(26vw,52%) 4%;transform:none}.carro{width:90%;height:96%;bottom:0}.beneficios{z-index:2;background:#fff;position:relative}.cena{margin-top:4px}.fundo{top:0;bottom:auto}.carro{background-position:top;height:calc(100% - 7vw);top:7vw;bottom:auto}}@media (width<=980px) and (height>=780px){.carro{width:98%}.fundo{height:min(33vw,60%)}.pagina{justify-content:space-between}.cena{flex:none;height:57vw}}@media (width<=980px){.fundo{clip-path:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 120'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%232b8cff'/%3E%3Cstop offset='1' stop-color='%231f6fe5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M28 112 L80 38 L352 14 L330 94 Z' fill='url(%23g)' stroke='url(%23g)' stroke-width='16' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:100%;height:31vw;inset:0 auto auto 0;transform:none}.carro{width:90%;top:5vw}}@media (width<=980px) and (height>=780px){.carro{width:94%}.fundo{height:31vw}.cena{height:56vw}}@media (width<=980px){.pagina{justify-content:flex-start}.fundo{display:none}.cena{width:calc(100% + max(18px, env(safe-area-inset-left)) + max(18px, env(safe-area-inset-right)));aspect-ratio:1637/829;height:auto;margin-top:2px;margin-right:calc(-1 * max(18px, env(safe-area-inset-right)));margin-bottom:0;margin-left:calc(-1 * max(18px, env(safe-area-inset-left)));flex:none;overflow:visible}.carro{background-image:url(/assets/carro-mobile-wbn3t92V.png);background-position:50%;background-size:100% 100%;width:100%;height:100%;inset:0;transform:none}}
