@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--gold:#d8b46a;--gold2:#f1d9a0}
html body{font-family:Inter,system-ui,sans-serif!important;background:radial-gradient(1200px 600px at 80% -10%,rgba(40,100,150,.14),transparent 60%),linear-gradient(180deg,#071d27,#04121a 55%,#020a0f)!important;background-attachment:fixed!important;color:#e6eef1}
h1,h2,h3,h4{font-family:Inter,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.02em;color:#f7fbfb}
h1{font-size:clamp(32px,5vw,60px)!important;line-height:1.05}
h2::after{content:"";display:block;width:56px;height:1px;margin-top:12px;background:linear-gradient(90deg,var(--gold),transparent)}
a{color:var(--gold2)}
header,nav,.nav,.topbar,footer,.menu{background:rgba(8,32,44,.22)!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-color:rgba(255,255,255,.08)!important}
article,.note,.card,section>div[class*=card],.mc-card,figure{background:linear-gradient(160deg,rgba(19,60,80,.45),rgba(5,20,28,.6))!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(216,180,106,.16)!important;border-radius:18px!important;position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
@media (hover:hover){article:hover,.note:hover,.card:hover{transform:translateY(-4px);border-color:rgba(216,180,106,.45)!important;box-shadow:0 18px 40px rgba(0,0,0,.4),0 0 28px rgba(216,180,106,.14)}}
.btn,button,.mc-btns a{font-family:Inter,sans-serif!important;border-radius:999px!important}
.btn.solid{background:linear-gradient(135deg,#f1d9a0,#d8b46a)!important;color:#0a1a22!important;border:0!important}
.btn:not(.solid){background:rgba(8,32,44,.22)!important;border:1px solid rgba(216,180,106,.35)!important;color:var(--gold2)!important;backdrop-filter:blur(14px)}
details{background:linear-gradient(160deg,rgba(19,60,80,.4),rgba(5,20,28,.55));border:1px solid rgba(216,180,106,.16);border-radius:16px;padding:10px 16px}
summary::marker{color:var(--gold)}
.v3-home{position:fixed;left:20px;bottom:20px;z-index:50;padding:11px 18px;border-radius:999px;text-decoration:none;font:600 13px Inter,sans-serif;color:var(--gold2);background:rgba(8,32,44,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(216,180,106,.35)}
.v3-top{position:fixed;right:20px;bottom:20px;z-index:50;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--gold2);font-size:20px;background:rgba(8,32,44,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(216,180,106,.35)}
.v3-home:hover,.v3-top:hover{box-shadow:0 0 20px rgba(216,180,106,.35)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
main>section,section{padding-top:clamp(56px,7vw,96px)}.grid{gap:clamp(20px,2.2vw,28px)!important}
/* v3d: unify night/detector/fossils with memory */
h1{background:linear-gradient(100deg,#ffffff 0%,#e8eef0 45%,var(--gold2) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#fff}
main>a:first-child{font:700 13px Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#e6eef1!important;text-decoration:none!important}
.enter{background:linear-gradient(135deg,#f1d9a0,#d8b46a)!important;color:#0a1a22!important;font:600 14px Inter,sans-serif;letter-spacing:.04em;box-shadow:0 8px 24px rgba(216,180,106,.18);transition:.3s}
.enter:hover{box-shadow:0 0 26px rgba(216,180,106,.35);transform:translateY(-2px)}
.poster{border:1px solid rgba(216,180,106,.2);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 40px rgba(216,180,106,.06)!important}
#records{margin:56px auto 0;max-width:760px;padding:clamp(18px,3vw,32px);border-radius:22px;background:linear-gradient(160deg,rgba(19,60,80,.45),rgba(5,20,28,.6));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(216,180,106,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 50px rgba(0,0,0,.35);color:#c9d6db;line-height:1.65}
#records img.moon,#records img.find{border:1px solid rgba(216,180,106,.28)!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(0,0,0,.45)}
#records a{color:var(--gold2)}
.launch-card{background:linear-gradient(160deg,rgba(19,60,80,.5),rgba(5,20,28,.7))!important;border:1px solid rgba(216,180,106,.22)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 50px rgba(0,0,0,.35)!important;backdrop-filter:blur(14px);margin-top:48px!important}
.launch-card *{font-family:Inter,sans-serif}
.launch-kicker{color:var(--gold2)!important}
.launch-watch{background:linear-gradient(135deg,#f1d9a0,#d8b46a)!important;color:#0a1a22!important;border:0!important;box-shadow:none!important}
.launch-card [class*=launch] div,.launch-body>div{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.08)!important}
.launch-more,.launch-note a{color:var(--gold2)!important}
main>p{color:#c9d6db}
.v3-mhero{margin:0 0 28px;border-radius:24px;overflow:hidden;position:relative;border:1px solid rgba(216,180,106,.18);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.v3-mhero img{display:block;width:100%;height:clamp(220px,38vw,440px);object-fit:cover}
.v3-mhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,18,26,.85))}
.mc-btns a:first-child{background:linear-gradient(135deg,#f1d9a0,#d8b46a)!important;color:#0a1a22!important;border:0!important}
blockquote{border-left-color:var(--gold)!important;background:rgba(19,60,80,.35)!important}