:root{--brand-navy:#0b1d3a;--brand-blue:#0055ff}header{background:var(--brand-navy);color:#fff;padding-top:6px;padding-bottom:6px;min-height:100px}.brand-art{display:block;width:270px;height:84px;flex:0 0 270px;background-image:url('rotas-brasil-identidade.jpeg');background-repeat:no-repeat;background-size:818px 818px;background-position:0 -419px}.button{background:var(--brand-blue)}.button:hover{background:#0045cd}header a:hover{color:#9ec5ff}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px}.hero-visual,.hero-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}.truck-scene{width:100%;height:100%;object-fit:cover;object-position:62% center;transform-origin:72% 65%;animation:truck-travel 14s ease-in-out infinite alternate;will-change:transform}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,17,37,.96) 0%,rgba(5,17,37,.85) 28%,rgba(5,17,37,.3) 57%,rgba(5,17,37,.04) 100%),linear-gradient(0deg,rgba(5,17,37,.8),transparent 35%)}.hero-content{padding-top:100px;padding-bottom:70px;max-width:900px;animation:copy-enter 1.2s ease-out both}.hero h1{font-size:clamp(44px,5.4vw,76px)}.hero h1 em{color:#6bb6ff}.hero .lead{max-width:450px}.motion-bar{display:flex;align-items:center;justify-content:space-between;padding:0 6% 20px;gap:20px;margin-top:auto;color:#d4e3f6;font-size:13px}.motion-bar>span{letter-spacing:1px}.motion-bar button{background:#0b1d3a70;color:white;border:1px solid #ffffff70;padding:8px 14px;border-radius:3px;font-size:13px;cursor:pointer}.motion-bar button:hover{background:#0b1d3a}.hero-bottom{font-size:12px}.routes,footer{background:var(--brand-navy)}.blue,.agency a,.number{color:#0047d8}.origin{background:#102b53}.motion-paused .truck-scene{animation-play-state:paused}.section{animation:none}@keyframes truck-travel{from{transform:scale(1.025) translateX(0)}to{transform:scale(1.105) translateX(-1.1%)}}@keyframes copy-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){header{padding:6px 5% 17px;gap:8px}header nav{padding-top:5px}.brand-art{width:230px;height:76px;flex-basis:230px;background-size:727px 727px;background-position:0 -373px}.hero{min-height:820px}.hero-visual{inset:240px 0 0}.truck-scene{object-position:69% center}.hero-shade{background:linear-gradient(180deg,#0b1d3a 0%,#0b1d3afa 27%,#0b1d3a80 48%,#0b1d3a15 70%,#0b1d3ae6 100%)}.hero-content{padding-top:55px;padding-bottom:200px}.hero .lead{max-width:430px}.hero h1{font-size:52px}.motion-bar{padding-top:15px}.hero-bottom{gap:14px}footer .brand-art{flex-basis:230px}}@media(max-width:480px){header .brand-art{width:185px;height:66px;flex-basis:185px;background-size:590px 590px;background-position:0 -302px}header .button.small{max-width:135px;font-size:12px;padding:12px 10px}header nav{font-size:13px}.hero{min-height:865px}.hero-content{padding-top:40px;padding-bottom:215px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-visual{inset:350px -45px 0 -95px}.hero .actions{gap:16px}.hero .lead{font-size:16px}.motion-bar{font-size:12px}.hero-bottom{font-size:11px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.truck-scene,.hero-content{animation:none!important;transform:none!important}.motion-bar button{display:none}}