:root{--pitch:#0E1A14;--card:#16261D;--stroke:#24382C;--text:#F3F5F1;--muted:#A9B8AE;--gold:#F2C94C;--green:#2E8B57}
*{box-sizing:border-box}
body{margin:0;background:var(--pitch);color:var(--text);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
header{text-align:center;margin-bottom:24px}
header img{width:180px;height:auto}
nav{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:12px 0 28px}
nav a{color:var(--gold);text-decoration:none;font-weight:600}
h1,h2{font-family:"Barlow Condensed",Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase;line-height:1.15}
h1{font-size:40px;margin:0 0 8px;color:var(--gold)}
h2{font-size:26px;margin:32px 0 8px}
p,li{color:var(--text)}
.muted{color:var(--muted)}
a{color:var(--gold)}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:20px;margin:16px 0}
code,pre{font-family:ui-monospace,Menlo,monospace;font-size:14px}
pre{background:#0A130E;border:1px solid var(--stroke);border-radius:12px;padding:14px;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{border-bottom:1px solid var(--stroke);padding:8px 6px;text-align:left;vertical-align:top}
.btn{display:inline-block;background:var(--gold);color:#14110A;font-weight:700;padding:12px 18px;border-radius:12px;text-decoration:none}
footer{margin-top:48px;text-align:center;font-size:13px;color:var(--muted)}

/* Home page (marketing) */
.landing main{max-width:1040px}
.hero{position:relative;background:#0B1A12;overflow:hidden}
.hero-art{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;object-position:center top}
.hero-text{max-width:1040px;margin:0 auto;padding:8px 16px 8px;text-align:center}
.hero nav{margin:16px 0 20px}
.landing h1{font-size:clamp(34px,7vw,60px);color:var(--gold);margin:0 0 12px}
.lead{font-size:18px;max-width:640px;margin:0 auto 20px;color:var(--text)}
.btn-big{font-size:18px;padding:14px 26px}
.btn:hover{filter:brightness(1.08)}
.facts{color:var(--muted);font-size:14px;margin-top:10px}
.shots{padding:28px 0 8px}
.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px 12px;-webkit-overflow-scrolling:touch}
.strip img{flex:0 0 auto;width:min(62vw,250px);height:auto;border-radius:18px;scroll-snap-align:center;border:1px solid var(--stroke)}
@media (min-width:1600px){.strip{justify-content:center}.hint{display:none}}
.hint{text-align:center;font-size:13px;margin:4px 0 0}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.features .card{margin:0}
h3{font-family:"Barlow Condensed",Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em;font-size:22px;margin:0 0 6px;color:var(--gold)}
.features p,.highlight p{margin:0}
.highlight{border-color:var(--gold);margin-top:28px}
.highlight h3{margin-bottom:6px}
.tag{display:inline-block;background:var(--gold);color:#14110A;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:6px;margin-bottom:10px!important}
.closing{text-align:center;margin-top:40px}
footer a{color:var(--muted)}

/* Home page layout: one centred column with clear margins */
.landing{padding:clamp(16px,3vw,40px) clamp(24px,6vw,96px) 0}
.landing .hero,.landing .shots,.landing main{max-width:1100px;margin-left:auto;margin-right:auto}
.landing .hero{border-radius:20px;background:transparent}
.landing .hero-art{border-radius:20px}
.landing .hero-text{padding:8px 0}
.landing .strip{padding:0 0 12px}
.landing main{padding:40px 0 64px}
.landing .features{gap:20px}
/* Wide screens: all six screenshots in one centred row, no scrolling */
@media (min-width:900px){
  .landing .strip{display:grid;grid-template-columns:repeat(6,1fr);overflow:visible}
  .landing .strip img{width:100%}
  .landing .hint{display:none}
  .landing .features{grid-template-columns:repeat(3,1fr)}
}
/* press kit */
.press .lead-left{font-size:18px}
.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold);margin-left:8px}
.facts-table dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0}
.facts-table dt{color:var(--muted);font-weight:600}
.facts-table dd{margin:0;overflow-wrap:anywhere}
@media (max-width:520px){.facts-table dl{grid-template-columns:1fr}.facts-table dd{margin-bottom:8px}.btn-outline{margin:8px 0 0}}
.trailer{display:block;width:100%;max-width:360px;margin:8px auto;border-radius:18px;border:1px solid var(--stroke);background:#000}
.press-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.press-shots img,.press-art img{width:100%;height:auto;border-radius:14px;border:1px solid var(--stroke);display:block}
.press-art{display:grid;grid-template-columns:1fr 2fr;gap:12px;align-items:center}