*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0f2f0;color:#101311;font-family:Inter,Arial,sans-serif}.container{width:min(1180px,92%);margin:auto}.topbar{position:fixed;z-index:20;top:0;width:100%;background:rgba(10,12,13,.92);backdrop-filter:blur(12px);border-bottom:1px solid #26312b}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column}.brand span{font:700 28px Oswald,Arial;letter-spacing:2px}.brand small{font-size:9px;color:#adb2b3;letter-spacing:1.5px;text-transform:uppercase}.nav nav{display:flex;gap:28px;align-items:center}.nav nav a{color:#e9e9e7;text-decoration:none;font-size:13px}.nav-cta{border:1px solid #19d66b;padding:12px 18px}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;color:#fff;background:url('assets/hero.jpg') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.94),rgba(5,7,8,.62),rgba(5,7,8,.35))}.hero-content{position:relative;padding-top:76px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#19d66b;margin-bottom:18px}.hero h1{font:700 clamp(48px,7vw,92px)/.95 Oswald,Arial;margin:0;max-width:900px;letter-spacing:-1px}.hero h1 em,h2 em{font-style:normal;color:#19d66b}.hero p{max-width:620px;font-size:18px;line-height:1.7;color:#d4d7d7;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border:1px solid #555;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}.primary{background:#19d66b;border-color:#19d66b;color:#101111}.ghost{color:#fff}.whatsapp{background:#16b85a;color:#fff;border-color:#16b85a}.hero-stats{display:flex;gap:45px;margin-top:75px}.hero-stats div{display:flex;gap:13px;align-items:center}.hero-stats strong{font:600 27px Oswald;color:#19d66b}.hero-stats span{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:1px;color:#bfc3c4}.section{padding:110px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section h2{font:600 clamp(42px,5vw,66px)/1 Oswald;margin:0 0 28px}.section p{color:#656a6b;line-height:1.8}.text-link{display:inline-block;margin-top:18px;color:#101311;font-weight:800;text-decoration:none;border-bottom:2px solid #19d66b;padding-bottom:5px}.about-card{min-height:420px;background:#0b0f0d;color:#fff;position:relative;padding:50px;overflow:hidden}.grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:50px 50px}.card-icon{font-size:70px;position:relative;color:#19d66b}.card-number{position:relative;font-size:11px;letter-spacing:3px;color:#aeb2b3;margin-top:55px}.about-card h3{position:relative;font:600 50px/1 Oswald;margin:12px 0}.about-card p{position:relative;color:#aaa}.dark{background:#0b0f0d;color:#fff}.dark p{color:#aeb3b4}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-head>p{max-width:420px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.equipment-card{background:#141a17;overflow:hidden;border:1px solid #2b3830}.equip-image{height:250px;background-size:cover;background-position:center}.electrical{background-image:url('assets/electrical.jpg')}.tanker{background-image:url('assets/tankers.jpg')}.industrial{background-image:url('assets/industrial.jpg')}.equip-body{padding:25px}.equip-body>span{color:#19d66b;font:600 18px Oswald}.equip-body h3{font:600 28px Oswald;margin:12px 0}.equip-body a{color:#19d66b;text-decoration:none;font-weight:700;font-size:13px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:240px;gap:14px}.gallery-item{position:relative;overflow:hidden;cursor:pointer;background:#222}.gallery-item.large{grid-row:span 2}.gallery-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.5s}.gallery-item:hover .gallery-bg{transform:scale(1.06)}.g1{background-image:url('assets/tankers.jpg')}.g2{background-image:url('assets/electrical.jpg')}.g3{background-image:url('assets/industrial.jpg')}.g4{background-image:url('assets/workshop.jpg')}.g5{background-image:url('assets/equipment.jpg')}.gallery-item:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.gallery-item span{position:absolute;z-index:2;bottom:20px;left:20px;color:#fff;font-weight:700}.process{background:#e9ece9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bbb;margin-top:45px}.steps>div{background:#e9ece9;padding:35px}.steps b{font:600 34px Oswald;color:#19d66b}.steps h3{font:600 25px Oswald;margin:18px 0 10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{color:#fff}.contact .contact-details{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.contact-details span{font-size:9px;letter-spacing:2px;color:#19d66b}.contact-details a,.contact-details p{color:#fff;text-decoration:none}.contact form{background:#141a17;padding:35px}.contact label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#bbb;margin-bottom:20px}.contact input,.contact textarea{display:block;width:100%;margin-top:8px;padding:15px;background:#0b0f0d;border:1px solid #444;color:#fff;font:inherit}.contact form .btn{width:100%}.contact small{display:block;color:#888;margin-top:15px}.footer{padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{font-size:11px;color:#777}.lightbox{display:none;position:fixed;z-index:50;inset:0;background:rgba(0,0,0,.9);align-items:center;justify-content:center;color:#fff;font:600 35px Oswald}.lightbox.open{display:flex}.lightbox button{position:absolute;top:20px;right:30px;background:none;border:0;color:#fff;font-size:45px;cursor:pointer}@media(max-width:800px){.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#101213;padding:20px;flex-direction:column;align-items:stretch}.nav nav.show{display:flex}.menu{display:block}.hero h1{font-size:55px}.hero-stats{margin-top:45px;gap:20px}.two-col,.contact-grid{grid-template-columns:1fr;gap:45px}.cards,.steps{grid-template-columns:1fr}.section{padding:75px 0}.section-head{display:block}.section-head>p{margin-top:20px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-item.large{grid-row:span 1}.footer{display:block}.footer p{margin-top:20px}.contact .contact-details{grid-template-columns:1fr}.about-card{min-height:350px}}

