*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0b0b10;color:#eee;line-height:1.5}
.hero{max-width:1100px;margin:0 auto;aspect-ratio:3/1;background:#000 url(img/hero.jpg) center/cover no-repeat}.ov{margin:auto;text-align:center;background:rgba(0,0,0,.55);padding:2rem 3rem;border-radius:12px}
h1{font-size:clamp(2.2rem,6vw,4rem);margin:0;color:#ff5a36}main{max-width:1100px;margin:auto;padding:1rem}section{padding:2.5rem 0}h2{color:#ff7a50}
.note{opacity:.8;font-style:italic}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.2rem}figure{margin:0}
iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px}.btn{display:inline-block;background:#ff5a36;color:#fff;padding:.8rem 1.4rem;border-radius:8px;text-decoration:none;margin:.3rem;font-weight:600}
.btn.alt{background:#333}.cta{text-align:center}footer{text-align:center;padding:2rem;opacity:.85}footer a{color:#ff9a70}
.prod a{text-align:center;text-decoration:none}.prod img{width:100%;max-width:200px;border-radius:8px;display:block;margin:0 auto .6rem;background:#fff}
body{background:radial-gradient(ellipse at 20% 0%,rgba(255,90,54,.35),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(120,40,20,.5),transparent 60%),radial-gradient(1px 1px at 10% 20%,#fff,transparent),radial-gradient(1px 1px at 30% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 35%,#fff,transparent),radial-gradient(1px 1px at 75% 15%,#fff,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent),radial-gradient(1px 1px at 45% 90%,#fff,transparent),#07060a;background-attachment:fixed}
