:root{--navy:#062c50;--navy2:#031e38;--orange:#ff5a16;--off:#f6f8fa;--ink:#092c4c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,sans-serif;overflow-x:hidden}h1,h2,h3{font-family:"Space Grotesk",sans-serif}.essential-nav{background:#fff;padding:8px 0;box-shadow:0 2px 18px #00000012}.brand-logo{width:190px}.nav-link{font-size:.85rem;font-weight:800;color:var(--navy)!important;padding:.8rem!important;position:relative}.nav-link:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--orange);transform:translateX(-50%);transition:.2s}.nav-link:hover:after,.nav-link.active:after{width:55%}.btn-orange{background:var(--orange);color:#fff;border:0;border-radius:40px;padding:.78rem 1.35rem;font-weight:800}.btn-orange:hover{background:#e94c0d;color:#fff}.hero{min-height:760px;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#062c5009 1px,transparent 1px),linear-gradient(90deg,#062c5009 1px,transparent 1px);background-size:48px 48px}.hero-row{padding-top:75px}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.13em;margin-bottom:14px}.orange-text{color:var(--orange)}.hero-copy{z-index:2}.hero-copy h1{font-size:clamp(3.1rem,5.5vw,5.4rem);line-height:.9;letter-spacing:-.055em;font-weight:800}.hero-copy h1 span,h2 span{color:var(--orange)}.hero-lead{font-weight:800;color:var(--navy);font-size:1.08rem}.hero-services{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.hero-services div{width:105px;text-align:center;color:var(--orange);font-size:1.4rem}.hero-services strong,.hero-services small{display:block;color:var(--navy);font-size:.68rem;line-height:1.15}.hero-services small{font-size:.64rem}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.story{color:var(--navy);font-weight:800;text-decoration:none;font-size:.82rem}.story b{display:inline-grid;place-items:center;border:2px solid var(--navy);border-radius:50%;width:38px;height:38px;font-size:.6rem;margin-right:7px}.hero-visual{min-height:650px;position:relative}.hero-image-wrap{position:absolute;inset:-35px -14vw -20px -10%;overflow:hidden;clip-path:polygon(17% 0,100% 0,100% 75%,76% 100%,0 100%,11% 72%);background:var(--navy)}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#062c5020,#062c5000),url("https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1600&q=85") center/cover}.orange-cut{position:absolute;right:0;top:0;width:30%;height:55%;background:linear-gradient(140deg,transparent 0 31%,var(--orange) 32%)}.hero-badge{position:absolute;right:7%;top:17%;color:#fff}.hero-badge strong{display:block;font:800 4rem/1 "Space Grotesk"}.hero-badge small{font-weight:800;letter-spacing:.1em}.hero-quote{position:absolute;right:9%;bottom:12%;color:#fff;text-align:right;font-style:italic;transform:rotate(-5deg)}.hero-quote strong{color:var(--orange)}.section{padding:100px 0}.about{background:var(--off)}.about h2,.why h2,.contact h2{font-size:clamp(2.3rem,4vw,4rem);line-height:.98;letter-spacing:-.05em;font-weight:800}.about-photo{height:470px;position:relative;overflow:hidden;clip-path:polygon(0 0,86% 0,100% 14%,100% 84%,83% 100%,0 100%)}.about-photo div{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1581092335397-9583eb92d232?auto=format&fit=crop&w=1100&q=85") center/cover}.about-photo i{position:absolute;bottom:0;left:0;width:30%;height:30%;background:var(--orange);clip-path:polygon(0 55%,65% 0,100% 100%,0 100%)}.stats{background:#fff;border:1px solid #062c5015;padding:18px}.stats div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:15px 0;border-bottom:1px solid #062c5015}.stats div:last-child{border:0}.stats b{grid-row:span 2;color:var(--orange);font-size:1.3rem}.stats strong{font-family:"Space Grotesk";font-size:1.05rem}.stats small{color:#657487}.services,.industries{background:var(--navy);position:relative}.light{color:#fff;font-size:clamp(2.5rem,4vw,4.1rem);line-height:.95;font-weight:800}.light-p{color:#ffffffb8}.service-card{background:#fff;border-radius:15px;overflow:hidden;height:100%;box-shadow:0 20px 50px #0002;transition:.25s}.service-card:hover{transform:translateY(-7px)}.service-img{height:190px;background:center/cover}.technical{background-image:url("https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=800&q=80")}.nontechnical{background-image:url("https://images.unsplash.com/photo-1749244768351-2726dc23d26c?auto=format&fit=crop&fm=jpg&q=85&w=1200")}.housekeeping{background-image:url("https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=800&q=80")}.staffing{background-image:url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=800&q=80")}.card-body{padding:20px;position:relative}.card-body em{position:absolute;top:-25px;left:20px;background:var(--orange);border:5px solid #fff;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;color:#fff;font-style:normal}.card-body h3{font-size:1.12rem;margin:16px 0 12px}.card-body ul{padding-left:18px;margin:0;color:#607082;font-size:.76rem;line-height:1.75}.why{background:#fff}.orbit{height:470px;max-width:560px;margin:auto;position:relative}.ring{position:absolute;border:1px dashed #062c5040;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:310px;height:310px}.r2{width:440px;height:440px}.orbit-center{position:absolute;width:130px;height:130px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:8px solid #f2f6f9;border-radius:50%;box-shadow:0 15px 45px #062c5020;display:grid;place-items:center;overflow:hidden}.orbit-center img{width:110px}.orbit b{position:absolute;text-align:center;font-size:.7rem;line-height:1.2}.top{top:8%;left:50%;transform:translateX(-50%)}.right{right:0;top:38%}.br{right:7%;bottom:8%}.bl{left:7%;bottom:8%}.left{left:0;top:38%}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffffff20}.industry-grid div{height:120px;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--orange);font-size:1.5rem;text-align:center}.industry-grid span{color:#fff;font-size:.72rem;font-weight:800;margin-top:8px}.cta{padding:80px 0;background:var(--navy2);color:#fff;position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0;opacity:.28;background:url("https://images.unsplash.com/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=1600&q=80") center/cover}.cta h2{font-size:clamp(2.5rem,4.5vw,4.2rem);line-height:.95;font-weight:800}.cta p{color:#ffffffb8}.contact{background:var(--off)}.contact-details{margin-top:30px}.contact-details p{font-size:.82rem;line-height:1.7}.enquiry{background:#fff;padding:30px;box-shadow:0 18px 50px #062c5010}.form-control,.form-select{padding:.82rem 1rem;border-color:#dbe2e8;font-size:.82rem}.footer{background:var(--navy2);color:#fff;padding:35px 0 18px}.footer-logo{width:180px;background:#fff;padding:4px 8px}.footer p{color:#ffffffa8;font-size:.78rem}.footer-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.footer-links a{color:#ffffffb8;text-decoration:none;font-size:.75rem}.footer-links a:hover{color:var(--orange)}.footer hr{border-color:#ffffff1c}.footer small{color:#ffffff80}.back{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--orange);color:#fff;display:none;z-index:1000}.back.show{display:block}@media(max-width:992px){.hero-row{padding-top:140px;padding-bottom:40px}.hero-visual{min-height:480px}.hero-image-wrap{inset:0 -5vw 0 -5vw}.section{padding:75px 0}}@media(max-width:768px){.brand-logo{width:160px}.hero-copy h1{font-size:3.15rem}.hero-visual{min-height:390px}.hero-badge strong{font-size:2.8rem}.hero-quote{font-size:.75rem}.about-photo{height:340px}.orbit{transform:scale(.78);transform-origin:center}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid div:nth-child(even){border-right:0}.enquiry{padding:22px}}
/* =========================================================
   ESSENTIAL V1 — FINAL UI CORRECTIONS
   Keeps the original V1 design and only corrects layout,
   visibility, icons, contact details and footer credit.
   ========================================================= */

/* Fixed navigation should never cover the hero content */
.hero{
  min-height:calc(100vh - 78px);
  height:auto;
  margin-top:78px;
  position:relative;
  overflow:hidden;
}
.hero-row{
  min-height:calc(100vh - 78px) !important;
  padding-top:28px;
  padding-bottom:28px;
}
.hero-copy{
  position:relative;
  z-index:5;
  padding-right:12px;
}
.hero-copy h1{
  margin-bottom:22px;
}
.hero-lead{
  margin-bottom:0;
}
.hero-visual{
  min-height:calc(100vh - 130px);
  height:calc(100vh - 130px);
  position:relative;
  z-index:1;
}
.hero-image-wrap{
  top:12px;
  right:0;
  bottom:12px;
  left:-7%;
  inset:12px 0 12px -7%;
  overflow:hidden;
  clip-path:polygon(10% 0,100% 0,100% 76%,78% 100%,0 100%,8% 74%);
}
.hero-image{
  inset:0;
  width:100%;
  height:100%;
  background-position:center center;
}
.hero-badge{
  right:6%;
  top:18%;
  z-index:5;
  min-width:130px;
}
.hero-badge strong{
  font-size:clamp(3.4rem,5vw,5rem);
}
.hero-badge small{
  display:block;
  font-size:.72rem;
  line-height:1.35;
}
.hero-quote{
  right:6%;
  bottom:10%;
  z-index:5;
  font-size:.9rem;
  line-height:1.35;
  white-space:nowrap;
}

/* Make the four service mini-items stable on wide screens */
.hero-services{
  align-items:flex-start;
  gap:10px;
  margin:20px 0 24px;
}
.hero-services div{
  width:108px;
}

/* Why Essential: visible icon badges for every orbit item */
.orbit b{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:92px;
  font-weight:800;
}
.why-icon{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--orange);
  color:#fff;
  font-style:normal;
  font-size:1rem;
  box-shadow:0 6px 16px #062c5020;
}
.orbit b span{
  display:block;
}

