:root{--blue:#004b8d;--dark:#0f1720;--light:#f5f7fa;--muted:#687382;--bosch:#e60012;--line:#d9e2ec;}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff;line-height:1.6}
a{color:inherit} img{max-width:100%;height:auto;display:block}
.topbar{background:#f1f5f9;border-bottom:1px solid var(--line);font-size:.92rem}
.wrap{width:min(1120px,92vw);margin:auto}
.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.5rem 0}
.apply-badge{color:var(--bosch);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:1rem;text-decoration:none}
.brand img.logo{width:180px}.brand img.bosch{width:70px}
.nav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;font-size:.95rem}
.nav a{text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a.active{border-color:var(--bosch);color:var(--blue)}
.hero{background:linear-gradient(90deg,rgba(0,33,63,.88),rgba(0,75,141,.64)),url('../img/hero-entrance.avif') center/cover no-repeat;color:white;padding:6rem 0 5rem}
.hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.05;margin:0 0 .8rem}
.hero p{font-size:clamp(1.05rem,2vw,1.55rem);max-width:760px;margin:0 0 2rem}
.btns{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;border-radius:6px;padding:.85rem 1.1rem;font-weight:700}
.btn.primary{background:var(--bosch);color:#fff}.btn.secondary{background:#fff;color:var(--blue)}
.section{padding:4rem 0}.section.alt{background:var(--light)}
.grid{display:grid;gap:2rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.4rem;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.card h3{margin-top:0;color:var(--blue)}
.page-title{background:#0b3157;color:#fff;padding:4rem 0}.page-title h1{margin:0;font-size:clamp(2rem,4vw,3.4rem)}
.hours{font-size:1.25rem}.hours strong{display:inline-block;min-width:120px}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.member{text-align:center}.member img{width:220px;height:220px;object-fit:cover;border-radius:50%;margin:0 auto 1rem;border:6px solid #fff;box-shadow:0 6px 22px rgba(0,0,0,.12)}
.member h2{font-size:1.25rem;margin:.3rem 0;color:var(--blue)}.member p{margin:.2rem;color:var(--muted)}
form{display:grid;gap:1rem}input,textarea,select{width:100%;padding:.9rem;border:1px solid var(--line);border-radius:6px;font:inherit}textarea{min-height:150px}
.footer{background:#0b1724;color:#dce7f2;padding:2.5rem 0 1.5rem}.footer a{color:#fff}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.small{font-size:.9rem;color:#91a2b5}
.legal{max-width:900px}.legal h2,.legal h3{color:var(--blue)}
.notice{background:#fff8e6;border:1px solid #f7d680;padding:1rem;border-radius:8px}
@media(max-width:800px){.header-inner{display:block}.brand{margin-bottom:1rem}.nav{gap:.8rem}.grid.two,.grid.three,.grid.four,.team,.gallery,.footgrid{grid-template-columns:1fr}.hero{padding:4rem 0}.topbar .wrap{display:block}.brand img.logo{width:150px}}