:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#080910; color:#f4f1ea; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 75% 0%,#20243d 0,#080910 45%); }
header, main, footer { width:min(1180px,calc(100% - 36px)); margin-inline:auto; }
header { padding:64px 0 34px; border-bottom:1px solid #ffffff24; }
.eyebrow { margin:0 0 10px; color:#999fb4; letter-spacing:.28em; font-size:.72rem; font-weight:800; }
h1 { margin:0; font-size:clamp(2.3rem,6vw,5.2rem); text-transform:uppercase; letter-spacing:.02em; line-height:.9; }
.lede { color:#b8bdc9; font-size:1.05rem; }
main { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; padding:36px 0 42px; }
.world { --accent:#fff; position:relative; min-height:310px; overflow:hidden; border:1px solid #ffffff25; background:#10121b; box-shadow:0 18px 55px #0008; }
.world img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.92) contrast(1.03); }
.world::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#05060be8 0,#0809108f 48%,transparent 100%),linear-gradient(0deg,#05060bd9,transparent 45%); }
.copy { position:absolute; z-index:1; inset:auto 24px 24px; border-left:3px solid var(--accent); padding-left:14px; }
.planet { margin:0 0 7px; color:var(--accent); font-size:.72rem; font-weight:900; letter-spacing:.19em; }
h2 { margin:0 0 7px; font-size:clamp(1.3rem,3vw,2rem); }
.subtitle { margin:0; color:#d7d9df; }
.status { color:#b7bac6; padding:48px 0; }
footer { padding:24px 0 42px; color:#7d8294; border-top:1px solid #ffffff18; }
@media (max-width:760px) { main { grid-template-columns:1fr; } header { padding-top:40px; } }