/* A single calm editorial surface for the service introduction. */
body.home .calm-hero{padding:52px 5%;min-height:540px;background:#fff;border-bottom:1px solid #dce8f0;isolation:isolate}
body.home .calm-hero::before{inset:0 0 0 43%;height:auto;background:url('/hero-technician-washer.png') right center / auto 100% no-repeat;opacity:1;z-index:-2}
body.home .calm-hero::after{display:block;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 43%,#ffffffed 49%,#ffffff00 66%);z-index:-1}
body.home .calm-hero .hero-content{width:51%;max-width:620px}
body.home .calm-hero .eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:#4d6577;font-size:15.6px;line-height:1.5;letter-spacing:.7px;font-weight:700;text-transform:uppercase}
body.home .calm-hero .eyebrow img{width:25px;height:25px;object-fit:contain}
body.home .calm-hero h1{font-size:clamp(34px,3.45vw,52px);line-height:1.12;font-weight:700;letter-spacing:-1.2px;margin:0 0 12px;color:#163d5c;text-shadow:none}
body.home .calm-hero h1 em{color:#167cb8;font-style:normal}
body.home .calm-hero h2{font-size:20px;line-height:1.45;font-weight:500;margin:0 0 20px;color:#385b74;text-shadow:none}
body.home .calm-hero .service-intro{font-size:16px;line-height:1.7;max-width:490px;margin:0 0 24px;color:#4c6272}
body.home .calm-hero .service-price{display:flex;flex-direction:column;gap:6px;border-top:1px solid #dce8f0;padding:18px 0 0;margin:0 0 24px;max-width:490px;background:none;box-shadow:none;border-radius:0;color:#234d6d}
body.home .calm-hero .service-price strong{font-size:19px;font-weight:700}
body.home .calm-hero .service-price span{font-size:14px;line-height:1.5;color:#536c7e}
body.home .calm-hero .service-actions{display:flex;gap:12px;max-width:520px}
body.home .calm-hero .service-button{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-height:51px;padding:13px 16px;border:1px solid #9fc7df;border-radius:7px;background:#fff;color:#166a9e;font-size:14px;font-weight:600;line-height:1.4;box-shadow:none;transition:background .16s,color .16s,border-color .16s}
body.home .calm-hero .service-button:is(:hover,:focus-visible,:active){background:#0879bd;color:#fff;border-color:#0879bd}
body.home .calm-hero .service-button:focus-visible{outline:3px solid #8bd2fb;outline-offset:3px}
body.home .calm-hero .service-assurance{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0;font-size:12px;line-height:1.7;color:#587184;font-weight:500}
body.home .calm-hero .service-assurance span{color:#9bb0bf}
body.home .calm-hero .service-eco{font-size:12px;line-height:1.7;color:#70818a;margin:8px 0 0}
@media(max-width:1000px){body.home .calm-hero{padding:38px 4%}body.home .calm-hero .hero-content{width:57%}body.home .calm-hero::before{left:48%}body.home .calm-hero::after{background:linear-gradient(90deg,#fff 0%,#fff 48%,#ffffffed 54%,#ffffff00 72%)}body.home .calm-hero .service-actions{flex-wrap:wrap}body.home .calm-hero .service-button{flex:1 1 190px}}
@media(max-width:700px){body.home .calm-hero{padding:32px 6% 290px;min-height:0}body.home .calm-hero .hero-content{width:100%;max-width:none}body.home .calm-hero::before{inset:auto 0 0;height:260px;background-size:auto 330px;background-position:right 35%}body.home .calm-hero::after{inset:auto 0 210px;height:50px;background:linear-gradient(#fff,transparent)}body.home .calm-hero h1{font-size:36px}body.home .calm-hero h2{font-size:18px}body.home .calm-hero .eyebrow{font-size:13.2px;letter-spacing:.4px}body.home .calm-hero .service-button{flex:1 1 100%}body.home .calm-hero .service-assurance{gap:7px}}

/* Subtle dimensional finish: pearl white, blue enamel and soft daylight. */
body.home .calm-hero{background:linear-gradient(120deg,#fff 0%,#f7fbfe 58%,#e8f3fa 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #cadde9}
body.home .calm-hero::after{background:linear-gradient(90deg,#fcfdff 0%,#fcfdff 39%,#fcfdfff5 46%,#fcfdff00 65%)}
body.home .calm-hero h1{color:#1a4261;text-shadow:0 1px 0 #fff,0 2px 0 #d1dce5,0 5px 8px #153d5814}
body.home .calm-hero h1 em{display:inline-block;color:#147fb8;text-shadow:0 1px 0 #bce8ff,0 2px 0 #09649a,0 4px 6px #0c548225}
body.home .calm-hero .eyebrow img{filter:drop-shadow(0 3px 2px #254b2922)}
body.home .calm-hero .service-price{border-image:linear-gradient(90deg,#82afca,#dce8f000) 1}
body.home .calm-hero .service-button{background:linear-gradient(180deg,#fff,#f0f7fc);border-color:#c1d7e6;box-shadow:inset 0 1px 0 #fff,0 3px 0 #d8e5ee,0 7px 14px #163d5b0d;transition:background .18s,color .18s,box-shadow .18s,transform .18s}
body.home .calm-hero .service-button:is(:hover,:focus-visible){background:linear-gradient(180deg,#249bd5,#0873b4);color:#fff;border-color:#117fba;box-shadow:inset 0 1px 0 #79c9ed,0 3px 0 #07598e,0 8px 16px #12649120;transform:translateY(-1px)}
body.home .calm-hero .service-button:active{background:linear-gradient(180deg,#0873b4,#09649e);color:#fff;box-shadow:inset 0 2px 4px #06446c33,0 1px 0 #07598e;transform:translateY(2px)}
@media(max-width:1000px){body.home .calm-hero::after{background:linear-gradient(90deg,#fcfdff 0%,#fcfdff 47%,#fcfdfff2 53%,#fcfdff00 73%)}}
@media(max-width:700px){body.home .calm-hero::after{background:linear-gradient(#f8fbfe,transparent)}}
@media(prefers-reduced-motion:reduce){body.home .calm-hero .service-button{transition:none;transform:none}}

/* Supporting lines enlarged 50 percent from their original 12px size. */
body.home .calm-hero .service-assurance{font-size:18px;line-height:1.5;color:#234d6d;font-weight:600;gap:10px;flex-wrap:nowrap;align-items:center;white-space:nowrap}
body.home .calm-hero .service-eco{font-size:18px;line-height:1.5;color:#385b74;margin-top:14px;max-width:100%}
body.home .calm-hero h1,body.home .calm-hero h1 em{text-shadow:none;letter-spacing:0;line-height:1.18}

body.home .calm-hero .service-assurance .assurance-label{color:#234d6d}
body.home .calm-hero .service-assurance .assurance-divider{color:#167cb8;font-size:.55em}
@media(min-width:701px) and (max-width:1000px){body.home .calm-hero .service-assurance{font-size:16px;gap:8px}}
@media(max-width:700px){body.home .calm-hero .service-assurance{font-size:clamp(11px,3vw,18px);gap:clamp(4px,1vw,10px)}}

/* Keep long German headings and supporting lines within narrow screens. */
@media(max-width:700px){
 body.home .calm-hero{padding:28px 5% 270px}
 body.home .calm-hero .hero-content{min-width:0}
 body.home .calm-hero h1{font-size:clamp(27px,7.5vw,36px);overflow-wrap:anywhere}
 body.home .calm-hero .eyebrow{font-size:13px;letter-spacing:.2px;gap:7px}
 body.home .calm-hero .eyebrow img{flex:0 0 23px;width:23px;height:23px}
 body.home .calm-hero .service-assurance{flex-wrap:wrap;white-space:normal;font-size:13px;gap:6px 9px}
 body.home .calm-hero .service-eco{font-size:15px}
 body.home .calm-hero .service-actions{flex-direction:column}
 body.home .calm-hero .service-button{box-sizing:border-box;flex:auto;width:100%;min-width:0}
}

@media screen and (max-width:700px){
 body.home .calm-hero h1{font-size:clamp(30px,8.2vw,40px)}
 body.home .calm-hero h2{font-size:20px}
 body.home .calm-hero .eyebrow{font-size:16px;line-height:1.5}
 body.home .calm-hero .service-intro{font-size:18px;line-height:1.65}
 body.home .calm-hero .service-price span,body.home .calm-hero .service-button{font-size:16px}
 body.home .calm-hero .service-price strong{font-size:22px}
 body.home .calm-hero .service-assurance,body.home .calm-hero .service-eco{font-size:16px;line-height:1.6}
}

/* A lighter, more open phone headline in one consistent blue. */
@media screen and (max-width:700px){
 body.home .calm-hero h1{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:500;line-height:1.35;letter-spacing:.2px;color:#234d6d;text-shadow:none}
 body.home .calm-hero h1 em{font-family:inherit;font-weight:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit;color:#234d6d;text-shadow:none}
}

/* Show the technician clearly on phones and desktops. */
body.home .calm-hero::after{display:none;background:none}
@media(min-width:1001px){body.home .calm-hero::before{left:55%}}
@media(min-width:701px) and (max-width:1000px){body.home .calm-hero::before{left:60%}}
@media(max-width:700px){body.home .calm-hero::before{background-size:auto 100%;background-position:right center}}