:root{
  --navy:#061b44;
  --navy-2:#0b285b;
  --orange:#ff4b1f;
  --orange-2:#ff7a38;
  --orange-3:#ff9258;
  --black:#111318;
  --white:#ffffff;
  --light:#f4f6fa;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#111318;
  background:#eef1f6;
  line-height:1.6;
}
.preview-bar{
  position:sticky;
  top:0;
  z-index:3000;
  background:var(--black);
  color:#fff;
  padding:1rem;
  border-bottom:3px solid var(--orange);
}
.preview-bar .btn{
  border-radius:0;
  font-weight:800;
}
.preview-bar .btn.active{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
}
.site-frame{
  background:#fff;
  max-width:1440px;
  margin:0 auto;
  min-height:100vh;
  box-shadow:0 20px 70px rgba(0,0,0,.12);
}
.navbar{
  background:#fff;
  border-bottom:1px solid rgba(6,27,68,.08);
}
.text-logo{
  font-size:2.2rem;
  font-weight:900;
  letter-spacing:-.06em;
  color:var(--navy);
  text-decoration:none;
  line-height:1;
}
.text-logo .up{color:var(--orange)}
.nav-link{
  color:var(--navy)!important;
  font-weight:700;
  font-size:.95rem;
}
.nav-link.active,.nav-link:hover{color:var(--orange)!important}
.btn-scaff{
  background:var(--orange);
  color:#fff;
  border:2px solid var(--orange);
  border-radius:0;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:.85rem 1.25rem;
}
.btn-scaff:hover{
  background:var(--navy);
  border-color:var(--navy);
  color:#fff;
}
.btn-outline-scaff{
  color:var(--navy);
  border:2px solid var(--navy);
  border-radius:0;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:.85rem 1.25rem;
}
.btn-outline-scaff:hover{
  background:var(--navy);
  color:#fff;
}
.btn-outline-light{
  border-radius:0;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:.85rem 1.25rem;
}
.hero{
  position:relative;
  min-height:680px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(6,27,68,.98) 0%,rgba(6,27,68,.94) 52%,rgba(6,27,68,.62) 72%,rgba(6,27,68,.18) 100%),
    url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?q=80&w=1800&auto=format&fit=crop") center/cover no-repeat;
  color:#fff;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:38px 38px;
  pointer-events:none;
}
.hero .container{
  position:relative;
  z-index:3;
  padding-top:5.5rem;
  padding-bottom:5.5rem;
}
.eyebrow{
  color:var(--orange);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.8rem;
  font-weight:900;
}
.display-tight{
  font-size:5rem;
  font-weight:900;
  letter-spacing:-.055em;
  line-height:.92;
}
.hero-copy{
  max-width:670px;
  position:relative;
  z-index:5;
}
.orange-sash{
  position:absolute;
  right:-120px;
  top:0;
  width:430px;
  height:100%;
  background:linear-gradient(180deg,var(--orange),var(--orange-2));
  transform:skewX(-13deg);
  opacity:.94;
  z-index:1;
}
.visual-stage{
  position:relative;
  min-height:520px;
  z-index:4;
}
.scaffold-image{
  position:absolute;
  right:-10px;
  bottom:-8px;
  width:108%;
  height:520px;
  object-fit:contain;
  filter:drop-shadow(0 35px 35px rgba(0,0,0,.42));
  z-index:4;
}
.spec-card{
  position:absolute;
  background:#fff;
  color:var(--navy);
  padding:1rem 1.15rem;
  min-width:150px;
  box-shadow:0 18px 35px rgba(0,0,0,.25);
  border-top:5px solid var(--orange);
  z-index:5;
}
.spec-card strong{
  display:block;
  font-size:1.45rem;
  line-height:1;
  margin-bottom:.35rem;
}
.spec-card span{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  color:#5c6780;
}
.spec-1{top:55px;left:0}
.spec-2{bottom:55px;left:30px}
.badge-panel{
  position:absolute;
  right:15px;
  top:35px;
  background:rgba(6,27,68,.92);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  padding:1rem 1.2rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.75rem;
  z-index:5;
}
.trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  margin-top:2rem;
  color:rgba(255,255,255,.78);
  font-weight:700;
  font-size:.9rem;
}
.trust-row span:before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  background:var(--orange);
  margin-right:.55rem;
  vertical-align:middle;
}
.page-header{
  background:#fff;
  border-bottom:1px solid rgba(6,27,68,.08);
  padding:2.5rem 0 2rem;
}
.page-header-title{
  font-size:3.4rem;
  font-weight:900;
  letter-spacing:-.04em;
  color:var(--navy);
  margin:0;
  line-height:1;
}
.page-header-accent{
  width:90px;
  height:6px;
  background:var(--orange);
  margin-top:1rem;
  border-radius:20px;
}
.section{padding:5rem 0}
.bg-light-industrial{background:var(--light)}
.card-service{
  border:1px solid rgba(6,27,68,.08);
  border-radius:0;
  background:#fff;
}
.card-service.equal-height{height:100%}
.card-service .card-body{padding:2rem}
.icon-block{
  width:54px;
  height:54px;
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:1.2rem;
  margin-bottom:1rem;
}
.orange-1{background:var(--orange)}
.orange-2{background:var(--orange-2)}
.orange-3{background:var(--orange-3)}
.stat{
  border-left:4px solid var(--orange);
  padding-left:1rem;
}
.stat strong{
  display:block;
  font-size:2rem;
  color:var(--navy);
  line-height:1;
}
.price-card{
  border:2px solid rgba(6,27,68,.12);
  border-radius:0;
  height:100%;
  background:#fff;
}
.price-card.featured{border-color:var(--orange)}
.price{
  color:var(--navy);
  font-weight:900;
  font-size:2.4rem;
  letter-spacing:-.04em;
}
.spec-list li{margin-bottom:.65rem}
.spec-list li::marker{color:var(--orange)}
.table thead th{
  background:var(--navy);
  color:#fff;
}
.accordion-button{
  color:var(--navy);
  font-weight:800;
}
.accordion-button:not(.collapsed){
  color:var(--navy);
  background:rgba(255,75,31,.08);
}
.form-control,.form-select{
  border-radius:0;
  padding:.85rem 1rem;
  border:1px solid rgba(6,27,68,.18);
}
.form-control:focus,.form-select:focus{
  border-color:var(--orange);
  box-shadow:0 0 0 .2rem rgba(255,75,31,.15);
}
.form-label{font-weight:700}
.cta-band{
  background:#f4f6fa;
  color:var(--navy);
  padding:4.5rem 0;
  border-top:1px solid rgba(6,27,68,.08);
}
.quick-quote-wrap{
  background:#fff;
  border:1px solid rgba(6,27,68,.08);
  box-shadow:0 18px 45px rgba(6,27,68,.08);
  padding:2.5rem;
}
.quick-quote-heading{
  max-width:560px;
}
.quick-quote-heading h2{
  color:var(--navy);
  margin-bottom:.75rem;
}
.quick-quote-heading p{
  color:#5d6778;
  margin-bottom:0;
}
.quick-quote-form .form-control,
.quick-quote-form .form-select{
  height:52px;
}
.quick-quote-form .btn-scaff{
  height:52px;
  width:100%;
}
@media(max-width:991px){
  .cta-band{
    padding:3rem 0;
  }
  .quick-quote-wrap{
    padding:1.75rem;
  }
}