.top-strip{background:#19d66b;color:#111;font-size:9px;letter-spacing:1.4px;font-weight:800}.top-strip-inner{height:28px;display:flex;justify-content:space-between;align-items:center}.topbar{top:28px}.hero-content{padding-top:104px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.map-wrap{margin-top:25px;border:1px solid #334039;height:190px;overflow:hidden}.map-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.1)}.floating-wa{position:fixed;right:25px;bottom:25px;z-index:30;background:#16b85a;color:#fff;text-decoration:none;border-radius:40px;padding:14px 20px;font-weight:800;box-shadow:0 12px 30px #0005}.floating-wa span{font-size:12px;margin-left:7px}.mobile-call{display:none}@media(max-width:800px){.top-strip-inner{justify-content:center}.top-strip-inner span:last-child{display:none}.topbar{top:28px}.hero{min-height:calc(100vh - 28px)}.floating-wa{bottom:75px;right:15px}.mobile-call{position:fixed;z-index:25;bottom:0;left:0;right:0;height:58px;background:#101213;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -5px 20px #0004}.mobile-call a{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:800;border-right:1px solid #333}.mobile-call a:last-child{background:#16b85a;border:0}.hero-content{padding-top:115px}.hero-stats{margin-bottom:30px}.footer{padding-bottom:80px}}

/* CHATO BLACK & GREEN THEME */
:root{--chato-green:#19d66b;--chato-deep:#087b3d;--chato-black:#080b09;--chato-panel:#101512}
body{background:#f0f2f0;color:#101311}
.top-strip{background:var(--chato-green);color:#061108}
.topbar{background:rgba(4,8,6,.95);border-bottom:1px solid rgba(25,214,107,.28)}
.brand span{color:#fff}.brand small{color:#91a399}
.nav-cta{border-color:var(--chato-green);color:#fff!important}
.nav-cta:hover{background:var(--chato-green);color:#061108!important}
.eyebrow{color:var(--chato-green)}
.hero h1 em,h2 em{color:var(--chato-green)}
.btn.primary{background:var(--chato-green);border-color:var(--chato-green);color:#061108}
.btn.primary:hover{background:#35ef82}
.btn.ghost:hover{border-color:var(--chato-green);color:var(--chato-green)}
.about-card{background:linear-gradient(145deg,#0a0f0c,#151d18);border:1px solid rgba(25,214,107,.25)}
.card-icon{color:var(--chato-green)}
.dark{background:#080c0a}
.equipment-card{background:#111714;border-color:#25342b}
.equipment-card:hover{border-color:rgba(25,214,107,.7);transform:translateY(-5px);transition:.3s}
.equip-body>span,.equip-body a{color:var(--chato-green)}
.process{background:#e9ece9}
.steps{background:#b9c4bd}
.text-link{border-color:var(--chato-green)}
.contact{background:#080c0a}
.contact-details span{color:var(--chato-green)}
.floating-wa{background:var(--chato-green);color:#061108}
.mobile-call a:last-child{background:var(--chato-green);color:#061108}
.map-wrap{border-color:#294035}
.gallery-item:hover{outline:2px solid rgba(25,214,107,.55);outline-offset:-2px}
::selection{background:var(--chato-green);color:#061108}
@media(max-width:800px){
  .nav nav{background:#070a08;border-top:1px solid rgba(25,214,107,.2)}
}

/* NEW SECTIONS STYLING */
.section-featured-img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid rgba(25, 214, 107, 0.25);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.vehicle-img-wrap {
  height: 250px;
  width: 100%;
  overflow: hidden;
  background: #0b0f0d;
}

.vehicle-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.equipment-card:hover .vehicle-img-wrap img {
  transform: scale(1.05);
}