*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#15212c;background:#f5f8fa;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:88.5%;max-width:1360px;margin:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #58d954;outline-offset:5px}h1,h2,h3,p{margin:0}h2{font-size:clamp(27px,2.5vw,38px);line-height:1.12;letter-spacing:-.7px}h3{font-size:18px;line-height:1.2}p{margin-top:14px}.hero{position:relative;color:#fff;background:#0a1319 url('assets/hero-hd.jpg') no-repeat center top;background-size:100% auto;min-height:40.2vw;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#091218 0%,#0b141b 49%,rgba(9,18,24,.98) 56%,rgba(9,18,24,.25) 69%,transparent 76%)}header{padding:22px 0 13px;position:relative}header:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-7%;right:-7%;background:linear-gradient(#0b141b 0%,#0b141b 60%,rgba(11,20,27,.95) 100%)}.brand{display:inline-flex;flex-direction:column;line-height:1;white-space:nowrap}.brand>span{font-size:40px;font-weight:750;letter-spacing:-1.7px}.brand span span,h1 span{color:#5cde50}.brand b{font-size:42px;font-weight:400;display:inline-block;vertical-align:middle;margin-left:3px;color:#5cde50}.brand small{font-size:9px;letter-spacing:.3px;border-top:1px solid #69d857;padding-top:4px;margin-top:3px}.hero-content{padding:38px 0 48px}.eyebrow{font-weight:700;letter-spacing:1.7px;font-size:13px;margin:0}.hero .eyebrow{font-size:15px}.hero h1{font-size:clamp(46px,4.6vw,70px);line-height:1.1;letter-spacing:-2px;margin:14px 0 7px}.hero h2{font-size:clamp(25px,2.55vw,39px);max-width:850px;line-height:1.12}.hero-content>p:not(.eyebrow){font-size:clamp(16px,1.3vw,20px);line-height:1.5;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:20px;background:linear-gradient(105deg,#64e257,#56db50);color:#06130b;padding:14px 24px;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#7aee68;transform:translateY(-1px)}.button svg{width:18px;height:18px}.hero .button{margin-top:32px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 0 50px}.benefits article{text-align:center;padding:0 16px;position:relative}.benefits article+article:before{content:"";position:absolute;left:0;top:56px;bottom:0;width:1px;background:#e0e6e9}.benefits svg{width:46px;height:46px;color:#55cd54;margin-bottom:13px}.benefits p{font-size:16px;line-height:1.45}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}.photo{aspect-ratio:447/242;border-radius:8px;background-image:url('assets/hero-hd.jpg');background-repeat:no-repeat;background-size:229.0839% 634.7107%}.before{background-position:10.2253% 45.4405%}.after{background-position:89.948% 45.4405%}.compare-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:58px;height:58px;display:grid;place-content:center;background:white;color:#1e2933;font-size:32px;box-shadow:0 2px 15px #0001}.services{position:relative;display:grid;grid-template-columns:57% 39%;gap:4%;padding-top:36px;padding-bottom:120px}.service-copy{padding-top:36px}.service-copy h2{margin-top:12px}.service-copy>p:not(.eyebrow){font-size:18px;margin-top:14px}.materials{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;gap:0}.materials>div{display:flex;align-items:center;gap:16px;min-height:96px;padding:16px 12px;font-size:15px}.materials>div:not(:nth-child(3n+1)){border-left:1px solid #e0e6e9}.materials svg{width:42px;height:42px}form{z-index:2;background:#0d1820;color:#f8fafc;padding:28px 34px;border-radius:8px;margin-bottom:-180px;scroll-margin-top:24px}form h2{font-size:clamp(27px,2.3vw,35px);margin-top:6px}form p{color:#c5cdd3;font-size:16px;line-height:1.35;margin:12px 0}.form-kicker{display:flex;align-items:center;gap:18px}.form-kicker svg{color:#61de59;width:32px;height:32px}.form-kicker .eyebrow{font-size:12px}input,select,textarea{width:100%;border:1px solid #647078;border-radius:5px;background:#ffffff09;color:#f4f7fa;padding:10px 13px;font-size:14px;margin-bottom:8px}input::placeholder,textarea::placeholder{color:#b5bfc6;opacity:1}select{color-scheme:dark}form label:not(.sr-only){display:block;font-size:13px;color:#c7cfd5;margin:-2px 0 1px}textarea{resize:vertical;min-height:80px;display:block}form .button{width:100%;border-radius:5px;padding:10px}form .email-note{font-size:12px;margin:10px 0}.security{font-size:12px;display:flex;align-items:center;gap:7px;color:#d2d9de}.security svg{width:14px;height:14px;color:#c8e7cd}#form-status{padding:10px;border:1px solid #58d954;border-radius:4px}.why{color:#fff;background:#0c1d25;position:relative;isolation:isolate;overflow:hidden}.why:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/hero-hd.jpg') no-repeat 50% 96%;background-size:100% auto;opacity:.3}.why-inner{display:grid;grid-template-columns:48% 52%;align-items:end;padding:38px 0 34px}.why-copy{max-width:530px}.why h2{font-size:30px;margin-top:10px}.why p:not(.eyebrow){font-size:16px;line-height:1.4}.why .button{font-size:14px;padding:10px 20px;margin-top:16px;border-radius:15px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center;padding-bottom:16px}.values svg{width:42px;height:42px;color:#62e057;margin-bottom:9px}.values h3{font-size:17px}.values p{font-size:14px!important;margin-top:10px}footer{background:#0b151c;color:#d3dce1;padding:27px 0 36px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-inner .brand>span{font-size:28px}.footer-inner .brand b{font-size:31px}.footer-inner .brand small{font-size:7px}.footer-item{display:flex;gap:14px;align-items:center;font-size:13px}.footer-item svg{width:19px;height:19px;color:#aeefb2}.legal-links{display:flex;align-items:center;gap:13px;font-size:12px}.legal-links button{background:none;color:inherit;border:0;padding:8px 0;cursor:pointer;font-size:12px}.legal-links button:hover{text-decoration:underline}.legal-links span{color:#6e7b83}.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}dialog{border:0;border-radius:12px;padding:36px;max-width:560px;width:calc(100% - 32px);color:#15212c;box-shadow:0 15px 80px #0004}dialog::backdrop{background:#071018bd}dialog p{line-height:1.6}dialog a{text-decoration:underline}.close{float:right;border:0;background:none;font-size:30px;cursor:pointer}.close:focus-visible{outline-color:#2b9c33}@media(min-width:1550px){.hero{min-height:610px;background-size:1550px auto}.hero-content{padding-top:45px}}@media(max-width:1100px){header{padding-top:18px}.brand>span{font-size:31px}.brand b{font-size:35px}.brand small{font-size:7px}.hero-content{padding-top:30px;padding-bottom:36px}.hero h1{margin-top:12px}.hero .button{margin-top:25px}.hero h2{max-width:640px}.benefits{padding:30px 0 38px}.benefits p{font-size:14px}.benefits h3{font-size:16px}.benefits svg{width:38px;height:38px}.services{padding-bottom:105px}.service-copy>p:not(.eyebrow){font-size:16px}.materials>div{gap:12px;padding:12px 8px;font-size:13px}.materials svg{width:33px;height:33px}form{padding:24px;margin-bottom:-155px}form p{font-size:14px}.footer-inner{gap:20px}.footer-item{font-size:12px}.footer-inner .brand>span{font-size:24px}.footer-inner .brand small{font-size:6px}.why-copy{padding-right:35px}}@media(max-width:760px){.container{width:89%}.hero{background-size:auto 1100px;background-position:65% 0}.hero:before{background:linear-gradient(90deg,#091218 0%,#0b141bf7 57%,#0b141b8f 100%)}header:before{background:#0b141b}.hero-content{padding-top:30px;padding-bottom:38px}.hero .eyebrow{font-size:11px;letter-spacing:1.2px}.hero h1{font-size:46px}.hero h2{font-size:25px;line-height:1.18}.hero h2 br{display:none}.hero-content>p:not(.eyebrow){font-size:16px}.desktop{display:none}.hero .button{font-size:14px;padding:14px 17px}.benefits{grid-template-columns:1fr 1fr;gap:28px 0;padding:32px 0}.benefits article{padding:0 7px}.benefits article+article:before{display:none}.benefits article:nth-child(even){border-left:1px solid #e0e6e9}.benefits p{font-size:13px}.benefits svg{margin-bottom:8px}.benefits p{margin-top:9px}.comparison{gap:10px}.compare-mark{width:36px;height:36px;font-size:23px}.photo{border-radius:5px}.services{display:flex;flex-direction:column;gap:28px;padding-top:20px;padding-bottom:30px}.service-copy{padding-top:16px}.service-copy h2{font-size:29px}.materials{grid-template-columns:repeat(2,1fr);margin-top:20px}.materials>div{font-size:14px;min-height:75px}.materials>div:not(:nth-child(3n+1)){border-left:0}.materials>div:nth-child(even){border-left:1px solid #e0e6e9}form{margin:0;padding:26px}form h2{font-size:29px}input,select,textarea{font-size:16px;padding:12px}form label:not(.sr-only){font-size:14px}.why-inner{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:30px 0}.why-copy{padding:0}.why:before{background-position:50% 93%;background-size:auto 2500px}.why h2{font-size:28px}.values{gap:10px;padding:0}.values h3{font-size:15px}.values p{font-size:12px!important}.values svg{width:36px;height:36px}.footer-inner{display:grid;grid-template-columns:1fr;gap:22px}.footer-inner .brand{justify-self:start}.footer-inner .brand>span{font-size:29px}.footer-inner .brand small{font-size:7px}.footer-item{font-size:14px}.legal-links button{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero{background-size:100% 373%}@media(max-width:760px){.hero{background-size:auto 373%}}

