:root{--red:#df0d18;--black:#050506;--ink:#141416;--muted:#65656c;--soft:#f5f5f6;--white:#fff;--line:#e5e5e7;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.topbar{height:86px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}
.brand img{width:168px;max-height:62px;object-fit:contain}
.nav{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:650}
.nav a:hover{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;padding:16px 24px;border-radius:4px;font-weight:800;font-size:14px;transition:.2s}
.btn:hover{transform:translateY(-2px);filter:brightness(.94)}
.btn-small{padding:13px 18px}
.menu-btn{display:none;border:0;background:none;font-size:27px}
.hero{position:relative;min-height:610px;background:#030304;color:#fff;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000 39%,rgba(0,0,0,.82) 48%,rgba(0,0,0,.16) 74%,rgba(0,0,0,.05) 100%);z-index:1}
.hero-photo{position:absolute;inset:0 0 0 39%;background:url('assets/hero-estrada.png') center/cover no-repeat;z-index:0}
.hero-copy{position:relative;z-index:2;padding-top:92px;padding-bottom:85px}
.light-eye{color:#fff}
.hero h1{font-size:clamp(48px,6.1vw,84px);line-height:.94;letter-spacing:-.055em;margin:0 0 28px;max-width:760px}
.hero h1 span{color:var(--red)}
.hero-copy>p{font-size:17px;line-height:1.65;color:#ddd;max-width:560px}
.actions{display:flex;align-items:center;gap:28px;margin-top:34px}
.text-link{font-weight:800;font-size:14px;color:#fff}
.section{padding:100px 0}
.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--red);margin-bottom:18px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.04em;margin:0}
.split p,.heading-row p{font-size:17px;line-height:1.75;color:var(--muted)}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-top:1px solid var(--line);padding-top:28px;gap:24px}
.mini-grid strong,.mini-grid span{display:block}
.mini-grid strong{font-size:20px}
.mini-grid span{color:var(--muted);font-size:13px;margin-top:5px}
.soft{background:#f5f5f4;color:var(--ink)}
.soft .heading-row p,.soft .services p{color:var(--muted)}
.soft .services{border-top-color:#d8d2c7}
.soft .services article{border-right-color:#d8d2c7}
.soft .services h3{color:var(--ink)}
.heading-row{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end;margin-bottom:54px}
.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8d8da}
.services article{padding:32px 26px 20px 0;border-right:1px solid #d8d8da;margin-right:26px}
.services article:last-child{border:0}
.services b{color:var(--red);font-size:12px}
.services h3{font-size:20px;margin:28px 0 12px}
.services p{color:var(--muted);line-height:1.6;font-size:14px}
.fleet{background:#fff}
.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vehicle{border:1px solid var(--line);background:#fff;overflow:hidden;border-radius:8px;box-shadow:0 8px 28px #0000000a}
.vehicle-photo{height:250px;position:relative;background:#eee;overflow:hidden}
.vehicle-photo img{width:100%;height:100%;object-fit:cover}
.vehicle-photo>span{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.78);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;padding:7px 9px;border-radius:3px}
.vehicle-body{padding:25px 25px 28px}
.vehicle-body small{font-weight:900;color:var(--red);letter-spacing:.12em;font-size:10px}
.vehicle-body h3{font-size:24px;margin:9px 0 10px}
.vehicle-body p{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:17px}
.vehicle-body ul{list-style:none;padding:0;margin:0;border-top:1px solid #eee}
.vehicle-body li{position:relative;padding:9px 0 9px 17px;border-bottom:1px solid #eee;font-size:13px;color:#333}
.vehicle-body li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;background:var(--red);border-radius:50%}
/* Segurança e regularização: duas colunas no desktop, cartões empilhados */
.safety{background:var(--black);color:#fff;padding:100px 0}
.safety-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.safety p{font-size:17px;line-height:1.75;color:#b9b9be;max-width:620px}
.red{color:var(--red)}
.safety-intro h2,.safety-intro p{max-width:500px}
.safety .safety-closing{margin-top:28px;font-weight:650;color:#fff}
.safety .badges{display:grid;grid-template-columns:1fr;gap:18px}
.safety .safety-card{border:1px solid #333;padding:30px 32px;border-radius:8px;background:#101012}
.safety-card strong{display:block;color:var(--red);font-size:30px;letter-spacing:-.03em}
.safety-card h3{color:#fff;font-size:19px;line-height:1.3;margin:10px 0 12px}
.safety .safety-card p{color:#b9b9be;font-size:14px;line-height:1.7;margin:0;max-width:none}
.cta{background:#f5f5f4;color:var(--ink);text-align:center;padding:118px 0 124px}
.cta-inner{max-width:860px}
.cta-eye{color:var(--red);margin-bottom:26px}
.cta h2{font-size:clamp(52px,6vw,76px);margin-bottom:24px;letter-spacing:-.045em}
.cta p{font-size:18px;line-height:1.75;max-width:690px;margin:0 auto 38px;color:var(--muted)}
.cta-button{background:var(--red);color:#fff;padding:18px 27px;border-radius:5px}
.cta-button:hover{filter:brightness(.94);background:var(--red)}
footer{background:#fff;color:#111;padding:58px 0 25px;border-top:1px solid #eee}
.footer-grid{display:grid;grid-template-columns:1fr .6fr 1fr;gap:70px}
.footer-grid img{width:190px;margin-bottom:18px}
.footer-grid p,.footer-grid a{display:block;color:#68686e;font-size:14px;line-height:1.8}
.footer-grid a:hover{color:var(--red)}
.footer-grid strong{display:block;margin-bottom:12px}
.copyright{border-top:1px solid #e7e7e7;margin-top:45px;padding-top:22px;color:#888;font-size:12px}
.whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;box-shadow:0 10px 30px #0003;z-index:60}
@media(max-width:900px){
.wrap{width:min(100% - 32px,var(--max))}
.desktop-cta{display:none}
.menu-btn{display:block;margin-left:auto}
.nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:22px 24px;box-shadow:0 18px 30px #0002;flex-direction:column}
.nav.open{display:flex}
.hero{min-height:650px}
.hero:after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.93) 45%,rgba(0,0,0,.42) 100%)}
.hero-photo{inset:0 0 0 22%}
.hero-copy{padding-top:75px}
.split,.heading-row,.safety-grid{grid-template-columns:1fr;gap:38px}
.safety-intro h2,.safety-intro p{max-width:100%}
.services{grid-template-columns:1fr 1fr}
.fleet-grid{grid-template-columns:1fr}
.vehicle-photo{height:360px}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:560px){
.topbar{height:74px}
.brand img{width:145px}
.nav{top:74px}
.hero{min-height:620px}
.hero-photo{inset:0;background-position:62% center;opacity:.6}
.hero:after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.91) 55%,rgba(0,0,0,.38) 100%)}
.hero h1{font-size:46px}
.hero-copy>p{font-size:16px}
.actions{align-items:flex-start;flex-direction:column}
.section,.safety,.cta{padding:72px 0}
.services{grid-template-columns:1fr}
.services article{border-right:0;border-bottom:1px solid #d8d8da;margin-right:0}
.vehicle-photo{height:250px}
.safety .safety-card{padding:26px 24px}
.safety-card strong{font-size:28px}
.safety-card h3{font-size:18px}
.footer-grid{grid-template-columns:1fr}
.footer-grid>div:last-child{grid-column:auto}
}