*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#070707;color:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:rgba(5,5,5,.92);border-bottom:1px solid rgba(218,165,32,.22);backdrop-filter:blur(10px)}
.logo{font-size:25px;font-weight:900;color:#f2c75c;letter-spacing:.5px}
.logo span{display:block;font-size:12px;color:#fff;letter-spacing:3px;text-transform:uppercase}
nav{display:flex;gap:24px}
nav a{font-size:14px;color:#ddd}
nav a:hover{color:#f2c75c}
.hero{position:relative;min-height:88vh;display:flex;align-items:center;padding:80px 7%;background:radial-gradient(circle at 20% 25%,rgba(242,199,92,.22),transparent 30%),linear-gradient(120deg,#080808,#111 55%,#2b1605)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.35))}
.hero-content{position:relative;max-width:850px}
.tag,.section-tag{color:#f2c75c;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:13px;margin-bottom:12px}
.hero h1{font-size:clamp(42px,7vw,88px);line-height:1.02;margin-bottom:15px;text-transform:uppercase}
.hero h2{font-size:clamp(22px,3vw,38px);color:#f2c75c;margin-bottom:18px}
.hero p{max-width:720px;color:#ddd;font-size:18px}
.hero-buttons{display:flex;gap:15px;margin-top:32px;flex-wrap:wrap}
.btn{padding:13px 24px;border-radius:40px;font-weight:800}
.primary{background:#f2c75c;color:#111}
.secondary{border:1px solid #f2c75c;color:#f2c75c}
.section{padding:82px 7%;border-top:1px solid rgba(255,255,255,.06)}
.section h2{font-size:clamp(30px,4vw,52px);margin-bottom:20px}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.about p{color:#ccc;font-size:17px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stats div,.card,.poster-grid div{background:linear-gradient(145deg,#131313,#080808);border:1px solid rgba(242,199,92,.25);border-radius:18px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.stats strong{display:block;font-size:36px;color:#f2c75c}
.stats span{font-size:13px;color:#ccc}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.card h3{color:#f2c75c;margin-bottom:10px;font-size:22px}
.card p{color:#cfcfcf}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.service-grid span{background:#111;border:1px solid rgba(255,255,255,.12);padding:16px;border-radius:12px;color:#eee}
.poster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.poster-grid div{height:230px;display:flex;align-items:flex-end;font-weight:900;color:#f2c75c;background:linear-gradient(150deg,#221306,#111 55%,#050505)}
.contact a{color:#f2c75c}
footer{text-align:center;padding:28px;background:#030303;color:#aaa;border-top:1px solid rgba(242,199,92,.18)}
@media(max-width:900px){
.site-header{display:block;text-align:center}
nav{justify-content:center;flex-wrap:wrap;margin-top:14px}
.about,.cards,.service-grid,.poster-grid,.stats{grid-template-columns:1fr}
.hero{min-height:78vh}
}