
@font-face{font-family:"IBM Plex Sans";font-weight:400;font-style:normal;font-display:swap;src:url(__fonts/ibm-plex-sans-normal-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:600;font-style:normal;font-display:swap;src:url(__fonts/ibm-plex-sans-normal-600.woff2) format("woff2")}
@font-face{font-family:"Oswald";font-weight:400;font-style:normal;font-display:swap;src:url(__fonts/oswald-normal-400.woff2) format("woff2")}
@font-face{font-family:"Oswald";font-weight:500;font-style:normal;font-display:swap;src:url(__fonts/oswald-normal-500.woff2) format("woff2")}
:root{--fg:#fff;--max:1140px}
*{box-sizing:border-box}
body{margin:0;background:#000;color:#fff;font:400 17px/1.7 "IBM Plex Sans",sans-serif}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3,h4{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;line-height:1.2;margin:0 0 .5em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
header.site{background:#000;height:88px;position:relative;z-index:20}
header.site .wrap{max-width:1280px;display:flex;align-items:center;justify-content:space-between;height:88px}
.brand{font:500 1.6rem Oswald,sans-serif;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}
nav a{display:block;text-decoration:none;font:500 1rem/38px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:0 14px;opacity:.8}
nav a:hover,nav a[aria-current]{opacity:1}
.burger{display:none;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer;line-height:1}
@media(max-width:860px){header.site,header.site .wrap{height:60px}.burger{display:block}nav{display:none;position:absolute;left:0;right:0;top:60px;background:#000}nav.open{display:block}nav ul{flex-direction:column;padding:6px 24px 18px}nav a{padding:6px 0}.brand{font-size:1.3rem}}
/* slider */
.slider{position:relative;height:calc(100vh - 88px);min-height:420px;max-height:880px;overflow:hidden;background:#000}
.slide{position:absolute;inset:0;background:#000 center/cover no-repeat;opacity:0;transition:opacity .6s ease-in-out;display:flex;align-items:center;justify-content:center;text-align:center}
.slide.on{opacity:1;z-index:1}
.slide::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.slide .in{position:relative;max-width:860px;padding:0 70px}
.slide h1{font-size:clamp(2rem,5.5vw,4.2rem);margin:0 0 .3em;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.slide p{font-size:clamp(1.05rem,2vw,1.4rem);margin:0;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:none;border:0;color:#fff;font-size:2.6rem;cursor:pointer;padding:10px 14px;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.arr:hover{opacity:1}.arr.p{left:8px}.arr.n{right:8px}
.dots{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;justify-content:center;gap:10px}
.dots button{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer}
.dots button.on{background:#fff}
@media(max-width:860px){.slider{height:70vh}.slide .in{padding:0 48px}}
section{padding:64px 0;background:#000}
.title{text-align:center;font-size:clamp(1.8rem,4vw,2.8rem)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.card{position:relative;min-height:380px;background:#222 center/cover no-repeat;padding:36px 30px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.card::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62)}
.card>*{position:relative}.card h3{font-size:1.5rem}.card p{margin:0 0 .8em}
@media(max-width:860px){.cards{grid-template-columns:1fr}.card{min-height:0}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split img{width:100%;height:auto;max-height:460px;object-fit:cover}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:28px}}
.btn{display:inline-block;border:2px solid #fff;color:#fff;padding:10px 26px;text-decoration:none;font:500 1rem Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;margin-top:10px}
.btn:hover{background:#fff;color:#000}
.logos{background:#d9d9d9;padding:20px 0}
.logos .wrap{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:center}
.logos img{height:80px;width:auto}
.page{padding:64px 24px 80px;max-width:900px}.page h1{font-size:clamp(2rem,5vw,3rem)}
.page p{margin:0 0 1em}
.info{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px}
@media(max-width:860px){.info{grid-template-columns:1fr}}
.info h3{font-size:1.3rem;margin-bottom:.3em}.info p{margin:0 0 1.6em}
table{border-collapse:collapse}td{padding:0 28px 0 0}
footer{background:#000;border-top:1px solid #222;padding:32px 0;font-size:.9rem;color:#bbb}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 32px;justify-content:space-between}
#cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;background:#fff;color:#111;padding:18px 20px;border-radius:4px;box-shadow:0 8px 30px rgba(0,0,0,.5);z-index:50;display:none;font-size:.92rem;line-height:1.5}
#cookie a{color:#111}#cookie .row{display:flex;gap:10px;margin-top:12px}
#cookie button{flex:1;padding:10px;border:1px solid #000;background:#fff;color:#000;font:600 .9rem "IBM Plex Sans",sans-serif;cursor:pointer}
#cookie button.ok{background:#000;color:#fff}
