*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#102c47;background:#f5f9fc;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #159cf4;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 36px}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e1eaf0}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:21px;letter-spacing:-.8px;display:flex;align-items:center;gap:12px}.mark{color:#1686ec;font-size:36px}.brand small{display:block;font-size:12px;font-weight:500;letter-spacing:2px;color:#56708a}.links{display:flex;align-items:center;gap:28px;font-size:15px}.links a[aria-current=page]{color:#0666c2}.btn{display:inline-block;border:0;border-radius:6px;padding:15px 25px;background:#0666c2;color:white;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{background:#0564bc;transform:translateY(-3px)}.ghost{background:transparent;color:inherit;border:1px solid #a1bed5}.hero{background:#062b50;color:#fff;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:800px;height:800px;border:1px solid #23638d;border-radius:50%;right:-240px;top:-290px;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff03;animation:drift 12s ease-in-out infinite;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;padding-top:90px;padding-bottom:90px;position:relative;z-index:1}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#6fc7ff;font-weight:700;margin:0 0 22px}h1{font-size:clamp(42px,5.5vw,76px);letter-spacing:-3px;line-height:1.08;margin:0 0 28px;max-width:850px}h1 em{font-style:normal;color:#69c1ff}h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.5px;line-height:1.15;margin:0 0 20px}h3{font-size:25px;letter-spacing:-.6px;line-height:1.25;margin:0 0 15px}p{margin:0 0 22px}.intro{font-size:20px;color:#c1d4e6;max-width:610px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-side{align-self:center;border-top:1px solid #47718f}.hero-side a{display:block;padding:30px 0;border-bottom:1px solid #47718f;transition:padding .25s}.hero-side a:hover{padding-left:12px}.hero-side span{display:block;color:#89b8d9;font-size:14px;margin-bottom:8px}.hero-side strong{font-size:30px;font-weight:500}.strip{background:#e4f1fb;padding:22px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:700}.section{padding:95px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.heading p{max-width:400px;color:#56708a;margin:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}.card{background:white;border:1px solid #dce7ef;border-radius:10px;padding:42px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #14394f0d}.number{font-size:14px;color:#0666c2;letter-spacing:2px;display:block;margin-bottom:50px}.card p{color:#56708a}.text-link{color:#0666c2;font-weight:700;border-bottom:1px solid #94c6f1;padding-bottom:5px}.blue-section{background:#0666c2;color:white}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:45px}.step{border-top:1px solid #6db3f2;padding-top:24px}.step span{font-size:14px;display:block;margin-bottom:25px;color:#d4eaff}.step p{color:#d4eaff}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px}.faq details{padding:22px 0;border-bottom:1px solid #d2e0eb}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:18px 0 0;color:#56708a}.cta{background:#dfeef9;padding:60px;border-radius:10px;display:flex;justify-content:space-between;gap:35px;align-items:center}.cta h2{margin:0;max-width:620px}.footer{padding:44px 0;background:#062b50;color:#abc4d8;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.reveal{animation:rise .8s ease-out both}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.form{background:white;padding:40px;border:1px solid #dce7ef;border-radius:10px}label{display:block;font-size:15px;font-weight:700;margin:0 0 7px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #b7ccdd;border-radius:5px;background:#fbfdff;color:#102c47;margin-bottom:22px}textarea{min-height:135px;resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note{font-size:14px;color:#56708a}.result{white-space:pre-wrap;font-size:15px;background:#e4f1fb;padding:20px;border-radius:6px}.result:empty{display:none}.tag{display:inline-block;background:#e4f1fb;border-radius:4px;padding:6px 12px;margin:0 7px 9px 0;color:#13639d;font-size:14px}.service-list{padding:0;list-style:none}.service-list li{padding:18px 0;border-bottom:1px solid #dce7ef}.service-list li:before{content:'✓';color:#0666c2;margin-right:15px}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes drift{50%{transform:translate(-30px,30px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:800px){.wrap{padding:0 22px}.nav{height:auto;min-height:85px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:14px}.brand{font-size:18px}.links{gap:16px;flex-wrap:wrap;font-size:14px}.links .btn{padding:8px 13px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-grid{padding-top:60px;padding-bottom:55px}h1{letter-spacing:-1.8px}.hero-side strong{font-size:25px}.hero-side a{padding:19px 0}.strip .wrap{flex-wrap:wrap;gap:10px 24px}.section{padding:60px 0}.heading{display:block}.heading p{margin-top:22px}.cards,.steps{grid-template-columns:1fr}.card{padding:30px}.number{margin-bottom:25px}.cta{padding:30px;display:block}.cta .btn{margin-top:25px}.footer .wrap{display:block}.form{padding:25px}.pair{grid-template-columns:1fr;gap:0}}
/* Contact actions and progressive scroll motion */
.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.card-actions .btn{padding:12px 18px;font-size:15px}.cta .actions{margin-top:0;align-items:center}.contact-dock{position:fixed;left:50%;bottom:22px;transform:translate(-50%,130%);max-width:860px;width:calc(100% - 44px);display:flex;align-items:center;gap:25px;padding:17px 22px;background:#fff;border:1px solid #cfe0ed;border-radius:12px;box-shadow:0 12px 50px #052b5030;z-index:20;opacity:0;visibility:hidden;transition:transform .45s,opacity .45s,visibility .45s}.contact-dock.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible}.contact-dock strong{display:block;font-size:17px}.contact-dock span{display:block;font-size:14px;color:#56708a}.contact-dock .btn{margin-left:auto;white-space:nowrap;font-size:15px}.dock-secondary{font-size:15px;font-weight:700;color:#0666c2;white-space:nowrap}.motion-ready .scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0ms)}.motion-ready .scroll-reveal.is-revealed{opacity:1;transform:translateY(0)}.text-link{transition:color .2s,border-color .2s}.text-link:hover{color:#034d91;border-color:#034d91}.hero-side a:hover strong{color:#69c1ff}.btn:active{transform:translateY(0)}.blue-section{background:linear-gradient(115deg,#0666c2,#0666c2 50%,#148fe9);background-size:180% 180%;animation:blue-flow 14s ease-in-out infinite}header.scrolled{box-shadow:0 5px 24px #062b5010}@keyframes blue-flow{50%{background-position:100% 50%}}@media(max-width:800px){.contact-dock{bottom:12px;padding:12px;gap:10px;width:calc(100% - 24px)}.contact-dock>div{display:none}.contact-dock .btn{margin-left:0;flex:1;text-align:center;padding:12px 10px}.dock-secondary{flex:1;text-align:center;white-space:normal;font-size:14px}.cta .actions{margin-top:25px}.cta .actions .btn{margin-top:0}.card-actions{gap:18px}}@media(prefers-reduced-motion:reduce){.motion-ready .scroll-reveal{opacity:1;transform:none}.contact-dock{transition:none}}

.service-hero h1{font-size:clamp(40px,4.7vw,64px);letter-spacing:-2px}.service-hero .hero-grid{gap:65px;grid-template-columns:1.5fr .8fr}.service-summary{align-self:center;padding:32px;border-left:2px solid #3196e8;background:#ffffff06}.service-summary h3{font-size:27px;line-height:1.35}.service-summary ul{list-style:none;padding:0;margin:25px 0;color:#c1d4e6}.service-summary li{padding:10px 0;border-bottom:1px solid #ffffff20}.light-link{font-size:15px;color:#6fc7ff;border-bottom:1px solid #6fc7ff;padding-bottom:4px}.service-jump{background:white;border-bottom:1px solid #dce7ef}.service-jump .wrap{display:flex;gap:35px;flex-wrap:wrap;padding-top:21px;padding-bottom:21px;font-size:15px;font-weight:700}.service-jump a:hover{color:#0666c2}section[id]{scroll-margin-top:115px}.audience-card{background:#e9f3fb;border:0;align-self:start}.service-process{background:#e7f1f9}.service-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.service-step{border-top:2px solid #9ec8e9;padding-top:24px}.service-step span{font-size:30px;color:#0666c2;display:block;margin-bottom:24px}.service-step h3{font-size:23px}.service-step p{font-size:16px;color:#506e86}.service-footnote{font-size:14px;color:#526e83;margin:32px 0 0;max-width:800px}.maintenance-panel{background:#062b50;color:white;padding:40px;border-radius:10px}.maintenance-panel>p{color:#c1d4e6}.attention{border-top:1px solid #47718f;margin-top:28px;padding-top:25px}.attention strong{color:#6fc7ff;font-size:15px}.attention p{font-size:16px;color:#c1d4e6;margin:12px 0 0}.service-faq{background:#fff}.service-faq .faq details:first-child{padding-top:0}.cta .actions{flex-direction:column;align-items:flex-start;flex-shrink:0}@media(max-width:900px){.service-hero .hero-grid{grid-template-columns:1fr;gap:35px}.service-summary{padding:25px}.service-steps{grid-template-columns:repeat(2,1fr)}.service-jump .wrap{gap:14px 25px}}@media(max-width:550px){.service-steps{grid-template-columns:1fr}.maintenance-panel{padding:28px}.service-jump .wrap{font-size:14px}.service-hero h1{letter-spacing:-1.5px}}

.home-hero:after{width:1050px;height:1050px;right:-300px;top:-400px}.home-opening{padding-top:95px;padding-bottom:35px;position:relative;z-index:1}.home-opening h1{font-size:clamp(58px,8vw,106px);letter-spacing:-4px;max-width:900px}.home-opening .intro{max-width:690px;font-size:22px}.home-opening .actions{margin-bottom:80px}.hero-bottom{display:flex;flex-wrap:wrap;gap:20px 35px;border-top:1px solid #47718f;padding-top:25px;font-size:15px;color:#b9d4e9}.hero-bottom a{margin-left:auto;color:#6fc7ff;font-weight:700}.client-section{background:#fff;border-bottom:1px solid #dce7ef;padding:45px 0}.client-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.client-heading h2{font-size:27px;margin:0 0 9px;letter-spacing:-.7px}.client-heading .eyebrow{font-size:12px;margin-bottom:10px}.client-heading p:last-child{font-size:14px;color:#56708a;margin:0}.client-toggle{border:1px solid #c5d9e9;border-radius:5px;color:#476881;background:white;padding:9px 13px;font-size:14px;cursor:pointer;flex-shrink:0}.client-window{overflow:hidden;margin-top:35px}.client-track{display:flex;width:max-content;animation:clients-slide 30s linear infinite}.client-track ul{display:flex;list-style:none;margin:0;padding:0}.client-wordmark{width:280px;padding:18px 30px;min-height:100px;border-left:1px solid #dce7ef;display:flex;flex-direction:column;justify-content:center;color:#153d61}.client-wordmark strong{font-family:Georgia,serif;font-size:29px;line-height:1.2}.client-wordmark:first-child strong{font-family:Arial,sans-serif;font-weight:800;letter-spacing:2px}.client-wordmark span{font-size:13px;color:#56708a;margin-top:8px}.client-section.is-paused .client-track,.client-window:hover .client-track,.client-section:focus-within .client-track{animation-play-state:paused}.promise-list{list-style:none;padding:0;margin:25px 0 0}.promise-list li{padding:15px 0;border-top:1px solid #47718f;font-size:16px;color:#c1d4e6}@keyframes clients-slide{to{transform:translateX(-50%)}}@media(max-width:650px){.home-opening{padding-top:60px}.home-opening h1{letter-spacing:-2.5px}.home-opening .intro{font-size:19px}.home-opening .actions{margin-bottom:45px}.hero-bottom{gap:12px 22px}.hero-bottom a{margin-left:0;flex-basis:100%}.client-heading{align-items:flex-start;flex-direction:column}.client-wordmark{width:235px}.client-heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.client-track{animation:none}.client-window{overflow-x:auto}.client-track ul[aria-hidden=true]{display:none}.client-toggle{display:none}}

.client-wordmark{align-items:center;min-height:125px}.client-wordmark img{display:block;width:210px;height:82px;object-fit:contain}.client-wordmark:first-child{flex-direction:row;gap:16px}.client-wordmark img.dji-logo{width:42px;height:84px;flex-shrink:0}.client-wordmark:first-child strong{font-size:29px}.client-wordmark:first-child span{display:block;font-size:12px;max-width:150px}.client-wordmark>span{font-size:12px;margin-top:3px}

.partner-section{background:#e7f1f9}.partner-panel{background:white;border-radius:10px;padding:38px;align-self:center}.partner-names{list-style:none;margin:0 0 24px;padding:0}.partner-names li{padding:18px 0;border-bottom:1px solid #dce7ef;font-size:27px;font-weight:700;letter-spacing:-.7px}.partner-panel>p:last-child{font-size:16px;color:#56708a;margin:0}.home-opening h1{font-size:clamp(46px,6vw,82px);letter-spacing:-2.8px;max-width:1080px}.service-hero h1{font-size:clamp(40px,4.5vw,60px)}@media(max-width:600px){.partner-panel{padding:27px}.partner-names li{font-size:23px}.home-opening h1{letter-spacing:-1.5px}}

.norm-band{background:#e4f1fb;padding:26px 0;border-top:1px solid #c5dced}.norm-band strong{font-size:17px}.norm-band p{font-size:14px;color:#486b87;margin:7px 0 0}.links{gap:20px}.links a{white-space:nowrap}@media(max-width:1150px){.nav{height:auto;min-height:94px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:15px}.links{flex-wrap:wrap;gap:16px}section[id]{scroll-margin-top:170px}}

.client-track{animation-duration:150s}.client-wordmark.restaurant-logo strong{font-size:24px;letter-spacing:0;text-align:center}.client-section{padding-top:45px;padding-bottom:45px}.client-wordmark img.faber-logo{filter:brightness(0);width:170px;height:75px}

.restaurant-logo img{filter:brightness(0)}.client-wordmark img.mos-logo{width:28px;height:90px}.client-wordmark:has(.mos-logo){flex-direction:row;gap:20px}.client-wordmark:has(.mos-logo) strong{font-size:21px}.restaurant-logo img[src$="nec.svg"]{filter:none;width:80px;height:90px}

.sustainability{background:linear-gradient(120deg,#e5f2fc,#f5faff);border-top:1px solid #d6e6f2}.green-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.green-intro p{color:#506e86}.green-details details{border-bottom:1px solid #bcd4e8;padding:22px 0}.green-details summary{cursor:pointer;font-weight:700;font-size:18px;transition:color .2s}.green-details summary:hover{color:#0666c2}.green-details details p{font-size:16px;color:#506e86;margin:16px 0 0}.green-details details[open]{border-bottom-color:#0666c2}.choice-widget{background:white;border:1px solid #cfe0ed;border-radius:12px;padding:42px;box-shadow:0 15px 45px #062b5008}.choice-widget h2{font-size:clamp(29px,3vw,40px);max-width:850px}.choice-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.choice-button{border:1px solid #b7ccdd;color:#153d61;background:#f5f9fc;padding:13px 19px;border-radius:6px;cursor:pointer;transition:background .2s,transform .2s,color .2s}.choice-button:hover{transform:translateY(-3px);border-color:#0666c2}.choice-button[aria-pressed=true]{background:#0666c2;border-color:#0666c2;color:white}.choice-result{max-width:850px;padding:20px 0}.choice-result h3{font-size:24px}.choice-result p{color:#506e86}.choice-result.is-changing{animation:answer-reveal .3s ease-out}.choice-spoed{color:#476881;font-size:15px;max-width:650px;margin-top:18px}.service-summary,.maintenance-panel,.partner-panel{transition:box-shadow .3s,transform .3s}.service-summary:hover,.maintenance-panel:hover,.partner-panel:hover{transform:translateY(-4px);box-shadow:0 15px 35px #062b5014}@keyframes answer-reveal{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:800px){.green-grid{grid-template-columns:1fr;gap:25px}.choice-widget{padding:28px}.choice-buttons{gap:10px}.choice-button{padding:12px 15px}.green-details summary{font-size:17px}}

/* Unified compact presentation and accessible navigation */
:root{--ink:#102c47;--blue:#0666c2;--line:#dce7ef}body{background:#fff;line-height:1.6}.wrap{max-width:1200px;padding-left:32px;padding-right:32px}.section{padding-top:64px;padding-bottom:64px}.nav{height:82px;min-height:82px;flex-wrap:nowrap;padding-top:0;padding-bottom:0;gap:22px}.brand{font-size:18px;letter-spacing:-.65px;gap:9px}.brand small{font-size:10px;letter-spacing:1.7px}.mark{font-size:30px}.links{gap:20px;flex-wrap:nowrap;font-size:14px}.links .btn{padding:11px 17px}.links a[aria-current=page]{font-weight:700}.hero-grid{padding-top:64px;padding-bottom:64px;gap:48px}.home-opening{padding-top:68px;padding-bottom:27px}.home-opening h1{font-size:clamp(44px,5.8vw,72px);letter-spacing:-2.7px;max-width:980px}.home-opening .intro{font-size:19px;max-width:700px;line-height:1.65}.home-opening .actions{margin-top:26px;margin-bottom:48px}.hero-bottom{padding-top:20px;font-size:14px;gap:20px 28px}.hero:after{opacity:.35;animation:none}.blue-section{animation:none;background:#0666c2}.intro{font-size:18px}.eyebrow{font-size:12px;letter-spacing:1.6px;margin-bottom:16px}h1{margin-bottom:22px}h2{font-size:clamp(29px,3.2vw,38px);letter-spacing:-1.1px;line-height:1.2}h3{font-size:23px;line-height:1.3}.heading{gap:36px;margin-bottom:30px}.heading p{font-size:16px}.split,.contact-grid{gap:52px}.card{border-radius:8px;padding:32px;box-shadow:none}.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #062b5009}.cards{gap:22px}.card .number{margin-bottom:26px;font-size:12px}.card p{font-size:16px}.card-actions{gap:16px;margin-top:25px}.card-actions .btn{padding:12px 16px}.btn{border-radius:5px;padding:13px 21px;font-size:15px}.btn:hover{transform:translateY(-2px)}.actions{gap:12px}.text-link{font-size:15px}.service-hero .hero-grid{grid-template-columns:1.5fr .8fr;gap:45px}.service-hero h1{font-size:clamp(38px,4.4vw,56px);letter-spacing:-1.8px}.service-summary{background:none;padding:24px;border-left:1px solid #47718f}.service-summary h3{font-size:22px}.service-summary li{font-size:15px;padding:8px 0}.service-summary ul{margin:20px 0}.service-jump .wrap{padding-top:17px;padding-bottom:17px;gap:28px;font-size:14px}.steps{gap:32px;margin-top:30px}.step span{margin-bottom:18px;font-size:12px}.step p{font-size:16px}.service-steps{gap:24px}.service-step{padding-top:20px}.service-step span{font-size:23px;margin-bottom:18px}.service-step h3{font-size:21px}.maintenance-panel,.partner-panel{padding:30px;border-radius:8px}.maintenance-panel:hover,.partner-panel:hover,.service-summary:hover{transform:none;box-shadow:none}.partner-names li{font-size:23px;padding:15px 0}.green-grid{gap:48px}.green-intro p{font-size:16px}.green-details details{padding:18px 0}.green-details summary{font-size:16px}.green-details details p{font-size:15px}.sustainability{background:#f0f7fc}.sustainability .heading{margin-bottom:32px}.choice-widget{padding:30px;border-radius:8px;box-shadow:none;background:#f5f9fc}.choice-widget h2{font-size:clamp(27px,3vw,35px)}.choice-buttons{margin:22px 0 15px}.choice-button{font-size:15px;padding:12px 17px;background:white}.choice-result{padding:14px 0 5px}.choice-result p{margin-bottom:22px;font-size:16px}.choice-result h3{font-size:21px;margin-bottom:12px}.cta{padding:35px;border-radius:8px;gap:30px;background:#e7f2fb}.cta .eyebrow{margin-bottom:13px}.cta h2{font-size:32px}.cta p{margin:12px 0 0;font-size:16px}.cta .btn{white-space:nowrap}.final-action{padding-top:45px;padding-bottom:45px}.client-heading h2{font-size:24px}.client-wordmark{width:250px;min-height:110px;padding:15px 25px}.client-wordmark img{width:190px;height:72px}.client-section{padding-top:35px;padding-bottom:35px}.client-window{margin-top:24px}.client-toggle{font-size:13px}.norm-band{padding:22px 0}.norm-band p{font-size:13px;max-width:900px}.footer{padding:32px 0}.contact-dock{max-width:790px;padding:13px 18px;box-shadow:0 8px 30px #062b501b}.form{padding:30px;border-radius:8px}.form input,.form textarea,.form select{background:#fff}.menu-toggle{display:none}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;border:2px solid #0666c2;padding:12px 20px}.skip-link:focus{top:12px}section[id]{scroll-margin-top:100px}.motion-ready .scroll-reveal{transform:translateY(14px);transition-duration:.5s}.motion-ready .scroll-reveal.is-revealed{transform:none}
@media(max-width:1050px){.nav{height:auto;min-height:78px;display:flex;flex-wrap:wrap;gap:0;position:relative;padding-top:16px;padding-bottom:16px}.brand{flex:1;font-size:17px}.menu-toggle:not([hidden]){display:block;border:1px solid #c5d9e9;background:white;color:#102c47;border-radius:5px;padding:8px 13px;font-size:14px;cursor:pointer}.nav .links{flex-basis:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:15px}.nav .links a{padding:13px 12px;border-bottom:1px solid #e2edf5;font-size:16px}.nav .links .btn{margin-top:12px;text-align:center;border:0}.js-menu .nav .links{display:none}.js-menu .nav .links.is-open{display:flex}.service-hero .hero-grid{grid-template-columns:1fr;gap:30px}.service-summary{max-width:650px}.service-summary h3 br{display:none}.hero-grid{grid-template-columns:1fr}.service-summary ul{display:flex;flex-wrap:wrap;gap:10px 25px}.service-summary li{border:0}.service-summary{padding-top:5px;padding-bottom:5px}.service-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.section{padding-top:42px;padding-bottom:42px}.brand{font-size:15px;letter-spacing:-.5px;gap:7px}.mark{font-size:24px}.brand small{font-size:9px;letter-spacing:1px}.menu-toggle:not([hidden]){padding:8px 10px;font-size:13px}.home-opening{padding-top:46px;padding-bottom:23px}.home-opening h1{font-size:clamp(38px,8vw,54px);letter-spacing:-1.6px}.home-opening .intro{font-size:17px}.home-opening .actions{margin-bottom:33px}.hero-bottom{gap:10px 20px;font-size:13px}.hero-bottom a{margin-left:0;flex-basis:100%}.hero-grid{padding-top:44px;padding-bottom:44px}.cards,.split,.contact-grid,.steps,.green-grid{grid-template-columns:1fr;gap:28px}.card{padding:25px}.heading{display:block}.heading p{margin-top:18px}.card h3{font-size:22px}.choice-widget{padding:24px}.choice-buttons{gap:8px}.choice-button{padding:11px 13px;font-size:14px}.cta{padding:27px;display:block}.cta h2{font-size:28px}.cta .btn{margin-top:23px}.service-hero h1{font-size:38px;letter-spacing:-1.2px}.service-jump .wrap{gap:11px 20px;font-size:13px}.service-steps{grid-template-columns:1fr}.maintenance-panel,.partner-panel{padding:25px}.form{padding:24px}.pair{grid-template-columns:1fr}.client-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.norm-band strong{font-size:15px}.norm-band p{font-size:13px}.client-wordmark{width:230px}.client-track{animation-duration:150s}.contact-dock .btn{font-size:14px}.section.final-action{padding:35px 22px}}
@media(prefers-reduced-motion:reduce){.motion-ready .scroll-reveal{opacity:1;transform:none}.client-track{animation:none}.choice-result.is-changing{animation:none}}

.brand-logo{flex-shrink:0}.brand-logo-window{position:relative;display:block;width:200px;height:110px;overflow:hidden}.brand-logo-window img{position:absolute;width:270px;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.nav{height:116px;min-height:116px}.footer-logo-window{display:block;width:235px;height:132px;background:white;border-radius:6px;position:relative;overflow:hidden}.footer-logo-window img{position:absolute;width:315px;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.footer .wrap{align-items:center}section[id]{scroll-margin-top:134px}@media(max-width:1050px){.nav{height:auto;min-height:100px;padding-top:0;padding-bottom:0}.brand-logo-window{width:180px;height:95px}.brand-logo-window img{width:240px}.nav .links{padding-bottom:18px}section[id]{scroll-margin-top:116px}}@media(max-width:700px){.brand-logo-window{width:164px;height:86px}.brand-logo-window img{width:222px}.nav{min-height:90px}.footer-logo-window{margin-bottom:25px}}

.service-photo{margin:0;position:relative;overflow:hidden;border-radius:8px}.service-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.service-photo figcaption{position:absolute;bottom:9px;right:10px;font-size:12px;line-height:1.4;color:white;background:#062b508c;padding:4px 8px;border-radius:3px}.home-photo-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}.home-photo-copy h1{font-size:clamp(40px,4.7vw,58px);letter-spacing:-1.9px;line-height:1.12}.home-photo-copy .intro{font-size:18px}.home-photo-copy .actions{margin-bottom:0}.home-photo-grid{margin-bottom:35px}.home-photo-grid .hero-photo img{aspect-ratio:4/3}.service-hero .hero-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:40px}.service-hero .hero-photo img{aspect-ratio:4/3}.photo-card{padding:0}.photo-card>.service-photo{border-radius:8px 8px 0 0}.photo-card>.service-photo img{aspect-ratio:2/1}.photo-card-copy{padding:28px}.photo-card-copy .number{margin-bottom:17px}.detail-photo-panel>.service-photo{margin-bottom:25px}.detail-photo-panel>.service-photo img{aspect-ratio:2/1}.photo-explanation{align-items:center}.photo-explanation>.service-photo img{aspect-ratio:4/3}@media(max-width:850px){.home-photo-grid,.service-hero .hero-grid{grid-template-columns:1fr;gap:30px}.home-photo-grid .hero-photo{max-width:650px}.home-photo-grid .hero-photo img,.service-hero .hero-photo img{aspect-ratio:16/9}.home-photo-copy h1{font-size:clamp(40px,6vw,58px)}.home-opening{padding-top:43px}.service-hero .hero-photo{max-width:650px}.photo-explanation{grid-template-columns:1fr;gap:26px}}@media(max-width:700px){.home-photo-copy h1{font-size:40px}.photo-card-copy{padding:25px}.home-photo-copy .actions{margin-bottom:0}.home-photo-grid{margin-bottom:26px}.brand-logo-window{width:164px;height:88px}.home-photo-copy .intro{font-size:17px}}

.brand-logo-window{width:265px;height:108px}.brand-logo-window img{width:330px;height:auto;top:52%;left:50%;transform:translate(-50%,-50%)}.nav{height:112px;min-height:112px}.footer{background:#e9f3fa;color:#335772;border-top:1px solid #d1e4f1}.footer-logo-window{background:transparent;border-radius:0;width:275px;height:115px}.footer-logo-window img{width:342px;height:auto;top:52%;left:50%;transform:translate(-50%,-50%)}@media(max-width:1050px){.nav{height:auto;min-height:102px}.brand-logo-window{width:250px;height:100px}.brand-logo-window img{width:313px}}@media(max-width:700px){.nav{min-height:90px}.brand-logo-window{width:208px;height:85px}.brand-logo-window img{width:261px}.footer-logo-window{width:245px;height:105px}.footer-logo-window img{width:308px}}@media(max-width:360px){.brand-logo-window{width:188px;height:78px}.brand-logo-window img{width:237px}}

/* Photographs carry the composition instead of sitting in matching boxes. */
.home-hero{isolation:isolate;background:#062b50}.home-hero:after{display:none}.home-background-photo{position:absolute;inset:0;margin:0;z-index:-2}.home-background-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.home-background-photo figcaption{position:absolute;right:20px;bottom:12px;color:#fff;font-size:12px;background:#062b5080;padding:4px 8px;z-index:2}.home-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,30,55,.96) 0%,rgba(4,30,55,.86) 40%,rgba(4,30,55,.42) 75%,rgba(4,30,55,.18) 100%);z-index:-1}.home-hero .home-opening{padding-top:86px;padding-bottom:27px}.home-photo-grid{display:block;margin-bottom:65px}.home-photo-copy{max-width:650px}.home-photo-copy h1{font-size:clamp(42px,5.5vw,68px);letter-spacing:-2.2px}.home-photo-copy .intro{color:#d2e4f2;max-width:590px}.home-hero .hero-bottom{color:#d2e4f2;border-color:#ffffff35}.service-hero .service-photo{border-radius:0;align-self:stretch}.service-hero .hero-grid{gap:55px}.portrait-service .hero-grid{grid-template-columns:1.25fr .8fr;align-items:center;padding-top:42px;padding-bottom:42px}.portrait-service .hero-photo img{height:445px;aspect-ratio:2/3;object-position:center;object-fit:cover}.portrait-service .hero-photo{max-width:365px;justify-self:end;width:100%}.landscape-service .hero-photo img{aspect-ratio:2/1;height:100%;min-height:280px;object-position:center}.landscape-service .hero-photo{align-self:center}.landscape-service .hero-grid{grid-template-columns:1.1fr 1.1fr}.service-photo figcaption{background:#062b5066}.photo-card{border:0;border-radius:0;background:none;box-shadow:none!important;transform:none!important;display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:38px;margin-bottom:45px}.photo-card>.service-photo{border-radius:0}.photo-card:first-child>.service-photo img{aspect-ratio:4/5;max-height:370px;object-position:center}.photo-card-copy{padding:10px 0}.photo-card .number{margin-bottom:20px}.photo-card h3{font-size:30px;max-width:420px}.photo-card p{font-size:17px;max-width:500px}.photo-card:nth-child(2){grid-template-columns:1fr 1.1fr;border-top:1px solid #dce7ef;padding-top:38px;margin-bottom:0}.photo-card:nth-child(2)>.service-photo{grid-column:2;grid-row:1}.photo-card:nth-child(2)>.photo-card-copy{grid-column:1;grid-row:1}.photo-card:nth-child(2)>.service-photo img{aspect-ratio:2/1;min-height:235px}.cards:has(.photo-card){display:block}.detail-photo-panel{background:#e7f2fb;color:#102c47;border-radius:0}.detail-photo-panel .promise-list li{color:#3a607e;border-color:#bfd9ed}.detail-photo-panel>.service-photo{margin:-30px -30px 25px;border-radius:0}.detail-photo-panel>.service-photo img{aspect-ratio:16/9}.photo-explanation{gap:0;background:#f0f7fc;padding-top:0;padding-bottom:0;margin-top:50px;margin-bottom:50px;grid-template-columns:1.05fr 1fr;padding-left:0;padding-right:0}.photo-explanation>.service-photo{border-radius:0;align-self:stretch}.photo-explanation>.service-photo img{height:100%;min-height:360px;aspect-ratio:auto}.photo-explanation>div{padding:40px}.photo-explanation h2{font-size:33px}@media(max-width:850px){.home-hero .home-opening{padding-top:65px}.home-photo-copy{max-width:600px}.home-photo-grid{margin-bottom:42px}.portrait-service .hero-grid,.landscape-service .hero-grid{grid-template-columns:1fr;gap:30px}.portrait-service .hero-photo{justify-self:start;max-width:none}.portrait-service .hero-photo img{height:350px;aspect-ratio:4/3;object-position:center 50%}.landscape-service .hero-photo img{min-height:0;aspect-ratio:2/1;height:auto}.photo-card{grid-template-columns:.85fr 1fr;gap:26px}.photo-card h3{font-size:26px}.photo-explanation{grid-template-columns:1fr}.photo-explanation>.service-photo img{min-height:0;max-height:350px;aspect-ratio:16/9}.photo-explanation>div{padding:30px}}@media(max-width:600px){.home-hero:before{background:linear-gradient(90deg,rgba(4,30,55,.94),rgba(4,30,55,.72))}.home-background-photo img{object-position:60% center}.home-hero .home-opening{padding-top:46px;padding-bottom:36px}.home-photo-copy h1{font-size:42px}.home-photo-grid{margin-bottom:35px}.home-hero .hero-bottom{max-width:85%}.photo-card,.photo-card:nth-child(2){display:flex;flex-direction:column;align-items:stretch;gap:23px;margin-bottom:32px}.photo-card:first-child>.service-photo img{aspect-ratio:3/2;height:260px;object-position:center 45%}.photo-card:nth-child(2)>.service-photo img{aspect-ratio:2/1;min-height:0}.photo-card-copy{padding:0}.photo-card h3{font-size:26px}.photo-card p{font-size:16px}.detail-photo-panel>.service-photo{margin:-25px -25px 23px}.portrait-service .hero-photo img{height:300px}.photo-explanation{margin-top:32px;margin-bottom:32px}.photo-explanation>div{padding:27px}.photo-explanation h2{font-size:29px}.home-background-photo figcaption{font-size:11px;right:10px;bottom:8px}}

.text-service .hero-grid{display:block;padding-top:60px;padding-bottom:60px}.text-service .hero-grid>.reveal{max-width:850px}.text-service h1{max-width:850px}.text-service .intro{max-width:720px}.photo-card:not(:has(figure)){display:block;padding:32px 0;border-bottom:1px solid #dce7ef}.photo-card:not(:has(figure)) .photo-card-copy{max-width:800px}.photo-card:not(:has(figure)) h3,.photo-card:not(:has(figure)) p{max-width:720px}@media(max-width:600px){.text-service .hero-grid{padding-top:40px;padding-bottom:40px}}

.partner-logos{list-style:none;margin:24px 0;padding:0;display:grid;gap:14px}.partner-logos li{display:flex;align-items:center;justify-content:center;background:#fff;padding:18px 20px;min-height:100px;border:1px solid #dbe7ef;border-radius:8px}.partner-logos img{display:block;max-width:100%;width:240px;height:65px;object-fit:contain}.partner-logos .partner-weijers{height:75px}@media(max-width:600px){.partner-logos{gap:12px}.partner-logos li{min-height:90px}.partner-logos img{height:60px}}
/* Keep every visible part of the transparent logo inside its reserved space. */
.brand-logo-window{width:278px;height:120px;overflow:visible}.brand-logo-window img,.footer-logo-window img{top:50%;transform:translate(-50%,-48.5%);pointer-events:none}.nav{height:124px;min-height:124px}.footer-logo-window{width:290px;height:126px;overflow:visible}
@media(max-width:1050px){.nav{height:auto;min-height:116px}.brand-logo-window{width:264px;height:112px}}
@media(max-width:700px){.nav{min-height:98px}.brand-logo-window{width:222px;height:96px}.footer-logo-window{width:260px;height:114px}}
@media(max-width:360px){.brand-logo-window{width:202px;height:88px}}

/* Horizontal logo: show the complete asset without clipping or offsets. */
.brand-logo-window{width:325px;height:106px;display:flex;align-items:center;overflow:visible}.brand-logo-window img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}.nav{height:112px;min-height:112px}.footer-logo-window{width:325px;height:106px;display:flex;align-items:center;overflow:visible}.footer-logo-window img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}
@media(max-width:1050px){.nav{height:auto;min-height:106px}.brand-logo-window{width:310px;height:100px}}
@media(max-width:700px){.nav{min-height:90px}.brand-logo-window{width:245px;height:86px}.footer-logo-window{width:290px;height:100px}}
@media(max-width:360px){.brand-logo-window{width:220px;height:80px}}

@media(max-width:700px){}

/* A calmer rhythm, clearer content and one consistent service message. */
.section{padding-top:64px;padding-bottom:64px}.heading{gap:40px;margin-bottom:32px}.heading h2,.personal-section h2{font-size:clamp(30px,3.2vw,42px);line-height:1.12;letter-spacing:-1px}.cards:has(.photo-card){display:grid;grid-template-columns:1fr 1fr;gap:34px}.photo-card:not(:has(figure)),.photo-card:nth-child(2):not(:has(figure)){padding:28px 0;display:block;border:0;border-top:2px solid #0666c2;margin:0}.photo-card-copy{padding:0}.photo-card h3{font-size:27px}.photo-card p{font-size:16px;line-height:1.7}.card-actions{margin-top:24px}.price-grid,.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.price-grid article{padding-top:22px;border-top:1px solid #cbdce8}.price-grid h3,.practice-grid h3{font-size:21px;line-height:1.3;margin:14px 0}.price-grid p,.practice-grid p{font-size:16px;line-height:1.65;color:#53728b}.section-bottom{margin-top:28px;padding-top:25px;border-top:1px solid #dce7ef;display:flex;justify-content:space-between;align-items:center;gap:30px}.section-bottom p{max-width:730px;margin:0}.section-bottom .btn{flex-shrink:0}.practice-section{background:#eef5fa}.practice-grid article{background:#fff;padding:27px;border:1px solid #dce7ef;border-radius:6px}.practice-grid .tag{font-size:12px}.practice-grid details{margin-top:20px;border-top:1px solid #dce7ef;padding-top:14px}.practice-grid summary{font-weight:600;font-size:14px;color:#0666c2;cursor:pointer}.personal-section{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.personal-name{font-weight:700;font-size:20px;color:#0666c2}.personal-section aside{padding:35px;background:#062b50;color:white;border-radius:6px}.personal-section aside .eyebrow{color:#8dcaff}.personal-section aside h3{font-size:29px}.personal-section aside .promise-list li{color:#d7e9f7}.form label{font-size:14px;font-weight:600}.form .note{font-size:13px;line-height:1.6}.form button[type=submit]{margin-top:10px}.form .check-label{display:flex;align-items:center;gap:12px;padding:12px 0}.check-label input{width:18px;height:18px;margin:0}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-data-note{font-size:13px;line-height:1.6;color:#53728b}.form-success{background:#eef8f1;color:#225c44;border:1px solid #a6cbb1;padding:16px}.form-error{background:#fff4f4;color:#962a2a;border:1px solid #e5b7b7;padding:16px}.form .result:empty{display:none}.form input[type=file]{font-size:14px;padding:13px}.hero .eyebrow{letter-spacing:1.8px}.service-hero.text-service .hero-grid{padding-top:55px;padding-bottom:55px}.partner-panel{border-radius:6px}.cta{border-radius:6px}.choice-widget{border-radius:6px}.home-photo-copy h1{max-width:600px}
@media(max-width:850px){.price-grid,.practice-grid{grid-template-columns:1fr;gap:20px}.personal-section{grid-template-columns:1fr;gap:28px}.section-bottom{align-items:start;flex-direction:column}.heading{gap:20px}.cards:has(.photo-card){gap:26px}}
@media(max-width:600px){.section{padding-top:43px;padding-bottom:43px}.cards:has(.photo-card){grid-template-columns:1fr;gap:25px}.photo-card:not(:has(figure)),.photo-card:nth-child(2):not(:has(figure)){padding:23px 0 0}.photo-card h3{font-size:24px}.personal-section aside{padding:28px}.practice-grid article{padding:23px}.home-photo-copy h1{font-size:44px}.section-bottom .btn{width:100%;text-align:center}}

/* Sustainability: fresh green accent within the blue brand */
.sustainability{background:linear-gradient(115deg,#e9f6ee 0%,#f4faf6 68%,#edf7f1 100%);border-top:1px solid #c6dfcf;border-bottom:1px solid #c6dfcf;color:#173e2d}.sustainability .heading{gap:36px;margin-bottom:26px}.sustainability .eco-label{color:#267345!important;letter-spacing:.09em}.sustainability h2{color:#163d2b}.sustainability h2 span{color:#267345}.sustainability .heading>p{color:#3f6250}.eco-pillars{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.eco-pillars span{font-size:14px;font-weight:650;line-height:1.4;color:#245d3d;background:#fff9;border:1px solid #b7d7c3;border-radius:999px;padding:9px 16px}.sustainability .green-grid{grid-template-columns:1fr 1fr;gap:44px;align-items:start}.sustainability .green-intro{background:#174b33;border:1px solid #174b33;border-radius:10px;padding:32px;color:white;box-shadow:0 12px 28px #174b3310}.sustainability .green-intro h3{color:#fff;font-size:clamp(24px,2.6vw,31px);line-height:1.25;margin-bottom:22px}.sustainability .green-intro p{color:#e2f1e7;line-height:1.7;font-size:16px}.sustainability .green-intro .eco-kicker{color:#b8e2c7;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;margin:0 0 14px}.eco-note{border-top:1px solid #ffffff30;padding-top:18px;margin-top:24px;color:#e7f4eb;font-size:14px;font-weight:650}.sustainability .green-details details{border-bottom-color:#b9d3c3;padding:22px 0}.sustainability .green-details details:first-child{padding-top:5px}.sustainability .green-details summary{color:#214d34;line-height:1.45}.sustainability .green-details summary:hover{color:#287843}.sustainability .green-details details p{color:#3f6250;line-height:1.7}.sustainability .green-details details[open]{border-bottom-color:#40895b}.sustainability summary:focus-visible{outline:3px solid #368954;outline-offset:6px;border-radius:3px}@media(max-width:800px){.sustainability .green-grid{grid-template-columns:1fr;gap:26px}.sustainability .green-intro{padding:26px}.sustainability .heading{gap:20px}.eco-pillars{gap:8px}.eco-pillars span{padding:8px 12px}.sustainability .green-details details:first-child{padding-top:14px}}

/* Clear hierarchy: compact navigation, calm surfaces and strong primary actions. */
body{font-size:17px;line-height:1.65;text-rendering:optimizeLegibility}p{max-width:70ch}h1,h2,h3{text-wrap:balance}header{background:#fffffffa}.nav{height:100px;min-height:100px}.brand-logo-window{width:290px;height:94px;flex-shrink:0}.links{gap:22px}.links>a:not(.btn){padding:12px 0;border-bottom:2px solid transparent}.links>a:not(.btn):hover,.links>a:not(.btn)[aria-current=page]{color:#0666c2;border-bottom-color:#0666c2}.links>a.btn[aria-current=page]{color:#fff;background:#065eaf}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;padding:14px 22px;box-shadow:0 2px 4px #062b5008}.btn:hover{transform:none}.btn:disabled{cursor:wait;opacity:.65}.ghost{box-shadow:none}.hero .ghost:hover{background:#ffffff12}.home-photo-copy{max-width:690px}.home-photo-copy h1{font-size:clamp(44px,5.6vw,72px);line-height:1.08;letter-spacing:-2px}.home-photo-copy .intro{max-width:610px;line-height:1.7}.hero-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;padding-bottom:9px}.hero-bottom>span{font-size:14px}.hero-bottom>a{margin-left:auto;font-weight:700;color:white}.home-jump .wrap{justify-content:space-between;gap:18px;font-size:14px}.home-jump a{padding:5px 0}.heading>div{flex:1}.heading>p{flex:0 1 390px}.heading .eyebrow{margin-bottom:15px}.section>.eyebrow,.section>.heading .eyebrow,.price-section .eyebrow,.practice-section .eyebrow,.personal-section>div>.eyebrow{color:#0666c2}.photo-card:not(:has(figure)),.photo-card:nth-child(2):not(:has(figure)){padding:30px;background:#f4f8fc;border:1px solid #d9e5ef;border-top:3px solid #0666c2;border-radius:8px}.photo-card-copy{height:100%;display:flex;flex-direction:column}.photo-card-copy .number{font-size:13px;font-weight:700;letter-spacing:.1em;color:#0666c2;margin-bottom:16px}.photo-card h3{font-size:27px;line-height:1.25}.photo-card-copy>.card-actions{margin-top:auto;padding-top:24px}.service-more{margin:0 0 22px;border-top:1px solid #cadce9;border-bottom:1px solid #cadce9;padding:15px 0}.service-more summary{font-size:15px;font-weight:700;color:#0666c2;cursor:pointer}.service-more p:first-of-type{margin-top:18px}.service-more p:last-child{margin-bottom:0}.service-choice{margin-top:32px}.service-choice .choice-widget{padding:28px 30px;border:1px solid #d9e5ef;background:#fff}.service-choice .choice-widget h2{font-size:27px}.service-choice .choice-buttons{margin-top:18px}.service-choice .choice-result{max-width:850px}.blue-section{background:#063861}.blue-section h2{max-width:760px}.blue-section .step{border-color:#3f7096}.blue-section .step p{color:#d6e7f3}.price-section .price-grid{gap:30px}.price-section .price-grid .number{margin-bottom:16px;font-size:14px}.partner-section{background:#f4f8fc}.partner-panel{background:#fff;border:1px solid #d9e5ef}.partner-logos{gap:12px}.partner-logos li{min-height:86px;padding:15px}.partner-logos img{height:56px}.partner-logos .partner-weijers{height:60px}.location-callout{margin-top:36px;padding-top:28px;border-top:1px solid #ccdce8;display:flex;justify-content:space-between;align-items:center;gap:30px}.location-callout h3{font-size:24px;margin-bottom:10px}.location-callout p{font-size:16px;margin-bottom:0;max-width:760px}.location-callout .btn{flex-shrink:0}.client-heading p{max-width:730px}.practice-grid article{box-shadow:none}.practice-grid summary{min-height:40px;display:list-item;padding-top:7px}.personal-section aside{border-radius:8px}.service-step p{line-height:1.7}.service-jump a:hover{text-decoration:underline;text-underline-offset:5px}.faq summary{line-height:1.5}.contact-hero>.wrap{padding-top:44px;padding-bottom:44px}.contact-hero h1{font-size:clamp(38px,4.3vw,54px);margin-bottom:18px}.contact-hero .intro{margin-bottom:0}.contact-grid{align-items:start}.contact-grid>div>h2{font-size:clamp(29px,3vw,37px)}.contact-next{margin-top:28px;padding:26px;background:#f2f7fb;border:1px solid #d9e5ef;border-radius:8px}.contact-next h3{font-size:21px}.contact-next ol{list-style:none;counter-reset:next;display:grid;gap:21px;padding:0;margin:24px 0 0}.contact-next li{counter-increment:next;position:relative;padding-left:39px;font-size:15px}.contact-next li:before{content:counter(next,decimal-leading-zero);position:absolute;left:0;top:0;color:#0666c2;font-weight:700;font-size:14px}.contact-next li strong{display:block;line-height:1.45;margin-bottom:6px}.contact-next li span{display:block;color:#526e83;line-height:1.6}.form{box-shadow:0 10px 35px #062b5006}.form fieldset{border:0;padding:24px 0 0;margin:26px 0 0;min-width:0;border-top:1px solid #dbe6ee}.form legend{font-weight:700;font-size:17px;padding:0 10px 0 0;color:#173d5d}.form legend span{color:#0666c2;font-size:14px;margin-right:9px}.form fieldset input:last-child{margin-bottom:20px}.form select:invalid{color:#56708a}.form select option{color:#102c47}.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid #0666c240;border-color:#0666c2}.form textarea{min-height:120px}.form button[type=submit]{width:100%}.form .check-label{font-size:15px;line-height:1.5;align-items:flex-start;margin-bottom:14px}.form .check-label input{flex-shrink:0;margin-top:3px}.form-data-note{margin-top:12px}.footer a:hover{color:#0666c2}.footer .wrap>div:last-child{line-height:2}.footer-logo-window{width:290px;height:96px}.sustainability .heading>p{flex-basis:390px}summary:focus-visible{outline:3px solid #0666c2;outline-offset:5px}section[id]{scroll-margin-top:120px}[hidden]{display:none!important}
@media(max-width:1050px){.nav{height:auto;min-height:88px;padding-top:0;padding-bottom:0}.brand-logo-window{width:270px;height:88px}.nav .links{padding-top:12px;padding-bottom:18px}.menu-toggle:not([hidden]){min-height:44px}.links>a:not(.btn){border-bottom:1px solid #e1eaf0;padding:13px 10px}.links>a:not(.btn)[aria-current=page]{background:#f2f7fb}.nav .links .btn{min-height:46px}.home-jump .wrap{justify-content:flex-start;gap:12px 25px}}
@media(max-width:850px){.heading>p{margin-top:18px}.location-callout{align-items:start;flex-direction:column}.photo-card:not(:has(figure)),.photo-card:nth-child(2):not(:has(figure)){padding:26px}.contact-grid{gap:32px}.service-steps{gap:28px}.home-jump .wrap{font-size:14px}.hero-bottom>a{margin-left:0}.footer .wrap>div:last-child{margin-top:16px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.brand-logo-window{width:235px;height:82px}.nav{min-height:82px}.home-hero .home-opening{padding-top:46px}.home-photo-copy h1{font-size:44px}.home-photo-copy .intro{font-size:17px}.home-photo-copy .actions{display:grid;grid-template-columns:1fr;max-width:390px}.hero-bottom{gap:10px 20px}.hero-bottom>a{flex-basis:100%;margin-top:6px}.home-jump .wrap{padding-top:15px;padding-bottom:15px;gap:8px 19px}.home-jump a{font-size:13px}.photo-card h3{font-size:25px}.photo-card-copy>.card-actions{gap:14px;align-items:flex-start}.photo-card-copy>.card-actions .btn{font-size:14px}.service-choice .choice-widget{padding:23px}.choice-buttons{display:grid;grid-template-columns:1fr}.choice-button{text-align:left;min-height:44px}.choice-result{padding-bottom:0}.contact-next{padding:23px}.contact-hero>.wrap{padding-top:34px;padding-bottom:34px}.contact-hero h1{font-size:39px}.form{padding:24px}.form fieldset{padding-top:18px;margin-top:23px}.location-callout .btn{width:100%}.footer-logo-window{width:265px;height:88px}.cta .btn{white-space:normal;width:100%}.sustainability .green-intro{padding:25px}.service-jump .wrap{gap:12px 20px}.text-service .hero-grid{padding-top:40px;padding-bottom:40px}}
@media(max-width:360px){.brand-logo-window{width:205px;height:76px}.nav{min-height:76px}.home-photo-copy h1{font-size:39px}.wrap{padding-left:18px;padding-right:18px}.photo-card:not(:has(figure)),.photo-card:nth-child(2):not(:has(figure)){padding:22px}.form{padding:20px}}
.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:8px 28px;font-size:14px}.footer-links a{min-height:32px;display:flex;align-items:center}.footer-copyright{font-size:13px;margin:18px 0 0;color:#526e83}@media(max-width:600px){.footer-links{grid-template-columns:1fr 1fr;gap:6px 22px}.footer-links a{min-height:40px}.footer-copyright{line-height:1.6}}

/* Homepage updates agreed with Han, October 2026 */
.refreshed-services .eyebrow,.subscription-section .eyebrow,.refreshed-price .eyebrow,.refreshed-support .eyebrow{color:#0666c2}
.refreshed-service-card{display:flex;flex-direction:column;background:#f5f9fd;border-top:3px solid #0666c2;padding:36px;gap:0}
.refreshed-service-card h3{font-size:28px;line-height:1.25;margin:18px 0}
.refreshed-service-card p{margin:0 0 30px;line-height:1.75}
.refreshed-service-card .btn{align-self:flex-start;margin-top:auto}
.subscription-section{background:#fff}.subscription-section .split{align-items:stretch;gap:60px}
.subscription-benefits{list-style:none;padding:8px 0 0;margin:24px 0 0;display:grid;gap:16px}
.subscription-benefits li{position:relative;padding-left:30px;font-weight:600;line-height:1.5}
.subscription-benefits li::before{content:'✓';position:absolute;left:0;color:#0666c2;font-size:20px}
.monthly-price{padding:40px;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 18px 40px #082c5014}
.monthly-price .eyebrow{color:#8dcdff}.monthly-price h3{font-size:34px;line-height:1.22;margin:12px 0 24px}.monthly-price p{line-height:1.75}
.monthly-price .btn{margin-top:18px;align-self:flex-start}.monthly-price .light-link{align-self:flex-start;margin-top:20px}
.refreshed-price{background:#eff6fc}.refreshed-price .price-grid{gap:24px}
.refreshed-price .price-grid article{border:1px solid #d7e6f3;border-radius:14px;padding:30px;background:white}
.refreshed-price .number{display:block;font-size:42px;line-height:1;font-weight:700;color:#0666c2;margin-bottom:24px}
.refreshed-price .price-grid h3{margin-bottom:14px}.refreshed-price .price-grid p{line-height:1.75;margin-bottom:0}
.refreshed-price .section-bottom{border-top:0;padding-top:32px;margin-top:0}
.national-coverage{background:#f5faf8;border-top:1px solid #e0ece6;border-bottom:1px solid #e0ece6}.national-coverage .eyebrow{color:#24734d}
.national-copy{max-width:1040px}.national-intro{max-width:790px;font-size:20px;line-height:1.65}.national-details{display:grid;grid-template-columns:1fr 1fr;gap:48px}.national-details p{line-height:1.75}
.national-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d7e6df;padding-top:28px;margin-top:22px}
.coverage-benefits{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0}.coverage-benefits li{background:#e7f2eb;color:#246442;padding:10px 18px;border-radius:30px;font-weight:600}
.refreshed-support{background:#e8f3fc}.refreshed-support h2{margin-bottom:36px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.support-card{background:white;border:1px solid #d5e5f1;border-radius:16px;padding:36px;display:flex;flex-direction:column}
.support-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#edf6ff;color:#0666c2;margin-bottom:24px}.support-icon svg{width:28px;height:28px}
.support-card h3{font-size:25px;margin:0 0 18px}.support-card p{line-height:1.75;margin:0 0 18px}.support-card .btn{margin-top:auto;align-self:flex-start}.support-card p:last-of-type{margin-bottom:28px}
@media(max-width:760px){.refreshed-services .heading{display:block}.refreshed-service-card,.support-card{padding:26px}.subscription-section .split{gap:28px}.monthly-price{padding:28px}.monthly-price h3{font-size:29px}.national-details,.support-grid{grid-template-columns:1fr;gap:24px}.national-bottom{align-items:flex-start;flex-direction:column}.national-intro{font-size:18px}.refreshed-price .price-grid{grid-template-columns:1fr}.refreshed-price .price-grid article{padding:26px}.refreshed-price .number{font-size:36px}.national-details{gap:0}}

/* Photography and scroll choreography */
.refreshed-service-card{overflow:hidden}.refreshed-service-card>.number{margin-bottom:0}
.service-photo{margin:-36px -36px 28px;aspect-ratio:16/9;overflow:hidden;background:#e3edf4}
.service-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.65,.3,1)}
.refreshed-service-card:hover .service-photo img{transform:scale(1.025)}
.motion-ready .scroll-reveal{opacity:0;transform:translate3d(0,32px,0);transition:opacity .8s ease,transform .95s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .scroll-reveal[data-reveal=photo]{transform:translate3d(0,42px,0)}
.motion-ready .scroll-reveal[data-reveal=spotlight]{transform:translate3d(0,36px,0) scale(.97);transition-duration:.9s,1.1s}
.motion-ready .scroll-reveal[data-reveal=rise]{transform:translate3d(0,48px,0)}
.motion-ready .scroll-reveal.is-revealed{opacity:1;transform:translate3d(0,0,0) scale(1)}
.motion-ready .scroll-reveal .service-photo img{transform:scale(1.06)}
.motion-ready .scroll-reveal.is-revealed .service-photo img{transform:scale(1)}
.motion-ready .scroll-reveal.is-revealed:hover .service-photo img{transform:scale(1.025)}
.monthly-price::before{content:'';display:block;width:56px;height:4px;border-radius:3px;background:#8dcdff;margin-bottom:24px;transform-origin:left;transition:transform .9s ease .3s}
.motion-ready .monthly-price:not(.is-revealed)::before{transform:scaleX(0)}
@media(max-width:760px){.service-photo{margin:-26px -26px 26px}.motion-ready .scroll-reveal{transition-delay:0ms;transform:translate3d(0,22px,0)}.motion-ready .scroll-reveal[data-reveal=photo],.motion-ready .scroll-reveal[data-reveal=rise]{transform:translate3d(0,28px,0)}.motion-ready .scroll-reveal.is-revealed{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .scroll-reveal,.motion-ready .scroll-reveal[data-reveal]{opacity:1;transform:none;transition:none}.service-photo img,.motion-ready .scroll-reveal .service-photo img,.motion-ready .scroll-reveal:hover .service-photo img{transform:none;transition:none}.monthly-price::before{transform:none;transition:none}.card,.btn{transition:none}}
@media print{.motion-ready .scroll-reveal{opacity:1;transform:none}}

/* Scroll-controlled oil separator demonstration */



.oil-animation-section .as-heading{font-size:28px;font-weight:700;line-height:1.2;margin:0 0 24px;letter-spacing:-.7px}
.oil-animation-section .as-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center}
.oil-animation-section .as-scene{position:relative;aspect-ratio:1.35;overflow:hidden}
.oil-animation-section .as-ground{position:absolute;bottom:0;left:0;width:100%;height:auto}
.oil-animation-section .as-truck{position:absolute;width:64%;height:auto;bottom:36%;left:18%;transform:translateX(-140%);will-change:transform}
.oil-animation-section .as-step{display:grid;grid-template-columns:32px 1fr;gap:12px;margin-bottom:18px;opacity:.58;transform:translateY(8px);transition:opacity .25s,transform .25s}
.oil-animation-section .as-step.as-active{opacity:1;transform:none}
.oil-animation-section .as-num{display:grid;place-items:center;width:30px;height:30px;background:#0666c2;color:#fff;border-radius:50%;font-size:14px;font-weight:700}
.oil-animation-section h3{font-size:18px;font-weight:700;margin:0 0 6px;line-height:1.3}
.oil-animation-section p{font-size:15px;line-height:1.6;color:#536e85;margin:0}
.oil-animation-section .as-controls{margin-top:24px}
@media(max-width:580px){.oil-animation-section{padding:8px}.oil-animation-section .as-layout{grid-template-columns:1fr;gap:20px}.oil-animation-section .as-heading{font-size:24px}.oil-animation-section .as-scene{max-width:430px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){.oil-animation-section .as-step{transition:none}}
.oil-animation-section .as-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.oil-animation-section .as-hose{fill:none;stroke:#566471;stroke-width:2.4;stroke-linecap:round;opacity:0}
.oil-animation-section .as-oil{fill:#b98b24;stroke:none}

.oil-animation-section{background:#fff;position:relative;min-height:160vh;padding:80px 0 60px}
.oil-animation-sticky{position:sticky;top:120px;padding-top:16px;padding-bottom:24px}
.oil-animation-section h2{max-width:900px;margin-bottom:35px}
.oil-animation-section .eyebrow{color:#0666c2}
.oil-animation-section .as-layout{grid-template-columns:1.15fr 1fr;gap:50px}
.oil-animation-section .as-steps{align-self:center}
.oil-animation-section .as-step{margin-bottom:24px}
.oil-animation-section .as-step p{font-size:16px}
.oil-animation-section .as-step h3{font-size:20px}
.oil-animation-section .as-num{width:32px;height:32px}
@media(max-width:760px){.oil-animation-section{min-height:170vh;padding:48px 0}.oil-animation-sticky{top:84px}.oil-animation-section .as-layout{grid-template-columns:1fr;gap:18px}.oil-animation-section .as-scene{max-width:430px;aspect-ratio:1.55;margin:auto;width:100%}.oil-animation-section h2{font-size:28px;margin-bottom:18px}.oil-animation-section .as-step{margin-bottom:12px}.oil-animation-section .as-step h3{font-size:18px}.oil-animation-section .as-step p{font-size:14px;line-height:1.5}}
@media(max-height:760px){.oil-animation-sticky{position:relative;top:0}.oil-animation-section{min-height:0}}
@media(prefers-reduced-motion:reduce){.oil-animation-sticky{position:relative;top:0}.oil-animation-section{min-height:0}.oil-animation-section .as-step{opacity:1;transform:none}}

/* Tighter layout and smooth scroll-linked movement */
.oil-animation-section{min-height:150vh;padding-top:64px;padding-bottom:48px}
.oil-animation-sticky{top:112px;padding-top:8px;padding-bottom:16px}
.oil-animation-section h2{margin-bottom:26px}
.oil-animation-section .as-layout{gap:36px}
.oil-animation-section .as-step{margin-bottom:20px;transform:translateY(4px);transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.oil-animation-section .as-step.as-active{transform:none}
.oil-animation-section .as-step:last-child{margin-bottom:0}
.oil-animation-section .as-truck{backface-visibility:hidden}
@media(max-width:760px){.oil-animation-section{min-height:165vh;padding:40px 0}.oil-animation-sticky{top:84px}.oil-animation-section .as-layout{gap:16px}.oil-animation-section .as-step{margin-bottom:12px}}
@media(max-height:760px){.oil-animation-sticky{position:relative;top:0}.oil-animation-section{min-height:0}}
@media(prefers-reduced-motion:reduce){.oil-animation-sticky{position:relative;top:0}.oil-animation-section{min-height:0}.oil-animation-section .as-step{transition:none;transform:none}}

/* Full-width animation, with the explanation above */
.oil-animation-section .as-layout{display:flex;flex-direction:column;gap:24px}
.oil-animation-section .as-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;order:0;width:100%;align-self:stretch}
.oil-animation-section .as-step{grid-template-columns:32px 1fr;gap:10px;margin:0}
.oil-animation-section .as-step h3{font-size:18px}
.oil-animation-section .as-step p{font-size:15px;line-height:1.6}
.oil-animation-section .as-scene{order:1;width:100%;max-width:none;aspect-ratio:2;margin:0}
.oil-animation-section .as-truck{width:45%;bottom:54%}
.oil-animation-section h2{margin-bottom:28px}
.oil-animation-section{min-height:185vh}
.oil-animation-sticky{top:100px}
@media(max-width:900px){.oil-animation-section .as-steps{grid-template-columns:repeat(2,1fr);gap:18px}.oil-animation-section .as-layout{gap:20px}.oil-animation-section .as-scene{max-width:none;aspect-ratio:2}.oil-animation-sticky{top:84px}}
@media(max-width:580px){.oil-animation-section .as-steps{grid-template-columns:1fr;gap:12px}.oil-animation-section .as-step p{font-size:14px}.oil-animation-section .as-step h3{font-size:17px}.oil-animation-section .as-layout{gap:18px}.oil-animation-sticky{position:relative;top:0}.oil-animation-section{min-height:0;padding:40px 0}}
@media(max-height:900px){.oil-animation-sticky{position:relative;top:0}.oil-animation-section{min-height:0}}
@media(prefers-reduced-motion:reduce){.oil-animation-sticky{position:relative;top:0}.oil-animation-section{min-height:0}}

/* Compact natural-height section, earlier arrival and original tank branding */
.oil-animation-section{min-height:0!important;padding:40px 0 32px}
.oil-animation-sticky{position:relative!important;top:0!important;padding-top:0;padding-bottom:0}
.oil-animation-section .as-layout{gap:12px}
.oil-animation-section h2{margin-bottom:22px}
.oil-animation-section .as-truck-body{width:100%;height:auto;display:block}
.oil-animation-section .as-tank-logo{position:absolute;left:18%;top:23%;width:49%;height:auto;display:block}
.oil-animation-section .as-step{opacity:1;transform:none}
@media(max-width:760px){.oil-animation-section{padding:32px 0 24px}.oil-animation-section .as-layout{gap:8px}}

/* Approved service photography */
.supplied-photo-hero.text-service .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:44px}
.supplied-hero-photo{margin:0;overflow:hidden;border-radius:12px;box-shadow:0 18px 40px #001d3c33}
.supplied-hero-photo img{display:block;width:100%;height:360px;object-fit:cover;object-position:40% center}
.service-focus .detail-photo-panel .service-photo{aspect-ratio:16/10}
@media(max-width:900px){.supplied-photo-hero.text-service .hero-grid{grid-template-columns:1fr;gap:28px}.supplied-hero-photo img{height:auto;aspect-ratio:16/7;object-position:center}}
@media(max-width:580px){.supplied-hero-photo img{aspect-ratio:3/2;object-position:38% center}}

/* Service imagery follows the homepage background treatment. */
.supplied-photo-hero{position:relative;isolation:isolate;overflow:hidden;background:#062b50}
.supplied-photo-hero:after{display:none}
.supplied-photo-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,30,55,.96) 0%,rgba(4,30,55,.86) 38%,rgba(4,30,55,.42) 72%,rgba(4,30,55,.18) 100%)}
.supplied-photo-hero .supplied-hero-photo{position:absolute;inset:0;z-index:0;margin:0;border-radius:0;box-shadow:none}
.supplied-photo-hero .supplied-hero-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 58%}
.supplied-photo-hero.text-service .hero-grid{position:relative;z-index:2;display:block;padding-top:76px;padding-bottom:76px}
.supplied-photo-hero.text-service .hero-grid>.reveal{max-width:650px}
.supplied-photo-hero .intro{max-width:610px;color:#d2e4f2}
.service-focus .detail-photo-panel{overflow:hidden}
.service-focus .detail-photo-panel .service-photo{margin:-30px -30px 28px;aspect-ratio:16/10;border-radius:0;background:#e3edf4}
.service-focus .detail-photo-panel .service-photo img{height:100%;width:100%;object-fit:cover;object-position:center 48%}
@media(max-width:760px){.supplied-photo-hero.text-service .hero-grid{padding-top:52px;padding-bottom:52px}.supplied-photo-hero:before{background:linear-gradient(90deg,rgba(4,30,55,.94),rgba(4,30,55,.73))}.supplied-photo-hero .supplied-hero-photo img{object-position:58% center}}
@media(max-width:600px){.service-focus .detail-photo-panel .service-photo{margin:-25px -25px 24px;aspect-ratio:3/2}.supplied-photo-hero.text-service .hero-grid{padding-top:44px;padding-bottom:44px}}

/* Actual work photography, integrated into the existing blue visual style. */
.authentic-photo img{filter:brightness(1.07) contrast(1.025) saturate(.93)}
.work-photo{margin:0;overflow:hidden;border-radius:6px;background:#e3edf4}
.work-photo img{display:block;width:100%;height:100%;object-fit:cover}
.coverage-photo-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center}
.coverage-photo-copy .national-copy{display:block}
.coverage-photo-copy .national-details{display:block}
.coverage-photo-copy .national-bottom{flex-wrap:wrap;gap:20px}
.coverage-photo-layout .fleet-photo{height:440px}
.fleet-photo img{object-position:42% 58%}
.refreshed-services .refreshed-service-card .service-photo{aspect-ratio:16/9}
.refreshed-services .refreshed-service-card .authentic-photo img{object-position:52% 60%}
.work-page-hero .home-opening{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}
.work-page-hero .intro{max-width:610px}
.work-page-hero h1{max-width:740px}
.work-page-hero .supplied-hero-photo img{object-position:center 62%}
@media(max-width:900px){.coverage-photo-layout{grid-template-columns:1fr;gap:28px}.coverage-photo-layout .fleet-photo{height:auto;aspect-ratio:16/9}.work-page-hero .home-opening{padding-top:52px;padding-bottom:52px}}
@media(max-width:600px){.coverage-photo-layout .fleet-photo{aspect-ratio:4/3}.work-page-hero .home-opening{padding-top:44px;padding-bottom:44px}.work-page-hero .supplied-hero-photo img{object-position:45% center}}

.night-service-hero .supplied-hero-photo img{object-position:center 54%;filter:none}
.night-service-hero:before{background:linear-gradient(90deg,rgba(4,30,55,.94) 0%,rgba(4,30,55,.83) 35%,rgba(4,30,55,.35) 70%,rgba(4,30,55,.12) 100%)}
@media(max-width:760px){.night-service-hero:before{background:linear-gradient(90deg,rgba(4,30,55,.94),rgba(4,30,55,.6))}.night-service-hero .supplied-hero-photo img{object-position:65% center}}


/* Service information directory: quiet navigation, useful standalone pages. */
.guide-hero .wrap{padding-top:48px;padding-bottom:50px}.guide-hero h1{font-size:clamp(34px,4.4vw,56px);max-width:940px;letter-spacing:-1.5px;line-height:1.12}.guide-hero .intro{max-width:780px;font-size:19px}.guide-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;margin-bottom:26px;color:#d2e4f2}.guide-breadcrumb a{color:inherit}.guide-checklist{padding-left:22px;margin:18px 0 24px}.guide-checklist li{padding:5px 0;font-size:16px;line-height:1.6}.guide-content{align-items:start;gap:48px}.guide-content h3{margin-top:28px}.guide-photo{aspect-ratio:4/3}.guide-photo img{object-position:center 58%}.guide-related{background:#f0f7fc}.guide-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.guide-related-grid a{display:block;padding:24px;background:#fff;color:#062b50;font-size:18px;font-weight:650;border:1px solid #d9e5ef;border-radius:6px;line-height:1.5}.guide-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.guide-directory>a{display:block;padding:26px;background:#f4f8fc;border:1px solid #d9e5ef;border-top:3px solid #0666c2;border-radius:6px;color:#062b50;text-decoration:none}.guide-directory h3{font-size:21px;line-height:1.35;margin-bottom:15px}.guide-directory p{font-size:16px;line-height:1.65;margin-bottom:0;color:#3a607e}.guide-directory>a:hover,.guide-related-grid a:hover{border-color:#0666c2}.guide-directory>a:focus-visible,.guide-related-grid a:focus-visible{outline:3px solid #0666c2;outline-offset:3px}@media(max-width:900px){.guide-directory{grid-template-columns:repeat(2,1fr)}.guide-related-grid{grid-template-columns:1fr}.guide-content{gap:28px}}@media(max-width:600px){.guide-directory{grid-template-columns:1fr}.guide-hero .wrap{padding-top:32px;padding-bottom:34px}.guide-hero .intro{font-size:17px}.guide-photo{aspect-ratio:3/2}}

/* Septictankservice integrated into the existing blue/green design. */
.septic-hero-tags{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:28px;color:#d7e8f4;font-size:14px}.septic-hero-tags span:before{content:'✓';color:#79d5b4;margin-right:8px}.septic-hero:before{background:linear-gradient(90deg,rgba(4,30,55,.96),rgba(4,30,55,.83) 45%,rgba(4,30,55,.25))}.septic-hero .supplied-hero-photo img{object-position:center 62%}.refreshed-services .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.refreshed-services .refreshed-service-card{padding:28px}.refreshed-services .refreshed-service-card h3{font-size:26px}.nav .links{gap:17px;font-size:14px}@media(min-width:1051px){.brand-logo-window{width:260px}.nav .links .btn{padding:13px 17px}}@media(max-width:900px){.refreshed-services .cards{grid-template-columns:1fr}.refreshed-services .service-photo{max-height:300px}.septic-hero:before{background:linear-gradient(90deg,rgba(4,30,55,.94),rgba(4,30,55,.69))}}@media(max-width:600px){.septic-hero-tags{font-size:13px;gap:10px 16px}.septic-hero .actions{display:grid}.refreshed-services .refreshed-service-card{padding:26px}}




/* 2026 update: visible content, direct contact, accessible mobile layout. */
:root{scroll-padding-top:150px}
html{overflow-wrap:break-word}body{min-width:0}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
.header-contact{background:#062b50;color:#fff;font-size:14px;line-height:1.5}
.header-contact .wrap{display:flex;gap:12px 24px;align-items:center;justify-content:flex-end;padding-block:9px}
.header-contact a{color:#fff;text-decoration:none;font-weight:600}
.header-contact a:hover{text-decoration:underline}
.header-contact span{opacity:.9}
a:focus-visible,button:focus-visible,summary:focus-visible,.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:3px solid #062b50;outline-offset:2px}
.footer address{font-style:normal}.footer a[href^="tel:"],.footer a[href^="mailto:"]{display:block;color:inherit;overflow-wrap:anywhere}
.footer-heading{font-size:20px;line-height:1.4}.footer p{line-height:1.7}.footer-bottom{padding-top:20px}
.footer-links{flex-wrap:wrap}.footer-links a{padding-block:5px}
.certification-band{padding:30px 0;background:#eef5f9;border-top:1px solid #d6e4ee;color:#062b50}
.certification-band p{margin:0 0 12px;font-weight:600}
.certification-band ul{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.certification-band li{background:white;border:1px solid #bfd2df;border-radius:6px;padding:10px 16px;font-weight:700}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.review-placeholder p{overflow-wrap:anywhere;color:#456078}.review-placeholder{border-style:dashed}
.faq-list{max-width:950px;margin-top:28px}.faq-list details{border-bottom:1px solid #cbdbe7;padding:0}
.faq-list summary{cursor:pointer;padding:20px 8px;font-size:18px;font-weight:700;color:#062b50;list-style-position:inside}
.faq-list details[open]{background:#f3f8fc}.faq-list details p{padding:0 18px 20px;margin:0;max-width:80ch}
.legal-copy{max-width:950px;padding-top:60px;padding-bottom:80px}.legal-copy h1{font-size:clamp(32px,5vw,56px);line-height:1.15}
.legal-copy h2{font-size:25px;line-height:1.3;margin-top:38px}.legal-copy p,.legal-copy li{font-size:17px;line-height:1.8}
.legal-notice{padding:20px;border-left:4px solid #0666c2;background:#eef6fd}
.direct-contact{margin-bottom:35px}.direct-contact p a,.final-action p a{display:block;overflow-wrap:anywhere}
.form-privacy{grid-column:2;line-height:1.7;font-size:14px;margin-top:-24px}
.urgent-call{margin:8px 0 16px;min-height:48px;font-weight:700}
.mobile-call{display:none}
.maintenance-dock{position:fixed;z-index:40;right:24px;bottom:24px;display:flex;align-items:center;gap:16px;padding:14px 18px;background:#062b50;color:#fff;border-radius:10px;box-shadow:0 6px 24px #001c3433}
.maintenance-dock[hidden]{display:none}.maintenance-dock a{color:#fff;text-decoration:underline}.dock-close{border:1px solid #ffffff60;background:transparent;color:white;border-radius:6px;min-width:44px;min-height:44px;font-size:24px;cursor:pointer}
.client-toggle,.motion-toggle{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.client-toggle:focus-visible,.motion-toggle:focus-visible{position:fixed!important;top:12px;left:12px;z-index:200;width:auto!important;height:auto!important;margin:0!important;padding:14px!important;clip-path:none!important;background:#fff;color:#062b50}
/* Enhancement never hides text, including when JS/observers fail. */
.reveal,.scroll-reveal,.motion-ready .scroll-reveal,.motion-ready .scroll-reveal:not(.is-revealed),.motion-ready [data-reveal]{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;clip-path:none!important}
@keyframes gentle-reveal{from{translate:0 10px}to{translate:0 0}}
@media(prefers-reduced-motion:no-preference){.is-revealed{animation:gentle-reveal .45s ease both}}
.motion-paused *{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.as-truck{transform:none!important}}
@media(max-width:767px){
 :root{scroll-padding-top:170px}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .wrap{width:calc(100% - 36px);max-width:100%}
 .header-contact .wrap{justify-content:center;gap:3px 12px;flex-wrap:wrap;padding-block:7px;font-size:12px}
 .header-contact span{width:100%;text-align:center;font-size:11px}
 .header-contact a{max-width:100%;overflow-wrap:anywhere}
 .nav{gap:8px;min-width:0}.brand-logo{min-width:0;max-width:230px}
 .menu-toggle{min-width:60px;min-height:44px;padding:8px 12px;flex-shrink:0}
 .links{max-height:calc(100svh - 150px);overflow-y:auto}
 .hero h1{font-size:clamp(34px,10vw,49px);overflow-wrap:normal}
 h2{font-size:clamp(27px,8vw,38px)}
 .hero .intro{font-size:17px;line-height:1.7}
 .actions{display:flex;flex-wrap:wrap;gap:12px}.actions .btn{width:100%;text-align:center}
 .btn{max-width:100%;min-height:48px;white-space:normal;font-size:15px;line-height:1.45;padding:14px 18px}
 .split,.cards,.review-grid,.contact-grid,.pair{grid-template-columns:minmax(0,1fr)!important}
 .split>*,.cards>*,.contact-grid>*,.pair>*{min-width:0}
 .contact-grid .form{padding:22px 18px}.form-privacy{grid-column:1;margin-top:0}
 .form input,.form textarea,.form select{max-width:100%;min-width:0;font-size:16px}
 .form fieldset{min-width:0}.form input[type=file]{font-size:13px}
 .faq-list summary{font-size:17px;line-height:1.5}
 .certification-band li{font-size:14px;padding:10px 12px}
 .footer>.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.footer{padding-bottom:35px}
 .footer a{overflow-wrap:anywhere}
 .maintenance-dock{display:none!important}
 .mobile-call{position:fixed;z-index:100;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;padding:17px 12px calc(17px + env(safe-area-inset-bottom));min-height:60px;background:#0666c2;color:#fff;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 -3px 16px #062b5022}
 .legal-copy{padding-top:38px}.legal-copy h1{font-size:34px}.legal-copy h2{font-size:23px}
}
/* Without JavaScript the expanded navigation stays in normal document flow. */
@media(max-width:767px){html:not(.js-menu) header{position:relative}html:not(.js-menu) .links{max-height:none;overflow:visible}}

/* Selected October photos: responsive crops with preserved work details. */
.home-background-photo picture{display:block;width:100%;height:100%}
.home-background-photo img[data-photo]{object-position:67% 58%}
.home-hero:before{background:linear-gradient(90deg,rgba(4,30,55,.96) 0%,rgba(4,30,55,.86) 34%,rgba(4,30,55,.48) 60%,rgba(4,30,55,.12) 100%)}
.service-photo img[data-photo]{object-position:50% 52%;transition:transform .4s ease}
.service-photo img[data-photo="reiniging-werk"]{object-position:50% 48%}
.service-photo img[data-photo="reiniging-detail"]{object-position:48% 52%}
.service-photo img[data-photo="wagen-overzicht"]{object-fit:contain;background:#eaf0f3}
.work-page-hero .supplied-hero-photo img[data-photo="reiniging-werk"]{object-position:65% 48%}
.work-page-hero .supplied-hero-photo img[data-photo="wagen-overzicht"]{object-position:62% 58%}
.night-service-hero .supplied-hero-photo img[data-photo="wagen-bediening"]{object-position:70% 50%}
.team-shoot-photo{margin:0 0 28px;position:relative;overflow:hidden;border-radius:10px}
.team-shoot-photo img{display:block;width:100%;height:460px;object-fit:cover;object-position:50% 47%}
.team-shoot-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 18px 14px;background:linear-gradient(transparent,#062b50dc);color:#fff;font-size:14px}
.contact-shoot-photo{margin:34px 0 0;border-radius:12px;overflow:hidden}
.contact-shoot-photo img{width:100%;height:390px;display:block;object-fit:cover;object-position:50% 66%}
.personal-section>aside{align-self:start}
@media(max-width:767px){
 .home-background-photo img[data-photo]{object-position:48% 48%}
 .home-hero:before{background:linear-gradient(90deg,rgba(4,30,55,.91),rgba(4,30,55,.64))}
 .team-shoot-photo img{height:auto;aspect-ratio:4/5;object-position:50% 50%}
 .contact-shoot-photo img{height:auto;aspect-ratio:4/5;object-position:50% 66%}
 .night-service-hero .supplied-hero-photo img[data-photo="wagen-bediening"]{object-position:62% 50%}
 .work-page-hero .supplied-hero-photo img[data-photo="wagen-overzicht"]{object-position:53% 55%}
}
@media(prefers-reduced-motion:reduce){.service-photo img[data-photo]{transition:none}}
.personal-section{align-items:start}.personal-section>div{padding-top:18px}
@media(max-width:767px){.personal-section>div{padding-top:0}}

/* More variety: overview, real work and technical detail each have their place. */
.shoot-gallery{padding-top:50px;padding-bottom:55px}
.shoot-gallery h2{margin-bottom:28px}
.shoot-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.shoot-gallery figure{margin:0;border-radius:12px;overflow:hidden;background:#edf4f8}
.shoot-gallery img{display:block;width:100%;height:255px;object-fit:cover}
.shoot-gallery figcaption{padding:17px 20px;color:#062b50;font-size:15px;font-weight:600}
.shoot-gallery img[data-photo="reiniging-medewerker"]{object-position:35% 38%}
.service-photo img[data-photo="tankstation"]{object-position:62% 65%}
.work-page-hero .supplied-hero-photo img[data-photo="tankstation"]{object-position:60% 65%}
.work-page-hero .supplied-hero-photo img[data-photo="werk-bij-wagen"]{object-position:50% 56%}
.work-page-hero .supplied-hero-photo img[data-photo="wagen-op-locatie"]{object-position:62% 55%}
.service-photo img[data-photo="zuigslang-werk"]{object-position:50% 58%}
@media(max-width:767px){
 .shoot-gallery-grid{grid-template-columns:1fr;gap:20px}
 .shoot-gallery img{height:240px}
 .shoot-gallery img[data-photo="reiniging-medewerker"]{height:320px;object-position:50% 42%}
 .work-page-hero .supplied-hero-photo img[data-photo="tankstation"]{object-position:73% 60%}
 .work-page-hero .supplied-hero-photo img[data-photo="werk-bij-wagen"]{object-position:50% 50%}
}

/* Styling reserved for future confirmed reviews; no customer identities. */
.review-card{padding:28px;border:1px solid #d7e5ee;background:#fff;border-radius:10px}.review-card blockquote{margin:0 0 20px;line-height:1.8}

/* Silent banner video, with a still image for reduced motion and failures. */
.home-background-photo .hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#062b50}
.hero-video-toggle{position:absolute;right:22px;bottom:20px;z-index:3;min-height:44px;padding:10px 14px;border:1px solid #ffffff80;border-radius:7px;background:#062b50e6;color:white;cursor:pointer;font:inherit;font-size:13px}
.hero-video-toggle[hidden]{display:none}.hero-video-toggle:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:600px){.hero-video-toggle{right:18px;bottom:14px;font-size:12px;padding:8px 10px}.home-background-photo .hero-video{object-position:55% center}}

/* Launch preparation: existing visual language, balanced columns and longer search headings. */
.hero h1{font-size:clamp(34px,4.4vw,60px);letter-spacing:-1.7px;line-height:1.12;max-width:930px;overflow-wrap:break-word}
.home-photo-copy{max-width:760px}.home-photo-copy h1{font-size:clamp(36px,4.5vw,62px);max-width:760px;letter-spacing:-1.8px}
.hero-slogan{font-size:clamp(18px,2vw,23px);color:#a9d9f8;font-weight:600;margin:-8px 0 24px;line-height:1.4}
.personal-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:stretch}
.personal-section>div{padding-top:0}.personal-section>aside{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:38px}
.personal-section .team-shoot-photo{margin-bottom:30px}.personal-section .team-shoot-photo img{height:320px;object-position:center 42%}
.reference-section{display:flex;align-items:center;justify-content:space-between;gap:36px}.reference-section>div{max-width:780px}.reference-section h2{font-size:clamp(28px,3vw,40px)}.reference-section .btn{flex-shrink:0}.reference-section p:last-child{margin-bottom:0}
.footer>.wrap:not(.footer-bottom){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.footer-brand{max-width:540px}.footer-slogan{font-weight:700;color:#062b50;font-size:19px;margin-top:18px}.footer-service-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px}.footer-brand>p{max-width:440px}.footer .footer-logo-window{max-width:100%}
.guide-article-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:52px;align-items:start}.guide-article section+section{margin-top:38px}.guide-article h2{font-size:clamp(25px,2.4vw,32px);letter-spacing:-.7px}.guide-article p{line-height:1.8}.guide-aside figure{margin:0;border-radius:10px;overflow:hidden;background:#e4eef6}.guide-aside img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.guide-aside figcaption{padding:18px;font-size:14px}.guide-contact{margin-top:26px;background:#062b50;color:white;border-radius:10px;padding:26px}.guide-contact h2{font-size:26px}.guide-contact a{display:block;overflow-wrap:anywhere;margin-top:12px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.guide-card{padding:28px;border:1px solid #d7e5ef;border-radius:10px;background:#fff}.guide-card h2{font-size:27px;letter-spacing:-.5px}.guide-card h2 a:hover{text-decoration:underline}
.home-background-photo{background-image:url('/images/voorbereiding/afscheiderservice-banner-poster.webp');background-size:cover;background-position:center}.home-background-photo .hero-video{background:transparent}
.section{padding-top:80px;padding-bottom:80px}.shoot-gallery{padding-top:60px;padding-bottom:60px}.hero-video-toggle{bottom:15px}
@media(max-width:767px){
 .hero h1,.home-photo-copy h1,.contact-hero h1{font-size:36px;letter-spacing:-1px;line-height:1.12}.hero-slogan{font-size:19px;margin-top:0}
 .personal-section,.guide-article-layout,.guide-grid,.footer>.wrap:not(.footer-bottom){grid-template-columns:minmax(0,1fr)!important;gap:28px}
 .personal-section>aside{padding:26px}.personal-section .team-shoot-photo img{height:auto;aspect-ratio:4/3}
 .reference-section{display:block}.reference-section .btn{margin-top:24px;width:100%;text-align:center}
 .section{padding-top:52px;padding-bottom:52px}.guide-card{padding:24px}.guide-hero .wrap{padding-top:40px;padding-bottom:40px}
 .guide-hero h1{font-size:34px}.guide-article-layout>*{min-width:0}.guide-contact{padding:24px}.guide-aside img{max-height:420px}
 .footer-service-links a{display:inline-flex;align-items:center;min-height:44px}.footer-logo-window{width:min(290px,100%)}
 .home-photo-copy .intro{font-size:17px}.home-photo-grid{margin-bottom:42px}.home-hero .hero-bottom{max-width:100%;padding-bottom:48px}
 .header-contact .wrap,.links,.contact-grid,.form,.form label{min-width:0}.header-contact a{overflow-wrap:anywhere}
 .form input,.form textarea,.form select{font-size:16px;min-height:48px}.form input[type=checkbox]{min-height:initial;min-width:18px}.form input[type=file]{font-size:13px;width:100%}
 .btn,.text-link{overflow-wrap:break-word}.guide-grid h2{font-size:26px}figure{max-width:100%}
}
@media(max-width:767px){.nav{gap:10px;padding-left:18px;padding-right:18px}.nav .brand{flex:1;min-width:0}.nav .brand-logo-window{width:220px;max-width:100%;height:78px;flex-shrink:1}.nav .menu-toggle{flex:0 0 auto;padding:10px 12px}.guide-card h2,.guide-hero h1{hyphens:auto}}
@media(min-width:768px){.hero-video-toggle{top:20px;bottom:auto}}
/* Revised photo selection: preserve the worker and branding in portrait source crops. */
.personal-section .team-shoot-photo img{height:420px;object-position:center 48%}
.septic-hero .supplied-hero-photo img{object-position:center 50%}
@media(max-width:767px){.personal-section .team-shoot-photo img{height:auto;aspect-ratio:4/5;object-position:center}.septic-hero .supplied-hero-photo img{object-position:65% center}}
/* Han has confirmed he is the person in the orange jacket. Keep his head and jacket logo in view. */
.personal-section .team-shoot-photo img{object-position:center 76%}
.service-focus img[src*="grootkeuken-onderhoud-team"]{object-position:center 20%}
@media(max-width:767px){.personal-section .team-shoot-photo img{object-position:center 68%}}
/* Sustainability: concise, service-specific content with the existing green palette. */
.sustainability .green-grid{align-items:stretch;gap:36px}.sustainability .green-intro{display:flex;flex-direction:column;justify-content:center;padding:34px}.sustainability .green-intro h3{max-width:440px;font-size:clamp(27px,2.8vw,34px)}.sustainability .green-intro p:last-child{margin-bottom:0;color:#d0e9da}.sustainability .green-details{display:flex;flex-direction:column;justify-content:center;gap:28px}.sustainability .green-details h3{font-size:24px;margin-bottom:13px}.sustainability .green-details p{margin-bottom:0}.eco-cert-labels{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:19px 0 0}.eco-cert-labels li{padding:8px 12px;border:1px solid #bad8c7;border-radius:6px;color:#20583c;background:#fff9;font-size:13px;font-weight:700}
@media(max-width:767px){.sustainability .green-grid{gap:28px}.sustainability .green-intro{padding:26px}.sustainability .green-details{gap:26px}.sustainability .green-details h3{font-size:23px}.eco-cert-labels li{font-size:12px;max-width:100%}}
.text-accent{color:#0666c2}
/* 2026-10: pluspunten, spoedregel en regelgeving */
.hero-urgent{margin:14px 0 0;font-weight:700}
.hero-urgent a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hero-bottom strong{color:#fff}
.usp-band{background:#eef5f9;border-bottom:1px solid #d6e4ee;padding:26px 0;color:#062b50}
.usp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.usp-list li{background:#fff;border:1px solid #bfd2df;border-top:3px solid #0666c2;border-radius:6px;padding:16px 18px}
.usp-list strong{display:block;font-size:16px;line-height:1.3;margin-bottom:6px}
.usp-list span{display:block;font-size:14px;line-height:1.45;color:#56708a}
.usp-proof{margin:16px 0 0;font-weight:700;font-size:15px}
.legal-duty{max-width:900px}
.legal-duty ul{padding-left:20px}
.legal-duty li{margin-bottom:8px}
@media(max-width:1000px){.usp-list{grid-template-columns:1fr;gap:10px}}
@media(max-width:767px){.home-hero .intro-extra,.home-hero .hero-slogan{display:none}.usp-list{grid-template-columns:1fr;gap:10px}.usp-list li{padding:12px 14px}}
.nowrap{white-space:nowrap}
/* Focus ring on dark backgrounds */
.hero :focus-visible,.footer :focus-visible,footer :focus-visible,.header-contact :focus-visible{outline:3px solid #ffffff;outline-offset:2px}