body{background:linear-gradient(180deg,#fff 0,#f8fcfd 45%,#fff 100%)}
.site-header{box-shadow:0 1px 0 rgba(7,116,170,.08)}
.nav-cta,.button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.nav-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(5,59,90,.18)}
.intro{background:linear-gradient(180deg,#fff 0%,#f3fafc 100%);position:relative;overflow:hidden}
.intro:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(200,223,0,.12);filter:blur(4px);top:-250px;right:-150px}
.services{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border:0}
.service{padding:0;min-height:445px;border:0;border-radius:16px;overflow:hidden;box-shadow:0 9px 32px rgba(14,73,101,.09);display:flex;flex-direction:column;background:#fff;isolation:isolate}
.service:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(14,73,101,.17)}
.service-photo{height:205px;position:relative;overflow:hidden;background:#dceef5}
.service-photo:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(4,45,67,.26))}
.service-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.service:hover .service-photo img{transform:scale(1.055)}
.service-photo span{position:absolute;z-index:2;left:18px;bottom:15px;width:54px;height:54px;border:3px solid #fff;border-radius:50%;display:block;background:#fff url('rvncleaning-logo.png') center/86% no-repeat;font-size:0;color:transparent;box-shadow:0 8px 22px rgba(5,59,90,.3)}
.service-copy{padding:25px 27px 27px;display:flex;flex:1;flex-direction:column;position:relative}
.service h3{font-size:1.18rem;margin:0 0 10px;color:var(--deep)}
.service p{font-size:.88rem;line-height:1.65;margin:0 0 23px}
.service b{position:static;margin-top:auto;color:var(--blue);font-size:.76rem;letter-spacing:.01em}
.service b i{font-style:normal;display:inline-block;margin-left:7px;transition:transform .2s ease}
.service:hover b i{transform:translateX(5px)}
.service-wide{grid-column:span 2;min-height:375px;display:grid;grid-template-columns:1.28fr 1fr}
.service-wide .service-photo{height:100%}.service-wide .service-copy{padding:42px 36px}.service-wide h3{font-size:1.45rem}
.service-accent{background:linear-gradient(145deg,var(--blue),var(--deep));color:#fff;min-height:375px;justify-content:center}
.service-accent .service-copy{padding:46px 38px;justify-content:center}
.service-accent h3{color:#fff;font-size:1.65rem;margin:14px 0}.service-accent p{color:#d7ebf3}.service-accent b{color:var(--lime);margin-top:22px}
.small-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--deep);font-size:.75rem;font-weight:800}
.why{background:linear-gradient(135deg,#edf8fb,#f8fcfd)}
.why-visual{border-radius:18px;overflow:hidden;box-shadow:0 24px 55px rgba(5,59,90,.14)}
.badge{border-radius:14px 0 0 14px}
.contact-card{border-radius:20px;background:linear-gradient(120deg,#043653,#075f88);box-shadow:0 28px 60px rgba(5,59,90,.2)}
.service-area{background:var(--deep);color:#fff}
.area-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}
.area-copy h2{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.045em;margin:14px 0 28px;color:#fff}
.area-copy p{color:#c6dce5;max-width:720px}
.area-copy .button{margin-top:16px}
.area-places{background:#fff;color:var(--deep);padding:38px;border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.18)}
.area-places h3{font-size:1.25rem;margin-bottom:22px}
.area-places ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px}
.area-places li{padding:9px 0 9px 22px;border-bottom:1px solid var(--line);position:relative;font-weight:700;font-size:.9rem}
.area-places li:before{content:'✓';position:absolute;left:0;color:var(--blue)}
.footer-complete{grid-template-columns:1.15fr 2fr .85fr}
.footer-services h3{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;margin:18px 0}
.footer-service-grid{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:2px 28px}
.footer-brand>a{color:var(--lime);font-weight:700}
.hero-media{background-image:url('service-glasbewassing-1.png')}
.why-visual{background-image:linear-gradient(145deg,rgba(5,59,90,.05),rgba(5,59,90,.3)),url('service-glasbewassing-2.png')}
@media(max-width:900px){.services{grid-template-columns:repeat(2,1fr)}.service-wide{grid-column:span 1;display:flex}.service-wide .service-photo{height:205px}.service-wide .service-copy{padding:25px 27px}.service-accent{min-height:445px}.area-grid{grid-template-columns:1fr;gap:44px}.footer-complete{grid-template-columns:1fr 1fr}.footer-services{grid-column:1/-1}}
@media(max-width:620px){.services{grid-template-columns:1fr;gap:18px}.service{min-height:425px}.service-wide{display:flex}.service-accent{min-height:330px}.contact-card{border-radius:14px}.area-places{padding:27px}.area-places ul{grid-template-columns:1fr}.footer-complete{grid-template-columns:1fr}.footer-services{grid-column:auto}.footer-service-grid{grid-template-columns:1fr}}