/* V56.17.26 approved-original homepage treatment. Keeps booking/quotation JS operational. */
:root{--bo-heritage:#f0bc3e}
.nav{position:sticky;background:#061321;box-shadow:0 5px 24px #0009;min-height:80px;gap:24px}
.nav .brand b{font-size:clamp(18px,2vw,27px);letter-spacing:.03em}.nav .brand small{font-size:10px;letter-spacing:2.5px}
.hero{position:relative;isolation:isolate;min-height:650px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.45fr);padding:80px 5%;background:#071727;gap:30px}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(2,8,18,.94) 0%,rgba(2,10,23,.68) 35%,rgba(4,10,19,.10) 65%,rgba(3,10,18,.53) 100%),url('/approved-home-hero-v5626.webp');background-position:center,center;background-size:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#05121cd9,transparent 40%)}
.hero-copy{max-width:740px}.hero .eyebrow{color:#f9f8ff;letter-spacing:3.7px;font-size:13px}.hero h1{line-height:1.04;font-size:clamp(40px,5.25vw,78px);text-shadow:0 2px 12px #0009;font-weight:900}.hero h1 span{color:#fff}.hero h2{color:#fff;letter-spacing:.035em;font-size:clamp(13px,1.35vw,17px)}.hero p{max-width:560px;line-height:1.6}
.hero-card{background:#041426e8;box-shadow:0 12px 34px #000b;border:2px solid #dbb15b;align-self:start;max-width:370px;margin-left:auto;gap:16px}
.hero-card b{color:#fff;font-size:24px}.hero-card span{color:#d2dcea;font-size:15px}.hero-card small{color:#c3ced8;font-size:12px}.hero-card .btn{text-align:center;color:#0a1020}
.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.grid article{padding:146px 14px 20px;position:relative;border-color:#536273;background:linear-gradient(#061f32,#020d1b);min-height:295px;overflow:hidden}.grid article::before{content:"";position:absolute;top:0;left:0;right:0;height:135px;background-position:center;background-size:cover;border-bottom:2px solid #b5943b}.grid article::after{content:"";position:absolute;top:105px;left:0;right:0;height:32px;background:linear-gradient(transparent,#061725)}.bo-service-roofing::before{background-image:url('/approved-service-roofing-v5626.webp')}.bo-service-painting::before{background-image:url('/approved-service-painting-v5626.webp')}.bo-service-plasterboard::before{background-image:url('/approved-service-plasterboard-v5626.webp')}.bo-service-cleaning::before{background-image:url('/approved-service-cleaning-v5626.webp')}.bo-service-valeting::before{background-image:url('/approved-service-valeting-v5626.webp')}.grid article h3{font-size:17px}.grid article p{font-size:13px}
.bo-van-showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:#081522}.bo-van-poster{min-height:240px;background:url('/approved-home-hero-v5626.webp') center 60% / cover no-repeat;border-radius:16px;border:1px solid #a98531}
.bo-founder{display:flex;align-items:center;gap:35px;background:linear-gradient(100deg,#061522,#101d24);border-top:1px solid #92742d}.bo-founder-photo{flex:0 0 min(230px,34vw);width:min(230px,34vw);height:260px;border-radius:14px;background:url('/founder-original-reference-v5626.webp') center / cover no-repeat;border:1px solid #c3a03c}.bo-founder h2{font-size:clamp(27px,4vw,48px);color:#eebf4a;margin:.3em 0}.bo-founder p{color:#d6dfeb}
.bo-home-tools{position:fixed;bottom:20px;left:15px;z-index:40;display:flex;gap:8px}.bo-home-tools button{background:#061523;color:#fff;border:1px solid #caa039;border-radius:30px;padding:12px;cursor:pointer;box-shadow:0 4px 20px #000a;font-weight:bold}.bo-help-panel{position:fixed;bottom:74px;left:15px;z-index:41;max-width:min(390px,calc(100vw - 30px));max-height:68vh;overflow:auto;padding:18px;background:#071625;color:#fff;border:1px solid #d8ad44;border-radius:16px;box-shadow:0 15px 40px #000c}.bo-help-panel[hidden]{display:none}.bo-help-panel h2{margin:0 0 8px}.bo-help-panel .bo-help-questions{display:grid;gap:7px;margin:10px 0}.bo-help-questions button{border:1px solid #53718a;border-radius:8px;padding:9px;text-align:left;background:#10263a;color:#fff;cursor:pointer}.bo-help-panel .btn{margin:4px;padding:9px}.bo-help-answer{border-left:3px solid #d9b351;padding:5px 9px;min-height:1em}
@media(max-width:1150px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1fr 300px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:620px;padding:48px 5%;gap:12px}.hero-card{margin:0;max-width:100%;width:100%;padding:20px}.hero .actions{gap:9px}.hero h1{font-size:clamp(39px,8vw,57px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bo-van-showcase{grid-template-columns:1fr}}
@media(max-width:520px){.nav .brand b{font-size:14px}.nav .phone{padding:8px;font-size:12px}.hero{padding:35px 5%;gap:20px}.hero h1{font-size:clamp(34px,9.2vw,46px)}.hero::before{background-image:linear-gradient(90deg,rgba(2,8,18,.92),rgba(2,10,23,.50)),url('/approved-home-hero-v5626.webp')}.hero .actions{display:grid;grid-template-columns:1fr 1fr}.hero .actions .btn{padding:12px;font-size:12px;text-align:center}.grid{grid-template-columns:1fr 1fr;gap:8px}.grid article{padding:105px 10px 12px;min-height:250px}.grid article::before{height:100px}.grid article h3{font-size:15px}.grid article p{font-size:12px}.bo-founder{display:grid;grid-template-columns:1fr;text-align:center}.bo-founder-photo{margin:auto}.bo-home-tools{bottom:80px}}