*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#08183c;background:linear-gradient(135deg,#f3f9ff 0%,#dceeff 60%,#f6fbff 100%)}a{color:inherit}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,4.5vw,65px);background:#f7faff;gap:20px}.brand{display:flex;flex-direction:column;text-decoration:none;position:relative;line-height:1.1;color:#07183d}.brand-car{width:170px;height:28px;align-self:center;margin-bottom:-3px}.brand strong{font-size:clamp(17px,2.35vw,30px);font-weight:800;letter-spacing:-.035em;white-space:nowrap}.brand small{font-size:clamp(8px,.94vw,13px);font-weight:700;letter-spacing:.16em;text-align:center;margin-top:5px}.site-header nav{display:flex;gap:clamp(14px,3vw,44px);font-weight:700}.site-header nav a{text-decoration:none;padding:8px 0}.site-header nav a:hover,.site-header nav a:first-child{border-bottom:3px solid #1676d1}.hero{position:relative;min-height:430px;display:grid;grid-template-columns:49% 51%;overflow:hidden;background:linear-gradient(130deg,#edf8ff,#d7ebff)}.hero-copy{position:relative;z-index:2;padding:35px 0 24px clamp(20px,4.5vw,65px)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.25em}.hero h1{font-size:clamp(36px,4.5vw,61px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 10px;font-weight:800}.accent{height:4px;width:210px;border-top:4px solid #1688e7;border-radius:50%;transform:rotate(-1deg);margin-bottom:15px}.hero-copy>p:not(.call-line){font-size:clamp(13px,1.35vw,17px);line-height:1.4;max-width:540px;font-weight:500}.hero-photo{background-image:linear-gradient(90deg,#e5f3ff 0%,rgba(229,243,255,.92) 8%,rgba(229,243,255,.1) 29%,transparent 45%),url('mercedes-full.jpg');background-size:cover;background-position:center center}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.btn{background:linear-gradient(#fff,#f3f7fc);border:1px solid #c6d6e6;box-shadow:0 4px 8px #142b4a25;border-radius:10px;text-decoration:none;padding:12px 18px;font-weight:800;font-size:15px;white-space:nowrap}.btn.primary{background:linear-gradient(#206da7,#002e50);color:white;border-color:#0e426d}.btn:hover{transform:translateY(-2px)}.call-line{font-weight:800;margin:12px 0 0}.call-line a{text-decoration:none}.services{padding:25px 20px 58px;text-align:center}.section-kicker{display:flex;align-items:center;justify-content:center;gap:18px;letter-spacing:.25em;font-size:17px;font-weight:800}.section-kicker span{width:120px;max-width:14vw;height:2px;background:linear-gradient(90deg,transparent,#183c7e)}.section-kicker span:last-child{transform:rotate(180deg)}.services h2{font-size:clamp(29px,4vw,52px);letter-spacing:-.055em;margin:8px 0 0;font-weight:800}.subtitle{margin:0 auto 30px;line-height:1.5;font-size:clamp(13px,1.35vw,18px)}.service-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px}.service-card{background:linear-gradient(150deg,#fff,#f6f9fd);border:1px solid #d7e4f2;border-radius:18px;box-shadow:0 5px 8px #092a4b30;min-height:150px;padding:14px;display:flex;align-items:center;text-align:left;gap:10px}.service-card img{width:32%;max-width:100px;aspect-ratio:1;object-fit:cover;border-radius:12px;flex-shrink:0}.service-text{border-left:2px solid #2675bd;padding-left:10px;min-width:0}.service-card h3{font-size:clamp(13px,1.55vw,20px);letter-spacing:-.045em;line-height:1.12;margin:0 0 10px;font-weight:800}.service-card p{font-size:clamp(10px,1.04vw,13px);line-height:1.4;margin:0;font-weight:500}.office{max-width:1200px;margin:0 auto 70px;padding:24px 40px;background:linear-gradient(105deg,#00274a,#073d6d 48%,#002341);border-radius:20px;color:#fff;display:grid;grid-template-columns:1.1fr 1fr .85fr;align-items:center;gap:20px}.office-block{display:flex;align-items:center;gap:20px}.office-block+.office-block{border-left:2px solid #d4e3f4;padding-left:35px}.office-icon{font-size:45px}.office h2{font-size:21px;margin:0 0 6px}.office p,.office address{font-size:15px;line-height:1.5;font-style:normal;margin:0}.office-car{width:100%}.about{background:white;padding:75px max(24px,6vw);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{font-size:30px;line-height:1.3}.about p{line-height:1.7;color:#52616b}.about aside{background:#e8f6ff;padding:30px;border-radius:18px;align-self:center}.about aside h3{margin-top:0}footer{text-align:center;background:#07294b;color:white;padding:22px;font-size:12px}@media(max-width:850px){.site-header{height:auto;flex-wrap:wrap;justify-content:center;padding:15px}.site-header nav{justify-content:center;width:100%;font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 22px 15px}.hero-photo{height:300px;background-image:linear-gradient(0deg,transparent 70%,#e2f2ff),url('mercedes-full.jpg')}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:135px}.office{margin:0 20px 40px;grid-template-columns:1fr 1fr}.office-car{display:none}.about{grid-template-columns:1fr}}@media(max-width:510px){.brand strong{font-size:19px}.brand small{font-size:8px}.hero h1{font-size:40px}.hero-photo{height:250px}.actions{gap:8px}.btn{font-size:12px;padding:11px 12px}.services{padding:30px 12px}.section-kicker{font-size:12px}.service-grid{gap:10px}.service-card{flex-direction:column;align-items:flex-start;padding:12px;gap:8px;min-height:175px}.service-card img{width:60px}.service-text{border-left:none;padding-left:0}.service-card h3{font-size:14px}.service-card p{font-size:11px}.office{grid-template-columns:1fr;padding:22px}.office-block+.office-block{border-left:none;border-top:1px solid #9bb4cd;padding:15px 0 0}.office h2{font-size:17px}.office p,.office address{font-size:13px}}
/* Approved November 2026 refinements: medium-weight Montserrat headings and light glass office panel */
.hero h1{font-weight:600;letter-spacing:-.045em}
.services h2{font-weight:600;letter-spacing:-.045em}
.about h2{font-weight:600;letter-spacing:-.04em}
.office{max-width:1160px;margin:0 auto 55px;padding:19px 34px;background:linear-gradient(115deg,rgba(255,255,255,.87),rgba(241,249,255,.8) 62%,rgba(210,237,252,.72));color:#092e51;border:1px solid #a7d9f6;border-radius:32px;box-shadow:0 9px 22px rgba(24,77,115,.17),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;overflow:hidden}
.office:after{content:"";position:absolute;inset:auto -5% -42% 50%;height:85%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(123,209,244,.2));pointer-events:none}
.office-block{position:relative;z-index:1}.office-block+.office-block{border-color:#8ab8d5}.office-icon{font-size:38px;color:#0c527d}.office h2{font-size:19px;font-weight:700}.office p,.office address{font-weight:500}.office-car{position:relative;z-index:1}.office-car path{stroke:#13577e}
@media(max-width:850px){.office{margin:0 20px 40px}}
@media(max-width:510px){.office{padding:18px 20px;border-radius:24px}.office h2{font-size:16px}}

/* Full original panoramic photo: never crop the image. */
.hero-photo {background-color:#dcecf8;background-size:100% 100%,contain;background-repeat:no-repeat;background-position:center,center;position:relative;}
@media(max-width:700px){.hero-photo{background-size:100% 100%,contain;background-position:center,center;}}

/* Full-width panoramic Mercedes cover, with an elegant readable left fade. */
.hero{display:block;min-height:430px;background:#e9f5ff url('mercedes-full.jpg') center center / cover no-repeat;isolation:isolate;}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#edf8ff 0%,rgba(237,248,255,.98) 25%,rgba(237,248,255,.90) 38%,rgba(237,248,255,.43) 53%,rgba(237,248,255,0) 73%);}
.hero-copy{width:49%;min-height:430px;position:relative;z-index:1;}
.hero-photo{display:none;}
@media(max-width:850px){.hero{min-height:0;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;padding-bottom:clamp(120px,32vw,280px);background-color:#e9f5ff;}.hero::before{background:linear-gradient(180deg,#edf8ff 0%,rgba(237,248,255,.98) 45%,rgba(237,248,255,.88) 62%,rgba(237,248,255,0) 88%)}.hero-copy{width:100%;min-height:0;padding:30px 22px 25px;}.hero-copy>p:not(.call-line){max-width:560px}}
@media(max-width:510px){.hero{padding-bottom:34vw;background-size:100% auto;background-position:center bottom}.hero::before{background:linear-gradient(180deg,#edf8ff 0%,#edf8ff 62%,rgba(237,248,255,.75) 77%,transparent 95%)}.hero-copy{padding-bottom:20px}}

/* Seamless panoramic hero: feather the photograph into the heading area. */
.hero{background-color:#edf8ff;background-position:center center;background-size:cover;border:0;box-shadow:none}
.hero::before{background:linear-gradient(90deg,#edf8ff 0%,#edf8ff 18%,rgba(237,248,255,.98) 30%,rgba(237,248,255,.90) 42%,rgba(237,248,255,.66) 53%,rgba(237,248,255,.28) 66%,rgba(237,248,255,.04) 79%,transparent 90%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:52px;background:linear-gradient(180deg,transparent,rgba(237,248,255,.55));pointer-events:none;z-index:0}
@media(max-width:850px){.hero::before{background:linear-gradient(180deg,#edf8ff 0%,#edf8ff 18%,rgba(237,248,255,.98) 38%,rgba(237,248,255,.88) 58%,rgba(237,248,255,.45) 76%,transparent 96%)}.hero::after{height:30px}}
@media(max-width:510px){.hero::before{background:linear-gradient(180deg,#edf8ff 0%,#edf8ff 30%,rgba(237,248,255,.96) 57%,rgba(237,248,255,.55) 80%,transparent 100%)}}

/* Mercedes photo at 70% of the previous full-cover width, preserving full frame. */
.hero{background-image:none!important;background-color:#edf8ff;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#edf8ff 0%,rgba(237,248,255,.98) 25%,rgba(237,248,255,.84) 39%,rgba(237,248,255,.22) 64%,rgba(237,248,255,0) 88%),url('mercedes-full.jpg') right center / 70% auto no-repeat!important;pointer-events:none}
.hero::after{z-index:0}
@media(max-width:850px){.hero{padding-bottom:clamp(170px,45vw,330px)}.hero::before{background:linear-gradient(180deg,#edf8ff 0%,#edf8ff 35%,rgba(237,248,255,.92) 54%,rgba(237,248,255,.15) 85%,transparent 100%),url('mercedes-full.jpg') center bottom / 90% auto no-repeat!important}}
@media(max-width:510px){.hero{padding-bottom:52vw}.hero::before{background:linear-gradient(180deg,#edf8ff 0%,#edf8ff 38%,rgba(237,248,255,.8) 62%,transparent 95%),url('mercedes-full.jpg') center bottom / 96% auto no-repeat!important}}