:root{--navy:#071f4a;--red:#ef1d25;--gold:#f7b323;--text:#0b1d46}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
body{display:flex;flex-direction:column;min-height:100vh}
.header{display:flex;justify-content:space-between;align-items:center;padding:14px 4vw 4px;flex:0 0 auto}
.logo{width:clamp(240px,24vw,390px);height:auto}
.flags{display:flex;gap:12px}
.flag{width:42px;height:28px;border:1px solid #17315f;border-radius:5px;overflow:hidden;display:block;background:#fff;box-shadow:0 1px 3px #0001}
.flag img{width:100%;height:100%;object-fit:cover}
main{flex:1 0 auto}
.intro{text-align:center;padding:2px 20px 12px}
.kicker{font-size:clamp(12px,1vw,15px);letter-spacing:5px;font-weight:700;margin:4px 0 14px}
.kicker:before,.kicker:after{content:"";display:inline-block;width:46px;border-top:2px solid var(--red);vertical-align:middle;margin:0 28px 4px}
h1{font-size:clamp(22px,1.8vw,28px);letter-spacing:1px;margin:0 0 8px}
.tagline{font-size:clamp(16px,1.3vw,20px);margin:0}
.hero{display:grid;grid-template-columns:1fr 1fr}
.hero img{width:100%;height:clamp(230px,30vh,350px);object-fit:cover;display:block}
.services{padding:10px 4vw 12px}
.services h2{text-align:center;margin:0 0 10px;font-size:clamp(21px,1.7vw,27px)}
.services h2:after{content:"";display:block;width:46px;border-top:2px solid var(--red);margin:6px auto 0}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.service{min-height:64px;padding:6px 16px;border-right:1px solid #ccd2dc;display:flex;align-items:center;gap:10px;font-weight:700;font-size:clamp(11px,.9vw,14px);line-height:1.3}
.service:last-child{border-right:0}
.icon{font-size:clamp(25px,2vw,32px);min-width:34px;text-align:center}
.footer{background:linear-gradient(110deg,#061936,#072a5e);color:white;display:flex;justify-content:center;gap:70px;padding:14px 30px;font-size:clamp(14px,1.1vw,18px);flex:0 0 auto}
.footer div{display:flex;align-items:center;gap:12px}
.footer .sym{color:#ff2c36;font-size:24px}

@media(max-width:850px){
 .header{align-items:center}.logo{width:280px}.flags{gap:8px}.flag{width:38px;height:26px}
 .kicker{letter-spacing:3px}.kicker:before,.kicker:after{display:none}
 .hero{grid-template-columns:1fr}.hero img{height:240px}
 .service-grid{grid-template-columns:1fr 1fr}.service{border-bottom:1px solid #ccd2dc}
 .footer{flex-direction:column;gap:8px;align-items:center;text-align:center}
}
@media(max-width:520px){
 .header{flex-direction:column;gap:8px;padding-top:10px}.logo{width:260px;max-width:100%}.flags{align-self:flex-end}
 .service-grid{grid-template-columns:1fr}.service{border-right:0}
 .hero img{height:210px}
}