/* Standalone high-resolution photographs from the supplied reference. */
.hero{background-image:url("assets/hero-hd.jpg");background-size:cover;background-position:center}.hero:before{background:linear-gradient(90deg,rgba(5,13,19,.94) 0%,rgba(5,13,19,.8) 36%,rgba(5,13,19,.24) 66%,rgba(5,13,19,.03) 100%)}header:before{background:linear-gradient(rgba(6,14,19,.4),transparent)}.photo{position:relative;background-size:cover;background-position:center}.before{background-image:url("assets/before-hd.jpg")}.after{background-image:url("assets/after-hd.jpg")}.photo-label{position:absolute;top:16px;left:16px;padding:6px 16px;border-radius:5px;background:#0b161c;color:#fff;font-size:14px;line-height:1.3;font-weight:700;letter-spacing:.25px}.after .photo-label{background:#4dc64d}.why{background:linear-gradient(rgba(7,21,30,.70),rgba(7,21,30,.65)),url("assets/bern-real.jpg") center 58% / cover no-repeat}.why:before{display:none}@media(max-width:760px){.hero{background-size:cover;background-position:65% center}.hero:before{background:linear-gradient(90deg,rgba(5,13,19,.94),rgba(5,13,19,.69) 64%,rgba(5,13,19,.42))}.photo-label{top:8px;left:8px;padding:4px 8px;font-size:11px}.why{background-position:center;background-image:linear-gradient(rgba(7,21,30,.72),rgba(7,21,30,.65)),url("assets/bern-real.jpg")}}

/* Readable native surface selector and options. */
#surface,#surface option,#surface optgroup{color:#111;background-color:#fff;color-scheme:light;}

.why{background-position:center 53%}@media(max-width:760px){.why{background-position:57% center}}

/* Real Bern skyline, Aare and green riverbanks. */
.why{background-image:linear-gradient(90deg,rgba(7,21,30,.78),rgba(7,21,30,.53)),url("assets/bern-real.jpg");background-position:center 52%}.why h2,.why h3,.why p{text-shadow:0 1px 3px rgba(0,0,0,.35)}@media(max-width:760px){.why{background-position:57% center;background-image:linear-gradient(rgba(7,21,30,.67),rgba(7,21,30,.6)),url("assets/bern-real.jpg")}}

/* Form stays inside its section; the city image starts below it. */
.services{align-items:start;padding-bottom:48px}.services #anfrage{margin:0;width:100%;min-width:0;align-self:start}.service-copy{min-width:0}#surface{color:#f4f7fa;background-color:#17232b;color-scheme:dark}#surface option,#surface optgroup{color:#111;background-color:#fff}.honeypot{display:none!important}#anfrage button:disabled{opacity:.65;cursor:wait;transform:none}#form-status[data-state="error"]{border-color:#f1a69a}#form-status{overflow-wrap:anywhere}@media(max-width:760px){.services{padding-bottom:32px}}

#surface{background-color:#ffffff09}

#anfrage label[for="area"]{margin:4px 0 5px}