:root{
  --ink:#000;
  --ink-2:#07070a;
  --paper:#0d0d12;
  --gold:#c8f65a;
  --gold-lt:#dffb85;
  --edge:rgba(255,255,255,.08);
  --muted:#9ca3af;
  --white:#f5f5f7;
  --pur:#a855f7;
  --pur2:#7c3aed;
  --card:#0b0b10;
  --card2:#11111a;
  --type-body:'Plus Jakarta Sans',sans-serif;
  --type-disp:'Bricolage Grotesque',sans-serif;
  --type-mono:'Fira Code',monospace;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(168,85,247,.22),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(200,246,90,.13),transparent 28%),
    linear-gradient(180deg,#000 0%,#060609 48%,#000 100%) !important;
  color:var(--white) !important;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse at top,#000 24%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse at top,#000 24%,transparent 78%);
}
.shell{width:min(1180px,92vw) !important}
.nav{
  padding:1.1rem 0 !important;
  border-bottom:1px solid var(--edge);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.logo{
  color:#fff !important;
  letter-spacing:-.04em;
}
.logo em{color:var(--gold) !important;text-shadow:0 0 18px rgba(200,246,90,.5)}
.nav-links{color:var(--muted) !important}
.nav a:hover,.nav-links a:hover{color:var(--gold) !important}
.hero{
  padding:clamp(4rem,8vw,7rem) 0 3rem !important;
  position:relative;
}
.eyebrow,.kicker{
  color:var(--gold) !important;
  letter-spacing:.22em !important;
}
.eyebrow::before,.kicker::before{
  content:'';
  display:inline-block;
  width:26px;
  height:1px;
  background:var(--gold);
  margin-right:.7rem;
  vertical-align:middle;
}
h1{
  color:#fff !important;
  letter-spacing:-.055em;
  max-width:11ch !important;
}
h1 em{
  color:var(--gold) !important;
  text-shadow:0 0 28px rgba(200,246,90,.38);
}
.lead,.card p,.latest-head p,.content p,.content li,.cta p,.share,.callout{color:var(--muted) !important}
.chips{gap:.65rem !important}
.chip{
  color:var(--gold) !important;
  border-color:rgba(200,246,90,.26) !important;
  background:rgba(200,246,90,.055) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.grid{
  gap:1.15rem !important;
}
.card,.cta,.share,.callout{
  background:
    radial-gradient(circle at 100% 0%,rgba(168,85,247,.12),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)) !important;
  border:1px solid var(--edge) !important;
  border-radius:22px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.32);
}
.card{
  min-height:300px;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s !important;
  position:relative;
  overflow:hidden;
}
.card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(300px circle at 20% 0%,rgba(200,246,90,.12),transparent 45%);
  opacity:0;
  transition:.35s;
  pointer-events:none;
}
.card:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(200,246,90,.42) !important;
  box-shadow:0 34px 80px rgba(0,0,0,.52),0 0 0 1px rgba(200,246,90,.12);
}
.card:hover::before{opacity:1}
.card h2,.latest-head h2,.content h2,.cta h3,.share strong{
  color:#fff !important;
  letter-spacing:-.03em;
}
.meta{
  color:#6f7480 !important;
}
.btn{
  color:var(--gold) !important;
  border-color:rgba(200,246,90,.34) !important;
  background:rgba(200,246,90,.04);
  transition:.28s;
}
.btn:hover{
  background:var(--gold) !important;
  color:#000 !important;
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(200,246,90,.24);
}
.latest-head{
  border-top:1px solid var(--edge) !important;
}
.content{
  max-width:780px;
}
.content h2{
  margin-top:2.35rem !important;
}
.content ul li::marker{color:var(--gold)}
.share,.callout{
  border-left-color:var(--gold) !important;
}
footer{
  color:#5f6672 !important;
  border-top:1px solid var(--edge);
  padding-top:1.5rem;
}
@media(max-width:960px){
  .nav{align-items:flex-start !important;gap:1rem;flex-direction:column}
  .grid{grid-template-columns:1fr !important}
  .card{min-height:auto}
}