.footer{
  background:var(--navy);
  color:rgba(255,255,255,.78);
  padding:4rem 0 2rem;
}
.footer a{
  color:rgba(255,255,255,.86);
  text-decoration:none;
}
.footer a:hover{color:#fff}
.footer-logo-wrap{
  background:#fff;
  display:inline-block;
  padding:.65rem .85rem;
  margin-bottom:1rem;
}
.footer .text-logo{color:var(--navy)}
@media(max-width:991px){
  .hero{
    min-height:auto;
    background:
      linear-gradient(rgba(6,27,68,.97),rgba(6,27,68,.95)),
      url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?q=80&w=1400&auto=format&fit=crop") center/cover no-repeat;
  }
  .hero .container{padding-top:4rem;padding-bottom:4rem}
  .display-tight{font-size:3.5rem}
  .orange-sash{display:none}
  .visual-stage{min-height:440px;margin-top:2rem}
  .scaffold-image{width:100%;height:420px;right:0}
  .spec-1{left:0;top:15px}
  .spec-2{left:auto;right:0;bottom:15px}
  .badge-panel{display:none}
  .page-header-title{font-size:2.4rem}
}

/* OPTION 4 — REBUILT TO MATCH THE APPROVED REFERENCE */
:root{
  --navy:#1e1e1c;
  --navy-2:#2a2a27;
  --orange:#f4511e;
  --orange-2:#ff6a32;
  --orange-3:#ff8a5c;
  --black:#20211f;
  --white:#ffffff;
  --light:#f7f7f5;
  --cream:#f3efe8;
}
body{background:#e9e7e2;color:#1d1e1c}
.site-frame{background:#fff}
.navbar{background:#fff;border-bottom:1px solid #ece9e4;padding:1rem 0}
.text-logo{color:#222;font-size:2rem;letter-spacing:-.045em}
.nav-link{color:#242522!important;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}
.nav-link.active,.nav-link:hover{color:var(--orange)!important}
.btn-scaff{background:var(--orange);border-color:var(--orange);border-radius:2px;padding:.8rem 1.2rem;font-size:.78rem}
.btn-scaff:hover{background:#222;border-color:#222}
.btn-outline-scaff{color:#222;border-color:#a7a49e;border-radius:2px;padding:.8rem 1.2rem;font-size:.78rem}
.page-header{background:#fff;border-bottom:1px solid #ece9e4}
.page-header-title{color:#20211f}
.page-header-accent{background:var(--orange)}
.section{padding:4.5rem 0}
.bg-light-industrial{background:#f7f7f5}
.card-service,.price-card{border-color:#e1ddd6;border-radius:0}
.price-card.featured{border-color:var(--orange)}
.price{color:#20211f}
.table thead th{background:#20211f}
.form-control,.form-select{border-radius:0}
.cta-band{background:#f3efe8}
.quick-quote-wrap{background:#fff;border:1px solid #e4dfd6;box-shadow:none}
.footer{background:#fff;color:#333}
.footer a{color:#333}.footer a:hover{color:var(--orange)}
.footer h6{color:#20211f!important}
.footer-logo-wrap{padding:0;background:transparent}
.footer .text-logo{color:#222}

/* HERO */
.option4-hero{background:#fff;overflow:hidden}
.option4-hero .container-fluid{max-width:1440px;margin:0 auto}
.option4-hero-copy{display:flex;align-items:center;min-height:520px;padding:4.6rem 3rem 4rem 5rem;background:#fff}
.option4-hero-inner{max-width:520px}
.option4-hero h1{font-size:4.15rem;line-height:.98;letter-spacing:-.045em;font-weight:900;color:#171816;margin:0}
.option4-hero h1 .accent{color:var(--orange)}
.option4-rule{width:58px;height:3px;background:var(--orange);margin:1.35rem 0 1.6rem}
.option4-hero p{font-size:1.08rem;line-height:1.55;color:#292a27;font-weight:600;margin:0 0 1.6rem}
.option4-actions{display:flex;gap:.8rem;flex-wrap:wrap}
.option4-primary,.option4-secondary{border-radius:2px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;padding:.78rem 1.25rem}
.option4-primary{background:var(--orange);border:1px solid var(--orange);color:#fff}
.option4-secondary{background:#fff;border:1px solid #aaa8a3;color:#171816}
.option4-hero-image{min-height:520px;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.20) 25%,rgba(255,255,255,0) 48%),url('../images/hero-mockup-background.webp') center/cover no-repeat}
.option4-mini-trust{display:flex;gap:1.8rem;flex-wrap:wrap;margin-top:2.6rem;font-size:.82rem;color:#333}
.option4-mini-trust span{display:flex;align-items:center;gap:.45rem}
.option4-mini-trust span:before{content:'✓';display:grid;place-items:center;width:17px;height:17px;border:2px solid var(--orange);border-radius:50%;color:var(--orange);font-size:.62rem;font-weight:900}

/* BENEFITS */
.option4-benefits{background:#fff;border-top:1px solid #eeeae4;border-bottom:1px solid #eeeae4}
.option4-benefits .container{max-width:1240px}
.option4-benefit{display:flex;align-items:center;gap:1.3rem;padding:2.1rem 2.5rem;min-height:132px}
.option4-benefit+.option4-benefit{border-left:1px solid #d9d4cb}
.option4-benefit-icon{width:58px;height:58px;flex:0 0 auto;color:#171816}
.option4-benefit-icon svg{width:100%;height:100%}
.option4-benefit h3{font-size:.82rem;font-weight:900;margin:0 0 .45rem;text-transform:uppercase}
.option4-benefit p{font-size:.82rem;line-height:1.55;color:#484944;margin:0}

/* SMARTER WAY */
.option4-work{background:#fff;padding:3.4rem 0 2.6rem}
.option4-work .container{max-width:1240px}
.option4-work-img{width:100%;height:360px;object-fit:cover;display:block;border-radius:6px}
.option4-work-copy{padding-left:2.6rem}
.option4-work-eyebrow{font-size:.8rem;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .45rem}
.option4-work h2{font-size:2.9rem;line-height:1.02;letter-spacing:-.035em;font-weight:900;color:#171816;margin:0}
.option4-work-rule{width:58px;height:3px;background:var(--orange);margin:1.25rem 0 1.45rem}
.option4-work p{font-size:1rem;line-height:1.75;color:#3d3e3a;margin:0 0 1.5rem}
.option4-work-list{list-style:none;padding:0;margin:0 0 1.65rem}
.option4-work-list li{margin:.45rem 0;font-size:.95rem}
.option4-work-list li:before{content:'✓';color:var(--orange);font-weight:900;margin-right:.65rem}
.option4-learn{border:1px solid var(--orange);background:#fff;color:var(--orange);font-size:.76rem;font-weight:800;border-radius:2px;padding:.68rem 1rem;text-transform:uppercase}
.option4-learn:hover{background:var(--orange);color:#fff}

/* SPECS */
.option4-specs{background:#fff;padding:0 0 2.3rem}
.option4-specs .container{max-width:1240px;border-top:1px solid #ddd8cf;padding-top:1.55rem}
.option4-spec{text-align:center;padding:.35rem 1rem}
.option4-spec+.option4-spec{border-left:1px solid #d8d3ca}
.option4-spec strong{display:block;font-size:1.65rem;line-height:1;font-weight:900;color:#171816}
.option4-spec span{display:block;margin-top:.55rem;font-size:.67rem;letter-spacing:.03em;text-transform:uppercase;color:#555650}

@media(max-width:991px){
  .option4-hero-copy{min-height:auto;padding:3.5rem 2rem}
  .option4-hero h1{font-size:3.15rem}
  .option4-hero-image{min-height:420px;background-position:center}
  .option4-benefit{padding:1.5rem 1rem}
  .option4-benefit+.option4-benefit{border-left:0;border-top:1px solid #d9d4cb}
  .option4-work-copy{padding:2rem 0 0}
  .option4-work h2{font-size:2.35rem}
}
@media(max-width:767px){
  .option4-hero-copy{padding:2.8rem 1.4rem}
  .option4-hero h1{font-size:2.55rem}
  .option4-hero-image{min-height:320px}
  .option4-work-img{height:280px}
  .option4-spec{padding:1.1rem .5rem}
  .option4-spec:nth-child(3){border-left:0}
  .option4-spec:nth-child(n+3){border-top:1px solid #d8d3ca}
}


/* =========================================================
   FULL RESPONSIVE PASS — DESKTOP / TABLET / MOBILE
   ========================================================= */

/* Global safeguards */
html{
  overflow-x:hidden;
  scroll-behavior:smooth;
}
body{
  overflow-x:hidden;
  min-width:320px;
}
img,
svg,
video{
  max-width:100%;
  height:auto;
}
.site-frame{
  width:100%;
  overflow:hidden;
}
.container,
.container-fluid{
  min-width:0;
}
.row > *{
  min-width:0;
}
h1,h2,h3,h4,h5,h6,p,
.nav-link,
.btn,
.form-label,
.form-control,
.form-select,
td,th{
  overflow-wrap:anywhere;
}
.btn{
  max-width:100%;
  white-space:normal;
}

/* Preview toolbar */
.preview-bar{
  padding:.75rem 1rem;
}
.preview-bar .container-fluid{
  flex-wrap:nowrap!important;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  padding-bottom:.2rem;
}
.preview-bar strong,
.preview-bar .btn{
  flex:0 0 auto;
}
.preview-bar .btn{
  min-height:40px;
}

/* Navigation */
.navbar{
  padding:.8rem 0;
}
.navbar-brand{
  max-width:70%;
  margin-right:1rem;
}
.navbar-toggler{
  border-radius:0;
  border:1px solid rgba(0,0,0,.18);
  padding:.45rem .6rem;
}
.navbar-toggler:focus{
  box-shadow:0 0 0 .2rem rgba(244,81,30,.18);
}
.navbar-collapse{
  min-width:0;
}
.navbar-nav{
  gap:.15rem;
}
.navbar .nav-link{
  padding:.65rem .75rem!important;
}
.navbar .btn-scaff{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Main responsive typography */
.page-header-title{
  font-size:clamp(2rem,5vw,3.4rem);
}
.section h2{
  line-height:1.12;
}
.section,
.page-header,
.cta-band,
.footer{
  overflow:hidden;
}

/* Option 4 homepage blocks */
.option4-hero{
  min-height:clamp(500px,58vw,690px);
}
.option4-hero .container{
  min-height:inherit;
  display:flex;
  align-items:center;
}
.option4-hero-copy{
  width:min(100%,620px);
}
.option4-hero h1{
  font-size:clamp(2.7rem,5.5vw,5rem);
}
.option4-hero p{
  font-size:clamp(1rem,1.5vw,1.18rem);
}
.option4-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}
.option4-benefit{
  height:100%;
}
.option4-work-image{
  width:100%;
  object-fit:cover;
}
.option4-work-copy{
  min-width:0;
}
.option4-spec strong{
  white-space:normal;
}

/* Cards */
.card-service,
.price-card{
  min-width:0;
}
.price-card{
  display:flex;
  flex-direction:column;
}
.price-card .btn{
  margin-top:auto;
}

/* Forms */
.form-control,
.form-select,
textarea.form-control{
  width:100%;
  max-width:100%;
  min-width:0;
}
.quick-quote-form .btn-scaff{
  min-height:52px;
}
input[type="date"]{
  min-width:0;
}

/* Tables */
.table-responsive{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.table{
  min-width:680px;
}

/* Footer */
.footer .row > div{
  min-width:0;
}
.footer-logo-wrap{
  max-width:100%;
}
.footer-logo-wrap .text-logo{
  white-space:normal;
}

/* Large tablet */
@media (max-width:1199.98px){
  .navbar .container{
    max-width:100%;
    padding-left:1.25rem;
    padding-right:1.25rem;
  }
  .navbar .nav-link{
    font-size:.84rem;
    padding:.6rem .55rem!important;
  }
  .navbar .btn-scaff{
    padding:.7rem .85rem;
    font-size:.72rem;
  }
  .section{
    padding:4rem 0;
  }
  .option4-work-image{
    min-height:360px;
  }
}

/* Tablet and collapsed navigation */
@media (max-width:991.98px){
  .preview-bar{
    position:relative;
  }
  .navbar-brand{
    max-width:calc(100% - 68px);
  }
  .text-logo{
    font-size:clamp(1.65rem,5vw,2.05rem);
  }
  .navbar-collapse{
    margin-top:.85rem;
    padding:.75rem 0 1rem;
    border-top:1px solid rgba(0,0,0,.08);
  }
  .navbar-nav{
    align-items:stretch!important;
  }
  .navbar .nav-link{
    padding:.8rem 0!important;
    border-bottom:1px solid rgba(0,0,0,.06);
  }
  .navbar .nav-item.ms-lg-3{
    margin-top:.9rem;
  }
  .navbar .btn-scaff{
    width:100%;
    min-height:48px;
  }

  .page-header{
    padding:2.1rem 0 1.7rem;
  }
  .section{
    padding:3.5rem 0;
  }

  .option4-hero{
    min-height:auto;
    background-position:center center;
  }
  .option4-hero .container{
    min-height:560px;
    align-items:flex-end;
    padding-top:3rem;
    padding-bottom:3rem;
  }
  .option4-hero-copy{
    background:rgba(255,255,255,.91);
    padding:2rem;
    width:min(100%,600px);
  }
  .option4-hero-actions .btn{
    flex:1 1 180px;
  }

  .option4-benefit{
    padding:1.5rem 1.25rem;
  }
  .option4-work-image{
    min-height:340px;
    max-height:520px;
  }
  .option4-work-copy{
    padding-top:1rem;
  }

  .quick-quote-heading{
    max-width:none;
  }
  .quick-quote-form .col-md-3.d-flex{
    align-items:stretch!important;
  }

  .footer{
    padding-top:3rem;
  }
}

/* Mobile */
@media (max-width:767.98px){
  body{
    font-size:15px;
  }
  .preview-bar{
    padding:.55rem .65rem;
  }
  .preview-bar strong{
    display:none;
  }
  .preview-bar .btn{
    font-size:.72rem;
    padding:.5rem .7rem;
    min-height:36px;
  }

  .navbar .container{
    padding-left:1rem;
    padding-right:1rem;
  }
  .navbar-brand small{
    font-size:.48rem!important;
    letter-spacing:.12em!important;
  }

  .section{
    padding:3rem 0;
  }
  .page-header{
    padding:1.8rem 0 1.45rem;
  }
  .page-header-accent{
    width:64px;
    height:4px;
  }

  .option4-hero .container{
    min-height:520px;
    padding:2rem 1rem;
  }
  .option4-hero-copy{
    padding:1.5rem;
  }
  .option4-hero h1{
    font-size:clamp(2.35rem,12vw,3.6rem);
    line-height:.98;
  }
  .option4-hero p{
    font-size:1rem;
  }
  .option4-hero-actions{
    flex-direction:column;
  }
  .option4-hero-actions .btn{
    width:100%;
    flex-basis:auto;
    min-height:48px;
  }

  .option4-benefits .row > * + *{
    border-top:1px solid rgba(0,0,0,.1);
  }
  .option4-benefit{
    padding:1.4rem 1rem;
    justify-content:flex-start;
  }
  .option4-benefit-icon{
    flex:0 0 46px;
  }

  .option4-work-image{
    min-height:260px;
    height:58vw;
    max-height:360px;
  }
  .option4-work-copy{
    padding-top:1.5rem;
  }
  .option4-work-copy h2{
    font-size:clamp(2rem,8vw,2.7rem);
  }
  .option4-work-copy .btn{
    width:100%;
  }

  .option4-spec{
    padding:1.4rem .6rem;
  }
  .option4-spec:nth-child(odd){
    border-left:0!important;
  }
  .option4-spec:nth-child(n+3){
    border-top:1px solid rgba(0,0,0,.12);
  }
  .option4-spec strong{
    font-size:clamp(1.35rem,6vw,1.8rem);
  }

  .price-card{
    padding:1.5rem!important;
  }
  .price{
    font-size:2.15rem;
  }

  .cta-band{
    padding:2.75rem 0;
  }
  .quick-quote-wrap{
    padding:1.35rem;
  }
  .quick-quote-heading h2{
    font-size:1.75rem;
  }
  .quick-quote-form .col-md-3,
  .quick-quote-form .col-md-6{
    width:100%;
  }
  .quick-quote-form .btn-scaff{
    width:100%;
  }

  .card-service .card-body{
    padding:1.35rem;
  }
  .accordion-button{
    font-size:.95rem;
    line-height:1.35;
    padding:1rem;
  }
  .accordion-body{
    padding:1rem;
  }

  .footer{
    padding-top:2.5rem;
    text-align:left;
  }
  .footer .col-6{
    width:100%;
  }
  .footer h6{
    margin-top:.5rem;
  }
  .footer-bottom{
    text-align:center;
  }
}

/* Small phones */
@media (max-width:479.98px){
  .container{
    --bs-gutter-x:1.5rem;
  }
  .text-logo{
    font-size:1.55rem;
  }
  .navbar-toggler{
    padding:.35rem .5rem;
  }
  .option4-hero .container{
    min-height:480px;
    padding-left:.75rem;
    padding-right:.75rem;
  }
  .option4-hero-copy{
    padding:1.25rem;
  }
  .option4-hero h1{
    font-size:2.45rem;
  }
  .option4-benefit{
    gap:.85rem;
  }
  .option4-benefit h3{
    font-size:.78rem;
  }
  .option4-benefit p{
    font-size:.82rem;
  }
  .option4-spec strong{
    font-size:1.35rem;
  }
  .option4-spec span{
    font-size:.62rem;
  }
  .section h2{
    font-size:1.85rem;
  }
  .page-header-title{
    font-size:2rem;
  }
  .btn-scaff,
  .btn-outline-scaff{
    padding:.75rem .9rem;
    font-size:.78rem;
  }
  .quick-quote-wrap{
    padding:1rem;
  }
  .footer .text-logo{
    font-size:1.65rem;
  }
}

/* Ultra narrow protection */
@media (max-width:359.98px){
  .option4-hero h1{
    font-size:2.15rem;
  }
  .option4-hero-copy{
    padding:1rem;
  }
  .preview-bar .btn{
    font-size:.66rem;
  }
  .navbar-brand small{
    display:none!important;
  }
}


/* =========================================================
   DESKTOP LAYOUT CORRECTION
   Preserve full desktop composition at 992px and wider.
   ========================================================= */
@media (min-width:992px){
  .site-frame{
    max-width:1440px;
    margin:0 auto;
  }

  .option4-hero{
    min-height:520px;
  }
  .option4-hero > .container-fluid{
    display:block;
    width:100%;
    max-width:1440px;
    padding:0!important;
    margin:0 auto;
  }
  .option4-hero > .container-fluid > .row{
    display:flex;
    flex-wrap:nowrap;
    min-height:520px;
    margin:0;
  }
  .option4-hero-copy{
    flex:0 0 41.666667%;
    width:41.666667%;
    min-height:520px;
    padding:4.6rem 3rem 4rem 5rem;
    display:flex;
    align-items:center;
  }
  .option4-hero-image{
    flex:0 0 58.333333%;
    width:58.333333%;
    min-height:520px;
    background-position:center center;
    background-size:cover;
  }
  .option4-hero-inner{
    width:100%;
    max-width:520px;
  }
  .option4-hero h1{
    font-size:4.15rem;
    line-height:.98;
  }
  .option4-actions{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:.8rem;
  }
  .option4-actions .btn{
    width:auto;
    flex:0 0 auto;
  }

  .option4-benefits .container{
    max-width:1200px;
  }
  .option4-benefits .row{
    display:flex;
    flex-wrap:nowrap;
  }
  .option4-benefit{
    flex:0 0 33.333333%;
    width:33.333333%;
    min-height:126px;
    padding:2rem 2.25rem;
    display:flex;
    align-items:center;
  }
  .option4-benefit + .option4-benefit{
    border-left:1px solid #ddd8cf;
    border-top:0;
  }

  .option4-work{
    padding:4.5rem 0 3.25rem;
  }
  .option4-work .container{
    max-width:1180px;
  }
  .option4-work .row{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
  }
  .option4-work .col-lg-6{
    flex:0 0 50%;
    width:50%;
  }
  .option4-work-img{
    width:100%;
    height:430px;
    min-height:430px;
    object-fit:cover;
    display:block;
  }
  .option4-work-copy{
    padding-left:2.4rem;
    padding-top:0;
  }
  .option4-work-copy h2{
    font-size:2.75rem;
    line-height:1.02;
  }
  .option4-work-copy .btn{
    width:auto;
  }

  .option4-specs .container{
    max-width:1180px;
  }
  .option4-specs .row{
    display:flex;
    flex-wrap:nowrap;
  }
  .option4-spec{
    flex:0 0 25%;
    width:25%;
    padding:1.7rem 1rem;
    border-top:0!important;
  }
  .option4-spec + .option4-spec{
    border-left:1px solid #d5d0c8!important;
  }

  .quick-quote-form .col-md-6{
    width:50%;
  }
  .quick-quote-form .col-md-3{
    width:25%;
  }

  .footer .col-lg-4{width:33.333333%}
  .footer .col-lg-2{width:16.666667%}
  .footer .col-lg-3{width:25%}
}

/* Tablet: keep two-column hero until mobile */
@media (min-width:768px) and (max-width:991.98px){
  .option4-hero > .container-fluid > .row{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .option4-hero-copy,
  .option4-hero-image{
    width:100%;
    min-height:470px;
  }
  .option4-hero-copy{
    padding:3rem 2rem;
  }
  .option4-hero-image{
    background-position:center;
  }
  .option4-benefits .row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
  }
  .option4-benefit{
    min-height:140px;
  }
  .option4-benefit + .option4-benefit{
    border-left:1px solid #ddd8cf;
    border-top:0;
  }
}


/* =========================================================
   FINAL OPTION 4 LAYOUT — AUTHORITATIVE MATCH
   ========================================================= */
html,body{overflow-x:hidden!important}
.site-frame{max-width:1440px!important;width:100%!important;margin:0 auto!important;overflow:hidden!important}

/* Navigation scale */
.navbar{padding:.9rem 0!important}
.navbar .container{max-width:1240px!important}
.text-logo{font-size:2rem!important}
.nav-link{font-size:.78rem!important;padding:.65rem .72rem!important}
.navbar .btn-scaff{font-size:.72rem!important;padding:.68rem 1rem!important}

/* Hero — 40/60 split, restrained type, no duplicated trust row */
.option4-hero{min-height:0!important;background:#fff!important;overflow:hidden!important}
.option4-hero>.container-fluid{max-width:1440px!important;width:100%!important;margin:0 auto!important;padding:0!important}
.option4-hero>.container-fluid>.row{display:flex!important;flex-wrap:nowrap!important;margin:0!important;min-height:520px!important}
.option4-hero-copy{flex:0 0 40.5%!important;width:40.5%!important;max-width:none!important;min-height:520px!important;padding:4.4rem 2.5rem 4rem 4.5rem!important;display:flex!important;align-items:center!important;background:#fff!important}
.option4-hero-inner{width:100%!important;max-width:470px!important}
.option4-hero h1{font-size:3.65rem!important;line-height:1.01!important;letter-spacing:-.045em!important;font-weight:900!important;color:#111!important;margin:0!important}
.option4-hero h1 .accent{color:#111!important}
.option4-rule{width:54px!important;height:3px!important;background:#f4511e!important;margin:1.35rem 0 1.55rem!important}
.option4-hero p{font-size:1rem!important;line-height:1.55!important;color:#252525!important;margin:0 0 1.55rem!important}
.option4-actions{display:flex!important;gap:.7rem!important;flex-wrap:wrap!important}
.option4-primary,.option4-secondary{font-size:.7rem!important;padding:.7rem 1.05rem!important;border-radius:2px!important}
.option4-hero-image{flex:0 0 59.5%!important;width:59.5%!important;max-width:none!important;min-height:520px!important;background-size:cover!important;background-position:center!important}
.option4-mini-trust{display:none!important}

/* Benefit strip */
.option4-benefits{background:#fff!important;border-top:1px solid #ece9e3!important;border-bottom:1px solid #ece9e3!important}
.option4-benefits .container{max-width:1240px!important;padding:0!important}
.option4-benefits .row{display:flex!important;flex-wrap:nowrap!important;margin:0!important}
.option4-benefit{flex:0 0 33.333333%!important;width:33.333333%!important;min-height:122px!important;padding:1.7rem 2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:1.1rem!important}
.option4-benefit+.option4-benefit{border-left:1px solid #ddd8cf!important;border-top:0!important}
.option4-benefit-icon{width:48px!important;height:48px!important;flex:0 0 48px!important}
.option4-benefit h3{font-size:.7rem!important;line-height:1.2!important;margin:0 0 .35rem!important;font-weight:900!important;text-transform:uppercase!important}
.option4-benefit p{font-size:.7rem!important;line-height:1.55!important;margin:0!important;color:#3e3e3b!important}

/* Work-at-height section */
.option4-work{background:#fff!important;padding:3.2rem 0 2.25rem!important;overflow:visible!important}
.option4-work .container{max-width:1240px!important}
.option4-work .row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;margin-left:0!important;margin-right:0!important}
.option4-work .col-lg-6{flex:0 0 50%!important;width:50%!important;max-width:50%!important;padding-left:0!important;padding-right:0!important}
.option4-work .col-lg-6:first-child{padding-right:2rem!important}
.option4-work-img{width:100%!important;height:auto!important;aspect-ratio:1.68/1!important;object-fit:cover!important;border-radius:5px!important;display:block!important}
.option4-work-copy{padding:0 1.5rem 0 1.8rem!important;min-width:0!important;overflow:visible!important}
.option4-work-eyebrow{font-size:.72rem!important;margin:0 0 .4rem!important;color:#f4511e!important;letter-spacing:.04em!important}
.option4-work h2{font-size:2.35rem!important;line-height:1.04!important;letter-spacing:-.035em!important;margin:0!important;color:#111!important;white-space:normal!important}
.option4-work-rule{width:54px!important;height:3px!important;margin:1rem 0 1.25rem!important}
.option4-work p{font-size:.9rem!important;line-height:1.75!important;margin:0 0 1.25rem!important;color:#343431!important}
.option4-work-list{display:none!important}
.option4-learn{font-size:.65rem!important;padding:.58rem .85rem!important;border-radius:2px!important}

/* Specs */
.option4-specs{background:#fff!important;padding:0 0 2.1rem!important}
.option4-specs .container{max-width:1240px!important;border-top:1px solid #ddd8cf!important;padding-top:1.35rem!important}
.option4-specs .row{display:flex!important;flex-wrap:nowrap!important;margin:0!important}
.option4-spec{flex:0 0 25%!important;width:25%!important;max-width:25%!important;padding:.25rem 1rem!important;text-align:center!important;border-top:0!important}
.option4-spec+.option4-spec{border-left:1px solid #d5d0c8!important}
.option4-spec strong{font-size:1.55rem!important;line-height:1!important;color:#111!important;white-space:normal!important}
.option4-spec span{font-size:.57rem!important;line-height:1.2!important;margin-top:.55rem!important;letter-spacing:.02em!important}

/* Tablet */
@media(max-width:991.98px){
  .option4-hero>.container-fluid>.row{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:460px!important}
  .option4-hero-copy,.option4-hero-image{width:100%!important;max-width:none!important;min-height:460px!important}
  .option4-hero-copy{padding:3rem 2rem!important}
  .option4-hero h1{font-size:3rem!important}
  .option4-benefits .container{padding:0 1rem!important}
  .option4-benefit{padding:1.4rem .9rem!important;gap:.75rem!important;justify-content:flex-start!important}
  .option4-benefit-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
  .option4-work{padding:2.8rem 0 2rem!important}
  .option4-work .row{gap:0!important}
  .option4-work .col-lg-6:first-child{padding-right:1.2rem!important}
  .option4-work-copy{padding-left:1.2rem!important;padding-right:0!important}
  .option4-work h2{font-size:2rem!important}
}

/* Mobile */
@media(max-width:767.98px){
  .option4-hero>.container-fluid>.row{display:flex!important;flex-direction:column!important;min-height:0!important}
  .option4-hero-image{order:1!important;min-height:300px!important;width:100%!important;background-position:center!important}
  .option4-hero-copy{order:2!important;min-height:0!important;width:100%!important;padding:2.4rem 1.25rem 2.6rem!important}
  .option4-hero-inner{max-width:none!important}
  .option4-hero h1{font-size:2.55rem!important}
  .option4-actions{flex-direction:column!important}
  .option4-actions .btn{width:100%!important}
  .option4-benefits .container{padding:0 1rem!important}
  .option4-benefits .row{display:block!important}
  .option4-benefit{width:100%!important;min-height:auto!important;padding:1.25rem .25rem!important}
  .option4-benefit+.option4-benefit{border-left:0!important;border-top:1px solid #ddd8cf!important}
  .option4-work{padding:2.2rem 0 1.7rem!important}
  .option4-work .row{display:block!important}
  .option4-work .col-lg-6{width:100%!important;max-width:100%!important}
  .option4-work .col-lg-6:first-child{padding-right:0!important}
  .option4-work-img{aspect-ratio:1.45/1!important}
  .option4-work-copy{padding:1.7rem 0 0!important}
  .option4-work h2{font-size:2rem!important}
  .option4-learn{width:auto!important}
  .option4-specs .row{display:grid!important;grid-template-columns:1fr 1fr!important}
  .option4-spec{width:100%!important;max-width:none!important;padding:1.1rem .5rem!important}
  .option4-spec:nth-child(odd){border-left:0!important}
  .option4-spec:nth-child(n+3){border-top:1px solid #d5d0c8!important}
}

@media(max-width:380px){
  .option4-hero h1{font-size:2.25rem!important}
  .option4-hero-image{min-height:250px!important}
  .option4-work h2{font-size:1.8rem!important}
}


/* =========================================================
   FINAL COLOUR AUDIT — MATCHED TO APPROVED OPTION 4 REFERENCE
   ========================================================= */
:root{
  --navy:#111111!important;
  --navy-2:#242424!important;
  --orange:#dc5217!important;
  --orange-2:#e8632a!important;
  --orange-3:#ef8251!important;
  --black:#1f201e!important;
  --white:#ffffff!important;
  --light:#f7f6f6!important;
  --cream:#f2eee8!important;
  --reference-hero:#f0f3f6;
  --reference-panel:#fbfbfb;
  --reference-work:#f7f6f6;
  --reference-spec:#f3f3f3;
  --reference-line:#ececed;
  --reference-copy:#292929;
  --reference-muted:#555555;
}

/* Global surfaces and typography */
body{
  background:#e9e9e8!important;
  color:#111!important;
}
.site-frame{
  background:#fff!important;
}
.navbar,
.page-header{
  background:#fff!important;
  border-color:#ececed!important;
}
.text-logo,
.nav-link,
.page-header-title,
.price,
.accordion-button,
.quick-quote-heading h2{
  color:#111!important;
}
.nav-link.active,
.nav-link:hover,
.text-logo .up,
.eyebrow{
  color:var(--orange)!important;
}

/* Buttons and orange details */
.btn-scaff,
.option4-primary{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
  color:#fff!important;
}
.btn-scaff:hover,
.option4-primary:hover{
  background:#222!important;
  border-color:#222!important;
}
.btn-outline-scaff,
.option4-secondary{
  color:#111!important;
  border-color:#c8c8c8!important;
  background:#fff!important;
}
.btn-outline-scaff:hover,
.option4-secondary:hover{
  color:#fff!important;
  border-color:#222!important;
  background:#222!important;
}
.page-header-accent,
.option4-rule,
.option4-work-rule{
  background:var(--orange)!important;
}
.option4-learn{
  color:var(--orange)!important;
  border-color:var(--orange)!important;
  background:#fff!important;
}
.option4-learn:hover{
  color:#fff!important;
  background:var(--orange)!important;
}

/* Homepage reference surfaces */
.option4-hero,
.option4-hero-copy{
  background:var(--reference-hero)!important;
}
.option4-hero h1,
.option4-work h2,
.option4-spec strong,
.option4-benefit h3{
  color:#111!important;
}
.option4-hero p,
.option4-work p{
  color:var(--reference-copy)!important;
}
.option4-benefits{
  background:var(--reference-panel)!important;
  border-color:var(--reference-line)!important;
}
.option4-benefit + .option4-benefit{
  border-color:#dedede!important;
}
.option4-benefit-icon{
  color:#111!important;
}
.option4-benefit-icon svg path,
.option4-benefit-icon svg circle{
  stroke:#111;
}
.option4-benefit-icon svg path[stroke="var(--orange)"]{
  stroke:var(--orange)!important;
}
.option4-benefit p{
  color:#333!important;
}
.option4-work{
  background:var(--reference-work)!important;
}
.option4-work-eyebrow{
  color:#111!important;
}
.option4-specs{
  background:var(--reference-spec)!important;
}
.option4-specs .container{
  border-color:#d8d8d8!important;
}
.option4-spec + .option4-spec{
  border-color:#d8d8d8!important;
}
.option4-spec span{
  color:#333!important;
}

/* Pricing */
.bg-light-industrial{
  background:#f7f7f6!important;
}
.price-card{
  background:#fff!important;
  border-color:#dfdfdc!important;
  box-shadow:0 5px 16px rgba(0,0,0,.035)!important;
}
.price-card.featured{
  border-color:var(--orange)!important;
}
.price-card .badge.text-bg-warning{
  background:var(--orange)!important;
  color:#fff!important;
}
.price small,
.spec-list li::marker{
  color:var(--orange)!important;
}

/* Forms and quote area */
.cta-band{
  background:var(--cream)!important;
  border-color:#e5e0d9!important;
}
.quick-quote-wrap{
  background:#fff!important;
  border-color:#e2ddd6!important;
}
.quick-quote-heading p{
  color:#555!important;
}
.form-control,
.form-select{
  background:#fff!important;
  color:#222!important;
  border-color:#d5d1ca!important;
}
.form-control:focus,
.form-select:focus{
  border-color:var(--orange)!important;
  box-shadow:0 0 0 .2rem rgba(220,82,23,.13)!important;
}

/* Accordion and tables */
.table thead th{
  background:#20211f!important;
  color:#fff!important;
}
.accordion-button:not(.collapsed){
  color:#111!important;
  background:#fff2ed!important;
}

/* Footer */
.footer{
  background:#fff!important;
  color:#3a3a38!important;
}
.footer a{
  color:#3a3a38!important;
}
.footer a:hover{
  color:var(--orange)!important;
}
.footer h6{
  color:#111!important;
}
.footer hr{
  border-color:#d9d9d6!important;
}

/* Preview control only — keep separate from website palette */
.preview-bar{
  background:#20211f!important;
  border-bottom-color:var(--orange)!important;
}
.preview-bar .btn.active{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
}


/* =========================================================
   IMAGE 1 EXACT-MATCH PASS
   ========================================================= */
:root{
  --orange:#ff4b1f!important;
  --ink:#202120;
  --warm-white:#f8f7f4;
  --warm-grey:#f4f2ed;
  --line:#dedbd5;
}
body{background:#e7e5e0!important;color:var(--ink)!important}
.site-frame{max-width:1440px!important;background:#fff!important}
.navbar{height:74px!important;padding:0!important;background:#fff!important;border-bottom:1px solid #ece9e3!important}
.navbar .container{max-width:1296px!important}
.text-logo{font-size:2rem!important;color:#202120!important;font-weight:900!important}
.text-logo .up{color:var(--orange)!important}
.navbar .nav-link{font-size:.78rem!important;font-weight:900!important;color:#202120!important;letter-spacing:.01em!important;padding:.65rem .9rem!important}
.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--orange)!important}
.navbar .btn-scaff{height:49px!important;padding:0 1.35rem!important;font-size:.74rem!important;background:var(--orange)!important;border-color:var(--orange)!important}

.option4-hero{position:relative!important;min-height:575px!important;height:575px!important;background:#f7f6f3!important;overflow:hidden!important}
.option4-hero>.container-fluid{max-width:1440px!important;height:100%!important;position:relative!important;z-index:2!important}
.option4-hero>.container-fluid>.row{height:100%!important;display:block!important;position:relative!important}
.option4-hero-copy{position:relative!important;z-index:4!important;width:46%!important;max-width:none!important;height:100%!important;min-height:575px!important;padding:77px 40px 55px 80px!important;background:transparent!important;display:flex!important;align-items:flex-start!important}
.option4-hero-inner{max-width:520px!important}
.option4-hero h1{font-size:4.05rem!important;line-height:1.01!important;letter-spacing:-.055em!important;font-weight:950!important;color:#171817!important;margin:0!important}
.option4-hero h1 br+*{color:var(--orange)!important}
/* Colour only the second and third lines without changing markup */
.option4-hero h1{background:linear-gradient(to bottom,#171817 0 31%,var(--orange) 31% 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.option4-rule{width:58px!important;height:3px!important;margin:20px 0 27px!important;background:var(--orange)!important}
.option4-hero p{font-size:1.08rem!important;line-height:1.6!important;color:#292a29!important;margin:0 0 24px!important}
.option4-actions{gap:12px!important}
.option4-primary,.option4-secondary{height:47px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.73rem!important;font-weight:900!important}
.option4-primary{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}
.option4-secondary{background:#fff!important;border:1px solid #a9a7a2!important;color:#202120!important}
.option4-trust-row{display:flex;gap:27px;align-items:center;margin-top:39px;font-size:.75rem;color:#30312f;font-weight:700;white-space:nowrap}
.option4-trust-row span{display:inline-flex;font-weight:700;align-items:center}
.option4-trust-row span:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;margin-right:7px;border:2px solid var(--orange);border-radius:50%;color:var(--orange);font-size:10px;font-weight:900;line-height:1}
.option4-hero-image{position:absolute!important;z-index:1!important;right:0!important;top:0!important;bottom:0!important;width:69%!important;max-width:none!important;height:575px!important;min-height:575px!important;background-size:cover!important;background-position:center right!important;background-repeat:no-repeat!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 10%,rgba(0,0,0,.28) 24%,rgba(0,0,0,.78) 40%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 10%,rgba(0,0,0,.28) 24%,rgba(0,0,0,.78) 40%,#000 55%)}
.option4-hero:after{content:'';position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(ellipse 46% 95% at 35% 48%,rgba(247,246,243,.98) 0%,rgba(247,246,243,.94) 35%,rgba(247,246,243,.56) 67%,rgba(247,246,243,0) 100%)}

.option4-benefits{background:#fff!important;border-top:1px solid #dedbd5!important;border-bottom:1px solid #dedbd5!important}
.option4-benefits .container{max-width:1240px!important}
.option4-benefit{min-height:89px!important;padding:20px 35px!important;gap:22px!important}
.option4-benefit+.option4-benefit{border-left:1px solid #d7d4ce!important}
.option4-benefit-icon{width:46px!important;height:46px!important;flex:0 0 46px!important;color:#171817!important}
.option4-benefit h3{font-size:.77rem!important;color:#202120!important;margin:0 0 7px!important}
.option4-benefit p{font-size:.75rem!important;line-height:1.45!important;color:#393a38!important;margin:0!important}

.option4-work{background:#fff!important;padding:55px 0 50px!important}
.option4-work .container{max-width:1170px!important}
.option4-work .row{--bs-gutter-x:4rem!important}
.option4-work-img{height:414px!important;border-radius:6px!important;object-fit:cover!important}
.option4-work-copy{padding-left:0!important}
.option4-work-eyebrow{font-size:.78rem!important;color:#3b3c39!important;font-weight:900!important;letter-spacing:.08em!important;margin-bottom:25px!important}
.option4-work h2{font-size:2.85rem!important;line-height:1!important;color:#171817!important;letter-spacing:-.045em!important}
.option4-work-rule{width:58px!important;height:3px!important;margin:18px 0 26px!important;background:var(--orange)!important}
.option4-work p{font-size:.91rem!important;line-height:1.8!important;color:#383936!important;margin-bottom:22px!important}
.option4-work-list{margin:0 0 27px!important}
.option4-work-list li{font-size:.86rem!important;color:#292a28!important;margin:.55rem 0!important}
.option4-work-list li:before{color:var(--orange)!important}
.option4-learn{height:43px!important;padding:0 17px!important;display:inline-flex!important;align-items:center!important;color:var(--orange)!important;border:1px solid var(--orange)!important;background:#fff!important;font-size:.72rem!important}
.option4-specs{background:#fff!important;padding:0 0 36px!important}
.option4-specs .container{max-width:1170px!important;border-top:1px solid #d9d5ce!important;padding-top:26px!important}
.option4-spec{padding:23px 15px!important}
.option4-spec+.option4-spec{border-left:1px solid #d9d5ce!important}
.option4-spec strong{font-size:1.65rem!important;color:#171817!important}
.option4-spec span{font-size:.61rem!important;color:#4d4d4a!important;margin-top:8px!important}

/* Pricing and quote colours from the supplied reference */
.bg-light-industrial{background:#f7f7f6!important}
.price-card{border:1px solid #dcd8d1!important;box-shadow:none!important}
.price-card.featured{border:2px solid var(--orange)!important}
.price-card .badge.text-bg-warning{background:#ffc107!important;color:#111!important}
.cta-band{background:#f3efe8!important}
.quick-quote-wrap{border:1px solid #ded9d1!important;background:#fff!important}
.quick-quote-heading .eyebrow{color:#59677d!important}
.footer{background:#fff!important;color:#333!important}
.footer a{color:#333!important}

@media(max-width:991.98px){
 .navbar{height:auto!important;min-height:70px!important}
 .option4-hero{height:auto!important;min-height:0!important}
 .option4-hero>.container-fluid>.row{display:flex!important;flex-direction:column!important}
 .option4-hero-image{position:relative!important;order:1!important;width:100%!important;height:390px!important;min-height:390px!important;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
 .option4-hero-copy{order:2!important;width:100%!important;min-height:0!important;height:auto!important;padding:40px 28px 45px!important}
 .option4-hero:after{display:none!important}
 .option4-hero h1{font-size:3.2rem!important}
 .option4-trust-row{flex-wrap:wrap;white-space:normal;margin-top:28px}
 .option4-benefit+.option4-benefit{border-left:0!important;border-top:1px solid #d7d4ce!important}
}
@media(max-width:575.98px){
 .option4-hero-image{height:280px!important;min-height:280px!important}
 .option4-hero-copy{padding:32px 20px 38px!important}
 .option4-hero h1{font-size:2.5rem!important}
 .option4-trust-row{gap:14px;font-size:.7rem}
 .option4-work-img{height:300px!important}
}


/* FINAL HERO REPAIR: fade applies to image only, never to copy */
.option4-hero{
  position:relative!important;
  height:575px!important;
  min-height:575px!important;
  overflow:hidden!important;
  background:#f7f6f3!important;
}
.option4-hero>.container-fluid,
.option4-hero>.container-fluid>.row{
  position:relative!important;
  height:100%!important;
  min-height:575px!important;
  max-width:1440px!important;
  margin:0 auto!important;
}
.option4-hero-copy{
  position:relative!important;
  z-index:5!important;
  width:42%!important;
  max-width:42%!important;
  height:575px!important;
  min-height:575px!important;
  padding:72px 30px 55px 80px!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
}
.option4-hero-inner{max-width:500px!important}
.option4-hero h1{
  margin:0!important;
  color:#151515!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:initial!important;
  font-size:4.05rem!important;
  line-height:1.01!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
  opacity:1!important;
}
.option4-hero h1 .hero-black{color:#151515!important}
.option4-hero h1 .hero-orange{color:#ff4b24!important}
.option4-rule{background:#ff4b24!important;opacity:1!important}
.option4-hero p{color:#292929!important;opacity:1!important}
.option4-actions,.option4-trust-row{opacity:1!important}
.option4-primary{background:#ff4b24!important;border-color:#ff4b24!important;color:#fff!important}
.option4-secondary{background:#fff!important;border-color:#aaa7a1!important;color:#171717!important}
.option4-trust-row{color:#303030!important}
.option4-trust-row span:before{color:#ff4b24!important;border-color:#ff4b24!important}
.option4-hero-image{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  width:62%!important;
  max-width:none!important;
  height:575px!important;
  min-height:575px!important;
  background-image:url('../images/hero-mockup-background.webp')!important;
  background-size:cover!important;
  background-position:center right!important;
  background-repeat:no-repeat!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:1!important;
}
.option4-hero-image:before{
  content:''!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    #f7f6f3 0%,
    rgba(247,246,243,.98) 7%,
    rgba(247,246,243,.84) 17%,
    rgba(247,246,243,.44) 29%,
    rgba(247,246,243,.10) 41%,
    rgba(247,246,243,0) 52%)!important;
}
.option4-hero:after{display:none!important;content:none!important}
@media(max-width:991.98px){
 .option4-hero{height:auto!important;min-height:0!important}
 .option4-hero>.container-fluid>.row{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
 .option4-hero-image{position:relative!important;order:1!important;width:100%!important;height:390px!important;min-height:390px!important;background-position:center!important}
 .option4-hero-image:before{background:linear-gradient(to bottom,rgba(247,246,243,0) 65%,#f7f6f3 100%)!important}
 .option4-hero-copy{order:2!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:40px 28px 45px!important}
 .option4-hero h1{font-size:3.2rem!important}
}
@media(max-width:575.98px){
 .option4-hero-image{height:280px!important;min-height:280px!important}
 .option4-hero-copy{padding:32px 20px 38px!important}
 .option4-hero h1{font-size:2.5rem!important}
 .option4-trust-row{white-space:normal!important;gap:14px!important}
}


/* FINAL VERIFIED RESPONSIVE OVERRIDES */
@media (max-width: 1199.98px){
  .option4-hero-copy{padding:4rem 2.25rem 3.5rem 3rem}
  .option4-hero h1{font-size:3.65rem}
  .option4-benefit{padding:1.8rem 1.5rem}
}

@media (max-width: 991.98px){
  .option4-hero{min-height:0}
  .option4-hero .container-fluid{display:block}
  .option4-hero-copy{min-height:0;padding:3.25rem 2rem;background:#fff}
  .option4-hero-inner{max-width:680px;margin:0 auto;width:100%}
  .option4-hero h1{font-size:clamp(2.8rem,8vw,4rem)}
  .option4-hero-image{min-height:420px;background-position:center center}
  .option4-actions{display:flex;flex-wrap:wrap;gap:.75rem}
  .option4-actions .btn{flex:1 1 190px;min-height:48px}
  .option4-trust-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.8rem}
  .option4-benefit+.option4-benefit{border-left:0;border-top:1px solid #d9d4cb}
  .option4-work-copy{padding-left:0;padding-top:1.5rem}
  .option4-work-img{height:auto;max-height:430px;object-fit:cover}
  .quick-quote-form .col-md-3.d-flex{align-items:stretch!important}
}

@media (max-width: 767.98px){
  .navbar{padding:.65rem 0}
  .navbar-brand{max-width:calc(100% - 62px)}
  .navbar-collapse{max-height:calc(100vh - 90px);overflow-y:auto}
  .navbar .nav-link{font-size:.82rem}
  .option4-hero-copy{padding:2.5rem 1.25rem}
  .option4-hero h1{font-size:clamp(2.35rem,12vw,3.3rem);line-height:.98}
  .option4-hero p br{display:none}
  .option4-actions{flex-direction:column}
  .option4-actions .btn{width:100%;flex:0 0 auto}
  .option4-trust-row{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:1.5rem;font-size:.78rem}
  .option4-hero-image{min-height:300px;background-position:center center}
  .option4-benefit{min-height:0;padding:1.35rem 1rem}
  .option4-benefit-icon{width:48px;height:48px}
  .option4-work{padding:2.75rem 0 2rem}
  .option4-work-img{height:auto;max-height:none}
  .option4-work h2{font-size:clamp(2rem,9vw,2.65rem)}
  .option4-learn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center}
  .option4-specs .container{padding-left:0;padding-right:0}
  .option4-spec{min-height:104px;display:flex;flex-direction:column;justify-content:center}
  .section .row.g-5{--bs-gutter-y:2rem}
  .section .row.g-4{--bs-gutter-y:1.25rem}
  .card-service .card-body{padding:1.25rem}
  .price-card{padding:1.35rem!important}
  .table{font-size:.86rem}
  .table th,.table td{padding:.65rem;white-space:nowrap}
  .form-control,.form-select{font-size:16px}
  textarea.form-control{min-height:130px}
  .section form .btn-scaff{width:100%;min-height:48px}
  .footer .row{--bs-gutter-y:2rem}
  .footer .col-6{width:100%}
  .footer .d-flex.justify-content-between{gap:.5rem;text-align:center}
}

@media (max-width: 479.98px){
  .text-logo{font-size:1.5rem}
  .option4-hero-copy{padding:2.1rem 1rem}
  .option4-hero h1{font-size:2.3rem}
  .option4-hero-image{min-height:250px}
  .option4-benefit{gap:.85rem}
  .option4-benefit h3{font-size:.76rem}
  .option4-benefit p{font-size:.8rem}
  .option4-work h2{font-size:2rem}
  .option4-spec strong{font-size:1.25rem}
  .option4-spec span{font-size:.61rem}
  .page-header-title{font-size:2rem}
  .quick-quote-wrap{padding:1rem}
}


/* PNG logo sizing */
.site-logo{display:block;width:190px;height:auto;max-height:62px;object-fit:contain;}
.footer-logo{display:block;width:205px;height:auto;object-fit:contain;}
@media(max-width:991.98px){.site-logo{width:170px;max-height:56px}.footer-logo{width:190px}}
@media(max-width:575.98px){.site-logo{width:150px;max-height:50px}.footer-logo{width:175px}}

/* FINAL LOGO DISPLAY REPAIR — tightly cropped transparent PNG */
.navbar-brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  max-width:none!important;
  padding:0!important;
  margin-right:2rem!important;
}
.site-logo{
  display:block!important;
  width:225px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.footer-logo{
  display:block!important;
  width:245px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
@media(max-width:1199.98px){
  .site-logo{width:195px!important}
}
@media(max-width:991.98px){
  .navbar-brand{margin-right:1rem!important}
  .site-logo{width:190px!important}
  .footer-logo{width:220px!important}
}
@media(max-width:575.98px){
  .site-logo{width:165px!important}
  .footer-logo{width:200px!important}
}

/* FINAL SMALL VISUAL TWEAKS — logo, nav text and inner page titles only */
@media (min-width:1200px){
  .site-logo{width:250px!important;}
  .navbar .nav-link{font-size:.84rem!important;}
}
@media (min-width:992px) and (max-width:1199.98px){
  .site-logo{width:215px!important;}
  .navbar .nav-link{font-size:.82rem!important;}
}
.page-header-title{
  font-size:3.05rem!important;
}
@media (max-width:991.98px){
  .page-header-title{font-size:2.25rem!important;}
}
@media (max-width:575.98px){
  .page-header-title{font-size:1.9rem!important;}
}


/* July 30 refinements */
.navbar{padding:10px 0!important;min-height:88px!important}
.navbar-brand{padding:8px 0!important}
.site-logo{width:235px!important}
.nav-link{font-size:.88rem!important}
.option4-trust-row{font-size:.88rem!important}
.option4-primary,.option4-secondary,.btn-scaff,.btn-outline-scaff{font-size:.84rem!important}
.option4-benefit h3{font-size:.90rem!important}
.option4-benefit p{font-size:.86rem!important}
.option4-spec span{font-size:.72rem!important}
@media(max-width:991.98px){
.navbar{min-height:78px!important;padding:8px 0!important}
.site-logo{width:205px!important}
}


/* Learn More button matches other CTAs */
.option4-learn{font-size:.84rem!important;font-weight:700!important;letter-spacing:.3px!important;padding:12px 24px!important;}


/* ===== Footer Option 1 ===== */
.footer{
  background:#fff !important;
  border-top:1px solid #e7e3dc !important;
  margin-top:52px !important;
  padding-top:52px !important;
}
.footer .container{
  padding-top:0 !important;
}
.footer hr{
  border-color:#e8e5df !important;
  opacity:1 !important;
  margin-top:2.25rem !important;
}

/* =========================================================
   LIGHT SLATE COLOUR UPDATE
   Colour-only refinement: no layout, spacing or type changes.
   ========================================================= */
:root{
  --slate-outer:#eef2f5;
  --slate-hero:#f4f7f9;
  --slate-section:#f0f3f6;
  --slate-quote:#eaf0f4;
  --slate-border:#d8e0e6;
}

/* Outer browser gutters */
body{
  background:var(--slate-outer)!important;
}

/* Homepage hero and its image fade */
.option4-hero,
.option4-hero-copy{
  background:var(--slate-hero)!important;
}
.option4-hero-image:before{
  background:linear-gradient(90deg,
    var(--slate-hero) 0%,
    rgba(244,247,249,.98) 7%,
    rgba(244,247,249,.84) 17%,
    rgba(244,247,249,.44) 29%,
    rgba(244,247,249,.10) 41%,
    rgba(244,247,249,0) 52%)!important;
}

/* Pricing and matching light accent sections */
.bg-light-industrial{
  background:var(--slate-section)!important;
}

/* Quick Quote band */
.cta-band{
  background:var(--slate-quote)!important;
  border-top-color:var(--slate-border)!important;
}
.quick-quote-wrap{
  border-color:var(--slate-border)!important;
}

/* Inner-page accent headers and alternate sections */
.page-header{
  background:var(--slate-hero)!important;
  border-bottom-color:var(--slate-border)!important;
}
.card-service,
.price-card,
.form-control,
.form-select,
.accordion-item,
.table-bordered{
  border-color:var(--slate-border)!important;
}

@media(max-width:991.98px){
  .option4-hero-image:before{
    background:linear-gradient(to bottom,
      rgba(244,247,249,0) 65%,
      var(--slate-hero) 100%)!important;
  }
}


/* Inner page title refinement */
.page-header-title{
  font-size:2.8rem !important;
}
@media (max-width:991.98px){
  .page-header-title{font-size:2.35rem !important;}
}
@media (max-width:575.98px){
  .page-header-title{font-size:2rem !important;}
}

/* Contact form refinement */
.contact-form-card{
  background:#fff;
  border:1px solid #d8dee5;
  padding:2rem;
}
.contact-form-card .form-control,
.contact-form-card .form-select{
  background:#fff;
}
.contact-form-note{
  color:#5d6778;
  font-size:.92rem;
  margin-top:1rem;
}
@media (max-width:767.98px){
  .contact-form-card{padding:1.25rem;}
}


/* About page service cards — targeted section only */
.about-service-section{
  padding-top:3.25rem !important;
  padding-bottom:3.25rem !important;
}
.about-service-card{
  height:100%;
  background:#fff;
  border:1px solid #d8dee5;
  padding:2rem;
}
.about-service-card h3{
  margin:0;
}
.about-service-accent{
  width:58px;
  height:3px;
  background:var(--orange);
  margin:.85rem 0 1.15rem;
}
.about-service-card p{
  margin:0;
}
@media (max-width:767.98px){
  .about-service-section{
    padding-top:2.5rem !important;
    padding-bottom:2.5rem !important;
  }
  .about-service-card{
    padding:1.5rem;
  }
}




/* =========================================================
   SCAFFOLD SPECIFICATION TABLE — FINAL FIX
   ========================================================= */
.scaffold-spec-wrap{
  margin-top:3rem;
  width:100%;
  background:#fff;
  border:1px solid #d8e0e6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(15,41,77,.06);
}
.scaffold-spec-wrap .table-responsive{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.scaffold-spec-table{
  width:100%!important;
  min-width:980px!important;
  margin:0!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
}
.scaffold-spec-table .spec-col-platform{width:22%}
.scaffold-spec-table .spec-col-reach{width:17%}
.scaffold-spec-table .spec-col-use{width:27%}
.scaffold-spec-table .spec-col-notes{width:34%}

.scaffold-spec-table thead th{
  background:#0f294d!important;
  color:#fff!important;
  border:0!important;
  padding:22px 24px!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:normal!important;
  vertical-align:bottom!important;
}
.scaffold-spec-table thead th span{
  position:relative;
  display:inline-block;
  padding-bottom:12px;
}
.scaffold-spec-table thead th span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:46px;
  height:3px;
  background:var(--orange);
}
.scaffold-spec-table tbody td{
  background:#fff!important;
  color:#202120!important;
  border:0!important;
  border-top:1px solid #dfe6ec!important;
  padding:24px!important;
  vertical-align:middle!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:.98rem!important;
  line-height:1.55!important;
}
.scaffold-spec-table tbody tr:first-child td{
  border-top:0!important;
}
.scaffold-spec-table tbody tr:nth-child(even) td{
  background:#f8fafc!important;
}

.height-cell{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
.height-icon{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#eef3f7!important;
  color:#0f294d!important;
}
.height-icon svg{
  width:38px!important;
  height:38px!important;
  display:block!important;
}
.height-cell strong{
  display:block!important;
  margin:0 0 6px!important;
  color:#0f294d!important;
  font-size:1.9rem!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.height-cell small,
.scaffold-spec-table td > small{
  display:block!important;
  color:#6a7785!important;
  font-size:.69rem!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-weight:800!important;
  white-space:normal!important;
}
.reach-value{
  margin:0 0 6px!important;
  color:var(--orange)!important;
  font-size:1.9rem!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.note-check{
  display:inline-grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin:0 10px 0 0!important;
  border:2px solid var(--orange)!important;
  border-radius:50%!important;
  color:var(--orange)!important;
  font-size:.78rem!important;
  line-height:1!important;
  font-weight:900!important;
  vertical-align:middle!important;
}

@media(max-width:991.98px){
  .scaffold-spec-wrap{border-radius:12px}
  .scaffold-spec-table{min-width:900px!important}
  .scaffold-spec-table thead th,
  .scaffold-spec-table tbody td{padding:20px!important}
}

@media(max-width:767.98px){
  .scaffold-spec-wrap{
    margin-top:2rem;
    border-radius:10px;
  }
  .scaffold-spec-table{
    min-width:820px!important;
    font-size:.9rem!important;
  }
  .scaffold-spec-table thead th,
  .scaffold-spec-table tbody td{
    padding:16px!important;
    white-space:normal!important;
  }
  .height-icon{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
  }
  .height-icon svg{
    width:32px!important;
    height:32px!important;
  }
  .height-cell strong,
  .reach-value{
    font-size:1.55rem!important;
  }
}


/* Hire page table spacing refinement */
.hire-page .section{
  padding-bottom:2.75rem!important;
}
.hire-page .footer{
  margin-top:0!important;
}
.hire-page .scaffold-spec-wrap{
  margin-top:2.25rem!important;
}
.hire-page .scaffold-spec-table thead th{
  padding:18px 24px!important;
}
.hire-page .scaffold-spec-table tbody td{
  padding:20px 24px!important;
}
.hire-page .height-icon{
  width:58px!important;
  height:58px!important;
  flex-basis:58px!important;
}
.hire-page .height-icon svg{
  width:34px!important;
  height:34px!important;
}
.hire-page .height-cell{
  gap:14px!important;
}
.hire-page .height-cell strong,
.hire-page .reach-value{
  font-size:1.75rem!important;
}
.hire-page .note-check{
  margin-right:8px!important;
}
@media(max-width:767.98px){
  .hire-page .section{
    padding-bottom:2.25rem!important;
  }
  .hire-page .scaffold-spec-wrap{
    margin-top:1.75rem!important;
  }
}


/* Hire page scaffold table breathing room */
.hire-page .scaffold-guide-heading{
  margin-top:4.75rem!important;
  margin-bottom:1.75rem!important;
  text-align:center;
}
.hire-page .scaffold-guide-heading h2{
  margin:0 0 .55rem!important;
  font-size:2rem!important;
  font-weight:900!important;
  color:#111!important;
}
.hire-page .scaffold-guide-heading h2::after{
  content:"";
  display:block;
  width:58px;
  height:3px;
  margin:.9rem auto 0;
  background:var(--orange);
}
.hire-page .scaffold-guide-heading p{
  margin:0!important;
  color:#5d6778!important;
}
.hire-page .scaffold-spec-wrap{
  margin-top:0!important;
  margin-bottom:4.75rem!important;
}
.hire-page .section{
  padding-bottom:0!important;
}
.hire-page .footer{
  margin-top:0!important;
}

@media(max-width:767.98px){
  .hire-page .scaffold-guide-heading{
    margin-top:3.25rem!important;
    margin-bottom:1.25rem!important;
  }
  .hire-page .scaffold-guide-heading h2{
    font-size:1.65rem!important;
  }
  .hire-page .scaffold-spec-wrap{
    margin-bottom:3.25rem!important;
  }
}


/* Match Hire Pricing heading style to Scaffold Height Guide */
#pricing{
  text-align:center;
  font-size:2rem!important;
  font-weight:900!important;
  margin-bottom:.55rem!important;
}
#pricing::after{
  content:"";
  display:block;
  width:58px;
  height:3px;
  margin:.9rem auto 0;
  background:var(--orange);
}
@media(max-width:767.98px){
  #pricing{
    font-size:1.65rem!important;
  }
}


/* Align section headings left and refine spacing */
#pricing,
.hire-page .scaffold-guide-heading{
    text-align:left !important;
}

#pricing{
    margin-bottom:1.35rem !important;
}

#pricing::after{
    margin:.9rem 0 0 !important;
}

.hire-page .scaffold-guide-heading h2::after{
    margin:.9rem 0 0 !important;
}


/* =========================================================
   FAQ OPTION 2 — LIGHT SLATE ACTIVE STATE
   ========================================================= */
.faq-page .faq-accordion{
  border:1px solid var(--slate-border);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.faq-page .faq-accordion .accordion-item{
  border:0!important;
  border-bottom:1px solid var(--slate-border)!important;
  background:#fff!important;
}
.faq-page .faq-accordion .accordion-item:last-child{
  border-bottom:0!important;
}
.faq-page .faq-accordion .accordion-button{
  position:relative;
  background:#fff!important;
  color:#171817!important;
  box-shadow:none!important;
  padding:1.15rem 3.5rem 1.15rem 1.25rem!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.faq-page .faq-accordion .accordion-button:not(.collapsed){
  background:var(--slate-hero)!important;
  color:#171817!important;
  border-left:4px solid var(--orange)!important;
  padding-left:calc(1.25rem - 4px)!important;
}
.faq-page .faq-accordion .accordion-button::after{
  margin-left:auto;
  background-size:1rem;
}
.faq-page .faq-accordion .accordion-button:not(.collapsed)::after{
  filter:none;
}
.faq-page .faq-accordion .accordion-body{
  padding:1.15rem 1.25rem 1.3rem!important;
  background:#fff!important;
  color:#343434!important;
  line-height:1.7!important;
}
.faq-page .faq-accordion .accordion-collapse{
  background:#fff!important;
}
@media(max-width:767.98px){
  .faq-page .faq-accordion .accordion-button{
    padding:1rem 3rem 1rem 1rem!important;
    font-size:.94rem!important;
  }
  .faq-page .faq-accordion .accordion-button:not(.collapsed){
    padding-left:calc(1rem - 4px)!important;
  }
  .faq-page .faq-accordion .accordion-body{
    padding:1rem!important;
  }
}


/* =========================================================
   GROUPED FAQ SECTIONS
   ========================================================= */
.faq-page .faq-group{
  margin-bottom:4rem;
}
.faq-page .faq-group:last-child{
  margin-bottom:0;
}
.faq-page .faq-group-heading{
  margin-bottom:1.35rem;
}
.faq-page .faq-group-heading h2{
  margin:0;
  color:#171817;
  font-size:2rem;
  line-height:1.15;
  font-weight:900;
}
.faq-page .faq-group-accent{
  width:58px;
  height:3px;
  margin-top:.85rem;
  background:var(--orange);
}
@media(max-width:767.98px){
  .faq-page .faq-group{
    margin-bottom:3rem;
  }
  .faq-page .faq-group-heading{
    margin-bottom:1rem;
  }
  .faq-page .faq-group-heading h2{
    font-size:1.65rem;
  }
}

/* =========================================================
   ABOUT PAGE AND TEAM PROFILES — VERTICAL PORTRAITS
   ========================================================= */
.about-page .about-intro-copy{max-width:920px}
.about-page .group-proof-card{
  height:100%;
  padding:2rem;
  background:var(--slate-hero,#f4f7f9);
  border:1px solid var(--slate-border,#d8e0e6);
}
.about-page .group-proof-card h3{margin-bottom:1rem}
.about-page .group-brands{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.25rem;
}
.about-page .group-brand{
  display:inline-flex;
  align-items:center;
  padding:.5rem .75rem;
  background:#fff;
  border:1px solid var(--slate-border,#d8e0e6);
  font-size:.85rem;
  font-weight:700;
}
.about-page .team-section{padding-top:0}
.about-page .team-heading{margin-bottom:2rem}
.about-page .team-heading h2{margin-bottom:.75rem;font-weight:900}
.about-page .team-heading .about-service-accent{margin-top:0}
.about-page .team-card{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--slate-border,#d8e0e6);
}
.about-page .team-photo{
  display:block;
  width:72%;
  max-width:250px;
  height:280px;
  margin:24px auto 0;
  object-fit:cover;
  object-position:center 16%;
  background:#eef2f5;
  border-radius:2px;
}
.about-page .team-card-body{
  flex:1 1 auto;
  padding:1.5rem 1.6rem 1.75rem;
  text-align:left;
}
.about-page .team-card h3{
  margin:0 0 .25rem;
  font-size:1.25rem;
  font-weight:900;
}
.about-page .team-role{
  margin-bottom:1rem;
  color:#5d6778;
  font-size:.95rem;
  font-weight:700;
}
.about-page .team-card p{line-height:1.7}
.about-page .team-card p:last-child{margin-bottom:0}

@media(max-width:991.98px){
  .about-page .team-photo{
    width:78%;
    max-width:230px;
    height:255px;
  }
}
@media(max-width:767.98px){
  .about-page .group-proof-card{padding:1.5rem}
  .about-page .team-card-body{padding:1.25rem 1.35rem 1.5rem}
  .about-page .team-photo{
    width:210px;
    max-width:calc(100% - 40px);
    height:245px;
    margin-top:20px;
  }
}


/* About page company group logo list */
.about-page .group-proof-card{padding:2rem}
.about-page .group-company-list{margin-top:1.6rem;border-top:1px solid var(--slate-border,#d8e0e6)}
.about-page .group-company-item{display:grid;grid-template-columns:156px minmax(0,1fr);align-items:center;gap:1.15rem;padding:1rem 0;border-bottom:1px solid var(--slate-border,#d8e0e6)}
.about-page .group-company-logo-wrap{display:flex;align-items:center;justify-content:flex-start;min-height:52px;padding:.35rem .65rem;background:#fff;border:1px solid #e1e6eb}
.about-page .group-company-logo{display:block;width:auto;max-width:132px;max-height:42px;object-fit:contain;object-position:left center}
.about-page .group-company-logo-scaffedup{max-width:138px;max-height:34px}
.about-page .group-company-copy{min-width:0}
.about-page .group-company-copy strong{display:block;margin-bottom:.12rem;color:#20211f;font-size:.94rem;line-height:1.25}
.about-page .group-company-copy span{display:block;color:#5d6778;font-size:.78rem;line-height:1.45}
.about-page .group-proof-card>.btn{margin-top:1.5rem!important}
@media(max-width:1199.98px){.about-page .group-company-item{grid-template-columns:132px minmax(0,1fr);gap:.9rem}.about-page .group-company-logo{max-width:110px}}
@media(max-width:991.98px){.about-page .group-company-item{grid-template-columns:160px minmax(0,1fr)}.about-page .group-company-logo{max-width:136px}}
@media(max-width:575.98px){.about-page .group-proof-card{padding:1.4rem}.about-page .group-company-item{grid-template-columns:1fr;gap:.55rem;padding:1rem 0}.about-page .group-company-logo-wrap{width:100%;min-height:56px}.about-page .group-company-logo{max-width:145px}.about-page .group-company-copy span{font-size:.82rem}}


/* Company group logo list - supplied brand assets */
.about-page .group-company-list{
  margin-top:1.65rem;
  border-top:1px solid var(--slate-border,#d8e0e6);
}
.about-page .group-company-item{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  align-items:center;
  gap:1.15rem;
  padding:1.05rem 0;
  border-bottom:1px solid var(--slate-border,#d8e0e6);
}
.about-page .group-company-logo-wrap{
  width:170px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.55rem .7rem;
  background:#fff;
  border:1px solid #d8e0e6;
}
.about-page .group-company-logo{
  display:block;
  width:100%;
  height:100%;
  max-width:145px;
  max-height:46px;
  object-fit:contain;
  object-position:center;
}
.about-page .group-company-logo-watchtower{max-width:148px;max-height:44px}
.about-page .group-company-logo-jobsite{max-width:145px;max-height:42px}
.about-page .group-company-logo-rhino{max-width:148px;max-height:38px}
.about-page .group-company-logo-scaffedup{max-width:148px;max-height:38px}
.about-page .group-company-copy strong{
  display:block;
  margin:0 0 .15rem;
  color:#20211f;
  font-size:.96rem;
  line-height:1.25;
}
.about-page .group-company-copy span{
  display:block;
  color:#5d6778;
  font-size:.79rem;
  line-height:1.4;
}
@media(max-width:1199.98px){
  .about-page .group-company-item{grid-template-columns:145px minmax(0,1fr);gap:.9rem}
  .about-page .group-company-logo-wrap{width:145px;height:60px}
  .about-page .group-company-logo{max-width:122px;max-height:42px}
}
@media(max-width:991.98px){
  .about-page .group-company-item{grid-template-columns:170px minmax(0,1fr)}
  .about-page .group-company-logo-wrap{width:170px}
  .about-page .group-company-logo{max-width:145px}
}
@media(max-width:575.98px){
  .about-page .group-company-item{grid-template-columns:130px minmax(0,1fr);gap:.8rem;padding:.9rem 0}
  .about-page .group-company-logo-wrap{width:130px;height:56px;padding:.45rem .55rem}
  .about-page .group-company-logo{max-width:108px;max-height:38px}
  .about-page .group-company-copy strong{font-size:.9rem}
  .about-page .group-company-copy span{font-size:.75rem}
}


/* =========================================================
   HIRE PAGE — TECHNICAL SPECIFICATION PANEL
   ========================================================= */
.hire-page .technical-spec-panel{
  border:1px solid #d5dde7;
  background:#fff;
  padding:2rem;
  height:100%;
}
.hire-page .technical-spec-heading h3{
  margin:0;
  color:#172033;
  font-size:1.28rem;
  font-weight:900;
  line-height:1.2;
}
.hire-page .technical-spec-rule{
  width:50px;
  height:3px;
  margin:.8rem 0 1rem;
  background:var(--orange);
}
.hire-page .technical-spec-heading p{
  margin:0;
  color:#566174;
  font-size:.94rem;
  line-height:1.6;
}
.hire-page .technical-spec-groups{
  margin-top:1.8rem;
}
.hire-page .technical-spec-group{
  padding:1.55rem 0;
  border-top:1px solid #dbe2ea;
}
.hire-page .technical-spec-group:first-child{
  padding-top:0;
  border-top:0;
}
.hire-page .technical-spec-group-title{
  display:flex;
  align-items:flex-start;
  gap:.9rem;
  margin-bottom:1.2rem;
}
.hire-page .technical-spec-icon{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border:1.5px solid var(--orange);
  border-radius:50%;
  color:var(--orange);
}
.hire-page .technical-spec-icon svg{
  width:25px;
  height:25px;
}
.hire-page .technical-spec-group-title h4{
  margin:.15rem 0 0;
  color:#12264d;
  font-size:1rem;
  font-weight:900;
}
.hire-page .technical-spec-group-title h4 + span{
  display:block;
  width:38px;
  height:3px;
  margin-top:.55rem;
  background:var(--orange);
}
.hire-page .technical-spec-stat,
.hire-page .technical-spec-feature{
  padding:.8rem 0;
  border-bottom:1px solid #e0e6ed;
}
.hire-page .technical-spec-stat:last-child,
.hire-page .technical-spec-feature:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.hire-page .technical-spec-stat strong{
  display:block;
  color:#10244a;
  font-size:1.55rem;
  font-weight:900;
  line-height:1.15;
}
.hire-page .technical-spec-stat strong i{
  color:var(--orange);
  font-style:normal;
  font-size:.7em;
}
.hire-page .technical-spec-stat small,
.hire-page .technical-spec-feature small{
  display:block;
  margin-top:.28rem;
  color:#4f5b6d;
  font-size:.88rem;
  line-height:1.45;
}
.hire-page .technical-spec-feature strong{
  display:block;
  color:#14203a;
  font-size:.98rem;
  font-weight:850;
}
.hire-page .technical-spec-checks{
  list-style:none;
  padding:0;
  margin:0;
}
.hire-page .technical-spec-checks li{
  position:relative;
  padding:.72rem 0 .72rem 2.15rem;
  border-bottom:1px solid #e0e6ed;
  color:#202631;
  font-size:.92rem;
}
.hire-page .technical-spec-checks li:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.hire-page .technical-spec-checks li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:.58rem;
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:#fff0ea;
  color:var(--orange);
  font-weight:900;
  font-size:.82rem;
}
.hire-page .technical-spec-note{
  display:flex;
  gap:.8rem;
  align-items:flex-start;
  margin-top:1.7rem;
  padding:1rem 1.05rem;
  border:1px solid #d7e0ed;
  background:#f5f8fc;
}
.hire-page .technical-spec-note > span{
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#132d5d;
  color:#fff;
  font-weight:900;
  font-size:.78rem;
}
.hire-page .technical-spec-note p{
  margin:0;
  color:#354155;
  font-size:.84rem;
  line-height:1.5;
}
@media (min-width:1200px){
  .hire-page .technical-spec-panel{padding:2.15rem;}
}
@media (max-width:991.98px){
  .hire-page .technical-spec-panel{height:auto;}
  .hire-page .technical-spec-groups{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1.4rem;
  }
  .hire-page .technical-spec-group{
    padding:0 1.4rem 0 0;
    border-top:0;
    border-right:1px solid #dbe2ea;
  }
  .hire-page .technical-spec-group:last-child{
    border-right:0;
    padding-right:0;
  }
}
@media (max-width:767.98px){
  .hire-page .technical-spec-panel{padding:1.4rem;}
  .hire-page .technical-spec-groups{display:block;}
  .hire-page .technical-spec-group{
    padding:1.4rem 0;
    border-right:0;
    border-top:1px solid #dbe2ea;
  }
  .hire-page .technical-spec-group:first-child{
    border-top:0;
    padding-top:0;
  }
  .hire-page .technical-spec-stat strong{font-size:1.35rem;}
}


/* =========================================================
   HIRE PAGE OVERVIEW + FULL-WIDTH TECHNICAL SPECIFICATION
   ========================================================= */
.hire-page .hire-overview-section{
  padding-top:4.25rem;
}
.hire-page .hire-overview-row{
  margin-bottom:3.25rem;
}
.hire-page .hire-overview-copy{
  max-width:730px;
}
.hire-page .hire-overview-copy h2{
  margin-bottom:1rem;
}
.hire-page .hire-overview-image-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:330px;
  overflow:hidden;
  background:#f7f9fb;
  border:1px solid var(--slate-border,#d8e0e7);
}
.hire-page .hire-overview-image{
  display:block;
  width:100%;
  height:330px;
  object-fit:cover;
  object-position:center;
}
.hire-page .technical-spec-section{
  margin-top:1.1rem;
  margin-bottom:4.5rem;
}
.hire-page .technical-spec-section .technical-spec-panel{
  width:100%;
  height:auto;
  padding:2.5rem;
}
.hire-page .technical-spec-section .technical-spec-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.hire-page .technical-spec-section .technical-spec-group{
  padding:0 2.25rem;
  border-left:1px solid var(--slate-border,#d8e0e7);
}
.hire-page .technical-spec-section .technical-spec-group:first-child{
  padding-left:0;
  border-left:0;
}
.hire-page .technical-spec-section .technical-spec-group:last-child{
  padding-right:0;
}
.hire-page #pricing{
  margin-top:.25rem!important;
  margin-bottom:1.75rem!important;
}
@media(max-width:991.98px){
  .hire-page .hire-overview-row{
    margin-bottom:2.5rem;
  }
  .hire-page .hire-overview-image-wrap{
    min-height:300px;
  }
  .hire-page .hire-overview-image{
    height:300px;
  }
  .hire-page .technical-spec-section{
    margin-top:.75rem;
    margin-bottom:3.75rem;
  }
  .hire-page .technical-spec-section .technical-spec-groups{
    grid-template-columns:1fr;
  }
  .hire-page .technical-spec-section .technical-spec-group,
  .hire-page .technical-spec-section .technical-spec-group:first-child,
  .hire-page .technical-spec-section .technical-spec-group:last-child{
    padding:1.75rem 0;
    border-left:0;
    border-top:1px solid var(--slate-border,#d8e0e7);
  }
  .hire-page .technical-spec-section .technical-spec-group:first-child{
    padding-top:0;
    border-top:0;
  }
  .hire-page .technical-spec-section .technical-spec-group:last-child{
    padding-bottom:0;
  }
}
@media(max-width:767.98px){
  .hire-page .hire-overview-section{
    padding-top:3rem;
  }
  .hire-page .hire-overview-image-wrap{
    min-height:240px;
  }
  .hire-page .hire-overview-image{
    height:240px;
  }
  .hire-page .technical-spec-section .technical-spec-panel{
    padding:1.4rem;
  }
  .hire-page .technical-spec-section{
    margin-bottom:3.25rem;
  }
  .hire-page #pricing{
    margin-bottom:1.5rem!important;
  }
}

/* =========================================================
   FINAL HIRE PAGE LAYOUT MATCH
   Introductory copy and scaffold image above a full-width
   specification panel, matching the approved visual mock-up.
   ========================================================= */
.hire-page .hire-overview-section{
  padding-top:3.75rem;
  padding-bottom:4.75rem;
}
.hire-page .hire-overview-row{
  align-items:center!important;
  margin-bottom:0!important;
}
.hire-page .hire-overview-copy{
  max-width:650px;
  padding-right:1.5rem;
}
.hire-page .hire-overview-copy h2{
  max-width:620px;
  margin-bottom:1rem;
}
.hire-page .hire-overview-image-wrap{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:380px;
  padding:0;
  overflow:visible;
  border:0;
  background:transparent;
}
.hire-page .hire-overview-image{
  display:block;
  width:100%;
  max-width:560px;
  height:380px;
  object-fit:contain;
  object-position:center bottom;
}
.hire-page .technical-spec-section{
  clear:both;
  margin-top:3rem;
  margin-bottom:5.25rem;
}
.hire-page .technical-spec-section .technical-spec-panel{
  width:100%;
  padding:2.4rem 2.5rem 2.25rem;
}
.hire-page .technical-spec-section .technical-spec-heading{
  margin-bottom:2rem;
}
.hire-page .technical-spec-section .technical-spec-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.hire-page .technical-spec-section .technical-spec-group,
.hire-page .technical-spec-section .technical-spec-group:first-child,
.hire-page .technical-spec-section .technical-spec-group:last-child{
  padding:0 2.25rem;
  border-top:0;
  border-right:0;
  border-left:1px solid var(--slate-border,#d8e0e7);
}
.hire-page .technical-spec-section .technical-spec-group:first-child{
  padding-left:0;
  border-left:0;
}
.hire-page .technical-spec-section .technical-spec-group:last-child{
  padding-right:0;
}
.hire-page #pricing{
  margin-top:0!important;
  margin-bottom:2.15rem!important;
}

@media (max-width:991.98px){
  .hire-page .hire-overview-copy{
    max-width:none;
    padding-right:0;
  }
  .hire-page .hire-overview-image-wrap{
    min-height:330px;
    margin-top:.5rem;
  }
  .hire-page .hire-overview-image{
    max-width:620px;
    height:330px;
  }
  .hire-page .technical-spec-section{
    margin-top:2.5rem;
    margin-bottom:4.5rem;
  }
  .hire-page .technical-spec-section .technical-spec-groups{
    grid-template-columns:1fr;
  }
  .hire-page .technical-spec-section .technical-spec-group,
  .hire-page .technical-spec-section .technical-spec-group:first-child,
  .hire-page .technical-spec-section .technical-spec-group:last-child{
    padding:1.65rem 0;
    border-left:0;
    border-top:1px solid var(--slate-border,#d8e0e7);
  }
  .hire-page .technical-spec-section .technical-spec-group:first-child{
    padding-top:0;
    border-top:0;
  }
  .hire-page .technical-spec-section .technical-spec-group:last-child{
    padding-bottom:0;
  }
}

@media (max-width:767.98px){
  .hire-page .hire-overview-section{
    padding-top:2.75rem;
    padding-bottom:3.75rem;
  }
  .hire-page .hire-overview-image-wrap{
    min-height:270px;
  }
  .hire-page .hire-overview-image{
    height:270px;
  }
  .hire-page .technical-spec-section{
    margin-top:2.1rem;
    margin-bottom:3.75rem;
  }
  .hire-page .technical-spec-section .technical-spec-panel{
    padding:1.4rem;
  }
  .hire-page #pricing{
    margin-bottom:1.75rem!important;
  }
}

/* =========================================================
   HIRE PAGE HERO ALIGNMENT AND IMAGE DISPLAY FIX
   Keeps the exact approved scaffold artwork fully visible and
   vertically centres the introductory copy beside it.
   ========================================================= */
.hire-page .hire-overview-row{
  display:flex;
  align-items:center!important;
  min-height:430px;
}
.hire-page .hire-overview-row > [class*="col-"]{
  display:flex;
  align-items:center;
}
.hire-page .hire-overview-copy{
  width:100%;
  max-width:650px;
  padding-right:2rem;
}
.hire-page .hire-overview-image-wrap{
  width:100%;
  min-height:0!important;
  height:auto!important;
  display:flex;
  align-items:center!important;
  justify-content:center;
  overflow:visible!important;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.hire-page .hire-overview-image{
  display:block;
  width:100%;
  max-width:570px;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.hire-page .technical-spec-section{
  margin-top:3.6rem!important;
  margin-bottom:5.5rem!important;
}
.hire-page #pricing{
  margin-top:0!important;
  margin-bottom:2.35rem!important;
}

@media (max-width:991.98px){
  .hire-page .hire-overview-row{
    min-height:0;
  }
  .hire-page .hire-overview-row > [class*="col-"]{
    display:block;
  }
  .hire-page .hire-overview-copy{
    padding-right:0;
  }
  .hire-page .hire-overview-image-wrap{
    margin-top:2rem;
  }
  .hire-page .hire-overview-image{
    max-width:570px;
    height:auto!important;
  }
  .hire-page .technical-spec-section{
    margin-top:3rem!important;
    margin-bottom:4.5rem!important;
  }
}

@media (max-width:767.98px){
  .hire-page .hire-overview-image-wrap{
    margin-top:1.5rem;
  }
  .hire-page .hire-overview-image{
    max-width:100%;
  }
  .hire-page .technical-spec-section{
    margin-top:2.5rem!important;
    margin-bottom:3.75rem!important;
  }
  .hire-page #pricing{
    margin-bottom:1.9rem!important;
  }
}

/* =========================================================
   FINAL VERIFIED HIRE INTRO ALIGNMENT
   Approved mock-up proportions: copy left, full scaffold right.
   ========================================================= */
@media (min-width: 992px){
  .hire-page .hire-overview-section{
    padding-top:3.25rem!important;
    padding-bottom:4.75rem!important;
  }
  .hire-page .hire-overview-row{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;
    column-gap:4rem!important;
    align-items:center!important;
    min-height:0!important;
    margin:0!important;
  }
  .hire-page .hire-overview-row > [class*="col-"]{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }
  .hire-page .hire-overview-copy{
    width:100%!important;
    max-width:650px!important;
    padding:0!important;
    margin:0!important;
  }
  .hire-page .hire-overview-copy h2{
    max-width:620px!important;
    margin:0 0 1rem!important;
  }
  .hire-page .hire-overview-image-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
  }
  .hire-page .hire-overview-image{
    display:block!important;
    width:100%!important;
    max-width:590px!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .hire-page .technical-spec-section{
    margin-top:3.15rem!important;
    margin-bottom:5.6rem!important;
  }
  .hire-page #pricing{
    margin-top:0!important;
    margin-bottom:2.4rem!important;
  }
}

@media (max-width:991.98px){
  .hire-page .hire-overview-row{
    display:block!important;
    min-height:0!important;
  }
  .hire-page .hire-overview-row > [class*="col-"]{
    width:100%!important;
    max-width:100%!important;
  }
  .hire-page .hire-overview-copy{
    max-width:none!important;
    padding:0!important;
  }
  .hire-page .hire-overview-image-wrap{
    margin:2.25rem 0 0!important;
    min-height:0!important;
    height:auto!important;
  }
  .hire-page .hire-overview-image{
    display:block!important;
    width:100%!important;
    max-width:590px!important;
    height:auto!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
  .hire-page .technical-spec-section{
    margin-top:3rem!important;
    margin-bottom:4.5rem!important;
  }
}

/* Final visual alignment correction after rendered-page review */
@media (min-width:992px){
  .hire-page .hire-overview-row{
    align-items:start!important;
  }
  .hire-page .hire-overview-copy{
    padding-top:3.25rem!important;
  }
  .hire-page .hire-overview-image-wrap{
    align-items:flex-start!important;
  }
  .hire-page .hire-overview-image{
    max-width:580px!important;
  }
}
@media (max-width:991.98px){
  .hire-page .hire-overview-copy{
    padding-top:0!important;
  }
}

/* =========================================================
   HIRE INTRO - RENDER VERIFIED LAYOUT
   Matches approved mock-up: compact intro row, full image,
   specification panel directly below.
   ========================================================= */
@media (min-width: 992px){
  .hire-page .hire-overview-section{
    padding-top:0!important;
    padding-bottom:4.5rem!important;
  }
  .hire-page .hire-overview-section > .container{
    padding-top:0!important;
  }
  .hire-page .hire-overview-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:2.75rem!important;
    align-items:start!important;
    min-height:0!important;
    margin:0!important;
  }
  .hire-page .hire-overview-row > [class*="col-"]{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }
  .hire-page .hire-overview-copy{
    max-width:650px!important;
    padding:3.35rem 0 0!important;
    margin:0!important;
  }
  .hire-page .hire-overview-copy h2{
    margin:0 0 .85rem!important;
    max-width:620px!important;
  }
  .hire-page .hire-overview-copy p{
    margin-bottom:1.35rem!important;
  }
  .hire-page .hire-overview-copy p:last-child{
    margin-bottom:0!important;
  }
  .hire-page .hire-overview-image-wrap{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
  }
  .hire-page .hire-overview-image{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }
  .hire-page .technical-spec-section{
    margin-top:.75rem!important;
    margin-bottom:3.5rem!important;
  }
  .hire-page #pricing{
    margin-top:0!important;
    margin-bottom:2rem!important;
  }
}

/* =========================================================
   CLEAN REBUILD: HIRE PAGE INTRO + SPECIFICATION LAYOUT
   Replaces all earlier intro-row patches with one final layout.
   ========================================================= */
.hire-page .hire-overview-section{
  padding:0 0 4.75rem!important;
}
.hire-page .hire-overview-section > .container{
  padding-top:0!important;
}
.hire-page .hire-overview-row{
  margin:0!important;
}
.hire-page .hire-overview-copy h2{
  color:#242522;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.12;
}
.hire-page .hire-overview-copy p{
  color:#2f302d;
  line-height:1.7;
}
.hire-page .hire-overview-copy .text-muted{
  color:#646762!important;
}
.hire-page .hire-overview-image-wrap{
  border:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.hire-page .hire-overview-image{
  display:block!important;
  border:0!important;
  background:#fff!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
.hire-page .technical-spec-section{
  clear:both;
}

@media (min-width:992px){
  .hire-page .hire-overview-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:3.75rem!important;
    align-items:center!important;
    padding-top:0!important;
  }
  .hire-page .hire-overview-row > [class*="col-"]{
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }
  .hire-page .hire-overview-copy{
    max-width:650px!important;
    padding:0!important;
    margin:0!important;
    align-self:center!important;
  }
  .hire-page .hire-overview-copy h2{
    margin:0 0 1rem!important;
    max-width:620px!important;
  }
  .hire-page .hire-overview-copy p{
    margin:0 0 1.45rem!important;
  }
  .hire-page .hire-overview-copy p:last-child{
    margin-bottom:0!important;
  }
  .hire-page .hire-overview-image-wrap{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    min-height:445px!important;
    margin:0!important;
    padding:0!important;
  }
  .hire-page .hire-overview-image{
    width:100%!important;
    max-width:620px!important;
    height:auto!important;
    max-height:445px!important;
    margin:0 auto!important;
  }
  .hire-page .technical-spec-section{
    margin-top:2rem!important;
    margin-bottom:4.75rem!important;
  }
  .hire-page #pricing{
    margin-top:0!important;
    margin-bottom:2.4rem!important;
  }
}

@media (max-width:991.98px){
  .hire-page .hire-overview-section{
    padding-top:2.75rem!important;
    padding-bottom:4rem!important;
  }
  .hire-page .hire-overview-row{
    display:block!important;
  }
  .hire-page .hire-overview-row > [class*="col-"]{
    width:100%!important;
    max-width:100%!important;
    padding-left:calc(var(--bs-gutter-x) * .5)!important;
    padding-right:calc(var(--bs-gutter-x) * .5)!important;
  }
  .hire-page .hire-overview-copy{
    max-width:none!important;
    padding:0!important;
  }
  .hire-page .hire-overview-image-wrap{
    margin:2.25rem auto 0!important;
    max-width:650px!important;
  }
  .hire-page .hire-overview-image{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
  }
  .hire-page .technical-spec-section{
    margin-top:3rem!important;
    margin-bottom:4rem!important;
  }
}

@media (max-width:575.98px){
  .hire-page .hire-overview-section{
    padding-top:2.25rem!important;
    padding-bottom:3.25rem!important;
  }
  .hire-page .hire-overview-image-wrap{
    margin-top:1.75rem!important;
  }
  .hire-page .technical-spec-section{
    margin-top:2.25rem!important;
    margin-bottom:3.25rem!important;
  }
}


/* =========================================================
   FINAL CLEAN HIRE HERO REBUILD
   Isolated classes prevent conflict with earlier hero patches.
   ========================================================= */
.hire-page .hire-overview-section{
  padding:0 0 4.75rem!important;
}
.hire-page .hire-hero-rebuilt{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:4.25rem;
  align-items:center;
  min-height:430px;
  padding:1.5rem 0 .25rem;
}
.hire-page .hire-hero-copy{
  max-width:650px;
  margin:0;
  padding:0;
}
.hire-page .hire-hero-copy h2{
  margin:0 0 1rem;
  max-width:620px;
  color:#242522;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.12;
}
.hire-page .hire-hero-copy p{
  margin:0 0 1.45rem;
  color:#2f302d;
  line-height:1.7;
}
.hire-page .hire-hero-copy p:last-child{
  margin-bottom:0;
}
.hire-page .hire-hero-copy .text-muted{
  color:#646762!important;
}
.hire-page .hire-hero-media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  overflow:visible;
  background:#fff;
}
.hire-page .hire-hero-image{
  display:block;
  width:100%;
  max-width:610px;
  height:auto;
  margin:0 auto;
  border:0;
  background:#fff;
  box-shadow:none;
}
.hire-page .technical-spec-section{
  margin-top:1.75rem!important;
  margin-bottom:4.85rem!important;
}
.hire-page #pricing{
  margin-top:0!important;
  margin-bottom:2.4rem!important;
}
@media(max-width:991.98px){
  .hire-page .hire-overview-section{
    padding:2.75rem 0 4rem!important;
  }
  .hire-page .hire-hero-rebuilt{
    display:block;
    min-height:0;
    padding:0;
  }
  .hire-page .hire-hero-copy{
    max-width:none;
  }
  .hire-page .hire-hero-media{
    margin-top:2rem;
  }
  .hire-page .hire-hero-image{
    max-width:640px;
  }
  .hire-page .technical-spec-section{
    margin-top:3rem!important;
    margin-bottom:4rem!important;
  }
}
@media(max-width:575.98px){
  .hire-page .hire-overview-section{
    padding:2.25rem 0 3.25rem!important;
  }
  .hire-page .hire-hero-media{
    margin-top:1.5rem;
  }
  .hire-page .technical-spec-section{
    margin-top:2.25rem!important;
    margin-bottom:3.25rem!important;
  }
}

/* HOMEPAGE HERO — full-width background, no fade, reduced height */
@media (min-width:992px){
  .option4-hero{
    height:520px!important;
    min-height:520px!important;
    background:#f4f7f9!important;
  }
  .option4-hero>.container-fluid,
  .option4-hero>.container-fluid>.row{
    height:520px!important;
    min-height:520px!important;
  }
  .option4-hero-image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:520px!important;
    min-height:520px!important;
    background-image:url('../images/hero-mockup-background.webp')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  .option4-hero-image:before{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  .option4-hero-copy{
    height:520px!important;
    min-height:520px!important;
    padding:55px 30px 45px 80px!important;
    background:transparent!important;
  }
}

/* =========================================================
   HOMEPAGE HERO - FINAL MOCKUP MATCH
   Only overrides the homepage hero composition.
   ========================================================= */
@media (min-width: 992px){
  .option4-hero{
    position:relative!important;
    height:660px!important;
    min-height:660px!important;
    background:#f7f8fa!important;
    overflow:hidden!important;
  }
  .option4-hero>.container-fluid,
  .option4-hero>.container-fluid>.row{
    width:100%!important;
    max-width:1440px!important;
    height:100%!important;
    min-height:660px!important;
    margin:0 auto!important;
    padding:0!important;
    position:relative!important;
    display:block!important;
  }
  .option4-hero-copy{
    position:relative!important;
    z-index:2!important;
    width:46%!important;
    height:100%!important;
    min-height:660px!important;
    padding:88px 36px 55px 64px!important;
    display:flex!important;
    align-items:flex-start!important;
    background:transparent!important;
  }
  .option4-hero-inner{
    width:100%!important;
    max-width:520px!important;
  }
  .option4-hero h1{
    font-size:4.15rem!important;
    line-height:.98!important;
  }
  .option4-hero-image{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:61%!important;
    height:660px!important;
    min-height:660px!important;
    background-color:#f7f8fa!important;
    background-image:url('../images/hero-mockup-background.webp')!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    background-position:right bottom!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .option4-hero-image:before,
  .option4-hero:after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
}

@media (min-width: 1200px){
  .option4-hero-copy{
    padding-left:64px!important;
  }
}

/* FINAL HOMEPAGE HERO MATCH — image-only right-side composition */
@media (min-width: 992px){
  .option4-hero{
    position:relative!important;
    min-height:0!important;
    height:660px!important;
    overflow:hidden!important;
    background:#f7f8fa url('../images/hero-right.webp') right center / auto 100% no-repeat!important;
  }
  .option4-hero > .container-fluid{
    max-width:1440px!important;
    height:100%!important;
    padding:0!important;
  }
  .option4-hero > .container-fluid > .row{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    display:block!important;
  }
  .option4-hero-copy{
    position:relative!important;
    z-index:2!important;
    width:45%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    padding:72px 40px 52px 64px!important;
    display:flex!important;
    align-items:flex-start!important;
    background:transparent!important;
  }
  .option4-hero-inner{
    width:100%!important;
    max-width:520px!important;
  }
  .option4-hero h1{
    font-size:4.15rem!important;
    line-height:.98!important;
  }
  .option4-hero-image{
    display:none!important;
  }
}

/* =========================================================
   HOMEPAGE HERO — APPROVED MOCK-UP MATCH
   Single full-width scene with copy over the light left side.
   ========================================================= */
.option4-hero{
  position:relative!important;
  min-height:610px!important;
  background:
    linear-gradient(90deg,
      #f6f9fc 0%,
      rgba(246,249,252,.99) 31%,
      rgba(246,249,252,.94) 38%,
      rgba(246,249,252,.58) 47%,
      rgba(246,249,252,0) 58%),
    url('../images/home-hero-scaffold.webp') right center / auto 100% no-repeat!important;
  overflow:hidden!important;
}
.option4-hero>.container-fluid,
.option4-hero>.container-fluid>.row{
  min-height:610px!important;
}
.option4-hero>.container-fluid>.row{
  position:relative!important;
  z-index:1!important;
}
.option4-hero-copy{
  flex:0 0 43%!important;
  width:43%!important;
  min-height:610px!important;
  padding:5.1rem 2.5rem 4rem 4rem!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
  position:relative!important;
  z-index:2!important;
}
.option4-hero-image{
  flex:0 0 57%!important;
  width:57%!important;
  min-height:610px!important;
  background:none!important;
}
.option4-hero-inner{
  max-width:520px!important;
}
.option4-hero h1{
  font-size:4.05rem!important;
  line-height:.98!important;
}
.option4-trust-row{
  margin-top:2.55rem!important;
}

@media (max-width:1199.98px) and (min-width:992px){
  .option4-hero,
  .option4-hero>.container-fluid,
  .option4-hero>.container-fluid>.row{
    min-height:560px!important;
  }
  .option4-hero{
    background-size:auto 100%!important;
    background-position:right center!important;
  }
  .option4-hero-copy{
    min-height:560px!important;
    padding:4rem 2rem 3.5rem 3rem!important;
  }
  .option4-hero-image{
    min-height:560px!important;
  }
  .option4-hero h1{
    font-size:3.45rem!important;
  }
}

@media (max-width:991.98px){
  .option4-hero{
    min-height:auto!important;
    background:
      linear-gradient(180deg,rgba(246,249,252,.98) 0%,rgba(246,249,252,.95) 45%,rgba(246,249,252,.18) 72%,rgba(246,249,252,0) 100%),
      url('../images/home-hero-scaffold.webp') right bottom / auto 62% no-repeat!important;
  }
  .option4-hero>.container-fluid>.row{
    display:block!important;
    min-height:720px!important;
  }
  .option4-hero-copy{
    width:100%!important;
    min-height:auto!important;
    padding:3.25rem 2rem 2rem!important;
    background:transparent!important;
  }
  .option4-hero-image{
    width:100%!important;
    min-height:360px!important;
    background:none!important;
  }
}

@media (max-width:767.98px){
  .option4-hero{
    background-size:auto 53%!important;
  }
  .option4-hero>.container-fluid>.row{
    min-height:690px!important;
  }
  .option4-hero-copy{
    padding:2.6rem 1.35rem 1.5rem!important;
  }
  .option4-hero h1{
    font-size:2.75rem!important;
  }
  .option4-hero-image{
    min-height:330px!important;
  }
}

/* =========================================================
   HOMEPAGE HERO — FINAL BACKGROUND-IMAGE IMPLEMENTATION
   Standalone image only; all copy, controls and trust items remain HTML.
   ========================================================= */
.option4-hero{
  position:relative!important;
  min-height:610px!important;
  height:610px!important;
  overflow:hidden!important;
  background:#f4f7fa!important;
  isolation:isolate!important;
}
.option4-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  background-image:url('../images/home-hero-background.png')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:right center!important;
}
.option4-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(247,249,251,.99) 0%,
    rgba(247,249,251,.98) 18%,
    rgba(247,249,251,.94) 30%,
    rgba(247,249,251,.72) 39%,
    rgba(247,249,251,.28) 48%,
    rgba(247,249,251,0) 58%)!important;
}
.option4-hero>.container-fluid,
.option4-hero>.container-fluid>.row{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:610px!important;
  min-height:610px!important;
  max-width:1440px!important;
  margin:0 auto!important;
}
.option4-hero>.container-fluid>.row{
  display:block!important;
}
.option4-hero-copy{
  position:relative!important;
  z-index:3!important;
  width:46%!important;
  max-width:none!important;
  height:610px!important;
  min-height:610px!important;
  padding:72px 38px 52px 64px!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
}
.option4-hero-inner{
  width:100%!important;
  max-width:520px!important;
}
.option4-hero-image{
  display:none!important;
}
.option4-hero h1{
  font-size:4.05rem!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
}
.option4-hero p{
  margin-bottom:1.55rem!important;
}
.option4-trust-row{
  margin-top:2.45rem!important;
}

@media (max-width:1199.98px) and (min-width:992px){
  .option4-hero,
  .option4-hero>.container-fluid,
  .option4-hero>.container-fluid>.row{
    height:560px!important;
    min-height:560px!important;
  }
  .option4-hero-copy{
    width:47%!important;
    height:560px!important;
    min-height:560px!important;
    padding:58px 32px 44px 48px!important;
  }
  .option4-hero h1{font-size:3.5rem!important;}
}

@media (max-width:991.98px){
  .option4-hero{
    height:auto!important;
    min-height:690px!important;
  }
  .option4-hero::before{
    background-size:auto 60%!important;
    background-position:right bottom!important;
  }
  .option4-hero::after{
    background:linear-gradient(180deg,
      rgba(247,249,251,.99) 0%,
      rgba(247,249,251,.98) 40%,
      rgba(247,249,251,.64) 55%,
      rgba(247,249,251,0) 72%)!important;
  }
  .option4-hero>.container-fluid,
  .option4-hero>.container-fluid>.row{
    height:auto!important;
    min-height:690px!important;
  }
  .option4-hero-copy{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:3.25rem 2rem 2rem!important;
    align-items:flex-start!important;
  }
  .option4-hero h1{font-size:3.15rem!important;}
}

@media (max-width:767.98px){
  .option4-hero{min-height:650px!important;}
  .option4-hero::before{background-size:auto 52%!important;}
  .option4-hero>.container-fluid,
  .option4-hero>.container-fluid>.row{min-height:650px!important;}
  .option4-hero-copy{padding:2.6rem 1.35rem 1.5rem!important;}
  .option4-hero h1{font-size:2.65rem!important;}
  .option4-actions{gap:.65rem!important;}
  .option4-trust-row{margin-top:1.8rem!important;gap:1rem!important;}
}

/* Homepage hero image scale/fade refinement */
@media (min-width:992px){
  .option4-hero::before{
    background-image:url('../images/home-hero-background.webp')!important;
    background-size:85% auto!important;
    background-position:right 38%!important;
  }
/*  .option4-hero::after{
    background:linear-gradient(90deg,
      rgba(247,249,251,1) 0%,
      rgba(247,249,251,.99) 26%,
      rgba(247,249,251,.96) 38%,
      rgba(247,249,251,.78) 48%,
      rgba(247,249,251,.42) 57%,
      rgba(247,249,251,.12) 65%,
      rgba(247,249,251,0) 72%)!important;
  } */
}
@media (max-width:991.98px){
  .option4-hero::before{background-image:url('../images/home-hero-background.webp')!important;}
}

/* =========================================================
   AUGUST 2026 HEADER SIZE REFINEMENT
   Consolidated into the original stylesheet.
   ========================================================= */
/* Slightly larger ScaffedUp logo across the site. */
.site-logo{
  width:255px !important;
  height:auto !important;
  max-height:none !important;
}

/* Slightly smaller titles on inner-page header bands. */
.page-header-title{
  font-size:2.55rem !important;
  line-height:1 !important;
}

@media (max-width:1199.98px){
  .site-logo{width:230px !important;}
}
@media (max-width:991.98px){
  .site-logo{width:215px !important;}
  .page-header-title{font-size:2.15rem !important;}
}
@media (max-width:575.98px){
  .site-logo{width:180px !important;}
  .page-header-title{font-size:1.85rem !important;}
}