/* Softer slate canvas and tighter imagery after visual review. */
:root{--black:#131c27;--panel:#1b2734;--panel2:#202d3b;--white:#edf2f7;--muted:#b8c3ce;--line:#334354;--max:1180px}
body{background:#131c27;color:#edf2f7}
.site-header{background:rgba(19,28,39,.94)}
.section{padding:82px 0;background:#131c27}
.section.tint{background:#192532}
.hero{min-height:610px;background:#131c27}
.hero:before{inset:0 0 0 51%;background:linear-gradient(90deg,#131c27 0%,rgba(19,28,39,.88) 16%,rgba(19,28,39,.18) 56%),linear-gradient(0deg,rgba(19,28,39,.42),rgba(19,28,39,.08)),url('glass-business-sign.webp') center/cover no-repeat}
.hero:after{left:49%}
.hero-grid{min-height:610px;grid-template-columns:61% 39%;padding:68px 0}
.hero h1{font-size:clamp(3.7rem,6.7vw,7rem)}
.hero .lead{max-width:600px;margin:24px 0 29px}
.section-head h2,.split h2,.cta h2{font-size:clamp(2.35rem,4.3vw,4.35rem)}
.cards{max-width:1120px;margin-inline:auto}
.card img{height:220px;aspect-ratio:auto;object-fit:contain;background:#0e151e;padding:10px}
.card-body{padding:25px 27px 28px}
.gallery{grid-auto-rows:205px;max-width:1120px;margin-inline:auto}
.split{gap:60px}
.split img{max-height:470px;object-fit:contain;background:#0e151e}
.page-hero{padding:94px 0 72px;background:linear-gradient(110deg,#151f2b,#202d3c 72%,#123a76)}
.page-hero h1{font-size:clamp(3.2rem,6vw,6.2rem)}
.cta{padding:58px}
.sidebar,.field input,.field textarea,.field select{background:#202d3b}
@media(max-width:980px){.hero:before{inset:0;background:linear-gradient(90deg,rgba(19,28,39,.97),rgba(19,28,39,.58)),url('glass-business-sign.webp') center/cover}.hero,.hero-grid{min-height:590px}.hero-grid{grid-template-columns:1fr}.card img{height:205px}}
@media(max-width:620px){.hero,.hero-grid{min-height:540px}.hero h1{font-size:clamp(3.1rem,15vw,4.5rem)}.section{padding:64px 0}.card img{height:190px}.gallery{grid-auto-rows:165px}.cta{padding:38px 24px}}

/* Final balanced scheme: bright content, dark framing and restrained hero. */
:root{--black:#f2f5f8;--panel:#fff;--panel2:#fff;--white:#17212d;--muted:#5f6d7b;--line:#d8e0e7}
body{background:#f2f5f8;color:#17212d}
.site-header{background:rgba(15,25,37,.96)}
.section{background:#f7f9fb;color:#17212d}
.section.tint{background:#eaf0f5}
.section.dark{background:#236be4;color:#fff}
.section.dark .section-head h2,.section.dark .step h3{color:#fff}
.section-head p,.card p,.faq p,.prose p,.fine{color:#5f6d7b}
.section-head h2,.split h2,.cta h2,.faq h2,.prose h2{color:#17212d}
.hero{min-height:500px;background:#152131;color:#fff}
.hero:before{inset:0 0 0 64%;background:linear-gradient(90deg,#152131 0%,rgba(21,33,49,.72) 12%,rgba(21,33,49,.05) 52%),url('glass-business-sign.webp') center/cover no-repeat}
.hero:after{left:62%;opacity:.5}
.hero-grid{min-height:500px;grid-template-columns:66% 34%;padding:50px 0}
.hero h1{max-width:720px;font-size:clamp(3.35rem,5.7vw,6.05rem)}
.hero .lead{max-width:570px;color:#d3dbe5;font-size:1.05rem}
.trust{background:#236be4}
.cards{background:#d6dee6;border-color:#d6dee6;box-shadow:0 18px 50px rgba(32,53,76,.09)}
.card{background:#fff;color:#17212d}
.card img{height:190px;background:#edf1f5;padding:8px}
.card-link{color:#125ccf}
.split img{max-height:400px;background:#e8edf2;box-shadow:0 20px 48px rgba(32,53,76,.15)}
.ticks li{border-color:#d8e0e7}
.gallery{grid-auto-rows:180px}
.faq details{border-color:#d8e0e7}
.faq summary{color:#17212d}
.page-hero{background:linear-gradient(112deg,#152131,#20344b 72%,#125ccf);color:#fff}
.page-hero h1,.page-hero .lead{color:#fff}
.sidebar{background:#fff;color:#17212d;box-shadow:0 16px 45px rgba(32,53,76,.1)}
.field label{color:#253344}
.field input,.field textarea,.field select{background:#fff;color:#17212d;border-color:#b9c6d2}
.cta h2{color:#fff}
.site-footer{background:#111b28}
@media(max-width:980px){.hero:before{inset:0 0 0 54%;background:linear-gradient(90deg,#152131 0%,rgba(21,33,49,.85) 28%,rgba(21,33,49,.25)),url('glass-business-sign.webp') center/cover}.hero,.hero-grid{min-height:500px}.hero-grid{grid-template-columns:1fr}.card img{height:185px}}
@media(max-width:620px){.hero:before{inset:0;background:linear-gradient(90deg,rgba(21,33,49,.96),rgba(21,33,49,.62)),url('glass-business-sign.webp') center/cover}.hero,.hero-grid{min-height:480px}.hero h1{font-size:clamp(3rem,14vw,4.1rem)}.card img{height:175px}.gallery{grid-auto-rows:155px}}

/* Hero image is a contained product photograph, never a page background. */
.hero:before,.hero:after{display:none}
.hero-grid{grid-template-columns:minmax(0,1fr) 430px;gap:72px}
.hero-media{display:block;position:relative;width:100%;max-width:430px;margin-left:auto;padding:16px;background:#1b2a3d;border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 55px rgba(0,0,0,.28)}
.hero-media:before{display:none}
.hero-media img{position:static;width:100%;height:270px;aspect-ratio:auto;object-fit:contain;border-radius:0;background:#050608;box-shadow:none}
.hero-note{display:none}
@media(max-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr) 340px;gap:38px}.hero-media{max-width:340px}.hero-media img{height:220px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-media{display:none}}
.card h2{margin:0 0 10px;font-size:1.45rem;line-height:1.08;text-transform:uppercase}
.gallery a{display:block;overflow:hidden;color:inherit}.gallery a:first-child{grid-column:span 2;grid-row:span 2}.gallery a img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery a:hover img{transform:scale(1.025)}.gallery>a:first-child img{grid-column:auto;grid-row:auto}
@media(max-width:620px){.gallery a:first-child{grid-column:span 2;grid-row:span 1}}