:root { --ink:#162338; --green:#1f6fb5; --green-dark:#2a50a1; --mint:#d4dcec; --cream:#f8f8f8; --paper:#ffffff; --gold:#f6c55f; --red:#e30613; --line:#d8e0ec; --muted:#5d6f87; --font-sans:Arial,Helvetica,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans); line-height:1.6; }
a { color:inherit; text-decoration:none; }
svg { width:1.05em; height:1.05em; stroke-width:2; }
.shell { width:min(1160px,calc(100% - 40px)); margin:0 auto; }
.topline { background:var(--ink); color:#fff; font-size:.78rem; letter-spacing:.04em; }
.topline-inner { min-height:36px; display:flex; align-items:center; justify-content:space-between; }
.topline a { display:inline-flex; align-items:center; gap:8px; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-bottom:1px solid rgba(42,80,161,.12); backdrop-filter:blur(16px); }
.nav-wrap { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:inline-flex; align-items:center; gap:12px; line-height:1.1; }
.brand-mark { width:44px; height:44px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #163f87; border-radius:13px; background:linear-gradient(145deg,var(--green-dark),var(--green)); color:white; box-shadow:0 6px 16px rgba(42,80,161,.25); }
.brand-mark svg { width:32px; height:32px; overflow:visible; }
.brand-mark .mark-letter { fill:none; stroke:#fff; stroke-width:4.4; stroke-linecap:round; stroke-linejoin:round; }
.brand-mark .mark-drop { fill:#9fd9f3; }
.brand-mark .mark-swoosh { fill:none; stroke:#62c84d; stroke-width:3.4; stroke-linecap:round; }
.brand-mark .mark-sparkle { fill:#fff; }
.brand strong { display:block; font-size:1rem; letter-spacing:-.01em; }
.brand small { display:block; margin-top:4px; color:var(--muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.18em; }
nav { display:flex; align-items:center; gap:30px; font-size:.9rem; font-weight:700; }
nav a { transition:color .2s ease; }
nav a:hover { color:var(--green); }
.nav-cta { padding:11px 17px; border-radius:999px; background:var(--green); color:white!important; }
.hero { overflow:hidden; background:var(--cream); }
.hero-grid { min-height:680px; display:grid; grid-template-columns:1.05fr .95fr; align-items:stretch; }
.hero-copy { padding:92px 70px 76px 0; display:flex; flex-direction:column; justify-content:center; }
.eyebrow { margin:0 0 16px; display:flex; align-items:center; gap:9px; color:var(--green); font-size:.75rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:Georgia,'Times New Roman',serif; letter-spacing:-.035em; line-height:1.04; }
h1 { max-width:740px; margin-bottom:25px; font-size:clamp(3.1rem,5.6vw,5.75rem); font-weight:500; }
h2 { margin-bottom:22px; font-size:clamp(2.35rem,4vw,4rem); font-weight:500; }
.lead { max-width:660px; margin-bottom:32px; color:#536985; font-size:1.08rem; }
.hero-actions,.contact-actions { display:flex; align-items:center; flex-wrap:wrap; gap:13px; }
.button { min-height:50px; padding:0 21px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid transparent; border-radius:999px; font-weight:800; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--green); color:white; }
.button-primary:hover { background:var(--green-dark); }
.button-light { border-color:#bdcbe0; background:rgba(255,255,255,.72); }
.trust-row { margin-top:40px; padding-top:22px; display:flex; flex-wrap:wrap; gap:18px 24px; border-top:1px solid #d4dcec; color:#425a78; font-size:.875rem; font-weight:700; }
.trust-row span { display:inline-flex; align-items:center; gap:7px; }
.trust-row svg { color:var(--green); }
.hero-visual { position:relative; min-height:680px; background-color:#d4dcec; background-image:linear-gradient(155deg,rgba(42,80,161,.16),rgba(31,111,181,.48)),url('hero-clean-blue.png'); background-position:center; background-size:cover; background-repeat:no-repeat; background-blend-mode:color,multiply; }
.hero-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,var(--cream),transparent 25%); }
.experience-card { position:absolute; z-index:2; right:28px; bottom:28px; width:145px; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:var(--gold); color:var(--ink); text-align:center; box-shadow:0 16px 45px rgba(42,80,161,.24); }
.experience-card strong { font:500 2.6rem/1 Georgia,serif; }
.experience-card span { max-width:80px; margin-top:6px; font-size:.72rem; font-weight:800; line-height:1.25; text-transform:uppercase; letter-spacing:.08em; }
.section { padding:110px 0; }
.section-heading { margin-bottom:48px; display:grid; grid-template-columns:1.25fr .75fr; gap:60px; align-items:end; }
.section-heading h2 { margin-bottom:0; }
.section-heading>p { max-width:440px; margin:0 0 5px; color:var(--muted); }
.section-heading.compact { grid-template-columns:1fr; }
.featured-services { border-top:1px solid var(--line); }
.service-detail { border-bottom:1px solid var(--line); }
.service-detail summary { min-height:150px; padding:28px 0; display:grid; grid-template-columns:74px minmax(0,1fr) auto; gap:24px; align-items:center; cursor:pointer; list-style:none; }
.service-detail summary::-webkit-details-marker,.more-services summary::-webkit-details-marker { display:none; }
.service-icon { position:relative; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#e7eef9; color:var(--green-dark); }
.service-icon>svg { width:26px; height:26px; stroke-width:1.9; }
.service-icon>.service-icon-sparkle { position:absolute; top:5px; right:4px; width:14px; height:14px; color:var(--gold); stroke-width:2.5; }
.service-intro { display:grid; gap:8px; }
.service-intro strong { font:500 clamp(1.45rem,2.5vw,2rem)/1.2 Georgia,'Times New Roman',serif; }
.service-intro>span { max-width:740px; color:var(--muted); font-size:1rem; }
.detail-toggle { min-width:128px; display:flex; align-items:center; justify-content:flex-end; gap:8px; color:var(--green); font-size:.82rem; font-weight:800; }
.detail-toggle svg { transition:transform .2s ease; }
.service-detail[open] .detail-toggle svg { transform:rotate(90deg); }
.service-expanded { margin:-8px 0 0 98px; padding:0 0 30px; display:grid; grid-template-columns:minmax(0,720px) auto; gap:22px; align-items:end; }
.service-expanded p { margin:0; color:#415874; }
.service-expanded a { display:inline-flex; align-items:center; gap:8px; color:var(--green-dark); font-size:.86rem; font-weight:800; white-space:nowrap; }
.water-help { margin-top:48px; padding:clamp(28px,5vw,50px); display:grid; grid-template-columns:72px minmax(0,1fr) auto; gap:28px; align-items:center; border-radius:24px; background:var(--green-dark); color:white; box-shadow:0 20px 55px rgba(42,80,161,.16); }
.water-icon { width:68px; height:68px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.12); color:var(--gold); }
.water-icon svg { width:34px; height:34px; }
.water-help .eyebrow { margin-bottom:10px; }
.water-help h3 { margin-bottom:10px; font:500 clamp(1.75rem,3vw,2.6rem)/1.15 Georgia,'Times New Roman',serif; }
.water-help p:not(.eyebrow) { max-width:690px; margin:0; color:#dbe6f5; font-size:1rem; }
.more-services { margin-top:64px; display:grid; grid-template-columns:.7fr 1.3fr; gap:50px; align-items:start; }
.more-services h3 { margin:0; font:500 clamp(1.55rem,2.5vw,2rem)/1.2 Georgia,'Times New Roman',serif; }
.more-services ul { margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 34px; list-style:none; border-top:1px solid var(--line); }
.more-services li { border-bottom:1px solid var(--line); }
.more-services details { width:100%; }
.more-services summary { min-height:74px; display:grid; grid-template-columns:50px minmax(0,1fr) 22px; gap:13px; align-items:center; cursor:pointer; list-style:none; font-weight:700; }
.additional-service-icon { position:relative; width:46px; height:46px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#e7eef9; color:var(--green-dark); }
.additional-service-icon>svg:first-child { width:24px; height:24px; stroke-width:1.9; }
.additional-service-icon>img { width:39px; height:39px; display:block; object-fit:contain; }
.additional-service-icon>.additional-service-icon-accent { position:absolute; top:3px; right:2px; width:13px; height:13px; color:var(--gold); stroke-width:2.5; }
.more-services summary b { color:var(--green); font-size:1.3rem; font-weight:500; text-align:center; transition:transform .2s ease; }
.more-services details[open] summary b { transform:rotate(45deg); }
.more-services details p { margin:-2px 0 20px 63px; color:var(--muted); font-size:.92rem; line-height:1.55; }
.examples-section { padding-top:96px; background:#f5f8fc; }
.comparison-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.comparison-card { margin:0; overflow:hidden; border:1px solid #d6e0ed; border-radius:20px; background:white; box-shadow:0 16px 42px rgba(42,80,161,.09); }
.comparison-image { position:relative; aspect-ratio:3/2; overflow:hidden; background:#dfe7f1; }
.comparison-image img { width:100%; height:100%; display:block; object-fit:cover; }
.comparison-image::after { content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; background:rgba(255,255,255,.9); box-shadow:0 0 0 1px rgba(22,35,56,.1); }
.comparison-image>span { position:absolute; z-index:1; top:14px; padding:6px 11px; border-radius:999px; font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 4px 12px rgba(22,35,56,.14); }
.before-label { left:14px; background:rgba(22,35,56,.86); color:white; }
.after-label { right:14px; background:rgba(255,255,255,.94); color:var(--green-dark); }
.comparison-card figcaption { padding:18px 20px 20px; font:500 1.2rem/1.25 Georgia,'Times New Roman',serif; }
.image-disclosure { margin:18px 0 0; color:var(--muted); font-size:.8rem; text-align:right; }
.about-section { background:#edf2f9; color:var(--ink); }
.about-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:100px; align-items:center; }
.about-panel>p:not(.eyebrow) { max-width:650px; color:#4d617d; font-size:1rem; }
.eyebrow.light { color:#b9d4f1; }
.company-facts { border-top:1px solid #bdcbe0; }
.company-facts>div { padding:22px 0; display:grid; grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr); gap:20px; border-bottom:1px solid #bdcbe0; align-items:baseline; }
.company-facts strong { color:var(--green-dark); font:500 1.35rem/1.2 Georgia,'Times New Roman',serif; }
.company-facts span { color:var(--muted); font-size:.95rem; }
.process-section { background:var(--paper); }
.process-list { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; }
.process-list li { position:relative; padding-right:28px; }
.process-list li:not(:last-child)::after { content:''; position:absolute; top:24px; left:58px; right:18px; border-top:1px dashed #9db8cf; }
.process-list>li>span { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:var(--mint); color:var(--green); font-weight:900; }
.process-list h3 { margin:20px 0 0; font-size:1rem; }
.process-list p { margin:0; color:var(--muted); font-size:.9rem; }
.jobs-section { padding:70px 0; background:var(--green-dark); color:white; }
.jobs-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:clamp(36px,7vw,100px); align-items:center; }
.jobs-grid h2 { margin-bottom:18px; }
.jobs-grid>div>p:not(.eyebrow) { max-width:680px; margin:0; color:#dbe6f5; }
.jobs-actions { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.jobs-phone { display:inline-flex; align-items:center; gap:9px; color:white; font-weight:800; }
.faq-section { background:#f5f8fc; }
.faq-grid { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); gap:clamp(40px,7vw,100px); align-items:start; }
.faq-heading { position:sticky; top:130px; }
.faq-heading h2 { margin-bottom:18px; }
.faq-heading>p:last-child { max-width:360px; margin:0; color:var(--muted); }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { min-height:76px; padding:18px 4px; display:grid; grid-template-columns:minmax(0,1fr) 32px; gap:20px; align-items:center; cursor:pointer; list-style:none; font-weight:800; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--mint); color:var(--green-dark); font-size:1.25rem; font-weight:500; transition:transform .2s ease,background .2s ease; }
.faq-list details[open] summary span { transform:rotate(45deg); background:var(--green); color:white; }
.faq-list details p { max-width:720px; margin:-3px 50px 24px 4px; color:var(--muted); }
.contact-section { padding:100px 0; background:var(--green); color:white; }
.contact-intro { max-width:720px; margin-bottom:34px; }
.contact-intro>p:not(.eyebrow) { color:#e1ebf7; }
.contact-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:clamp(28px,4vw,60px); align-items:start; }
.button-white { background:white; color:var(--green-dark); }
.text-link { display:inline-flex; align-items:center; gap:9px; font-weight:700; }
.contact-form { position:relative; padding:clamp(22px,4vw,34px); display:grid; gap:20px; border-radius:20px; background:#fff; color:var(--ink); box-shadow:0 25px 70px rgba(0,0,0,.13); }
.contact-layout>*,.form-row>* { min-width:0; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.contact-form label { display:grid; gap:8px; font-size:.9rem; font-weight:800; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:1px solid #b9c7d7; border-radius:10px; background:#fff; color:var(--ink); font:inherit; font-weight:500; }
.contact-form input,.contact-form select { min-height:48px; padding:10px 12px; }
.contact-form textarea { min-height:150px; padding:12px; resize:vertical; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { outline:3px solid rgba(43,117,71,.22); border-color:var(--green); }
.contact-form .optional { color:#63758c; font-size:.78rem; font-weight:500; }
.privacy-check { grid-template-columns:22px 1fr !important; align-items:start; gap:10px !important; font-weight:500 !important; }
.privacy-check input { width:20px; min-height:20px; margin-top:2px; }
.privacy-check a { text-decoration:underline; }
.contact-form .button { justify-self:start; border:0; background:var(--green); color:#fff; cursor:pointer; }
.contact-form .button:disabled { cursor:wait; opacity:.65; }
.form-note,.form-status { margin:0; font-size:.82rem; color:#52657c; }
.form-status[data-state="success"] { color:#176b39; font-weight:800; }
.form-status[data-state="error"] { color:#a52222; font-weight:800; }
.form-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.contact-card { padding:30px; display:grid; gap:26px; border-radius:20px; background:#fff; color:var(--ink); box-shadow:0 25px 70px rgba(0,0,0,.13); }
.contact-card>div { display:grid; grid-template-columns:30px 1fr; gap:14px; }
.contact-card svg { width:22px; height:22px; color:var(--green); }
.contact-card strong { display:block; margin-bottom:5px; }
.contact-card span { font-size:.9rem; }
.contact-card a { text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere; }
footer { padding:30px 0; background:var(--green-dark); color:#d4dfef; font-size:.8rem; }
.footer-inner { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:30px; }
.footer-inner strong { display:block; color:white; font-size:.9rem; }
.footer-inner>div>span { display:block; }
.footer-links { display:flex; gap:20px; color:white; }
.legal-page { min-height:100vh; background:var(--cream); }
.legal-wrap { width:min(800px,calc(100% - 40px)); margin:0 auto; padding:70px 0 110px; }
.legal-wrap>a { display:inline-block; margin-bottom:40px; color:var(--green); font-weight:800; }
.legal-wrap h1 { font-size:clamp(2.7rem,7vw,4.7rem); }
.legal-card { padding:clamp(25px,5vw,55px); background:white; border:1px solid var(--line); border-radius:20px; }
.legal-card h2 { margin-top:38px; font-family:var(--font-sans); font-size:1.1rem; letter-spacing:0; }
.legal-card p,.legal-card li { color:#4d617d; }

@media (min-width:901px) and (max-width:1100px) { .company-facts>div{grid-template-columns:1fr;gap:6px;align-items:start} }

@media (max-width:900px) { .site-header nav a:not(.nav-cta){display:none}.hero-grid,.about-grid,.contact-layout{grid-template-columns:1fr}.hero-copy{padding:70px 0 55px}.hero-visual{min-height:460px;margin:0 -20px}.section-heading{grid-template-columns:1fr;gap:10px}.water-help{grid-template-columns:68px 1fr}.water-help .button{grid-column:2}.more-services{grid-template-columns:1fr;gap:24px}.comparison-grid{grid-template-columns:1fr}.comparison-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);align-items:center}.comparison-card figcaption{font-size:1.35rem}.about-grid,.contact-layout{gap:50px}.process-list{grid-template-columns:repeat(2,1fr);gap:40px 20px}.footer-inner{grid-template-columns:1fr auto}.footer-inner>span{grid-column:1/-1} }
@media (max-width:560px) { .shell{width:min(100% - 28px,1160px)}.topline-inner>span{display:none}.topline-inner{justify-content:center}.nav-wrap{min-height:72px}.brand-mark{width:38px;height:38px}.nav-cta{padding:9px 13px;font-size:.78rem}.hero-grid{min-height:auto}.hero-copy{padding-top:54px}h1{font-size:clamp(2.8rem,15vw,4.2rem)}.hero-actions .button{width:100%}.hero-visual{min-height:360px}.section{padding:78px 0}.service-detail summary{grid-template-columns:48px 1fr;gap:14px}.detail-toggle{grid-column:2;justify-content:flex-start}.service-expanded{margin:-6px 0 0 62px;grid-template-columns:1fr}.water-help{grid-template-columns:1fr;gap:20px}.water-help .button{grid-column:1;width:100%}.more-services ul{grid-template-columns:1fr}.comparison-card{display:block}.image-disclosure{text-align:left}.company-facts>div{grid-template-columns:1fr;gap:5px}.process-list{grid-template-columns:1fr}.process-list li:not(:last-child)::after{display:none}.contact-section{padding:78px 0}.form-row{grid-template-columns:1fr}.contact-form .button{width:100%}.contact-actions{align-items:flex-start;flex-direction:column}.text-link{font-size:.82rem;overflow-wrap:anywhere}.footer-inner{grid-template-columns:1fr}.footer-inner>span{grid-column:auto} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*{transition:none!important} }

/* Responsive layout: allow content to wrap without clipping. */
body { overflow-wrap:anywhere; }
img { max-width:100%; }
svg { flex-shrink:0; }
.shell > *, .nav-wrap > *, .brand > span, .hero-grid > *, .section-heading > *, .about-grid > *, .contact-grid > *, .company-facts > div > *, .more-services > *, .more-services li, .service-expanded > *, .footer-inner > * { min-width:0; }
.brand { min-width:0; }
.brand strong { line-height:1.25; }
.nav-wrap { gap:20px; padding-block:12px; }
.site-header nav { flex-wrap:wrap; gap:12px 22px; }
.site-header nav a { display:inline-flex; align-items:center; min-height:44px; }
.button { padding-block:12px; max-width:100%; text-align:center; }
.hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); }
.hero-copy { padding-right:clamp(24px,4vw,60px); }
.section-heading:has(>div:only-child) { grid-template-columns:minmax(0,1fr); }
.about-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(32px,5vw,70px); }
.company-facts>div { grid-template-columns:minmax(0,1fr); gap:8px; align-items:start; }
.service-expanded { grid-template-columns:minmax(0,1fr); }
.service-expanded a { white-space:normal; overflow-wrap:anywhere; }
.more-services { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); }
.more-services summary { grid-template-columns:50px minmax(0,1fr) 22px; padding-block:12px; }
.contact-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(28px,4vw,60px); }
.contact-card>div { grid-template-columns:30px minmax(0,1fr); }
.text-link { display:block; max-width:100%; overflow-wrap:anywhere; }
.text-link svg { vertical-align:middle; margin-right:6px; }
.footer-links { flex-wrap:wrap; }
.legal-card { min-width:0; }
section[id] { scroll-margin-top:120px; }
@media (max-width:1100px) {
  .hero-grid,.about-grid,.contact-grid { grid-template-columns:minmax(0,1fr); }
  .hero-grid { min-height:0; }
  .hero-copy { padding:60px 0; }
  .hero-visual { min-height:420px; margin:0; }
  .section-heading,.more-services { grid-template-columns:minmax(0,1fr); gap:24px; }
  .water-help { grid-template-columns:68px minmax(0,1fr); }
  .water-help .button { grid-column:2; justify-self:start; }
  .about-grid,.contact-grid { gap:40px; }
  .faq-heading { position:static; }
}
@media (max-width:900px) {
  .site-header nav a:not(.nav-cta) { display:inline-flex; }
  .nav-wrap { flex-wrap:wrap; }
  .site-header nav { width:100%; justify-content:space-between; gap:8px 16px; font-size:.85rem; }
  .comparison-card { display:block; }
  .comparison-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .comparison-card:last-child { grid-column:1/-1; width:min(100%,560px); justify-self:center; }
  .service-detail summary { grid-template-columns:48px minmax(0,1fr); gap:14px; }
  .detail-toggle { grid-column:2; justify-content:flex-start; }
  .service-expanded { margin-left:62px; }
  .site-header { position:relative; }
  section[id] { scroll-margin-top:20px; }
}
@media (max-width:600px) {
  h1 { font-size:clamp(2rem,9vw,3.25rem); }
  h2 { font-size:clamp(1.8rem,7.5vw,2.65rem); }
  .section,.contact-section { padding-block:60px; }
  .hero-copy { padding-block:44px; }
  .hero-visual { min-height:320px; margin:0; }
  .brand { gap:10px; }
  .brand strong { font-size:1rem; }
  .site-header nav { justify-content:flex-start; }
  .site-header nav .nav-cta { margin-left:0; }
  .more-services ul,.comparison-grid,.process-list { grid-template-columns:minmax(0,1fr); }
  .faq-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
  .faq-list summary { min-height:68px; }
  .faq-list details p { margin-right:4px; }
  .comparison-card:last-child { width:100%; }
  .water-help { padding:24px; grid-template-columns:minmax(0,1fr); }
  .water-help .button { grid-column:1; width:100%; }
  .contact-card { padding:22px; }
  .service-expanded { margin-left:0; }
  .service-detail summary { padding-block:22px; }
  .process-list li:not(:last-child)::after { display:none; }
  .footer-inner { grid-template-columns:minmax(0,1fr); }
  .topline-inner { flex-wrap:wrap; gap:8px; padding-block:6px; }
  .topline-inner>span { display:none; }
  .legal-wrap { padding-block:40px 60px; }
  .legal-wrap h1 { font-size:clamp(2rem,9vw,3rem); }
  .legal-card { padding:22px; }
}

/* Compact desktop introduction. */
.hero h1 { font-size:clamp(2.2rem,4vw,3.5rem); line-height:1.08; margin-bottom:22px; }
.hero .lead { margin-bottom:24px; }
.hero .trust-row { margin-top:26px; padding-top:18px; }
.experience-card span { max-width:110px; overflow-wrap:normal; word-break:normal; }
@media (min-width:901px) {
.hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); min-height:540px; }
.hero-copy { padding:48px 36px 48px 0; }
.hero-visual { min-height:540px; margin:0; }
.section,.contact-section { padding-block:76px; }
.section-heading { margin-bottom:32px; }
}
@media (max-width:600px) { .hero h1 { font-size:clamp(2rem,9vw,3rem); } }
.jobs-page { min-height:100vh; background:var(--paper); }
.jobs-page-hero { padding:clamp(70px,8vw,120px) 0; background:#edf2f9; }
.jobs-page-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:clamp(40px,7vw,100px); align-items:center; }
.jobs-page-copy h1 { max-width:700px; margin-bottom:24px; font-size:clamp(2.8rem,5vw,5rem); }
.jobs-lead { max-width:680px; margin:0; color:#4d617d; font-size:1.08rem; }
.jobs-apply-card { padding:clamp(26px,4vw,42px); border-radius:24px; background:var(--green-dark); color:white; box-shadow:0 20px 55px rgba(42,80,161,.18); }
.jobs-apply-card .eyebrow { color:#b9d4f1; }
.jobs-apply-card h2 { margin-bottom:18px; font-size:clamp(1.9rem,3vw,2.7rem); }
.jobs-apply-card>p:not(.eyebrow) { color:#dbe6f5; }
.jobs-apply-card .button { margin-top:8px; }
.jobs-apply-phone { margin-top:20px; display:inline-flex; align-items:center; gap:9px; color:white; font-weight:800; }
.jobs-values-section { background:var(--paper); }
.jobs-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.jobs-value { padding:28px; border:1px solid var(--line); border-radius:20px; background:white; }
.jobs-value h3 { margin:0 0 10px; font:500 1.4rem/1.2 Georgia,'Times New Roman',serif; }
.jobs-value p { margin:0; color:var(--muted); }
@media (max-width:900px) { .jobs-page-grid { grid-template-columns:minmax(0,1fr); } }
@media (max-width:600px) { .jobs-page-hero { padding-block:55px; } .jobs-values-grid { grid-template-columns:minmax(0,1fr); } .jobs-apply-card { padding:24px; } .jobs-apply-card .button { width:100%; } }

/* Accessible navigation and legal links. */
.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:#fff;color:#162338;padding:12px 18px;border:2px solid #1f6fb5}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e39000;outline-offset:4px}.legal-nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:26px}.legal-nav a,.source-link,.applicant-privacy a{text-decoration:underline}.applicant-privacy{font-size:.9rem;margin-top:20px}.jobs-openings-grid,.jobs-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:28px}.jobs-list{padding-left:22px}.jobs-closing{margin-top:32px}.jobs-value .eyebrow{margin-bottom:12px}.jobs-value .job-detail{margin-top:12px}@media(max-width:600px){.jobs-openings-grid,.jobs-benefits-grid{grid-template-columns:minmax(0,1fr)}}

/* Separate benefits from applicant requirements. */
.jobs-benefits-grid { column-gap:0; }
.jobs-benefits-grid>div:first-child { padding-right:24px; }
.jobs-benefits-grid>div+div { border-left:2px solid var(--green); padding-left:24px; }
@media (max-width:600px) {
  .jobs-benefits-grid { row-gap:24px; }
  .jobs-benefits-grid>div:first-child { padding-right:0; }
  .jobs-benefits-grid>div+div { border-left:0; border-top:2px solid var(--green); padding:24px 0 0; }
}
/* Keep the complete desktop navigation aligned with the brand. */
.site-header .nav-wrap { width:min(1280px,calc(100% - 48px)); gap:24px; }
.site-header .brand { flex:0 0 220px; }
.site-header .brand strong { max-width:170px; }
.site-header nav { flex-wrap:nowrap; gap:16px; font-size:.82rem; }
.site-header nav a { white-space:nowrap; }
.site-header nav .nav-cta { flex-shrink:0; padding-inline:16px; }
@media (min-width:1200px) {
  .site-header .nav-wrap { flex-wrap:nowrap; }
  .site-header nav { width:auto; margin-left:auto; }
}
@media (max-width:1199px) {
  .site-header .nav-wrap { flex-wrap:wrap; gap:8px; padding-block:16px; }
  .site-header .brand { flex-basis:auto; }
  .site-header nav { width:100%; justify-content:space-between; gap:8px 12px; }
  .site-header { position:relative; }
}
@media (max-width:760px) {
  .site-header .nav-wrap { width:calc(100% - 32px); gap:16px; }
  .site-header nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; }
  .site-header nav a { white-space:normal; line-height:1.35; }
  .site-header nav .nav-cta { grid-column:1/-1; justify-content:center; margin:8px 0 0; }
}
/* Compact company logo in the site header. */
.brand-logo{display:block;flex:0 0 auto;line-height:0}.brand-logo-image{display:block;width:255px;height:auto;max-width:100%}@media(max-width:900px){.brand-logo-image{width:235px}}@media(max-width:600px){.brand-logo{width:100%}.brand-logo-image{width:220px;max-width:78vw}}

/* Illustrated scope of stairwell cleaning. */
.cleaning-explainer{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start;margin-block:36px 56px}
.cleaning-figure{margin:0;min-width:0}.cleaning-picture{position:relative;overflow:hidden;border-radius:24px;background:#eeeae3;border:1px solid var(--line)}
.cleaning-picture img{display:block;width:100%;height:auto}.cleaning-figure figcaption{margin-top:12px;color:var(--muted);font-size:.78rem;line-height:1.5}
.cleaning-pin,.cleaning-number{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1f6fb5;color:#fff;font-weight:800;font-size:1rem;flex-shrink:0}
.cleaning-pin{position:absolute;width:34px;height:34px;border:2px solid white;box-shadow:0 3px 12px #182b4940;transform:translate(-50%,-50%)}
.cleaning-pin-1{left:51%;top:59%}.cleaning-pin-2{left:55%;top:40%}.cleaning-pin-4{left:84%;top:51%}.cleaning-pin-5{left:22%;top:43%}.cleaning-pin-6{left:85%;top:67%}.cleaning-pin-7{left:25%;top:85%}
.cleaning-legend{list-style:none;padding:0;margin:0}.cleaning-legend li{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.cleaning-legend li:first-child{padding-top:0}.cleaning-number{width:32px;height:32px;margin-top:3px}.cleaning-legend h3{font:500 1.35rem/1.2 Georgia,serif;margin:0 0 6px}.cleaning-legend p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.55}.cleaning-legend .cleaning-frequency{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#1f6fb5;font-weight:800;margin-bottom:5px}
@media(max-width:800px){.cleaning-explainer{grid-template-columns:minmax(0,1fr);gap:24px}.cleaning-figure{width:min(100%,540px);margin-inline:auto}.cleaning-pin{width:30px;height:30px;font-size:.85rem}}

.cleaning-pin-3{left:16%;top:18%}

/* Original photos with a mouse, touch and keyboard comparison control. */
.comparison-grid { align-items:start; }
.comparison-slider { --comparison-position:50%; aspect-ratio:3/2; isolation:isolate; }
.comparison-slider > img,.comparison-before > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.comparison-slider > img { object-position:50% 46%; }
.comparison-slider::after { display:none; }
.comparison-before { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0); }
.comparison-slider > .before-label,.comparison-slider > .after-label { pointer-events:none; font-size:.875rem; letter-spacing:.04em; }
.comparison-divider { position:absolute; z-index:2; top:0; bottom:0; left:clamp(2px,var(--comparison-position),calc(100% - 2px)); width:3px; transform:translateX(-50%); background:white; pointer-events:none; box-shadow:0 0 6px #16233866; }
.comparison-divider span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:48px; height:48px; border:2px solid white; border-radius:50%; background:var(--green-dark); color:white; font:700 26px/1 Arial,sans-serif; box-shadow:0 3px 14px #16233855; }
.comparison-slider .comparison-range { position:absolute; z-index:3; inset:0; width:100%; height:100%; margin:0; padding:0; opacity:0; cursor:ew-resize; touch-action:pan-y; }
.comparison-slider:focus-within { outline:3px solid var(--green-dark); outline-offset:4px; }
.comparison-slider:focus-within .comparison-divider span { outline:3px solid var(--gold); outline-offset:3px; }
.comparison-hint { display:block; margin-top:8px; color:var(--muted); font:400 .875rem/1.5 var(--font-sans); }

/* Firmenschild: royal-blue wordmark and red-edged water ribbon (design 2). */
:root { --brand-blue:#092479; --brand-royal:#073a9d; --green:#123e9e; --green-dark:#092479; }
.topline { background:var(--brand-blue); }
.site-header { background:#fff; backdrop-filter:none; }
.site-header .brand-word-logo { display:flex; flex:0 0 auto; gap:18px; width:auto; color:var(--brand-blue); line-height:1.1; }
.brand-wordmark { font-size:clamp(2.5rem,3.8vw,3.6rem); font-weight:800; letter-spacing:-.045em; }
.brand-description { font-size:.875rem; font-weight:700; line-height:1.3; letter-spacing:-.015em; }
/* Compact sign-inspired ribbon for the header logo (design 7). */
.site-header .brand-word-logo { position:relative; padding-right:46px; }
.site-header .brand-word-logo::after { content:""; position:absolute; right:0; top:50%; width:28px; height:56px; transform:translateY(-50%); border-left:6px solid var(--red); border-radius:0 2px 2px 0; background:linear-gradient(90deg,#dff3fc 0 4px,#13b9ee 4px,#0877c5 52%,var(--brand-blue) 100%); }
@media (max-width:760px) {
  .site-header .brand-word-logo { padding-right:28px; justify-self:start; }
  .site-header .brand-word-logo::after { width:18px; height:46px; border-left-width:4px; background:linear-gradient(90deg,#dff3fc 0 2px,#13b9ee 2px,#0877c5 52%,var(--brand-blue) 100%); }
}
.site-header .nav-wrap { min-height:110px; width:min(1376px,calc(100% - 48px)); }
.site-header nav { font-size:.875rem; gap:14px; }
.site-header nav .nav-cta,.hero-branded .button { border-radius:5px; }
.hero-branded { background:#f8f8f8; }
.hero-branded .hero-grid { width:min(1440px,100%); margin-inline:auto; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,1fr) 116px; min-height:580px; }
.hero-branded .hero-copy { padding:48px clamp(28px,4vw,58px); }
.hero-branded h1 { color:var(--brand-blue); font-size:clamp(2.2rem,3.6vw,3.6rem); line-height:1.08; }
.hero-branded .lead { color:#40516b; font-size:1rem; line-height:1.65; }
.hero-branded .hero-visual { min-height:580px; margin:0; background-image:url('hero-clean-blue.png'); background-blend-mode:normal; background-position:center; }
.hero-branded .hero-visual::after { display:none; }
.brand-ribbon { display:flex; align-items:center; justify-content:center; border-left:10px solid var(--red); box-shadow:inset 5px 0 0 #cce9fa; background:linear-gradient(#07247320,#06164760),url('brand-water-blue.png') center/cover; color:white; }
.brand-ribbon span { writing-mode:vertical-rl; transform:rotate(180deg); font-size:2.15rem; font-weight:800; font-style:italic; letter-spacing:.01em; white-space:nowrap; text-shadow:0 2px 6px #001345; }
footer { border-top:4px solid var(--red); }
@media (min-width:1200px) and (max-width:1349px) {
  .site-header .nav-wrap { flex-wrap:wrap; gap:8px; padding-block:16px; }
  .site-header nav { width:100%; justify-content:space-between; margin-left:0; }
  .site-header { position:relative; }
}
@media (max-width:1100px) and (min-width:901px) {
  .hero-branded .hero-grid { grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) 88px; }
  .hero-branded .hero-copy { padding:36px 28px; }
  .brand-ribbon span { font-size:1.8rem; }
}
@media (max-width:900px) {
  .hero-branded .hero-grid { grid-template-columns:minmax(0,1fr); min-height:0; }
  .hero-branded .hero-copy { padding:40px max(20px,calc((100vw - 720px)/2)); }
  .hero-branded h1 { max-width:720px; font-size:clamp(2rem,5.4vw,3rem); }
  .hero-branded .hero-visual { min-height:0; height:clamp(270px,52vw,420px); background-position:center 48%; }
  .brand-ribbon { display:none; }
}
@media (max-width:600px) {
  .site-header .brand-word-logo { gap:14px; flex-wrap:wrap; max-width:100%; }
  .brand-wordmark { font-size:2.6rem; }
  .brand-description { font-size:.8rem; }
  .hero-branded .hero-copy { padding:36px 20px; }
  .hero-branded .trust-row { gap:10px 18px; }
}

/* Deep cleaning and the existing before/after comparison. */
.deep-clean-section{background:#edf2f9;border-top:1px solid var(--line)}
.deep-clean-section .section-heading p{max-width:850px;margin-top:20px;color:var(--muted)}
.deep-clean-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
.deep-clean-comparison{display:block;margin:0;min-width:0}.deep-clean-comparison .image-disclosure{padding:0 20px 20px;margin:0;text-align:left}
.deep-clean-copy h3{font:500 clamp(1.8rem,3vw,2.5rem)/1.15 Georgia,serif;margin-bottom:22px}.deep-clean-copy>p:not(.eyebrow){color:var(--muted)}
.machine-photo{margin:26px 0;text-align:center}.machine-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:420px;margin:0 auto}.machine-photo figcaption{margin-top:12px;color:var(--muted);font-size:.9rem;font-weight:700}
@media(max-width:760px){.deep-clean-grid{grid-template-columns:minmax(0,1fr)}.deep-clean-comparison{width:min(100%,480px);justify-self:center}.deep-clean-copy .button{width:100%}}

/* Selected divider: blue edges fade softly toward the center. */
.hero-branded::after { content:''; display:block; height:3px; background-color:#fff; background-image:linear-gradient(to right,#092479 0%,#09247966 23%,#09247900 47%,#09247900 53%,#09247966 77%,#092479 100%); }

/* Matched camera perspectives; original photo files remain untouched. */
.comparison-slider[data-comparison-aligned] > img,
.comparison-slider[data-comparison-aligned] .comparison-before > img {
  height:200%; object-fit:fill; transform-origin:0 0;
}

.dosage-photo{margin:22px 0 0}.dosage-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:480px;margin:0 auto}.dosage-photo figcaption{margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.5}

.about-grid.about-grid-fleet{grid-template-areas:"photos copy" "facts facts";grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(28px,5vw,70px);row-gap:40px;align-items:center}
.about-grid-fleet .about-panel{grid-area:copy}.about-fleet-collage{grid-area:photos;min-width:0}.about-fleet-collage figure{margin:0}.about-fleet-close{aspect-ratio:1.1;overflow:hidden;border-radius:16px}.about-fleet-close img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}.about-fleet-overview{position:relative;width:78%;margin:-64px 0 0 auto!important;overflow:hidden;border:8px solid #fff;border-radius:16px;background:#fff;box-shadow:0 8px 24px #16385520}.about-fleet-overview img{display:block;width:100%;height:auto}.about-fleet-overview figcaption{margin:6px 4px 3px;color:var(--muted);font-size:.9rem;line-height:1.5}
.about-grid-fleet .company-facts{grid-area:facts;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.about-grid-fleet .company-facts>div{align-content:start}
@media(max-width:900px){.about-grid.about-grid-fleet{grid-template-areas:"copy" "photos" "facts";grid-template-columns:minmax(0,1fr);gap:32px}.about-fleet-collage{width:100%;max-width:580px;margin:0 auto}.about-grid-fleet .company-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}
@media(max-width:560px){.about-fleet-overview{margin-top:-44px!important;border-width:6px}.about-grid-fleet .company-facts{grid-template-columns:minmax(0,1fr);gap:0}}

/* Integrated image layouts on the stairwell service page. */
.stair-detail .cleaning-figure{padding:14px;background:#fff;border:1px solid var(--line);border-radius:20px}.stair-detail .cleaning-picture{border:0;border-radius:12px}.stair-detail .cleaning-figure figcaption{padding:0 6px 4px}
.stair-detail .care-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,56px);margin:64px 0 40px;padding:clamp(24px,4vw,48px);border:1px solid #d4dfec;border-radius:24px;background:linear-gradient(115deg,#f4f7fb,#e5edf7)}
.stair-detail .care-feature-copy h2{margin-bottom:24px}.stair-detail .care-feature-copy p{color:var(--muted)}.stair-detail .care-feature-copy p:last-child{margin-bottom:0}
.stair-detail .dosage-photo{margin:0;text-align:center;align-self:center}.stair-detail .dosage-photo img{width:100%;max-width:360px;max-height:390px;object-fit:contain;filter:drop-shadow(0 12px 10px #16385516)}.stair-detail .dosage-photo figcaption{max-width:340px;margin:18px auto 0;padding-top:14px;border-top:1px solid #bacde1;font-size:.875rem;color:#40556f}
.stair-detail .service-details-grid{gap:clamp(28px,5vw,64px);margin-block:0}.stair-detail .service-details-grid>div{padding-top:26px;border-top:1px solid var(--line)}.stair-detail .service-details-grid .jobs-closing{margin-top:0}.stair-detail .service-details-grid h2{font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.2}
.stair-detail .deep-clean-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center}.stair-detail .deep-clean-comparison{border-radius:24px;box-shadow:none}.stair-detail .deep-clean-comparison .image-disclosure{font-size:.8rem;line-height:1.5}
.stair-detail .equipment-story{display:grid;grid-template-columns:minmax(0,1fr) 152px;gap:0 22px;padding:30px;border:1px solid #d4dfec;border-radius:24px;background:linear-gradient(120deg,#fff,#e8eff8);min-width:0}
.stair-detail .equipment-story .deep-clean-copy{display:contents}.stair-detail .equipment-story .eyebrow{grid-column:1/-1;grid-row:1;margin:0 0 14px}.stair-detail .equipment-story h3{grid-column:1/-1;grid-row:2;font-size:clamp(1.6rem,2.5vw,2rem);margin:0 0 24px}.stair-detail .equipment-story .deep-clean-copy>p:not(.eyebrow){grid-column:1;font-size:.95rem;line-height:1.65;margin:0 0 20px}.stair-detail .equipment-story .deep-clean-copy>p:nth-of-type(2){grid-row:3}.stair-detail .equipment-story .deep-clean-copy>p:nth-of-type(3){grid-row:4}.stair-detail .equipment-story .button{grid-column:1/-1;grid-row:5;justify-self:start;margin-top:8px}
.stair-detail .equipment-story .machine-photo{grid-column:2;grid-row:3/span 2;margin:0;align-self:center;padding-left:16px;border-left:1px solid #c9d8e9}.stair-detail .machine-photo img{width:100%;height:auto;max-height:355px;object-fit:contain;filter:drop-shadow(0 8px 7px #1638551c)}.stair-detail .machine-photo figcaption{font-size:.8rem;line-height:1.45;font-weight:500;color:#40556f;margin-top:16px}
@media(max-width:1050px){.stair-detail .deep-clean-grid{grid-template-columns:minmax(0,1fr);gap:28px}.stair-detail .deep-clean-comparison{width:100%;max-width:680px;justify-self:center}.stair-detail .equipment-story{width:100%;max-width:680px;justify-self:center;grid-template-columns:minmax(0,1fr) 150px;column-gap:32px}}
@media(max-width:760px){.stair-detail .care-feature{grid-template-columns:minmax(0,1fr);padding:28px;gap:26px;margin-top:40px}.stair-detail .dosage-photo img{max-width:290px;max-height:320px}.stair-detail .service-details-grid{grid-template-columns:minmax(0,1fr);gap:22px}.stair-detail .equipment-story{padding:26px}}
@media(max-width:480px){.stair-detail .cleaning-figure{padding:10px}.stair-detail .care-feature{padding:24px 20px;border-radius:20px}.stair-detail .equipment-story{grid-template-columns:minmax(0,1fr);padding:24px 20px;border-radius:20px}.stair-detail .equipment-story .machine-photo{grid-column:1;grid-row:5;border-left:0;border-top:1px solid #c9d8e9;padding:22px 0 0;margin-top:4px}.stair-detail .machine-photo img{width:auto;max-width:100%;height:290px}.stair-detail .machine-photo figcaption{margin-top:10px}.stair-detail .equipment-story .button{grid-row:6;width:100%;margin-top:24px}.stair-detail .deep-clean-comparison{border-radius:20px}}

/* Balanced homepage photographs; retain the chosen fleet collage. */
.about-grid-fleet .about-fleet-collage{width:100%;max-width:370px;justify-self:center;margin-inline:auto}.about-grid-fleet .about-fleet-close{aspect-ratio:4/3}.about-grid-fleet .about-fleet-overview{width:70%;margin-top:-48px!important;border-width:6px;box-shadow:0 6px 18px #16385518}
.examples-section .comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}.examples-section .comparison-card,.examples-section .comparison-card:last-child{display:flex;flex-direction:column;align-items:stretch;grid-column:auto;width:100%;max-width:none;justify-self:stretch}.examples-section .comparison-image{flex:none;width:100%;aspect-ratio:3/2}.examples-section .comparison-card figcaption{flex:1;min-height:108px}
@media(max-width:900px){.examples-section .comparison-grid{grid-template-columns:minmax(0,1fr);width:100%;max-width:540px;margin-inline:auto}}
@media(max-width:560px){.about-grid-fleet .about-fleet-overview{margin-top:-38px!important}.examples-section .comparison-card figcaption{min-height:108px}}

/* Shared phone layout and progressively enhanced navigation. */
.mobile-menu-toggle{display:none}
.site-header #site-navigation[hidden]{display:none!important}
@media(max-width:760px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .shell{width:calc(100% - 32px)}
  .topline-inner{min-height:32px;padding-block:2px;justify-content:center}
  .topline-inner>span{display:none}
  .topline a{min-height:32px;font-size:.8125rem}
  .site-header{position:sticky;top:0;z-index:20}
  .site-header .nav-wrap{width:calc(100% - 32px);min-height:84px;padding:10px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:center}
  .site-header .brand-word-logo{width:auto;max-width:100%;flex-direction:column;align-items:flex-start;gap:2px;flex-wrap:nowrap}
  .site-header .brand-wordmark{font-size:2rem;line-height:1;letter-spacing:-.045em}
  .site-header .brand-description{font-size:.6875rem;line-height:1.2}
  .site-header[data-menu-ready] .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #c6d3e5;border-radius:8px;background:#fff;color:var(--brand-blue);font:700 .875rem/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
  .menu-icon{position:relative;width:17px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
  .menu-icon::after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
  .mobile-menu-toggle[aria-expanded="true"] .menu-icon{border:0}
  .mobile-menu-toggle[aria-expanded="true"] .menu-icon::before,.mobile-menu-toggle[aria-expanded="true"] .menu-icon::after{content:'';position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor;transform:rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] .menu-icon::after{transform:rotate(-45deg)}
  .site-header #site-navigation{grid-column:1/-1;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:12px 0 0;padding:8px 0 4px;border-top:1px solid var(--line)}
  .site-header[data-menu-ready] #site-navigation{position:absolute;top:100%;left:0;right:0;margin:0;padding:8px 16px 16px;background:#fff;box-shadow:0 12px 20px #16233816;max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overflow-y:auto}
  .site-header #site-navigation a{display:flex;align-items:center;min-height:46px;padding:10px 12px;white-space:normal;font-size:1rem;line-height:1.4;border-radius:6px}
  .site-header #site-navigation a[aria-current="page"]{background:#edf2f9;color:var(--brand-blue)}
  .site-header #site-navigation .nav-cta{justify-content:center;margin:8px 0 0;min-height:48px}
  section[id]{scroll-margin-top:104px}
  .section,.contact-section{padding-block:44px}
  .section-heading{margin-bottom:26px;gap:16px}
  h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:auto}
  h2{font-size:clamp(1.65rem,7vw,2rem);line-height:1.14;margin-bottom:18px}
  .eyebrow{font-size:.75rem;letter-spacing:.1em;line-height:1.5;margin-bottom:12px}
  p{line-height:1.65}
  .button{min-height:48px;padding:12px 16px;font-size:1rem;line-height:1.35;white-space:normal}
  .hero-branded .hero-copy{padding:30px 16px}
  .hero-branded h1,.jobs-page-copy h1{font-size:clamp(1.65rem,7.3vw,2.15rem);line-height:1.14;letter-spacing:-.025em;margin-bottom:20px}
  .hero-branded .lead,.jobs-lead{font-size:1rem;line-height:1.65}
  .hero-actions{gap:10px}
  .hero-actions .button{width:100%}
  .hero-branded .trust-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:22px;padding-top:16px;font-size:.875rem}
  .hero-branded .hero-visual{height:230px;min-height:0;background-position:center 46%}
  .service-detail summary{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:22px 0;min-height:0}
  .service-icon{width:32px;height:32px}
  .service-icon>svg{width:19px;height:19px}
  .service-icon>.service-icon-sparkle{top:2px;right:1px;width:10px;height:10px}
  .service-intro strong{font-size:1.4rem;line-height:1.25}
  .service-intro>span{font-size:1rem}
  .detail-toggle{min-width:0;min-height:40px;grid-column:2;font-size:.875rem;justify-content:flex-start}
  .service-expanded{margin:0;padding-bottom:24px;gap:16px}
  .service-expanded a{font-size:1rem;min-height:44px}
  .water-help{margin-top:30px;padding:24px 20px;gap:18px;border-radius:18px}
  .water-help h3{font-size:1.6rem}
  .water-help .button{grid-column:1;width:100%}
  .more-services{margin-top:36px;gap:20px}
  .more-services details p{font-size:1rem;margin-left:0}
  .more-services summary{min-height:56px}
  .examples-section .comparison-grid{gap:20px}
  .examples-section .comparison-card figcaption{min-height:104px;padding:16px;font-size:1.125rem;line-height:1.35}
  .comparison-hint{font-size:.8125rem;line-height:1.5}
  .image-disclosure{font-size:.8125rem;line-height:1.5}
  .about-grid.about-grid-fleet{gap:26px}
  .about-grid-fleet .about-fleet-collage{max-width:330px}
  .about-grid-fleet .company-facts>div{padding-block:18px}
  .company-facts strong{font-size:1.3rem}
  .company-facts span{font-size:1rem}
  .process-list{gap:24px}
  .process-list h3{font-size:1.25rem}
  .faq-grid{gap:24px}
  .faq-list summary{min-height:60px;gap:16px}
  .faq-list details p{font-size:1rem}
  .contact-section .contact-intro h2{font-size:clamp(1.65rem,7vw,2rem)}
  .contact-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .contact-intro{margin-bottom:26px}
  .contact-actions{align-items:stretch;gap:12px}
  .contact-actions .button{width:100%}
  .contact-actions .text-link{font-size:.9375rem;line-height:1.5;padding-block:8px}
  .contact-form{padding:22px 18px;gap:18px;border-radius:18px;box-shadow:none}
  .form-row{grid-template-columns:minmax(0,1fr);gap:18px}
  .contact-form input,.contact-form select,.contact-form textarea{font-size:1rem}
  .contact-form label{font-size:.9375rem}
  .contact-form .privacy-check{min-height:44px;align-items:start;font-size:.875rem;line-height:1.6}
  .contact-form .button{width:100%;justify-self:stretch}
  .contact-card{padding:22px 18px;border-radius:18px}
  .jobs-page-hero{padding:32px 0}
  .jobs-page-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .jobs-apply-card{padding:24px 20px;border-radius:18px;box-shadow:none}
  .jobs-apply-card h2{font-size:1.6rem;line-height:1.15}
  .jobs-apply-card .button{width:100%;margin-top:6px}
  .jobs-apply-phone{margin-top:12px;min-height:44px}
  .applicant-privacy{font-size:.875rem;line-height:1.5;margin-top:14px}
  .jobs-openings-grid,.jobs-values-grid,.jobs-benefits-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .jobs-value{padding:22px 20px;border-radius:18px}
  .jobs-value h3{font-size:1.35rem}
  .jobs-list{padding-left:20px;margin-bottom:0}
  .jobs-list li{padding-bottom:7px}
  .jobs-closing{margin-top:26px}
  .cleaning-explainer{grid-template-columns:minmax(0,1fr);margin-block:24px 32px;gap:24px}
  .stair-detail .cleaning-figure{width:100%;padding:10px;border-radius:18px}
  .cleaning-legend li{gap:12px;padding-block:16px}
  .cleaning-number{width:28px;height:28px;font-size:.875rem}
  .cleaning-legend h3{font-size:1.25rem}
  .cleaning-legend p{font-size:1rem}
  .cleaning-legend .cleaning-frequency{font-size:.75rem;letter-spacing:.03em}
  .stair-detail .care-feature{margin:32px 0 28px;padding:24px 20px;gap:24px;border-radius:18px}
  .stair-detail .care-feature-copy h2{margin-bottom:18px}
  .stair-detail .dosage-photo img{max-width:245px;max-height:270px}
  .stair-detail .dosage-photo figcaption{font-size:.8125rem;margin-top:14px;padding-top:12px}
  .stair-detail .service-details-grid{gap:22px}
  .stair-detail .service-details-grid h2{font-size:1.55rem}
  .stair-detail .equipment-story{padding:24px 20px;border-radius:18px}
  .stair-detail .equipment-story h3{font-size:1.65rem;line-height:1.18;margin-bottom:20px}
  .stair-detail .equipment-story .deep-clean-copy>p:not(.eyebrow){font-size:1rem}
  .stair-detail .deep-clean-comparison{border-radius:18px}
  .stair-detail .deep-clean-comparison figcaption{padding:16px;font-size:1.125rem;line-height:1.4}
  .stair-detail .deep-clean-comparison .image-disclosure{padding:0 16px 18px}
  .legal-wrap{width:calc(100% - 32px);padding:28px 0 44px}
  .legal-wrap h1{font-size:clamp(1.65rem,7.3vw,2.15rem);line-height:1.15}
  .legal-wrap>a{margin-bottom:22px;min-height:44px}
  .legal-nav{gap:4px 20px;margin-bottom:22px}
  .legal-nav a{display:inline-flex;align-items:center;min-height:44px}
  .legal-card{padding:22px 18px;border-radius:18px}
  .legal-card h2{font-size:1.125rem;line-height:1.4}
  .legal-card ul{padding-left:20px}
  footer{padding-block:28px}
  .footer-inner{grid-template-columns:minmax(0,1fr);gap:16px;font-size:.875rem}
  .footer-links{gap:10px 24px;display:flex;flex-wrap:wrap}
  .footer-links a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:480px){
  .stair-detail .equipment-story .machine-photo img{height:250px}
  .stair-detail .equipment-story .button{margin-top:20px}
  .cleaning-pin{width:26px;height:26px;font-size:.75rem}
}




/* Accessibility: visible focus, readable controls and resilient reflow. */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible {
  outline:3px solid #162338; outline-offset:3px; box-shadow:0 0 0 6px #fff;
}
.skip-link { position:fixed; top:12px; transform:translateY(-180%); }
.skip-link:focus { transform:none; }
main:focus { outline:none; }
:where(section[id],h1,h2,h3,input,select,textarea,button,a,summary,[tabindex]) { scroll-margin-block:8rem 2rem; }
:where(p,li,a,label,figcaption,h1,h2,h3,summary) { overflow-wrap:anywhere; }
:where(.shell,.hero-copy,.jobs-page-copy,.legal-card,.form-row,.contact-actions)>* { min-width:0; }
.contact-form input,.contact-form select,.contact-form textarea { border-color:#66758a; }
.contact-form .optional { color:#52657c; font-size:.875rem; }
.contact-form .form-note,.contact-form .form-status { font-size:.9375rem; }
.field-error { display:block; color:#a52222; font-size:.9375rem; font-weight:700; }
.field-error[hidden] { display:none; }
.privacy-check .field-error { grid-column:1/-1; }
.contact-form [aria-invalid="true"] { border:2px solid #a52222; }
.contact-form button[aria-disabled="true"] { cursor:wait; opacity:.75; }
.legal-card a,.jobs-closing a,.service-expanded a { text-decoration:underline; text-underline-offset:.18em; }
.footer-links a,.legal-nav a { display:inline-flex; align-items:center; min-height:44px; }
.footer-links { flex-wrap:wrap; }
.comparison-slider:focus-within { outline:3px solid #162338; box-shadow:0 0 0 6px #fff; }
@media(max-width:760px),(max-height:600px) { .site-header { position:relative; } }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}
@media(forced-colors:active) {
  a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,
  select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible { outline-color:Highlight; }
  .comparison-slider:focus-within { outline-color:Highlight; }
}

/* Treppenhausseite: eigenstaendiger Angebotsbereich mit gleichmaessigen Abstaenden. */
.stair-detail .service-details-grid{align-items:start}
.stair-detail .service-details-grid .jobs-closing{
  display:flex;flex-direction:column;align-items:flex-start;gap:18px;
  margin:0;padding:clamp(20px,3vw,28px);min-width:0;
  border:1px solid #d4dfec;border-radius:18px;background:#f4f7fb;
}
.stair-detail .service-details-grid .jobs-closing>h2,
.stair-detail .service-details-grid .jobs-closing>p{margin:0}
.stair-detail .service-details-grid .jobs-closing>p{max-width:60ch}
.stair-detail .service-details-grid .jobs-closing>.button{
  margin-top:4px;max-width:100%;white-space:normal;text-align:center;
  line-height:1.4;text-decoration:none;
}
.stair-detail .service-details-grid .jobs-closing>p:last-child{font-size:.95rem}
@media(max-width:560px){
  .stair-detail .service-details-grid .jobs-closing{gap:16px}
  .stair-detail .service-details-grid .jobs-closing>.button{width:100%;justify-content:center}
}

/* Approved company suffix below service description. */
.site-header .brand-word-logo{gap:18px;padding-right:44px;align-items:center}
.brand-description{white-space:nowrap}
.brand-legal{display:block;margin-top:4px;font-size:.82em;font-weight:400;letter-spacing:0}
@media(max-width:760px){.site-header .brand-word-logo{gap:2px;padding-right:28px;align-items:flex-start}.site-header .brand-word-logo::after{height:62px}.brand-legal{margin-top:3px;font-size:1em}}