:root{
  --red:#ed1118; --red2:#ff3035; --black:#050505; --dark:#0b0b0d;
  --white:#fff; --gray:#b8b8b8; --line:#262629;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;background:#fff;color:#111}
.container{width:min(1180px,92%);margin:auto}
.header{position:absolute;z-index:20;top:0;left:0;width:100%;background:linear-gradient(180deg,rgba(0,0,0,.88),transparent);padding:18px 0}
.nav{display:flex;align-items:center;gap:30px}
.logo{color:#fff;text-decoration:none;font-weight:900;font-size:25px;letter-spacing:-1.5px;line-height:.8}
.logo span{color:var(--red)}
.logo small{display:block;font-size:8px;letter-spacing:4px;text-align:center;margin-top:8px;color:#ddd}
.menu{display:flex;gap:28px;margin-left:auto}
.menu a{color:#fff;text-decoration:none;font-size:11px;font-weight:700;text-transform:uppercase}
.menu a:hover{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.3px;padding:14px 22px;border-radius:3px;transition:.2s}
.btn-red{background:var(--red);color:#fff;box-shadow:0 7px 25px rgba(237,17,24,.28)}
.btn-red:hover{background:var(--red2);transform:translateY(-2px)}
.btn-outline{border:1px solid #aaa;color:#fff;background:rgba(0,0,0,.35)}
.btn-outline:hover{border-color:#fff;background:#111}
.nav-wa{padding:12px 18px}
.hero{position:relative;min-height:720px;background:#030303;overflow:hidden;color:#fff}
.hero-bg{position:absolute;inset:0;background-image:url('assets/sprinter.png');background-size:cover;background-position:center right;filter:saturate(1.05)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.84) 26%,rgba(3,3,3,.24) 62%,rgba(3,3,3,.08)),linear-gradient(0deg,rgba(0,0,0,.38),transparent 55%)}
.hero-content{position:relative;z-index:2;min-height:720px;display:flex;align-items:center;padding-top:70px}
.hero-copy{width:66%;padding-top:20px}
.top-ribbon,.section-tag{display:inline-block;color:#fff;background:var(--red);font-size:13px;font-weight:900;padding:9px 22px;transform:skew(-10deg);text-transform:uppercase}
.hero h1{font-size:clamp(65px,9vw,130px);line-height:.8;margin:26px 0 5px;font-weight:900;letter-spacing:-7px}
.hero h1 span{color:var(--red)}
.hero-brand{font-size:30px;letter-spacing:13px;font-weight:800;margin-left:8px}
.hero h2{font-size:20px;margin-top:34px;font-weight:800}
.hero h2 span{color:var(--red)}
.hero-features{display:flex;gap:10px;margin:28px 0}
.hero-features>div{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.72);border:1px solid #333;padding:11px 15px;min-width:170px}
.hero-features>div:first-child,.hero-features>div:last-child{background:var(--red);border-color:var(--red)}
.hero-features b{font-size:28px}
.hero-features span{font-size:10px;font-weight:900;line-height:1.25}
.hero-actions{display:flex;gap:12px}
.btn-large{padding:16px 28px}
.problem{background:#070707;color:#fff;padding:80px 0;overflow:hidden}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.problem h2,.coverage h2,.cta h2{font-size:38px;line-height:1.1;margin:18px 0 24px;font-weight:900}
.problem h2 span,.coverage h2 span,.cta h2 span{color:var(--red)}
.problem p{color:#ccc;line-height:1.8;max-width:560px;margin-bottom:28px}
.boxes-art{height:330px;position:relative;background:radial-gradient(circle at 60% 60%,#3b170c,transparent 55%),linear-gradient(135deg,#171717,#050505);border-left:4px solid var(--red);overflow:hidden}
.box{position:absolute;background:linear-gradient(145deg,#d9a05e,#8e5726);border:1px solid #5b351b;box-shadow:12px 15px 30px #000}
.box:after{content:'FRAGIL';position:absolute;top:38%;left:20%;font-weight:800;color:#55300f;font-size:10px}
.box1{width:190px;height:135px;right:50px;bottom:25px}.box2{width:140px;height:120px;right:190px;bottom:25px}.box3{width:150px;height:110px;right:250px;bottom:135px}.box4{width:110px;height:90px;right:90px;bottom:160px}.box5{width:100px;height:90px;right:330px;bottom:30px}
.services{padding:85px 0;background:#f5f5f5}
.section-heading{text-align:center;margin-bottom:45px}.section-heading .section-tag{font-size:11px}.section-heading h2{font-size:38px;margin-top:18px;font-weight:900}.section-heading h2 span{color:var(--red)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;padding:35px 25px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.09);border-bottom:3px solid var(--red);transition:.2s}
.card:hover{transform:translateY(-6px)}
.icon{width:64px;height:64px;border-radius:50%;background:#050505;color:#fff;display:grid;place-items:center;margin:0 auto 20px;font-size:28px}
.card h3{font-size:14px;margin-bottom:12px}.card p{font-size:12px;color:#777;line-height:1.7}
.process{background:#080808;color:#fff;padding:85px 0;background-image:linear-gradient(rgba(0,0,0,.86),rgba(0,0,0,.9)),url('assets/sprinter.png');background-size:cover;background-position:center}
.light h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;text-align:center}
.step{position:relative}.step>b{display:grid;place-items:center;width:46px;height:46px;margin:auto;background:var(--red);border-radius:50%;font-size:17px}
.step-icon{font-size:42px;color:var(--red);margin:22px 0 10px}.step h3{font-size:13px}.step p{color:#aaa;font-size:11px;line-height:1.7;margin-top:10px}
.coverage{padding:85px 0;background:#f5f5f5}.coverage-grid{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:60px}.coverage p{color:#666;line-height:1.7;max-width:430px}.coverage ul{list-style:none;margin-top:22px}.coverage li{font-size:13px;font-weight:700;margin:12px 0}.coverage li:before{content:'✓';color:var(--red);margin-right:10px}
.map-card{height:360px;position:relative;background:linear-gradient(135deg,#eee,#d8e0e9);overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.25)),repeating-linear-gradient(25deg,transparent 0 32px,#c8d0d8 33px,#c8d0d8 35px,transparent 36px 70px)}
.map-shape{position:absolute;width:65%;height:70%;left:18%;top:15%;background:rgba(237,17,24,.58);clip-path:polygon(24% 4%,70% 0,94% 22%,81% 55%,93% 76%,55% 97%,19% 78%,4% 48%,12% 18%)}
.map-pin{position:absolute;left:50%;top:46%;font-size:45px;color:#fff;text-shadow:0 2px 8px #555}
.cta{background:#070707;color:#fff;padding:75px 0}.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.cta h2{font-size:38px}.phone{display:block;width:max-content;border:1px solid #777;color:#fff;text-decoration:none;padding:14px 28px;margin-top:10px;font-weight:800}.cta-brand p{color:#aaa;line-height:1.7;max-width:380px;margin-top:25px}
.footer{background:#020202;color:#777;border-top:1px solid #222;padding:18px 0;font-size:10px}.footer-inner{display:flex;justify-content:space-between}
.floating-whatsapp{position:fixed;z-index:30;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20c56a;color:#fff;text-decoration:none;font-size:28px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
@media(max-width:900px){
  .menu{display:none}.hero{min-height:680px}.hero-content{min-height:680px}.hero-copy{width:100%}.hero-bg{background-position:62% center;opacity:.62}.hero-overlay{background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.68) 55%,rgba(3,3,3,.28))}
  .hero h1{font-size:70px}.hero-features{flex-wrap:wrap}.hero-features>div{min-width:145px}
  .cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);row-gap:45px}
  .problem-grid,.coverage-grid,.cta-grid{grid-template-columns:1fr;gap:40px}.boxes-art{height:260px}
}
@media(max-width:560px){
  .header{position:absolute}.nav-wa{display:none}.hero{min-height:700px}.hero-content{min-height:700px}.hero-copy{padding-top:55px}
  .top-ribbon{font-size:10px}.hero h1{font-size:58px;letter-spacing:-4px}.hero-brand{font-size:20px;letter-spacing:8px}.hero h2{font-size:16px}
  .hero-features{display:grid;grid-template-columns:1fr}.hero-features>div{width:100%}.hero-actions{flex-direction:column}.btn-large{width:100%}
  .cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.problem h2,.coverage h2,.cta h2,.section-heading h2{font-size:29px}.footer-inner{flex-direction:column;gap:8px}
}


/* GOOGLE MAPS */
.google-map-card{
  position:relative;
  overflow:hidden;
  min-height:360px;
  background:#ddd;
  border:1px solid #ddd;
  box-shadow:0 18px 45px rgba(0,0,0,.14);
}
.google-map-card iframe{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  border:0;
}
.map-label{
  position:absolute;
  left:18px;
  bottom:18px;
  background:rgba(5,5,5,.88);
  color:#fff;
  border-left:4px solid var(--red);
  padding:11px 15px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.5px;
}
@media(max-width:900px){
  .google-map-card,.google-map-card iframe{min-height:320px}
}