* { box-sizing: border-box; }
html { background: #050505; }
body { margin: 0; min-width: 320px; letter-spacing: 0; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: 0; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mb-3 { margin-bottom: .75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; }
.mt-1 { margin-top: .25rem; } .mt-2 { margin-top: .5rem; } .mt-3 { margin-top: .75rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; }
.mr-2 { margin-right: .5rem; }
.flex { display: flex; } .inline-flex { display: inline-flex; } .grid { display: grid; } .hidden { display: none; }
.flex-1 { flex: 1 1 0%; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; } .items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; } .justify-center { justify-content: center; }
.gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-10 { gap: 2.5rem; }
.h-1 { height: .25rem; } .h-fit { height: fit-content; } .w-12 { width: 3rem; } .w-full { width: 100%; } .min-w-0 { min-width: 0; }
.min-h-screen { min-height: 100vh; }
.max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-6xl { max-width: 72rem; } .max-w-7xl { max-width: 80rem; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.border { border: 1px solid currentColor; } .border-b { border-bottom: 1px solid currentColor; } .border-t { border-top: 1px solid currentColor; } .border-y { border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.border-thermal-line { border-color: #252525; } .border-thermal-orange { border-color: #ff4d00; } .border-neutral-800 { border-color: #262626; }
.rounded-lg { border-radius: .5rem; } .rounded-md { border-radius: .375rem; }
.bg-thermal-bg { background: #050505; } .bg-thermal-panel { background: #111; } .bg-thermal-orange { background: #ff4d00; } .bg-black { background: #000; } .bg-white { background: #fff; }
.p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; }
.px-3 { padding-left: .75rem; padding-right: .75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-1 { padding-top: .25rem; padding-bottom: .25rem; } .py-2 { padding-top: .5rem; padding-bottom: .5rem; } .py-3 { padding-top: .75rem; padding-bottom: .75rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.pb-3 { padding-bottom: .75rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-12 { padding-bottom: 3rem; } .pt-5 { padding-top: 1.25rem; }
.text-center { text-align: center; } .text-right { text-align: right; }
.text-xs { font-size: .75rem; line-height: 1rem; } .text-sm { font-size: .875rem; line-height: 1.25rem; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-5xl { font-size: 3rem; line-height: 1; }
.font-semibold { font-weight: 600; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-black { font-weight: 900; }
.uppercase { text-transform: uppercase; } .tracking-normal { letter-spacing: 0; }
.tracking-\\[0\\.12em\\] { letter-spacing: .12em; } .tracking-\\[0\\.16em\\] { letter-spacing: .16em; } .tracking-\\[0\\.2em\\] { letter-spacing: .2em; }
.leading-none { line-height: 1; } .leading-tight { line-height: 1.15; } .leading-6 { line-height: 1.5rem; } .leading-7 { line-height: 1.75rem; } .leading-8 { line-height: 2rem; }
.text-black { color: #000; } .text-white { color: #fff; } .text-thermal-orange { color: #ff4d00; } .text-zinc-100 { color: #f4f4f5; } .text-zinc-200 { color: #e4e4e7; } .text-zinc-300 { color: #d4d4d8; } .text-zinc-400 { color: #a1a1aa; } .text-zinc-500 { color: #71717a; }
.text-neutral-200 { color: #e5e5e5; } .text-neutral-300 { color: #d4d4d4; } .text-neutral-400 { color: #a3a3a3; } .text-neutral-500 { color: #737373; } .text-\\[color\\:var\\(--cool\\)\\] { color: var(--cool); }
.transition { transition: color .16s ease, background-color .16s ease, border-color .16s ease; }
.hover\\:text-white:hover { color: #fff; } .hover\\:text-black:hover { color: #000; } .hover\\:text-thermal-orange:hover { color: #ff4d00; }
.hover\\:bg-thermal-orange:hover { background: #ff4d00; } .hover\\:bg-transparent:hover { background: transparent; } .hover\\:bg-\\[color\\:var\\(--gold\\)\\]:hover { background: var(--gold); }
.hover\\:border-thermal-orange:hover { border-color: #ff4d00; }
.summary-block { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (min-width: 640px) {
  .sm\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\\:inline-flex { display: inline-flex; }
  .sm\\:p-5 { padding: 1.25rem; }
  .sm\\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .sm\\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .sm\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .sm\\:text-6xl { font-size: 3.75rem; line-height: 1; }
}
@media (min-width: 768px) {
  .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\\:grid-cols-\\[1\\.05fr_0\\.95fr\\] { grid-template-columns: 1.05fr .95fr; }
  .md\\:grid-cols-\\[0\\.9fr_1\\.1fr\\] { grid-template-columns: .9fr 1.1fr; }
  .md\\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 1024px) {
  .lg\\:grid-cols-\\[minmax\\(0\\,1\\.3fr\\)_minmax\\(280px\\,0\\.7fr\\)\\] { grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); }
  .lg\\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\\:text-7xl { font-size: 4.5rem; line-height: 1; }
}
@media (min-width: 1280px) {
  .xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_420px\\] { grid-template-columns: minmax(0,1fr) 420px; }
  .xl\\:sticky { position: sticky; }
  .xl\\:top-4 { top: 1rem; }
}