:root{--black:#0c0c0c;--accent:#E6033B;--text:#fff;--pad:clamp(10px,1.6vw,18px)}
*{box-sizing:border-box} html,body{margin:0;padding:0;height:100%;min-height:100%;font-family:system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--text);overflow-x:hidden}
@supports (height:100dvh){body{min-height:100dvh}} body{display:flex;flex-direction:column} main.site{flex:1 0 auto}
a{color:inherit;text-decoration:none} .container{max-width:1200px;margin:0 auto;padding:0 var(--pad)}
.bg-slideshow{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#000}
.bg-slideshow .slides{position:absolute;inset:0} .bg-slideshow .slide{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0;transition:opacity .6s ease-in-out}
.bg-slideshow .slide.active{opacity:1} @media (min-aspect-ratio:16/10){.bg-slideshow .slide{background-size:cover}} @media (orientation:landscape){.bg-slideshow .slide{background-size:cover}}
.slides-web{display:block} .slides-mobile{display:none} @media (max-width:950px){.slides-web{display:none} .slides-mobile{display:block}}
.bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.5) 55%, rgba(0,0,0,.7))}
.topbar{background:rgba(12,12,12,.9);backdrop-filter:saturate(120%) blur(6px);color:#fff;padding:6px 0;position:sticky;top:0;z-index:40}
.brand{font-weight:900;letter-spacing:.5px;font-size:clamp(17px,1.8vw,22px);display:block;text-align:left}
.lang-switch{display:flex;gap:8px;align-items:center;margin-left:auto}
.flag{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;line-height:0;background:rgba(255,255,255,.06);padding:1px} .flag svg{width:26px;height:18px;display:block} @media (max-width:950px){.flag svg{width:22px;height:16px}}
.header-row{display:flex;align-items:center;justify-content:flex-start;gap:10px}
.navbar{background:#E6033BE6;color:#fff;position:sticky;top:36px;z-index:39;backdrop-filter:saturate(120%) blur(6px)} .banner{display:flex;align-items:center;justify-content:flex-start;padding:10px 0;min-height:48px}
.bar-title{display:block;font-family:inherit;font-weight:inherit;color:inherit;text-decoration:none;line-height:1.08;text-align:left}
.bar-title .bar-h1{font-size:clamp(16px,2.4vw,24px);font-weight:900;letter-spacing:.4px;margin:0}
.bar-title .bar-h2{font-size:clamp(12px,1.6vw,16px);opacity:.95;margin:2px 0 0 0;font-weight:700}
.hero{position:relative;height:16.5vh;padding-bottom:env(safe-area-inset-bottom)} @supports (height:100dvh){@media (max-width:950px){.hero{height:15dvh}}}
.hero-content{position:absolute;left:clamp(14px,4vw,36px);right:clamp(14px,4vw,36px);bottom:clamp(16px,3.5vw,28px);color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.45)}
.cta{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .cta .pill{display:inline-flex;align-items:center;gap:8px;background:rgba(17,17,17,.82);padding:8px 12px;border-radius:999px;white-space:nowrap;font-size:clamp(12px,2vw,14px)}
.section{padding:clamp(16px,2.4vw,22px) 0;background:transparent} .section h2{font-size:clamp(22px,2.6vw,29px);margin:0 0 6px 0}
.services-list{margin:0;padding-left:18px;opacity:.96;list-style:disc} .services-list li{font-size:clamp(16px,2.1vw,18.67px)}
.footer{background:rgba(12,12,12,.92);backdrop-filter:saturate(120%) blur(6px);color:#fff;padding:16px 0 calc(16px + env(safe-area-inset-bottom));margin-top:auto}
.social{display:flex;gap:14px} .social a{display:inline-flex;align-items:center;justify-content:center;opacity:1} .social svg{width:28px;height:28px;display:block}