:root {
  --void:#07090e;
  --obsidian:#0d1119;
  --iron:#171d28;
  --steel:#30394a;
  --hyde-ink:#f4f0e7;
  --hyde-muted:#9ba6b8;
  --gold:#d8aa58;
  --gold-hi:#f3d28d;
  --arcane:#83c9df;
  --bg:var(--void);
  --surface:var(--obsidian);
  --surface-2:var(--iron);
  --ink:var(--hyde-ink);
  --muted:var(--hyde-muted);
  --line:var(--steel);
  --amber:var(--gold);
  --amber-pale:var(--gold-hi);
}
html { color-scheme:dark; }
body {
  min-width:320px;
  background-color:var(--void);
  background-image:radial-gradient(circle at 16% 0,rgba(83,125,159,.14),transparent 34rem),linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px);
  background-size:auto,32px 32px,32px 32px;
}
h1 { font-family:Georgia,"Times New Roman",ui-serif,serif; font-weight:600; }
a,button,input,select { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--gold-hi); outline-offset:3px; }
.nav,.topbar { border-bottom:1px solid rgba(255,255,255,.08); }
.site-topbar {
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 clamp(18px,4vw,52px);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(7,9,14,.86);
  backdrop-filter:blur(14px);
}
.site-brand {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:.72rem;
  color:var(--hyde-ink);
  font-size:15px;
  font-weight:900;
  letter-spacing:.13em;
  text-decoration:none;
  text-transform:uppercase;
}
.site-brand img {
  display:block;
  width:32px;
  height:32px;
  object-fit:contain;
  filter:drop-shadow(0 0 12px rgba(216,170,88,.18));
}
.site-nav { display:flex; align-items:center; gap:.3rem; }
.site-nav a {
  min-height:42px;
  display:grid;
  place-items:center;
  padding:0 .85rem;
  border-radius:5px;
  color:var(--hyde-muted);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"] {
  color:var(--hyde-ink);
  background:var(--iron);
  outline:1px solid #3b465a;
}
.site-nav .site-nav-cta {
  margin-left:.3rem;
  background:linear-gradient(145deg,var(--gold-hi),var(--gold));
  color:#24180a;
  outline:0;
}
.site-nav .site-nav-cta:hover,.site-nav .site-nav-cta:focus-visible,.site-nav .site-nav-cta[aria-current="page"] {
  color:#24180a;
  background:linear-gradient(145deg,#ffe3a5,var(--gold));
  outline:2px solid var(--gold-hi);
}
.button,.cta-btn,.primary { border-radius:7px!important; background:linear-gradient(145deg,var(--gold-hi),var(--gold))!important; color:#24180a!important; box-shadow:0 10px 28px rgba(216,170,88,.16)!important; }
.controls,.platform,.entry,.now,.content-panel { border-color:var(--steel)!important; border-radius:10px!important; background:linear-gradient(145deg,rgba(23,29,40,.96),rgba(13,17,25,.96))!important; }
.kicker,.eyebrow,.section-kicker { color:var(--gold)!important; letter-spacing:.15em; text-transform:uppercase; }
.content-shell { width:min(820px,calc(100% - 36px)); margin:auto; }
.content-nav { min-height:72px; display:flex; align-items:center; gap:18px; border-bottom:1px solid rgba(255,255,255,.08); }
.content-nav a { color:var(--hyde-muted); text-decoration:none; font-size:13px; }
.content-nav a:first-child { display:flex; align-items:center; gap:9px; color:var(--hyde-ink); font-size:15px; font-weight:850; }
.content-nav img { width:30px; height:30px; border-radius:7px; }
.content-main { padding:clamp(44px,8vw,84px) 0 72px; }
.content-main h1 { max-width:720px; margin:10px 0 16px; font-size:clamp(38px,7vw,68px); line-height:.98; letter-spacing:-.045em; }
.content-panel { padding:20px; margin-top:24px; border:1px solid var(--steel); }
.content-panel p { margin:0; color:var(--hyde-muted); line-height:1.6; }
.content-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.content-action { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:0 18px; border:1px solid var(--steel); border-radius:7px; color:var(--hyde-ink); text-decoration:none; font-weight:800; }
.content-action.primary { border:0; }
.site-foot { padding:20px 0 32px; border-top:1px solid var(--steel); color:var(--hyde-muted); font-size:12px; }
@media (max-width:620px) {
  .site-topbar { padding:8px 14px; }
  .site-brand { gap:.5rem; font-size:13px; }
  .site-brand img { width:29px; height:29px; }
  .site-nav { gap:0; }
  .site-nav a { min-height:40px; padding:0 7px; font-size:.66rem; letter-spacing:.045em; }
  .site-nav .site-nav-cta { margin-left:2px; }
  .content-nav { flex-wrap:wrap; gap:10px 14px; padding:14px 0; }
  .content-main { padding-top:42px; }
}
@media (max-width:480px) {
  .site-topbar { gap:8px; padding-inline:12px; }
  .site-brand span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .site-nav a { padding-inline:6px; font-size:.62rem; letter-spacing:.025em; }
  .site-nav .site-nav-cta { margin-left:0; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }