:root { --ink:#0d0f11; --paper:#f5f3ef; --orange:#ff5a1f; --orange-text:#a9340c; --muted:#b7b5b0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
:focus-visible { outline:3px solid #1677ff; outline-offset:4px; }
.site-header { height:93px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,5.3vw,84px); background:#fff; border-bottom:1px solid #e8e6e1; }
.brand img { display:block; width:180px; max-height:58px; object-fit:contain; object-position:left center; }
nav { display:flex; gap:35px; font-size:14px; font-weight:600; }
nav a:hover { color:var(--orange); }
.menu-toggle { display:none; }
.header-call,.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; font-weight:700; }
.header-call { font-size:14px; border-bottom:2px solid var(--orange); padding:8px 0 6px; }
.header-call span,.button span,.inline-link span { font-size:20px; line-height:.5; }
.hero { min-height:620px; padding:clamp(70px,10vw,140px) clamp(24px,9vw,144px) 74px; color:#fff; position:relative; overflow:hidden; background:linear-gradient(90deg,rgba(7,9,11,.96) 0%,rgba(7,9,11,.8) 35%,rgba(7,9,11,.12) 73%),url('assets/rodovia-carga.webp') center/cover; display:flex; align-items:center; justify-content:space-between; gap:48px; }
.road-lines { position:absolute; inset:0; opacity:.11; background:linear-gradient(112deg,transparent 0 31%,#fff 31.2% 31.45%,transparent 31.65% 100%),linear-gradient(112deg,transparent 0 43%,#fff 43.2% 43.45%,transparent 43.65% 100%),linear-gradient(112deg,transparent 0 75%,#ff5a1f 75.2% 75.7%,transparent 75.9% 100%); }
.hero-copy,.hero-card { position:relative; }
.eyebrow { color:var(--orange-text); margin:0 0 18px; font-size:13px; letter-spacing:.14em; font-weight:700; }
.hero .eyebrow,.fleet .eyebrow { color:var(--orange); }
h1,h2,h3 { font-family:'Barlow Condensed',Impact,sans-serif; text-transform:uppercase; margin:0; letter-spacing:.015em; }
h1 { font-size:clamp(56px,7.8vw,119px); line-height:.83; max-width:840px; font-weight:800; }
h1 em { font-style:normal; color:var(--orange); }
.hero-text { max-width:465px; color:#d1d1d1; margin:30px 0; font-size:17px; line-height:1.55; }
.hero-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.button { min-height:54px; padding:0 22px; font-size:14px; }
.button-primary { background:var(--orange); color:var(--ink); }
.button-primary:hover { background:#e74c16; }
.button-text { padding:0; color:#fff; }
.hero-card { align-self:flex-end; border-left:2px solid var(--orange); width:234px; padding:4px 0 4px 20px; }
.hero-card p,.hero-card strong { display:block; }
.hero-card p { color:#bfbfbf; font-size:11px; margin:0 0 10px; letter-spacing:.15em; font-weight:bold; }
.hero-card strong { font-family:'Barlow Condensed',sans-serif; font-size:27px; line-height:.92; text-transform:uppercase; }
.hero-card a { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #4b4b4b; margin-top:18px; padding-top:12px; font-size:13px; font-weight:bold; }
.section { padding:clamp(78px,10vw,145px) clamp(24px,9vw,144px); }
.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:66px; }
h2 { font-size:clamp(46px,5.4vw,82px); line-height:.84; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #bdbab4; }
.service-grid article { padding:28px 32px 0 0; min-height:270px; border-right:1px solid #bdbab4; }
.service-grid article:not(:first-child) { padding-left:31px; }
.service-grid article:last-child { border-right:0; }
.service-number { font-size:12px; color:var(--orange); font-weight:700; }
h3 { font-size:40px; margin:52px 0 14px; line-height:.9; }
.service-grid p { font-size:14px; line-height:1.55; max-width:300px; }
.logistics-gallery { display:grid; grid-template-columns:1.1fr 1.45fr 1.1fr; gap:14px; margin-top:72px; }
.logistics-gallery figure { position:relative; height:350px; overflow:hidden; margin:0; background:#16191b; }
.logistics-gallery img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.logistics-gallery figure:hover img { transform:scale(1.04); }
.logistics-gallery figcaption { position:absolute; left:0; bottom:0; right:0; padding:42px 20px 17px; color:#fff; font-size:11px; font-weight:bold; letter-spacing:.13em; text-transform:uppercase; background:linear-gradient(transparent,rgba(0,0,0,.75)); }
.about { background:#e8e5df; display:grid; grid-template-columns:1.4fr 1fr; padding-top:0; padding-bottom:0; }
.about-panel { background:var(--orange); color:var(--ink); margin-left:calc(clamp(24px,9vw,144px) * -1); padding:clamp(70px,8vw,122px) clamp(24px,9vw,144px); padding-right:12vw; }
.about-panel .eyebrow { color:#0d0f11; }
.about-panel h2 { max-width:600px; }
.about-panel > p:not(.eyebrow) { max-width:510px; line-height:1.55; margin:26px 0 30px; font-size:16px; }
.inline-link { display:inline-flex; gap:20px; align-items:center; border-bottom:2px solid var(--ink); padding-bottom:8px; font-size:14px; font-weight:bold; }
.about-facts { display:grid; align-content:center; gap:35px; padding-left:7vw; }
.about-facts div { border-bottom:1px solid #b8b5af; padding-bottom:22px; }
.about-facts span { display:block; font-size:11px; letter-spacing:.14em; color:#75736e; margin-bottom:8px; font-weight:bold; }
.about-facts strong { font-family:'Barlow Condensed',sans-serif; font-size:29px; line-height:.86; text-transform:uppercase; }
.fleet { background:var(--ink); color:#fff; }
.fleet { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; }
.fleet-intro > p:not(.eyebrow) { max-width:400px; margin:25px 0 0; color:#d5d5d5; line-height:1.55; }
.fleet-intro strong { color:var(--orange); }
.fleet-list { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #505050; }
.fleet-list span { padding:17px 0; border-bottom:1px solid #505050; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:28px; }
.fleet-list span:nth-child(odd) { border-right:1px solid #505050; padding-right:20px; }
.fleet-list span:nth-child(even) { padding-left:20px; }
.fleet-closing { grid-column:1/-1; border-top:1px solid #505050; margin:0; padding-top:24px; color:var(--orange); font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:clamp(32px,4vw,58px); line-height:.9; }
.instagram { display:flex; justify-content:space-between; align-items:center; gap:60px; background:#fff; }
.instagram-card { background:var(--ink); color:#fff; padding:35px; min-width:320px; min-height:220px; display:flex; flex-direction:column; justify-content:space-between; }
.instagram-icon { color:var(--orange); font-size:36px; line-height:.7; }
.instagram-card p { font-family:'Barlow Condensed',sans-serif; font-size:29px; line-height:.9; text-transform:uppercase; margin:0; }
.instagram-card a { border-top:1px solid #4b4b4b; padding-top:12px; display:flex; justify-content:space-between; font-size:13px; font-weight:bold; }
.contact { background:var(--orange); padding:clamp(62px,8vw,105px) clamp(24px,9vw,144px); display:flex; justify-content:space-between; align-items:center; gap:50px; color:var(--ink); }
.contact .eyebrow { color:var(--ink); }
.contact h2 { font-size:clamp(52px,6vw,92px); }
.contact p:not(.eyebrow) { margin:18px 0 0; max-width:440px; line-height:1.55; }
.button-light { background:#fff; color:var(--ink); white-space:nowrap; }
footer { background:var(--ink); color:#fff; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:45px; padding:64px clamp(24px,9vw,144px) 24px; }
footer > img { width:220px; filter:invert(1); align-self:start; }
footer div { display:flex; flex-direction:column; gap:8px; font-size:14px; }
footer div span { color:var(--orange); font-size:11px; letter-spacing:.14em; font-weight:bold; margin-bottom:4px; }
footer p { margin:0; color:#d0d0d0; line-height:1.45; }
footer small { grid-column:1/-1; padding-top:46px; color:#909090; font-size:11px; }
@media (max-width:1024px) {
  .site-header { position:relative; z-index:20; }
  .menu-toggle { display:inline-flex; align-items:center; gap:10px; padding:12px 0; border:0; background:transparent; color:var(--ink); font-size:14px; font-weight:700; cursor:pointer; }
  .menu-toggle-icon,.menu-toggle-icon::before,.menu-toggle-icon::after { width:22px; height:2px; display:block; background:currentColor; transition:transform .2s ease,opacity .2s ease; }
  .menu-toggle-icon { position:relative; }
  .menu-toggle-icon::before,.menu-toggle-icon::after { content:""; position:absolute; left:0; }
  .menu-toggle-icon::before { top:-7px; }
  .menu-toggle-icon::after { top:7px; }
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon { background:transparent; }
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon::before { top:0; transform:rotate(45deg); }
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon::after { top:0; transform:rotate(-45deg); }
  nav { display:none; position:absolute; top:100%; left:0; right:0; padding:18px clamp(24px,5.3vw,84px) 24px; background:#fff; border-top:1px solid #e8e6e1; box-shadow:0 12px 24px rgba(0,0,0,.12); flex-direction:column; gap:0; }
  .menu-open nav { display:flex; }
  nav a { padding:14px 0; border-bottom:1px solid #e8e6e1; font-size:16px; }
}
@media (max-width:760px) { .site-header { height:78px; gap:18px; } .brand img { width:125px; } .header-call { display:none; } .menu-toggle { margin-left:auto; } .hero { min-height:650px; padding-top:84px; flex-direction:column; align-items:flex-start; background-position:62% center; } .hero-card { align-self:flex-start; } .hero-text { font-size:16px; } .service-grid { grid-template-columns:1fr; } .service-grid article,.service-grid article:not(:first-child) { border-right:0; border-bottom:1px solid #bdbab4; padding:28px 0; min-height:auto; } .logistics-gallery { grid-template-columns:1fr; margin-top:48px; } .logistics-gallery figure { height:240px; } h3 { margin-top:30px; } .about { display:block; } .about-panel { margin:0 -24px; padding:76px 24px; } .about-facts { padding:65px 0; } .fleet { grid-template-columns:1fr; gap:46px; } .fleet-list { grid-template-columns:1fr; } .fleet-list span,.fleet-list span:nth-child(odd),.fleet-list span:nth-child(even) { border-right:0; padding-left:0; padding-right:0; } .instagram,.contact { flex-direction:column; align-items:flex-start; } .instagram-card { width:100%; min-width:0; } footer { grid-template-columns:1fr; gap:35px; } }