:root{
  --navy:#071a30;--navy-2:#0d2948;--yellow:#ffbd00;--yellow-2:#ffd24f;
  --ink:#132236;--muted:#627184;--line:#dce3e9;--light:#f4f6f8;--white:#fff;
  --shadow:0 20px 55px rgba(7,26,48,.14);--radius:12px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block} a{color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}
.utility{background:var(--navy);color:#d9e2ea;font-size:.82rem}.utility .container{min-height:38px;display:flex;justify-content:flex-end;align-items:center;gap:28px}.utility strong{color:#fff}.utility span:first-child{color:var(--yellow)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 7px 25px rgba(7,26,48,.08);backdrop-filter:blur(12px)}
.brand-row{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-row>a:first-child{display:block}.logo{width:240px;height:auto}.brand-row>.btn{display:none}
.main-nav{position:absolute;right:0;left:0;top:38px;pointer-events:none}.nav-inner{min-height:110px;display:flex;align-items:center;justify-content:flex-end;gap:26px}.nav-inner>*{pointer-events:auto}
.nav-inner ul{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.nav-inner a{text-decoration:none;font-weight:700;font-size:.88rem}.nav-inner ul a{padding:32px 0;position:relative}.nav-inner ul a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--yellow);transition:.25s}.nav-inner ul a:hover:after,.nav-inner ul a[aria-current="page"]:after{right:0}.menu-btn{display:none;background:none;border:0;color:var(--navy);font-size:1.7rem;padding:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:4px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,26,48,.16)}.btn-gold{background:var(--yellow);color:var(--navy)}.btn-gold:hover{background:var(--yellow-2)}.btn-navy{background:var(--navy);color:#fff}.btn-outline{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(7,26,48,.18)}
.hero{min-height:680px;color:#fff;display:grid;align-items:center;background:linear-gradient(90deg,rgba(4,18,34,.98) 0%,rgba(4,18,34,.88) 38%,rgba(4,18,34,.3) 72%,rgba(4,18,34,.12)),url('hero-property-maintenance-v19.png') center/cover no-repeat;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 75%,rgba(4,18,34,.38))}.hero:after{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--yellow)}
.hero-content{position:relative;z-index:2;max-width:720px;padding:98px 0}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--yellow);font-weight:800;font-size:.76rem;margin-bottom:16px}.hero .kicker{display:inline-flex;align-items:center;gap:12px}.hero .kicker:before{content:"";width:34px;height:2px;background:var(--yellow)}
h1,h2,h3{line-height:1.1;margin-top:0}h1{font-size:clamp(3rem,6vw,5.4rem);margin-bottom:24px;letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.25rem);margin-bottom:18px;letter-spacing:-.035em}h3{font-size:1.25rem}.hero h1 span{color:var(--yellow)}.hero p{font-size:1.12rem;max-width:650px;color:#e1e8ef}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:36px}.hero-point{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.9rem}.hero-icon{width:26px;height:26px;border:1px solid var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:.75rem}
.area-strip{background:var(--yellow);color:var(--navy)}.area-strip .container{min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:.88rem;letter-spacing:.02em}
section{padding:96px 0}.section-head{max-width:760px;margin:0 auto 42px;text-align:center}.section-head p{color:var(--muted);font-size:1.05rem}.section-head h2:after{content:"";display:block;width:52px;height:3px;background:var(--yellow);margin:22px auto 0}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(7,26,48,.06);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-body{padding:28px}.card p{color:var(--muted);margin-bottom:0}.service-visual{height:8px;background:var(--yellow);position:relative}.card:nth-child(even) .service-visual{background:var(--navy)}.card-tag{display:inline-block;color:#a87800;font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.alt{background:var(--light)}.split{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.split p{color:var(--muted)}.visual{min-height:500px;border-radius:var(--radius);background:linear-gradient(150deg,rgba(7,26,48,.06),rgba(255,189,0,.14)),url('hero-property-maintenance-v19.png') 70% center/cover no-repeat;box-shadow:var(--shadow);position:relative;overflow:hidden}.visual:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.35)}.visual:after{content:"BUILDING EXCELLENCE";position:absolute;left:0;bottom:0;background:var(--navy);color:#fff;padding:16px 24px;font-size:.73rem;font-weight:800;letter-spacing:.16em;border-top:3px solid var(--yellow)}
.checks{display:grid;gap:15px;margin:26px 0 30px}.check{display:flex;gap:13px;align-items:flex-start}.check span:first-child{width:27px;height:27px;border-radius:50%;background:var(--yellow);color:var(--navy);display:grid;place-items:center;font-weight:900;flex:0 0 auto;font-size:.8rem}.check div span{color:var(--muted)}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{counter-increment:step;padding:28px;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:0 0 8px 8px;background:#fff}.step:before{content:"0" counter(step);display:block;color:#b38300;font-size:.78rem;letter-spacing:.1em;font-weight:900;margin-bottom:16px}.step p{color:var(--muted);margin-bottom:0}
.cta{background:linear-gradient(125deg,var(--navy),var(--navy-2));color:#fff;padding:50px 54px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-80px;top:-160px;width:300px;height:300px;border:45px solid rgba(255,189,0,.08);border-radius:50%}.cta>*{position:relative;z-index:1}.cta h2{margin-bottom:8px}.cta p{color:#d9e3ed;margin:0}
.page-hero{background:linear-gradient(110deg,rgba(7,26,48,.98),rgba(13,41,72,.9)),url('hero-property-maintenance-v19.png') center 55%/cover;color:#fff;padding:100px 0 76px;border-bottom:5px solid var(--yellow)}.page-hero p{color:#dce6ee;max-width:760px;font-size:1.08rem}.page-hero h1{font-size:clamp(2.8rem,5vw,4.8rem)}.breadcrumb{color:#b9c9d7;font-size:.82rem;margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}
.service-list{padding:30px;border-left:5px solid var(--yellow);background:#fff;border-radius:0 10px 10px 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-list ul{padding-left:20px}.service-list li{margin-bottom:8px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{min-height:290px;border-radius:10px;padding:24px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(180deg,rgba(7,26,48,.12),rgba(7,26,48,.96)),url('hero-property-maintenance-v19.png') center/cover}.project:nth-child(2){background-position:70% center}.project:nth-child(3){background-position:30% center}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}.contact-card{padding:28px;border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:0 0 8px 8px;background:#fff}.contact-card .contact-icon{width:46px;height:46px;border-radius:50%;background:#fff3c4;color:var(--navy);display:grid;place-items:center;font-size:1.15rem;margin-bottom:16px}.form-intro{color:var(--muted)}form{display:grid;gap:16px}label{font-weight:700}input,select,textarea{width:100%;padding:14px;border:1px solid #c7d2dc;border-radius:4px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid rgba(255,189,0,.35);border-color:#b78700}textarea{min-height:150px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-note{margin:0;color:var(--muted);font-size:.88rem}.form-note a,.legal a{text-decoration-thickness:1px;text-underline-offset:2px}.legal{max-width:860px}.legal h2{font-size:1.7rem;margin-top:34px}.legal li{margin-bottom:8px}.legal .updated{color:var(--muted);font-size:.9rem;margin-top:0}

/* Version 21 safeguard: hide any stale project-gallery navigation link. */
.main-nav a[href="projects.html"],footer a[href="projects.html"]{display:none!important}
footer{background:#041426;color:#fff;padding:62px 0 24px;border-top:4px solid var(--yellow)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}.footer-logo{width:245px;max-width:100%;margin-bottom:20px}footer h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--yellow)}footer p,footer a{color:#b8c6d3}footer a{text-decoration:none}footer a:hover{color:#fff}footer ul{list-style:none;padding:0}footer li{margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;color:#8fa2b3;font-size:.82rem}
@media(max-width:1040px){.grid-4{grid-template-columns:1fr 1fr}.grid-3,.steps,.project-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.main-nav{position:static;background:var(--navy)}.nav-inner{min-height:58px;justify-content:space-between}.nav-inner ul{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--navy);padding:18px 24px 26px;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:0 18px 30px rgba(4,20,38,.24);border-top:1px solid rgba(255,255,255,.12)}.nav-inner ul.open{display:flex}.nav-inner ul li{width:100%}.nav-inner ul a{display:block;width:100%;padding:9px 0;color:#fff}.nav-inner ul a:hover,.nav-inner ul a[aria-current="page"]{color:var(--yellow)}.nav-inner ul a:after{bottom:4px}.menu-btn{display:block;color:#fff}.brand-row>.btn{display:inline-flex}.nav-inner>.btn{display:none}}

@media(max-width:680px){.container{width:min(100% - 30px,1180px)}.utility .container{justify-content:center;text-align:center}.utility .container span:nth-child(2){display:none}.brand-row{min-height:90px}.logo{width:195px;max-width:58vw}.brand-row>.btn{font-size:.78rem;padding:10px 12px}.hero{min-height:660px;background-position:64% center}.hero-content{padding:76px 0}.hero p{font-size:1rem}.hero-points{display:grid;gap:10px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.grid-4,.grid-3,.grid-2,.steps,.project-grid,.contact-cards,.form-grid,.footer-grid{grid-template-columns:1fr}.cta{display:block;padding:34px 28px}.cta .btn{margin-top:20px}.visual{min-height:390px}.page-hero{padding:72px 0 54px}section{padding:70px 0}.footer-grid{gap:22px}}
.form-hidden{display:none}
@media(max-width:420px){.brand-row>.btn{display:none}.logo{width:205px;max-width:72vw}.hero h1{font-size:2.8rem}.hero{background-position:68% center}.container{width:min(100% - 24px,1180px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card{transition:none}}

/* Version 21: keep the photograph clear, with only a soft navy fade toward the label. */
.visual{
  background-image:linear-gradient(180deg,rgba(7,26,48,0) 0%,rgba(7,26,48,.03) 58%,rgba(7,26,48,.16) 100%),url('hero-property-maintenance-v19.png');
  background-color:#d9e1e7;
}
