:root{
  --ink:#15131F;
  --ink-2:#1E1B2E;
  --paper:#FFFFFF;
  --amber:#FFB100;
  --coral:#FF5C4D;
  --teal:#17B893;
  --muted:#9C97B3;
}
body{ background:var(--ink); font-family:'Inter', sans-serif; color:var(--paper); }
.font-display{ font-family:'Archivo Black', sans-serif; }
.font-mono-ish{ font-family:'Space Grotesk', sans-serif; }
.grain::before{
  content:""; position:fixed; inset:0; pointer-events:none; opacity:.035; z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.ladder-num{
  font-family:'Archivo Black', sans-serif;
  -webkit-text-stroke: 1.5px rgba(255,255,255,0.25);
  color: transparent;
}
.tier-toggle input:checked + label .knob{ transform: translateX(26px); background:var(--ink); }
.tier-toggle input:checked ~ .vip-price{ display:block; }
.tier-toggle input:checked ~ .std-price{ display:none; }
.card-hover{ transition: transform .25s ease, border-color .25s ease; }
.card-hover:hover{ transform: translateY(-4px); border-color: var(--amber); }
::selection{ background:var(--amber); color:var(--ink); }
.underline-swipe{ background-image: linear-gradient(var(--amber), var(--amber)); background-repeat:no-repeat; background-size: 0% 3px; background-position: 0 100%; transition: background-size .3s ease; }
.underline-swipe:hover{ background-size: 100% 3px; }
.category-card{ transition: transform .25s ease, border-color .25s ease; }
.category-card:hover{ transform: translateY(-4px); }