/* Exact mock reproduction layer for Barry-approved London Home Security drafts. */
.mock-approved-page{margin:0;background:#06111b;color:#0b1117;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.mock-approved-page *{box-sizing:border-box}
.mock-approved-page a{text-decoration:none}
.mock-approved-page .actual-wrap{width:min(100%,1120px);margin:0 auto;padding:0 22px}
.mock-approved-page .actual-header{position:relative!important;top:auto!important;z-index:10;background:#fff;border:0!important;box-shadow:none!important}
.mock-approved-page .actual-nav{height:56px;display:flex;align-items:center;gap:18px}
.mock-approved-page .actual-logo{display:flex;align-items:center;flex:0 0 auto}.mock-approved-page .actual-logo img{height:32px;width:auto;display:block}
.mock-approved-page .actual-nav nav{margin-left:auto;display:flex!important;align-items:center;gap:21px;height:100%;position:static!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;flex-direction:row!important}
.mock-approved-page .actual-nav nav a{display:flex!important;align-items:center;height:100%;padding:0!important;border:0!important;color:#111820!important;font-size:11px;font-weight:600;white-space:nowrap}
.mock-approved-page .actual-nav nav a.active{color:#168af4!important;border-bottom:2px solid #168af4!important}
.mock-approved-page .actual-menu{display:none!important}
.mock-approved-page .header-quote{margin-left:0;white-space:nowrap}
.mock-blue-btn,.mock-outline-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 21px;border-radius:5px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.mock-blue-btn{background:#108af4;color:#fff!important;box-shadow:none}.mock-blue-btn:hover{background:#087bdc}
.mock-outline-btn{border:1px solid rgba(255,255,255,.8);color:#fff!important;background:rgba(0,0,0,.20)}

.mock-approved-page .mock-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#050b10 url('/assets/mock-hero-bg.jpg') center center/cover no-repeat!important}
.mock-approved-page .mock-hero-bg{display:none!important}
.mock-approved-page .mock-hero-grid{display:block;min-height:0!important}
.mock-approved-page .mock-hero-copy{position:relative;z-index:2;width:58%;max-width:600px;padding:50px 0 48px!important}
.mock-approved-page .mock-hero-copy h1,.mock-approved-page .mock-hero-copy h2{margin:0 0 12px;color:#fff;font-size:47px;line-height:.93;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
.mock-approved-page .mock-hero-copy h1 strong{color:#0789ff}
.mock-approved-page .mock-hero-copy p{max-width:500px;margin:0 0 20px;color:#fff;font-size:16px;line-height:1.32}
.mock-approved-page .mock-actions{display:flex;gap:12px;align-items:center}.mock-approved-page .mock-hero-product{display:none!important}

.mock-service-strip,.mock-icon-strip{background:#fff;border:0}
.mock-service-grid,.mock-icon-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.mock-service-item,.mock-icon-item{min-width:0;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;color:#0d1319;border:0!important;padding:20px 18px 18px!important}
.mock-service-item .mock-line-icon,.mock-icon-circle{display:grid;place-items:center;color:#0b8bf4;margin:0 auto 8px}
.mock-service-item .mock-line-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2}.mock-icon-circle{width:44px;height:44px;border-radius:50%;background:#0a86f7;color:#fff}.mock-icon-circle svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:1.8}
.mock-service-item h3,.mock-icon-item h2{margin:0 0 5px;font-size:14px;line-height:1.15;font-weight:800;color:#0d1319}.mock-service-item p,.mock-icon-item p{margin:0;max-width:210px;color:#5d6871;font-size:10px;line-height:1.35}

.mock-solutions{padding:26px 0 30px!important;background:#f4f8fb}.mock-solutions>.actual-wrap>h2{text-align:center;margin:0 0 18px;font-size:24px;line-height:1;font-weight:800;letter-spacing:-.025em}
.mock-solution-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:13px!important}.mock-solution-card{display:block!important;overflow:hidden;background:#fff;border:1px solid #e0e7ed;border-radius:6px;box-shadow:0 5px 14px rgba(20,35,48,.07);color:#0b1117}
.mock-solution-card img{display:block;width:100%;height:115px;object-fit:cover}.mock-solution-card>div{padding:10px 10px 11px!important}.mock-solution-card h3{margin:0 0 5px;font-size:12px;line-height:1.1}.mock-solution-card p{min-height:34px;margin:0 0 7px;color:#616d76;font-size:9px;line-height:1.28}.mock-solution-card span{color:#0789f5;font-size:9px;font-weight:700}

.mock-trust{border:0!important}.mock-trust-dark{background:#06111b;color:#fff}.mock-trust-light{background:#f7f9fb;color:#17212a}.mock-trust-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:0!important}.mock-trust-grid>div{min-width:0;min-height:48px!important;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 7px!important;border-right:1px solid rgba(120,140,155,.18)!important}.mock-trust-grid>div:last-child{border-right:0!important}.mock-trust-grid span{display:grid;place-items:center;width:20px;height:20px;color:#0a8cf5;font-size:15px}.mock-trust-grid b{font-size:8px!important;line-height:1.2;text-align:left;white-space:normal}

.mock-custom{padding:22px 0!important;background:#fff}.mock-custom-grid{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:18px!important;align-items:center}.mock-custom-image img{display:block;width:100%;height:190px!important;object-fit:cover;border-radius:5px;box-shadow:none}.mock-custom-copy h2{margin:0 0 9px;font-size:25px!important;line-height:.98;letter-spacing:-.035em}.mock-custom-copy p{margin:0 0 13px;color:#5c6870;font-size:11px!important;line-height:1.35}.mock-custom-copy .mock-blue-btn{height:31px;font-size:10px;padding:0 17px}
.mock-mid-cta{padding:16px 0!important;background:linear-gradient(100deg,rgba(5,16,25,.96),rgba(11,51,80,.93)),url('/assets/mock-hero-bg.jpg') center/cover;color:#fff}.mock-mid-cta-grid{display:flex!important;align-items:center;justify-content:space-between;gap:22px}.mock-mid-cta h2{margin:0 0 3px;font-size:20px!important;line-height:1}.mock-mid-cta p{margin:0;color:#c4d0d8;font-size:9px!important}.mock-mid-cta-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mock-mid-cta .mock-blue-btn{height:29px;font-size:9px}.mock-mid-cta small{color:#b1c0ca;font-size:7px}
.mock-mini-footer{background:#06111b;color:#d9e3e9;padding:9px 0}.mock-mini-footer-inner{display:flex;align-items:center;gap:24px}.mock-mini-footer .mini-logo img{height:23px;width:auto;display:block}.mock-mini-footer nav{display:flex;gap:14px;margin-left:auto}.mock-mini-footer a,.mock-mini-footer span{color:#d9e3e9;font-size:7px;white-space:nowrap}
.mock-home-page+*{} .mock-home-page~footer{display:none!important}.mock-home-page .actual-footer{display:none!important}

/* Phone layout intentionally preserves the mock composition instead of stacking it. */
@media(max-width:600px){
 .mock-approved-page .actual-wrap{width:100%;padding:0 12px}
 .mock-approved-page .actual-nav{height:36px;gap:6px}.mock-approved-page .actual-logo img{height:22px}.mock-approved-page .actual-nav nav{gap:7px}.mock-approved-page .actual-nav nav a{font-size:5.8px;letter-spacing:-.02em}.mock-approved-page .header-quote{height:20px;padding:0 8px;border-radius:3px;font-size:6px}
 .mock-approved-page .mock-hero{height:191px;min-height:191px!important;background-position:center center!important}.mock-approved-page .mock-hero-grid{height:191px!important}.mock-approved-page .mock-hero-copy{width:57%;padding:46px 0 0!important}.mock-approved-page .mock-hero-copy h1,.mock-approved-page .mock-hero-copy h2{font-size:28px;line-height:.92;margin-bottom:8px}.mock-approved-page .mock-hero-copy p{font-size:9.6px;line-height:1.25;margin-bottom:11px}.mock-approved-page .mock-actions{gap:7px}.mock-approved-page .mock-actions .mock-blue-btn,.mock-approved-page .mock-actions .mock-outline-btn{height:25px;padding:0 13px;border-radius:3px;font-size:7px}
 .mock-service-item,.mock-icon-item{padding:12px 4px 11px!important;min-height:77px!important}.mock-service-item .mock-line-icon svg{width:22px;height:22px}.mock-icon-circle{width:29px;height:29px;margin-bottom:5px}.mock-icon-circle svg{width:16px;height:16px}.mock-service-item h3,.mock-icon-item h2{font-size:8px;margin-bottom:3px}.mock-service-item p,.mock-icon-item p{font-size:5.7px;line-height:1.27;max-width:105px}
 .mock-solutions{padding:12px 0 14px!important}.mock-solutions>.actual-wrap>h2{font-size:15px;margin-bottom:9px}.mock-solution-grid{gap:7px!important}.mock-solution-card img{height:68px}.mock-solution-card>div{padding:6px 6px 7px!important}.mock-solution-card h3{font-size:7.3px;margin-bottom:3px}.mock-solution-card p{min-height:24px;font-size:5.6px;line-height:1.22;margin-bottom:4px}.mock-solution-card span{font-size:5.7px}
 .mock-trust-grid>div{min-height:34px!important;padding:5px 3px!important;gap:3px}.mock-trust-grid span{width:13px;height:13px;font-size:10px}.mock-trust-grid b{font-size:5.3px!important;line-height:1.12}
 .mock-custom{padding:12px 0!important}.mock-custom-grid{grid-template-columns:1.18fr .82fr!important;gap:10px!important}.mock-custom-image img{height:105px!important;border-radius:3px}.mock-custom-copy h2{font-size:14px!important;line-height:.98;margin-bottom:5px}.mock-custom-copy p{font-size:6.2px!important;line-height:1.28;margin-bottom:7px}.mock-custom-copy .mock-blue-btn{height:20px;padding:0 9px;font-size:5.8px;border-radius:2px}
 .mock-mid-cta{padding:8px 0!important}.mock-mid-cta-grid{gap:8px}.mock-mid-cta h2{font-size:11px!important;margin-bottom:2px}.mock-mid-cta p{font-size:5.5px!important}.mock-mid-cta .mock-blue-btn{height:19px;padding:0 9px;font-size:5.7px}.mock-mid-cta small{font-size:4.5px}
 .mock-mini-footer{padding:5px 0}.mock-mini-footer-inner{gap:8px}.mock-mini-footer .mini-logo img{height:14px}.mock-mini-footer nav{gap:6px;margin-left:auto}.mock-mini-footer a,.mock-mini-footer span{font-size:4.4px}
}

/* 2026-09-29 exact 450x600 mock calibration pass */
@media(max-width:600px){
  .mock-approved-page .actual-header{height:40px!important;min-height:40px!important;padding:0!important;margin:0!important}
  .mock-service-page .actual-header{height:36px!important;min-height:36px!important}
  .mock-approved-page .actual-wrap{padding-left:18px!important;padding-right:18px!important}
  .mock-approved-page .actual-nav{height:100%!important;min-height:0!important;padding:0!important;gap:7px!important}
  .mock-approved-page .actual-logo{width:auto!important;max-width:none!important;height:auto!important;min-width:0!important;flex:0 0 auto!important}
  .mock-approved-page .actual-logo img{height:22px!important;width:auto!important;max-width:none!important;min-height:0!important}
  .mock-service-page .actual-logo img{height:20px!important}
  .mock-approved-page .actual-nav nav{gap:10px!important;margin-left:auto!important;height:100%!important;flex:0 1 auto!important}
  .mock-approved-page .actual-nav nav a{font-size:6.5px!important;line-height:1!important;padding:0!important;height:100%!important;border-bottom-width:1px!important}
  .mock-approved-page .header-quote{height:22px!important;min-height:22px!important;padding:0 10px!important;font-size:6.5px!important;border-radius:3px!important;flex:0 0 auto!important}

  .mock-approved-page .mock-hero{position:relative!important;display:block!important}
  .mock-approved-page .mock-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,6,10,.96) 0%,rgba(2,6,10,.90) 42%,rgba(2,6,10,.48) 58%,rgba(2,6,10,0) 72%)}
  .mock-home-page .mock-hero{height:220px!important;min-height:220px!important;background:url('/assets/approved-ref-home-hero.jpg') center center/100% 100% no-repeat!important}
  .mock-service-page .mock-hero{height:175px!important;min-height:175px!important;background:url('/assets/approved-ref-service-hero.jpg') center center/100% 100% no-repeat!important}
  .mock-approved-page .mock-hero-grid{height:100%!important;min-height:0!important;position:relative!important;z-index:2!important}
  .mock-home-page .mock-hero-copy{width:57%!important;padding:54px 0 0!important}
  .mock-service-page .mock-hero-copy{width:57%!important;padding:28px 0 0!important}
  .mock-home-page .mock-hero-copy h1{font-size:31px!important;line-height:.93!important;margin:0 0 8px!important;letter-spacing:-.035em!important}
  .mock-service-page .mock-hero-copy h1{font-size:29px!important;line-height:.90!important;margin:0 0 7px!important;letter-spacing:-.035em!important}
  .mock-approved-page .mock-hero-copy p{font-size:10.5px!important;line-height:1.25!important;margin:0 0 10px!important;max-width:220px!important}
  .mock-approved-page .mock-actions{gap:8px!important}
  .mock-approved-page .mock-actions .mock-blue-btn,.mock-approved-page .mock-actions .mock-outline-btn{height:29px!important;min-height:29px!important;padding:0 14px!important;font-size:7.5px!important;border-radius:3px!important}

  .mock-home-page .mock-service-strip{height:96px!important;min-height:96px!important}
  .mock-home-page .mock-service-grid{height:96px!important}
  .mock-home-page .mock-service-item{height:96px!important;min-height:96px!important;padding:14px 5px 9px!important}
  .mock-home-page .mock-service-item .mock-line-icon svg{width:31px!important;height:31px!important}
  .mock-home-page .mock-service-item h3{font-size:9.5px!important;margin:5px 0 4px!important}
  .mock-home-page .mock-service-item p{font-size:7px!important;line-height:1.28!important;max-width:118px!important}

  .mock-home-page .mock-solutions{height:202px!important;min-height:202px!important;padding:11px 0 10px!important}
  .mock-home-page .mock-solutions>.actual-wrap>h2{font-size:16px!important;line-height:1!important;margin:0 0 10px!important}
  .mock-home-page .mock-solution-grid{height:154px!important;gap:9px!important}
  .mock-home-page .mock-solution-card{height:154px!important}
  .mock-home-page .mock-solution-card img{height:84px!important}
  .mock-home-page .mock-solution-card>div{height:70px!important;padding:8px 8px 6px!important}
  .mock-home-page .mock-solution-card h3{font-size:8.5px!important;margin:0 0 5px!important}
  .mock-home-page .mock-solution-card p{min-height:34px!important;font-size:6.6px!important;line-height:1.25!important;margin:0 0 4px!important}
  .mock-home-page .mock-solution-card span{font-size:6.7px!important}
  .mock-home-page .mock-trust{height:42px!important;min-height:42px!important}
  .mock-home-page .mock-trust-grid{height:42px!important}
  .mock-home-page .mock-trust-grid>div{height:42px!important;min-height:42px!important;padding:4px 4px!important;gap:4px!important}
  .mock-home-page .mock-trust-grid span{font-size:12px!important;width:16px!important;height:16px!important}
  .mock-home-page .mock-trust-grid b{font-size:6.1px!important;line-height:1.15!important}

  .mock-service-page .mock-icon-strip{height:102px!important;min-height:102px!important}
  .mock-service-page .mock-icon-grid{height:102px!important}
  .mock-service-page .mock-icon-item{height:102px!important;min-height:102px!important;padding:14px 6px 10px!important}
  .mock-service-page .mock-icon-circle{width:37px!important;height:37px!important;margin-bottom:7px!important}
  .mock-service-page .mock-icon-circle svg{width:20px!important;height:20px!important}
  .mock-service-page .mock-icon-item h2{font-size:9px!important;margin:0 0 5px!important}
  .mock-service-page .mock-icon-item p{font-size:6.6px!important;line-height:1.28!important;max-width:110px!important}

  .mock-service-page .mock-custom{height:127px!important;min-height:127px!important;padding:0!important}
  .mock-service-page .mock-custom-grid{height:127px!important;grid-template-columns:58% 42%!important;gap:0!important;padding-left:13px!important;padding-right:13px!important}
  .mock-service-page .mock-custom-image{height:127px!important;padding:0 10px 0 0!important}
  .mock-service-page .mock-custom-image img{height:127px!important;width:100%!important;object-fit:cover!important;border-radius:4px!important}
  .mock-service-page .mock-custom-copy{padding:10px 0 5px 2px!important}
  .mock-service-page .mock-custom-copy h2{font-size:15.5px!important;line-height:.98!important;margin:0 0 7px!important}
  .mock-service-page .mock-custom-copy p{font-size:7px!important;line-height:1.25!important;margin:0 0 7px!important}
  .mock-service-page .mock-custom-copy .mock-blue-btn{height:22px!important;min-height:22px!important;padding:0 10px!important;font-size:6px!important}
  .mock-service-page .mock-trust{height:68px!important;min-height:68px!important}
  .mock-service-page .mock-trust-grid{height:68px!important}
  .mock-service-page .mock-trust-grid>div{height:68px!important;min-height:68px!important;padding:7px 3px!important;gap:4px!important}
  .mock-service-page .mock-trust-grid span{font-size:14px!important;width:18px!important;height:18px!important}
  .mock-service-page .mock-trust-grid b{font-size:6.3px!important;line-height:1.15!important}
  .mock-service-page .mock-mid-cta{height:60px!important;min-height:60px!important;padding:0!important}
  .mock-service-page .mock-mid-cta-grid{height:60px!important;padding-left:18px!important;padding-right:18px!important}
  .mock-service-page .mock-mid-cta h2{font-size:14px!important;margin:0 0 3px!important}
  .mock-service-page .mock-mid-cta p{font-size:6.5px!important;line-height:1.2!important}
  .mock-service-page .mock-mid-cta .mock-blue-btn{height:24px!important;min-height:24px!important;padding:0 12px!important;font-size:6.5px!important}
  .mock-service-page .mock-mid-cta small{font-size:5px!important}
  .mock-service-page .mock-mini-footer{height:32px!important;min-height:32px!important;padding:0!important}
  .mock-service-page .mock-mini-footer-inner{height:32px!important;padding-left:18px!important;padding-right:18px!important;gap:9px!important}
  .mock-service-page .mock-mini-footer .mini-logo img{height:17px!important}
  .mock-service-page .mock-mini-footer nav{gap:8px!important}
  .mock-service-page .mock-mini-footer a,.mock-service-page .mock-mini-footer span{font-size:5px!important}
}
@media(max-width:600px){
 .mock-approved-page .actual-logo img{height:27px!important;max-height:27px!important}
 .mock-service-page .actual-logo img{height:24px!important;max-height:24px!important}
 .mock-approved-page .mock-hero::before{background:linear-gradient(90deg,rgba(2,6,10,.985) 0%,rgba(2,6,10,.965) 42%,rgba(2,6,10,.80) 55%,rgba(2,6,10,.15) 69%,rgba(2,6,10,0) 75%)!important}
 .mock-home-page .mock-hero-copy{margin-left:5px!important}
 .mock-service-page .mock-hero-copy{margin-left:5px!important}
 .mock-home-page .mock-hero-copy h1{font-size:32px!important}
 .mock-service-page .mock-hero-copy h1{font-size:30px!important}
 .mock-home-page .mock-solution-card h3{font-size:9.5px!important}.mock-home-page .mock-solution-card p{font-size:7px!important}.mock-home-page .mock-solution-card span{font-size:7px!important}
 .mock-trust-icon{display:grid!important;place-items:center!important;color:#0a8cf5!important;width:17px!important;height:17px!important;flex:0 0 17px!important}
 .mock-trust-icon svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 .mock-service-page .mock-custom-copy{padding-top:5px!important}
 .mock-service-page .mock-custom-copy h2{font-size:16px!important}
 .mock-service-page .mock-mid-cta-grid{padding-left:29px!important;padding-right:29px!important}
 .mock-service-page .mock-mini-footer .mini-logo img{height:20px!important}
}
@media(max-width:600px){
 .mock-approved-page .actual-logo img{height:21px!important;max-height:21px!important;width:auto!important;max-width:none!important}
 .mock-service-page .actual-logo img{height:20px!important;max-height:20px!important}
 .mock-home-page .mock-hero{background:url('/assets/approved-clean-home-hero.jpg') center center/100% 100% no-repeat!important}
 .mock-service-page .mock-hero{background:url('/assets/approved-clean-service-hero.jpg') center center/100% 100% no-repeat!important}
 .mock-approved-page .mock-hero::before{background:linear-gradient(90deg,rgba(2,6,10,.46) 0%,rgba(2,6,10,.38) 40%,rgba(2,6,10,.12) 56%,rgba(2,6,10,0) 70%)!important}
 .mock-home-page .mock-trust-icon{color:#fff!important}
}
@media(max-width:600px){
  .mock-approved-page .actual-wrap{padding-left:16px!important;padding-right:16px!important}
  .mock-approved-page .actual-logo img,.mock-service-page .actual-logo img{width:100px!important;height:32px!important;max-width:100px!important;max-height:32px!important;object-fit:contain!important}
  .mock-home-page .mock-hero-copy,.mock-service-page .mock-hero-copy{margin-left:7px!important}
  .mock-home-page .mock-solution-card img{height:84px!important;width:100%!important;object-fit:fill!important}
  .mock-service-page .mock-custom-grid{grid-template-columns:246px 1fr!important;padding-left:13px!important;padding-right:13px!important;gap:0!important}
  .mock-service-page .mock-custom-image{width:246px!important;height:127px!important;padding:0!important}
  .mock-service-page .mock-custom-image img{width:246px!important;height:127px!important;object-fit:fill!important;border-radius:0!important}
  .mock-service-page .mock-custom-copy{padding-left:12px!important}
}
@media(max-width:600px){
  .mock-home-page .mock-solutions>.actual-wrap{padding-left:15px!important;padding-right:15px!important}
  .mock-service-page .mock-custom-copy{padding-top:2px!important;padding-left:10px!important}
  .mock-service-page .mock-mid-cta-grid{padding-left:29px!important;padding-right:29px!important}
  .mock-service-page .mock-mid-cta .mock-blue-btn{width:82px!important;padding:0!important}
  .mock-service-page .mock-mini-footer-inner{padding-left:20px!important;padding-right:20px!important;gap:9px!important}
  .mock-service-page .mock-mini-footer .mini-logo img{height:14px!important;width:auto!important}
  .mock-service-page .mock-mini-footer nav{margin-left:48px!important;gap:8px!important}
  .mock-service-page .mock-mini-footer-inner>span{margin-left:auto!important}
}
@media(max-width:389px){
  .mock-approved-page .actual-wrap{padding-left:10px!important;padding-right:10px!important}
  .mock-approved-page .actual-logo img,.mock-service-page .actual-logo img{width:78px!important;height:25px!important;max-width:78px!important;max-height:25px!important}
  .mock-approved-page .actual-nav{gap:4px!important}
  .mock-approved-page .actual-nav nav{gap:5px!important}
  .mock-approved-page .actual-nav nav a{font-size:5.3px!important}
  .mock-approved-page .header-quote{width:47px!important;height:20px!important;min-height:20px!important;padding:0!important;font-size:5.5px!important}
  .mock-service-page .mock-custom-grid{padding-left:10px!important;padding-right:10px!important;grid-template-columns:220px 1fr!important}
  .mock-service-page .mock-custom-image,.mock-service-page .mock-custom-image img{width:220px!important}
  .mock-service-page .mock-custom-copy{padding-left:8px!important}
  .mock-service-page .mock-mini-footer-inner{padding-left:10px!important;padding-right:10px!important}
  .mock-service-page .mock-mini-footer nav{margin-left:25px!important;gap:5px!important}
}
@media(max-width:430px){
  .mock-home-page .mock-hero-copy h1{font-size:29px!important}
  .mock-service-page .mock-hero-copy h1{font-size:27px!important;line-height:.90!important}
  .mock-approved-page .mock-hero-copy p{font-size:9.5px!important}
}
@media(max-width:389px){
  .mock-approved-page .actual-wrap{padding-left:10px!important;padding-right:10px!important}
  .mock-approved-page .actual-logo img,.mock-service-page .actual-logo img{width:78px!important;height:25px!important;max-width:78px!important;max-height:25px!important}
  .mock-approved-page .actual-nav{gap:4px!important}
  .mock-approved-page .actual-nav nav{gap:5px!important}
  .mock-approved-page .actual-nav nav a{font-size:5.3px!important}
  .mock-approved-page .header-quote{width:47px!important;height:20px!important;min-height:20px!important;padding:0!important;font-size:5.5px!important}
  .mock-service-page .mock-custom-grid{padding-left:10px!important;padding-right:10px!important;grid-template-columns:220px 1fr!important}
  .mock-service-page .mock-custom-image,.mock-service-page .mock-custom-image img{width:220px!important}
  .mock-service-page .mock-custom-copy{padding-left:8px!important}
  .mock-service-page .mock-mini-footer-inner{padding-left:10px!important;padding-right:10px!important}
  .mock-service-page .mock-mini-footer nav{margin-left:25px!important;gap:5px!important}
}
@media(max-width:430px){
  .mock-service-page .mock-hero-copy{width:238px!important;max-width:64%!important}
}
@media(max-width:375px){
  .mock-service-page .mock-hero-copy h1{font-size:25.5px!important}
}

/* 50k visual parity corrections from approved reference crops. */
.mock-home-page .mock-hero{background-image:url('/assets/approved-clean-home-hero.jpg')!important;background-size:450px 220px!important;background-position:center top!important;background-repeat:no-repeat!important}
.mock-service-page .mock-hero{background-image:url('/assets/approved-clean-service-hero.jpg')!important;background-size:450px 175px!important;background-position:center top!important;background-repeat:no-repeat!important}
@media(max-width:600px){
 .mock-home-page .mock-solutions>.actual-wrap{padding-left:15px;padding-right:15px}
 .mock-home-page .mock-solution-grid{gap:9px!important}
 .mock-home-page .mock-solution-card img{height:84px!important;object-fit:cover}
 .mock-home-page .mock-solution-card>div{padding:5px 6px 6px!important}
 .mock-home-page .mock-solution-card h3{font-size:7.5px;margin-bottom:3px}
 .mock-home-page .mock-solution-card p{font-size:5.45px;line-height:1.2;min-height:29px;margin-bottom:3px}
 .mock-home-page .mock-solution-card span{font-size:5.5px}
 .mock-service-page .mock-icon-circle{width:40px;height:40px;margin-bottom:6px}
 .mock-service-page .mock-icon-circle svg{width:21px;height:21px}
 .mock-service-page .mock-icon-item{padding-top:10px!important;padding-bottom:9px!important}
 .mock-service-page .mock-icon-item h2{font-size:8.5px}
 .mock-service-page .mock-icon-item p{font-size:5.9px;max-width:110px}
 .mock-service-page .mock-custom-grid{grid-template-columns:57.75% 39.4%!important;gap:2.85%!important}
 .mock-service-page .mock-custom-image img{height:127px!important;width:100%;object-fit:cover;border-radius:3px}
 .mock-service-page .mock-custom{padding:0!important}
 .mock-service-page .mock-custom .actual-wrap{padding-left:12px;padding-right:12px}
 .mock-service-page .mock-custom-copy h2{font-size:15.6px!important;line-height:.95;margin-bottom:5px}
 .mock-service-page .mock-custom-copy p{font-size:6px!important;line-height:1.24;margin-bottom:6px}
 .mock-service-page .mock-custom-copy .mock-blue-btn{height:20px;padding:0 10px;font-size:5.8px}
}

/* Barry request: approved page 2 is physically connected under approved page 1. */
html{scroll-behavior:smooth}
.mock-connected-page-two{display:block;margin:0;padding:0;background:#fff}
.mock-connected-page-two .mock-page-two-title{margin:0 0 12px;color:#fff;font-size:47px;line-height:.93;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
.mock-connected-page-two .mock-page-two-title strong{color:#0789ff}
#services-page-two{scroll-margin-top:8px}
@media(max-width:600px){.mock-connected-page-two .mock-page-two-title{font-size:28px;line-height:.92;margin-bottom:8px}}

/* Keep the connected page-2 heading visually identical to the approved standalone mock while remaining an H2. */
@media(max-width:600px){#services-page-two .mock-page-two-title{font-size:30px!important;line-height:.90!important;margin:0 0 7px!important;letter-spacing:-.035em!important}}
@media(max-width:430px){#services-page-two .mock-page-two-title{font-size:27px!important;line-height:.90!important}}
@media(max-width:375px){#services-page-two .mock-page-two-title{font-size:25.5px!important}}

/* 50k QA fix: prevent the approved page-2 custom image from overlapping its text column below 450px. */
@media(max-width:600px){
 .mock-service-page .mock-custom-grid{grid-template-columns:57.75% 39.4%!important;gap:2.85%!important}
 .mock-service-page .mock-custom-image{width:auto!important;min-width:0!important;height:127px!important;padding:0!important;overflow:hidden!important}
 .mock-service-page .mock-custom-image img{width:100%!important;max-width:100%!important;height:127px!important;object-fit:cover!important;display:block!important}
 .mock-service-page .mock-custom-copy{min-width:0!important;overflow:visible!important;padding-left:0!important;padding-right:0!important}
}

/* Keep page-2 custom copy inside the approved 127px band on the narrowest phones. */
@media(max-width:350px){
 .mock-service-page .mock-custom-copy{align-self:center!important}
 .mock-service-page .mock-custom-copy h2{font-size:14px!important;line-height:.92!important;margin-bottom:4px!important}
 .mock-service-page .mock-custom-copy p{font-size:5.4px!important;line-height:1.18!important;margin-bottom:5px!important}
 .mock-service-page .mock-custom-copy .mock-blue-btn{height:18px!important;font-size:5.2px!important;padding:0 8px!important}
}

/* 2026-09-30 navigation parity across the approved site family. */
.mock-service-page .actual-nav nav a.active,
.actual-inner-page.mock-approved-page .actual-nav nav a.active{
  color:#168af4!important;
  border-bottom:2px solid #168af4!important;
}
@media(max-width:600px){
  body.mock-service-page .actual-header{
    height:40px!important;
    min-height:40px!important;
  }
  body.mock-service-page .actual-nav{
    height:40px!important;
    min-height:40px!important;
  }
}

/* 2026-09-30 Barry contact/location + larger brand treatment. */
.mock-approved-page .actual-header,
.mock-service-page .actual-header{
  min-height:92px!important;
  height:92px!important;
}
.mock-approved-page .actual-nav,
.mock-service-page .actual-nav{
  min-height:92px!important;
  height:92px!important;
}
.mock-approved-page .actual-logo img,
.mock-service-page .actual-logo img{
  width:220px!important;
  height:auto!important;
  max-width:220px!important;
  max-height:72px!important;
}

.business-contact-section{
  background:#071019;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
  padding:30px 0 28px;
}
.business-contact-grid{
  display:grid;
  grid-template-columns:1.05fr 1fr 1.2fr;
  gap:34px;
  align-items:center;
}
.business-contact-logo{display:block}
.business-contact-logo img{
  width:250px!important;
  max-width:100%!important;
  height:auto!important;
}
.business-contact-address>span{
  display:block;
  color:#55aff8;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:9px;
}
.business-contact-address h2{
  margin:0 0 10px;
  color:#fff;
  font-size:24px;
  line-height:1;
}
.business-contact-address address{
  margin:0;
  font-style:normal;
  color:#c6d2da;
  font-size:13px;
  line-height:1.55;
}
.business-contact-address address a:hover{color:#55aff8}
.business-contact-links{
  display:grid;
  gap:9px;
}
.business-contact-links>a{
  display:block;
  border:1px solid #173244;
  background:#0a1721;
  border-radius:5px;
  padding:12px 14px;
  min-width:0;
}
.business-contact-links small{
  display:block;
  color:#55aff8;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:4px;
}
.business-contact-links strong{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.business-contact-links>a:hover{border-color:#2788cb}

.mock-mini-footer{
  padding:14px 0!important;
}
.mock-mini-footer .mini-logo img{
  width:190px!important;
  height:auto!important;
  max-width:190px!important;
  max-height:48px!important;
}
.mock-mini-footer-inner{
  min-height:52px!important;
}

@media(max-width:600px){
  .mock-approved-page .actual-header,
  .mock-service-page .actual-header{
    min-height:58px!important;
    height:58px!important;
  }
  .mock-approved-page .actual-nav,
  .mock-service-page .actual-nav{
    min-height:58px!important;
    height:58px!important;
  }
  .mock-approved-page .actual-logo img,
  .mock-service-page .actual-logo img{
    width:140px!important;
    height:auto!important;
    max-width:140px!important;
    max-height:46px!important;
  }
  .business-contact-section{padding:24px 0 20px}
  .business-contact-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .business-contact-logo img{
    width:190px!important;
  }
  .business-contact-address h2{font-size:22px}
  .business-contact-address address{font-size:14px}
  .business-contact-links strong{font-size:14px}
  .mock-mini-footer{
    padding:14px 0!important;
  }
  .mock-mini-footer-inner{
    min-height:0!important;
    height:auto!important;
    flex-wrap:wrap!important;
    row-gap:10px!important;
  }
  .mock-mini-footer .mini-logo img{
    width:150px!important;
    height:auto!important;
    max-width:150px!important;
    max-height:42px!important;
  }
}