*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(92%,1480px);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#050505;border-bottom:1px solid #5a430d;height:96px}.nav{height:96px;display:flex;align-items:center;gap:28px}.brand img{height:88px;width:auto;display:block}.nav-links{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:700;text-transform:uppercase}.nav-links a{padding:38px 0 15px}.nav-links a:hover{color:#e5b52e}.nav-quote{margin-left:10px}.menu-btn{display:none;margin-left:auto;background:none;border:0;color:white;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 25px;border:1px solid #d7a91c;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.3px;cursor:pointer}.btn-gold{background:linear-gradient(90deg,#e0a914,#ffd05b);color:#080808}.btn-outline{background:#080808;color:#f1c34e}.hero{position:relative;min-height:650px;overflow:hidden;background:#050505}.hero-visual{position:absolute;right:0;top:0;width:72%;height:100%;background:url('assets/hero-harbour-final-20260926.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505 29%,rgba(5,5,5,.82) 40%,rgba(5,5,5,.12) 72%,rgba(5,5,5,0) 100%)}.hero-inner{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}.hero-copy{max-width:650px;padding:55px 0}.eyebrow{color:#e3b52b;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:16px}.hero h1{font-size:76px;line-height:.91;margin:0 0 26px;text-transform:uppercase;letter-spacing:-2px}.hero h1 span,.about-grid h2 span,.section-title em{color:#e3ad20;font-style:normal}.service-line{font-size:12px;font-weight:800;text-transform:uppercase;margin:18px 0}.service-line b{color:#d9a71f;margin:0 10px}.hero-copy p{font-size:18px}.hero-actions{display:flex;gap:14px;margin-top:25px}.trustbar{border-top:1px solid #3f300c;border-bottom:1px solid #3f300c;background:#080808}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustgrid div{padding:20px 14px;text-align:center;border-right:1px solid #4b380d;color:#d9a91f}.trustgrid span{color:#eee;font-size:12px;font-weight:700;text-transform:uppercase;margin-left:10px}.section{padding:78px 0}.section.alt{background:linear-gradient(180deg,#0b0b0b,#070707)}.section-title{text-align:center;margin-bottom:38px}.section-title>span{display:block;color:#e1b12b;text-transform:uppercase;font-weight:800;letter-spacing:1px}.section-title p{color:#bcbcbc;max-width:900px;margin:12px auto 0;line-height:1.6}.section-title.large h2{font-size:42px;text-transform:uppercase;margin:14px 0 4px}.cards.four{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid #675016;padding:34px 28px;min-height:250px;position:relative;text-align:center;background:linear-gradient(135deg,#111,#090909)}.card .num{position:absolute;right:18px;top:13px;color:#343434;font-size:30px;font-weight:900}.card .icon{width:62px;height:62px;margin:0 auto 22px;border:2px solid #d3a31e;border-radius:50%;display:grid;place-items:center;color:#e2b12a;font-size:27px}.card h3,.industry-body h3{color:#e1ad21;text-transform:uppercase;font-size:16px}.card p,.industry-body p{color:#ddd;line-height:1.55;font-size:14px}.about-grid{display:grid;grid-template-columns:1.05fr 1fr 1.45fr;gap:46px;align-items:start}.about-grid h2{font-size:48px;line-height:1.03;text-transform:uppercase;margin:0}.about-copy p{color:#ddd;line-height:1.7}.script{font-size:31px;color:#e4b42c;font-style:italic;margin-top:24px}.strength-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #4d3a0d}.strength-grid div{padding:25px;border-right:1px solid #4d3a0d;border-bottom:1px solid #4d3a0d}.strength-grid b{display:block;text-transform:uppercase;margin-bottom:7px}.strength-grid span{color:#bbb;font-size:13px;line-height:1.5}.industries{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.industries article{border:1px solid #715616;background:#0b0b0b;overflow:hidden;display:flex;flex-direction:column}.industries img{width:100%;height:210px;object-fit:cover;display:block}.industry-body{padding:20px 18px 24px;text-align:center;min-height:220px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #5e470f;margin-top:12px}.metrics div{text-align:center;padding:22px;border-right:1px solid #5e470f}.metrics b{display:block;font-size:28px;color:#fff}.metrics span{font-size:12px;text-transform:uppercase;color:#e0ae24;font-weight:800}.quote-section{padding-bottom:60px}.quote-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.quote-form,.contact-card{border:1px solid #755a15;background:#090909;padding:26px}.quote-form h3,.contact-card h3{text-transform:uppercase;margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;background:#070707;color:#eee;border:1px solid #5c4611;padding:15px;margin-bottom:12px}.quote-form textarea{height:150px;resize:vertical}.form-actions{display:flex;gap:12px}.whatsapp{background:#12aa55;color:white;border-color:#12aa55}.emailbtn{background:#1046b8;color:white;border-color:#2d64d5}.quote-form small{display:block;color:#8d8d8d;margin-top:12px}.contact-card div{padding:18px 0;border-bottom:1px solid #57420d}.contact-card b{display:block;color:#e1af25;text-transform:uppercase;margin-bottom:6px}.contact-card span{color:#ddd;line-height:1.55}.wa-band{border-top:1px solid #5a430e;border-bottom:1px solid #5a430e;background:#0c0c0c}.wa-band-inner{padding:24px 0;display:flex;align-items:center;justify-content:space-between}.wa-band b{display:block;text-transform:uppercase}.wa-band span{color:#e2b42f;text-transform:uppercase;font-weight:800}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px;padding:55px 0}.footer-brand img{height:145px}.footer-grid h4{text-transform:uppercase}.footer-grid a,.footer-grid span{display:block;color:#c8c8c8;margin:11px 0;font-size:13px}.footer-brand p{color:#bbb;max-width:330px;line-height:1.5}.footer-brand b{color:#dbaa25;text-transform:uppercase}.copyright{border-top:1px solid #59420e;padding:18px;text-align:center;font-size:12px;color:#aaa}.copyright span{color:#d8aa26;margin-left:28px}.float-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#15b85a;color:white;display:grid;place-items:center;font-size:27px;z-index:100;box-shadow:0 3px 15px #0008}
@media(max-width:1000px){.nav-links,.nav-quote{display:none}.menu-btn{display:block}.nav-links.open{display:flex;position:absolute;top:96px;left:0;right:0;background:#080808;flex-direction:column;padding:20px 7%;gap:8px}.nav-links.open a{padding:12px}.hero-visual{width:100%;opacity:.6}.hero:after{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.92) 48%,rgba(5,5,5,.5) 100%)}.cards.four{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.industries{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.quote-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header,.nav{height:80px}.brand img{height:72px}.hero,.hero-inner{min-height:580px}.hero-copy{padding-top:30px}.hero h1{font-size:50px}.service-line{line-height:1.8}.hero-actions{flex-direction:column;align-items:flex-start}.trustgrid{grid-template-columns:1fr 1fr}.cards.four,.industries,.metrics,.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.section-title.large h2{font-size:31px}.about-grid h2{font-size:38px}.industries img{height:240px}}
/* === FINAL DESKTOP SIZING POLISH === */
.wrap{
  width:min(94%,1580px);
  max-width:1580px;
}
.site-header{
  height:112px;
}
.nav{
  height:112px;
}
.brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}
.brand img{
  height:104px;
  width:auto;
  max-width:190px;
  object-fit:contain;
}
.nav-links{
  gap:34px;
  font-size:14px;
}
.nav-links a{
  padding:44px 0 18px;
}
.hero,
.hero-inner{
  min-height:690px;
}
.hero-copy{
  max-width:690px;
}
.hero h1{
  font-size:82px;
}
.cards.four{
  gap:22px;
}
.card{
  min-height:285px;
  padding:38px 30px;
}
.card h3{
  font-size:17px;
}
.card p{
  font-size:15px;
  line-height:1.62;
}
.industries{
  gap:14px;
}
.industries img{
  height:245px;
}
.industry-body{
  min-height:235px;
  padding:22px 20px 28px;
}
.industry-body h3{
  font-size:17px;
}
.industry-body p{
  font-size:14px;
  line-height:1.6;
}
.metrics div{
  padding:25px 15px;
}
@media (max-width:1000px){
  .site-header,.nav{height:92px}
  .brand img{height:84px;max-width:155px}
  .nav-links.open{top:92px}
  .hero,.hero-inner{min-height:620px}
}
@media (max-width:650px){
  .site-header,.nav{height:82px}
  .brand img{height:74px;max-width:135px}
  .hero,.hero-inner{min-height:590px}
  .hero h1{font-size:52px}
  .industries img{height:245px}
}

/* === APPROVED FINAL BRAND POLISH === */
.brand img{
  height:108px !important;
  width:auto !important;
  max-width:205px !important;
  object-fit:contain !important;
}
@media(max-width:1000px){
  .brand img{height:86px !important;max-width:165px !important}
}
@media(max-width:650px){
  .brand img{height:74px !important;max-width:145px !important}
}

/* Final header logo crop/display correction */
.brand img{
  height:106px !important;
  width:auto !important;
  max-width:230px !important;
  object-fit:contain !important;
}
@media(max-width:1000px){
  .brand img{height:86px !important;max-width:185px !important}
}
@media(max-width:650px){
  .brand img{height:74px !important;max-width:155px !important}
}

/* Final navigation anchor correction */
html { scroll-behavior: smooth; scroll-padding-top: 125px; }
section[id], footer[id], div[id] { scroll-margin-top: 125px; }

@media (max-width: 1000px) {
  html { scroll-padding-top: 105px; }
  section[id], footer[id], div[id] { scroll-margin-top: 105px; }
}
@media (max-width: 650px) {
  html { scroll-padding-top: 90px; }
  section[id], footer[id], div[id] { scroll-margin-top: 90px; }
}

/* Header logo clarity adjustment */
.brand img{
  height:112px !important;
  width:auto !important;
  max-width:245px !important;
  object-fit:contain !important;
  image-rendering:auto;
}
@media(max-width:1000px){
  .brand img{height:92px !important;max-width:200px !important}
}
@media(max-width:650px){
  .brand img{height:78px !important;max-width:170px !important}
}

/* === 2026-09 Website refresh: rotating logo, promo video and WhatsApp === */
.rotating-logo{
  transform-origin:center center;
  animation:izizweLogoIntro 1.8s cubic-bezier(.22,.7,.22,1) .2s 1 both;
  will-change:transform;
}
.brand:hover .rotating-logo{animation:izizweLogoHover 1.1s ease-in-out 1}
@keyframes izizweLogoIntro{
  0%{transform:rotateY(0deg) scale(.92);opacity:.55}
  70%{opacity:1}
  100%{transform:rotateY(360deg) scale(1);opacity:1}
}
@keyframes izizweLogoHover{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.rotating-logo,.brand:hover .rotating-logo{animation:none}}

.promo-section{padding:34px 0 38px;background:#050505;border-top:1px solid #5a430d;border-bottom:1px solid #5a430d}
.promo-card{border:1px solid #d4a51f;border-radius:14px;padding:24px;background:linear-gradient(145deg,#0a0a0a,#050505);box-shadow:0 12px 35px #0008}
.promo-heading{display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;margin-bottom:20px}
.promo-heading h2{margin:0;text-transform:uppercase;font-size:25px;letter-spacing:.3px;color:#f3f3f3}
.promo-heading h2 strong{color:#e2ad20}
.promo-heading p{margin:5px 0 0;color:#c9c9c9;font-size:14px}
.promo-play{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:#e2ad20;color:#080808;font-size:17px;padding-left:3px}
.promo-video-wrap{max-width:1120px;margin:auto;border:1px solid #3e3e3e;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 8px 30px #000b}
.promo-video{display:block;width:100%;max-height:630px;background:#000;aspect-ratio:16/9;object-fit:contain}
.promo-tagline{text-align:center;text-transform:uppercase;letter-spacing:2.2px;color:#cfcfcf;font-size:12px;margin-top:18px}
.promo-tagline b{color:#d8a51c;margin:0 12px}

.wa-icon{display:inline-flex;vertical-align:middle;margin-right:7px}
.wa-icon svg{width:22px;height:22px;fill:currentColor}
.float-wa-wrap{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;align-items:center;gap:10px}
.float-wa-label{background:#080808;color:#fff;border:1px solid #777;border-radius:20px 20px 4px 20px;padding:8px 15px;font-size:12px;line-height:1.15;text-align:center;box-shadow:0 3px 15px #0008}
.float-wa{position:static;width:64px;height:64px;border-radius:50%;background:#19c463;color:#fff;display:grid;place-items:center;box-shadow:0 4px 18px #0009;border:2px solid #26e77a;transition:transform .2s ease,filter .2s ease}
.float-wa:hover{transform:scale(1.07);filter:brightness(1.08)}
.float-wa svg{width:38px;height:38px;fill:currentColor}

@media(max-width:650px){
  .hero h1{font-size:44px;line-height:.98}
  .promo-section{padding:20px 0 24px}
  .promo-card{padding:13px;border-radius:11px}
  .promo-heading{justify-content:flex-start;gap:10px;margin-bottom:12px}
  .promo-play{width:34px;height:34px;flex-basis:34px;font-size:14px}
  .promo-heading h2{font-size:17px;line-height:1.2}
  .promo-heading p{font-size:12px;line-height:1.35}
  .promo-tagline{font-size:9px;letter-spacing:1px;line-height:1.6}
  .promo-tagline b{margin:0 5px}
  .float-wa-wrap{right:14px;bottom:14px;gap:7px}
  .float-wa{width:58px;height:58px}
  .float-wa svg{width:34px;height:34px}
  .float-wa-label{font-size:10px;padding:7px 11px}
}


/* === Uvashen 10 hero cleanup ===
   Keep the full truck cab/trailer visible on desktop and remove the old right-side floating WhatsApp widget. */
@media(min-width:1001px){
  .hero-visual{
    background-position:left center !important;
  }
}
.float-wa-wrap{display:flex !important}
.float-wa-label{display:none !important}

/* === 2026-09-26 FINAL LARGE WEBSITE PROMO VIDEO === */
.promo-section .wrap{width:min(98%,1800px);max-width:1800px}
.promo-card{padding:24px 18px}
.promo-video-wrap{width:100%;max-width:1600px;margin:0 auto;border-radius:10px}
.promo-video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;background:#000}
@media(max-width:1000px){
  .promo-section .wrap{width:96%}
  .promo-video-wrap{max-width:100%}
}
@media(max-width:650px){
  .promo-section .wrap{width:100%}
  .promo-card{padding:10px 8px}
  .promo-video-wrap{width:100%;border-radius:6px}
  .promo-video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
}

/* === 2026-09-26 FINAL DESKTOP VIDEO FIT ===
   Keep the promo prominent while reducing its desktop footprint so more of the full 16:9 frame is visible at once. */
@media(min-width:1001px){
  .promo-section .wrap{width:min(96%,1500px);max-width:1500px}
  .promo-video-wrap{width:100%;max-width:1280px;margin:0 auto}
  .promo-video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
}