/* Contact links */
.contact-details a{
  color:var(--navy);
  text-decoration:none;
}
.contact-details a:hover{
  color:var(--orange);
}

/* Footer credit */
.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}
.footer-bottom strong{
  color:#fff;
  font-weight:700;
}
.footer-bottom small{
  font-size:.72rem;
}

/* Ensure the non-technical service image is always rendered */
.service-img{
  display:block;
  width:100%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.nontechnical{
  background-image:url("https://images.unsplash.com/photo-1749244768351-2726dc23d26c?auto=format&fit=crop&fm=jpg&q=85&w=1200") !important;
}

/* Tablet */
@media (max-width:1199px){
  .hero-copy h1{
    font-size:clamp(3rem,5vw,4.7rem);
  }
  .hero-services div{
    width:96px;
  }
  .hero-badge{
    right:5%;
  }
  .hero-quote{
    right:5%;
    font-size:.78rem;
  }
}

/* Mobile / stacked hero */
@media (max-width:992px){
  .hero{
    min-height:auto;
    height:auto;
    margin-top:72px;
  }
  .hero-row{
    min-height:auto !important;
    padding-top:42px;
    padding-bottom:45px;
  }
  .hero-copy{
    padding-right:0;
  }
  .hero-copy h1{
    font-size:clamp(3rem,9vw,4.6rem);
  }
  .hero-visual{
    min-height:500px;
    height:500px;
    margin-top:15px;
  }
  .hero-image-wrap{
    inset:0 -3vw 0 -3vw;
    clip-path:polygon(7% 0,100% 0,100% 82%,78% 100%,0 100%,5% 79%);
  }
  .hero-badge{
    right:8%;
    top:15%;
  }
  .hero-quote{
    right:8%;
    bottom:9%;
    font-size:.78rem;
  }
}

@media (max-width:768px){
  .hero-row{
    padding-top:30px;
  }
  .hero-copy h1{
    font-size:3.15rem;
    line-height:.91;
  }
  .hero-services{
    gap:8px;
  }
  .hero-services div{
    width:calc(50% - 8px);
  }
  .hero-actions{
    gap:14px;
  }
  .hero-visual{
    min-height:390px;
    height:390px;
  }
  .hero-image-wrap{
    min-height:390px;
  }
  .hero-badge{
    right:7%;
    top:13%;
    min-width:100px;
  }
  .hero-badge strong{
    font-size:2.8rem;
  }
  .hero-badge small{
    font-size:.58rem;
  }
  .hero-quote{
    right:7%;
    bottom:9%;
    font-size:.68rem;
  }
  .orbit{
    transform:scale(.78);
    transform-origin:center;
  }
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}