:root{color-scheme:dark}
body{margin:0;min-height:100vh;background:linear-gradient(172deg,#8A1C0A 0%,#C8320D 35%,#E8560F 68%,#F27A1E 100%);color:#FFF6E8;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
main{position:relative;max-width:680px;margin:0 auto;padding:56px 20px 80px}
h1{font-size:30px;margin:0 0 6px;letter-spacing:-.3px}h2{font-size:18px;margin:32px 0 8px;color:#F7C83A}
p,li{margin:0 0 12px;color:rgba(255,246,232,.9)}small{color:rgba(255,246,232,.65)}
a{color:#F7C83A}nav{margin-top:28px;display:flex;gap:18px;flex-wrap:wrap}nav a{text-decoration:none;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);color:#FFF6E8;border-radius:50px;padding:10px 16px}
.mark{display:block;margin:0 0 20px}
.landing{max-width:960px}
.hero{text-align:center;padding-top:16px}.hero .mark{margin:0 auto 18px}.hero h1{font-size:40px}
.tagline{font-size:19px;max-width:620px;margin:10px auto 22px;color:rgba(255,246,232,.88)}
.play{display:inline-block;text-decoration:none;background:#FFF6E8;color:#8A1C0A;font-weight:600;border-radius:50px;padding:14px 26px}
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:48px 0 40px}
.shots img{width:100%;height:auto;border-radius:22px;border:1px solid rgba(255,255,255,.22);display:block}
.text{max-width:680px;margin:0 auto}.text h2{margin-top:28px}.text ul{padding-left:20px;margin:0 0 12px}
footer{margin-top:56px;border-top:1px solid rgba(255,255,255,.18);padding-top:24px}
.links{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 16px}.links a{text-decoration:none;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);color:#FFF6E8;border-radius:50px;padding:10px 16px}
.langs{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.langs a{color:rgba(255,246,232,.7);text-decoration:none}.langs a[aria-current]{color:#F7C83A}
@media (max-width:640px){.shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shots img{border-radius:12px}.hero h1{font-size:32px}}