/* InferHub clone — self-contained stylesheet (no Tailwind runtime) */
*,::before,::after{box-sizing:border-box;border:0 solid #e4e4e7}
:root{
  --bg:#fff; --bg-subtle:#fafafa; --bg-invert:#09090b;
  --fg:#18181b; --muted:#52525b; --muted2:#71717a; --border:#e4e4e7;
  --violet-600:#7f22fe; --violet-500:#8d54ff; --violet-100:#ede9fe; --violet-700:#7008e7;
  --violet-300:#c4a9ff; --violet-400:#b59cff; --violet-800:#5b1bb3; --violet-950:#2c0a5e;
  --emerald-600:#009767; --emerald-500:#00bb7f; --emerald-700:#007956;
  --sky-600:#0084cc; --blue-50:#eff6ff; --blue-700:#1447e6; --blue-950:#162456; --blue-300:#90c5ff;
  --zinc-900:#18181b; --zinc-800:#27272a; --zinc-700:#3f3f46; --zinc-600:#52525c; --zinc-500:#71717b;
  --zinc-400:#9f9fa9; --zinc-300:#d4d4d8; --zinc-200:#e4e4e7; --zinc-100:#f4f4f5; --zinc-50:#fafafa;
}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal}
body{margin:0;line-height:inherit}
.text-2xs{font-size:.75rem;line-height:1rem}
.tabular-nums{font-variant-numeric:tabular-nums}
.font-mono{font-family:"Geist Mono","Geist Mono Fallback",ui-monospace,SFMono-Regular,Menlo,monospace}
body,input,button{font-family:"Geist","Geist Fallback",Arial,Helvetica,sans-serif}
h1,h2,h3,p,ul,li{margin:0}
ul{list-style:none;padding:0}
a{color:inherit;text-decoration:inherit}
button{cursor:pointer;font:inherit;color:inherit;background:none}
table{border-collapse:collapse;text-indent:0;border-color:inherit}
pre{margin:0}
svg{display:block}

/* layout */
.max-w-6xl{max-width:72rem}
.max-w-4xl{max-width:56rem}
.max-w-3xl{max-width:48rem}
.max-w-2xl{max-width:42rem}
.max-w-sm{max-width:24rem}
.mx-auto{margin-left:auto;margin-right:auto}
.px-4{padding-left:1rem;padding-right:1rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}
.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}
.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}
.gap-x-4{column-gap:1rem}.gap-x-8{column-gap:2rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-0\.5{gap:.125rem}
.mt-auto{margin-top:auto}
.inline-block{display:inline-block}
.opacity-60{opacity:.6}
.text-white\/85{color:rgba(255,255,255,.85)}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.flex{display:flex}
.inline-flex{display:inline-flex}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-baseline{align-items:baseline}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.relative{position:relative}
.absolute{position:absolute}
.inset-0{top:0;right:0;bottom:0;left:0}
.-z-10{z-index:-10}
.z-10{z-index:10}
.z-20{z-index:20}
.z-40{z-index:40}
.shrink-0{flex-shrink:0}
.flex-1{flex:1 1 0%}
.flex-wrap{flex-wrap:wrap}
.flex-col{flex-direction:column}
.col-span-2{grid-column:span 2 / span 2}
.space-y-1> :not([hidden])~ :not([hidden]){margin-top:.25rem}
.space-y-2> :not([hidden])~ :not([hidden]){margin-top:.5rem}
.space-y-3> :not([hidden])~ :not([hidden]){margin-top:.75rem}
.pt-3{padding-top:.75rem}
.pt-4{padding-top:1rem}
.pb-24{padding-bottom:6rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.pt-20{padding-top:5rem}
.mt-1{margin-top:.25rem}
.mt-5{margin-top:1.25rem}
.mt-7{margin-top:1.75rem}
.ml-1{margin-left:.25rem}
.hidden{display:none}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hover\:bg-zinc-100:hover{background-color:var(--zinc-100)}
.hover\:text-zinc-900:hover{color:var(--zinc-900)}
.last\:border-0:last-child{border-top-width:0}
.underline{text-decoration:underline}
@supports (backdrop-filter:blur(12px)){.supports-\[backdrop-filter\]\:bg-white\/60{background-color:rgba(255,255,255,.6)}}
.rounded-full{border-radius:9999px}
.rounded-3xl{border-radius:1.5rem}
.rounded-2xl{border-radius:1rem}
.rounded-xl{border-radius:.75rem}
.rounded-lg{border-radius:.5rem}
.rounded-md{border-radius:.375rem}
.rounded-sm{border-radius:.25rem}
.border{border-width:1px}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-r{border-right-width:1px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.sticky{position:sticky}
.top-0{top:0}
.ticker-wrap{position:relative;overflow:hidden}
.divide-y>:not([hidden])~ :not([hidden]){border-top-width:1px}
.divide-zinc-200>:not([hidden])~ :not([hidden]){border-color:var(--zinc-200)}
.w-full{width:100%}
.w-2\.5{width:.625rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-24{width:6rem}.w-28{width:7rem}.w-14{width:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{width:1rem;height:1rem}
.w-4{width:1rem}
.w-7{width:1.75rem}.h-5{width:1.25rem;height:1.25rem}.h-7{width:1.75rem;height:1.75rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-full{height:100%}.h-4{height:1rem}
.min-h-full{min-height:100%}
.min-h-32{min-height:8rem}
.max-w-6xl,.max-w-4xl,.max-w-3xl,.max-w-2xl,.max-w-sm{margin-left:auto;margin-right:auto}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.whitespace-nowrap{white-space:nowrap}
.uppercase{text-transform:uppercase}
.tracking-wider{letter-spacing:.05em}
.tracking-wide{letter-spacing:.025em}
.tracking-tight{letter-spacing:-.025em}
.text-xs{font-size:.8125rem;line-height:1.125rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-2xs{font-size:.75rem;line-height:1rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.leading-relaxed{line-height:1.625}
.backdrop-blur{backdrop-filter:blur(8px)}
.shadow-sm{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.transition{transition-property:color,background-color,border-color,box-shadow;transition-duration:.15s}

/* text colors */
.text-zinc-900{color:var(--zinc-900)}
.text-zinc-700{color:#3f3f46}
.text-zinc-600{color:var(--zinc-600)}
.text-zinc-500{color:var(--zinc-500)}
.text-zinc-400{color:var(--zinc-400)}
.text-zinc-100{color:#f4f4f5}
.text-white{color:#fff}
.text-violet-600{color:var(--violet-600)}
.text-violet-700{color:var(--violet-700)}
.text-emerald-600{color:var(--emerald-600)}
.text-emerald-700{color:#047857}
.text-sky-600{color:var(--sky-600)}
.text-blue-700{color:var(--blue-700)}
.text-\[\#5865F2\]{color:#5865F2}

/* bg */
.bg-white{background-color:#fff}
.bg-zinc-50{background-color:var(--zinc-50)}
.bg-zinc-100{background-color:var(--zinc-100)}
.bg-zinc-950{background-color:var(--bg-invert)}
.bg-zinc-50\/50{background-color:rgba(250,250,250,.5)}
.bg-violet-100{background-color:var(--violet-100)}
.border-violet-300{border-color:var(--violet-300)}
.bg-violet-50\/50{background-color:rgba(237,233,254,.5)}
.bg-emerald-500{background-color:var(--emerald-500)}
.bg-emerald-500\/5{background-color:rgba(16,185,129,.05)}
.bg-blue-50{background-color:var(--blue-50)}
.bg-red-500\/70{background-color:rgba(239,68,68,.7)}
.bg-yellow-500\/70{background-color:rgba(234,179,8,.7)}
.bg-green-500\/70{background-color:rgba(34,197,94,.7)}
.bg-white\/15{background-color:rgba(255,255,255,.15)}
.bg-white\/80{background-color:rgba(255,255,255,.8)}

/* borders */
.border-zinc-200{border-color:var(--zinc-200)}
.border-zinc-100{border-color:var(--zinc-100)}
.border-zinc-700{border-color:var(--zinc-700)}
.border-zinc-800{border-color:var(--zinc-800)}
.border-zinc-200\/60{border-color:rgba(228,228,231,.6)}
.border-zinc-800\/60{border-color:rgba(39,39,42,.6)}
.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}
.border-\[\#5865F2\]\/30{border-color:rgba(88,101,242,.3)}
.ring-1{box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.ring-white\/25{--tw-ring-color:rgba(255,255,255,.25)}

/* h-14 header */
header .h-14{height:3.5rem}

/* md breakpoints */
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:grid{display:grid}
  .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-6{grid-template-columns:repeat(6,minmax(0,1fr))}
  .md\:table-cell{display:table-cell}
  .md\:text-6xl{font-size:3.75rem;line-height:1}
  .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .md\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .md\:text-base{font-size:1rem;line-height:1.5rem}
  .md\:px-12{padding-left:3rem;padding-right:3rem}
  .md\:py-16{padding-top:4rem;padding-bottom:4rem}
  .md\:pt-28{padding-top:7rem}
  .md\:pb-28{padding-bottom:7rem}
  .md\:flex-row{flex-direction:row}
  .md\:px-4{padding-left:1rem;padding-right:1rem}
}
@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\:flex{display:flex}
  .sm\:flex-row{flex-direction:row}
  .sm\:grid{display:grid}
}
@media (min-width:640px){.sm\:flex{display:flex}}

/* header */
header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(228,228,231,.6);background-color:rgba(255,255,255,.8);backdrop-filter:blur(12px)}
@supports (backdrop-filter:blur(12px)){header{background-color:rgba(255,255,255,.6)}}
header>div{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;height:3.5rem;display:flex;align-items:center;justify-content:space-between}
header a.logo{display:flex;align-items:center;gap:.5rem;font-weight:600}
nav{display:none;align-items:center;gap:1.5rem;font-size:.875rem;color:var(--zinc-600)}
@media (min-width:768px){nav{display:flex}}
nav a:hover{color:var(--zinc-900)}

/* buttons (verbatim class strings resolved) */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;outline:none;white-space:nowrap}
.btn-primary{background-color:var(--zinc-900);color:#fff;padding:.625rem 1.25rem;font-size:.875rem;gap:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.btn-primary:hover{background-color:#27272a}
.btn-outline{border:1px solid var(--zinc-200);background:transparent;color:var(--zinc-900);padding:.625rem 1.25rem;font-size:.875rem;gap:.5rem}
.btn-outline:hover{background-color:var(--zinc-50)}
.btn-primary-xs{background-color:var(--zinc-900);color:#fff;padding:.375rem .625rem;font-size:.75rem;gap:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.btn-primary-xs:hover{background-color:#27272a}
.btn-outline-xs{border:1px solid var(--zinc-200);background:transparent;color:var(--zinc-900);padding:.375rem .625rem;font-size:.75rem;gap:.5rem}
.btn-outline-xs:hover{background-color:var(--zinc-50)}
.btn-ghost-xs{background:transparent;color:#3f3f46;padding:.375rem .625rem;font-size:.75rem;gap:.375rem}
.btn-ghost-xs:hover{background-color:var(--zinc-100)}
.btn-outline-sm{border:1px solid var(--zinc-200);background:transparent;color:var(--zinc-900);padding:.5rem 1rem;font-size:.875rem;gap:.5rem}
.btn-outline-sm:hover{background-color:var(--zinc-50)}
.btn-primary-sm{background-color:var(--zinc-900);color:#fff;padding:.5rem 1rem;font-size:.875rem;gap:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.btn-primary-sm:hover{background-color:#27272a}

/* hero */
.hero-glow{background:radial-gradient(60% 60% at 50% 0%,rgba(139,92,246,.10),transparent 70%)}
.hero-grid{background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%)}
.hero-title{font-size:2.25rem;line-height:1.1;font-weight:700;letter-spacing:-.025em;max-width:56rem;margin-left:auto;margin-right:auto;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to bottom,#18181b,#71717a);margin-top:0}
@media (min-width:768px){.hero-title{font-size:3.75rem;line-height:1}}
.badge-blue{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:var(--blue-50);color:var(--blue-700);margin-bottom:1.5rem}
.pill-saved .text-lg{font-size:1.125rem}

/* h2 */
.h2{font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em}
@media (min-width:768px){.h2{font-size:2.25rem;line-height:2.5rem}}
@media (max-width:767px){.h2{font-size:1.875rem;letter-spacing:-.025em}}

/* marquee */
@keyframes airouter-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee{animation:airouter-marquee 1599s linear infinite;min-width:max-content}
.ticker-item{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-right:1px solid var(--zinc-200);white-space:nowrap}
.ticker-item .mdl{font-family:"Geist Mono","Geist Mono Fallback",monospace;font-size:.75rem;font-weight:500;color:var(--zinc-900)}
.ticker-item .lbl{font-size:.75rem;line-height:1rem;text-transform:uppercase;color:var(--zinc-400)}
.ticker-item .ask{font-family:"Geist Mono","Geist Mono Fallback",monospace;font-size:.75rem;color:var(--emerald-600)}
.ticker-item .last{font-family:"Geist Mono","Geist Mono Fallback",monospace;font-size:.75rem;color:var(--sky-600)}
.ticker-label{display:none}
@media (min-width:640px){.ticker-label{display:flex}}
@keyframes animate-ping{75%,100%{transform:scale(2);opacity:0}}
.animate-ping{animation:animate-ping 1s cubic-bezier(0,0,.2,1) infinite}

/* leaderboard rows */
.lb-row{position:relative;display:flex;align-items:center;gap:.5rem;border-radius:.125rem;outline:none}
.lb-rank{width:.75rem;flex-shrink:0;text-align:right;font-size:.75rem;line-height:1rem;font-variant-numeric:tabular-nums;color:var(--zinc-400)}
.lb-acct{width:6rem;flex-shrink:0;font-family:"Geist Mono","Geist Mono Fallback",monospace;font-size:.75rem;line-height:1rem;color:var(--zinc-600)}
.lb-track{height:.5rem;flex:1;overflow:hidden;border-radius:9999px;background-color:var(--zinc-100)}
.lb-fill{height:100%;border-radius:9999px;background-color:var(--violet-500)}
.lb-fill.pub{background-color:var(--emerald-500)}
.lb-amt{width:7rem;flex-shrink:0;text-align:right;font-family:"Geist Mono","Geist Mono Fallback",monospace;font-size:.75rem;line-height:1rem;font-variant-numeric:tabular-nums;color:var(--zinc-600)}
.lb-row:hover .lb-tip,.lb-row:focus .lb-tip{opacity:1}
.lb-tip{pointer-events:none;position:absolute;right:0;bottom:100%;z-index:20;margin-bottom:.25rem;border-radius:.375rem;border:1px solid var(--zinc-700);background-color:var(--zinc-900);padding:.25rem .5rem;font-family:"Geist Mono","Geist Mono Fallback",monospace;font-size:.75rem;white-space:nowrap;color:#f4f4f5;opacity:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:opacity .15s}

/* code cards */
.codecard{border-radius:.75rem;border:1px solid var(--zinc-800);background-color:var(--bg-invert);overflow:hidden}
.codecard-head{padding:.75rem 1rem;border-bottom:1px solid var(--zinc-800);display:flex;align-items:center;justify-content:space-between}
.codecard pre{padding:1rem;font-size:.75rem;line-height:1.625;color:#f4f4f5;overflow-x:auto}
.codecard code{font-family:"Geist Mono","Geist Mono Fallback",monospace}

/* feature card */
.feat-card{border-radius:1rem;border:1px solid var(--zinc-200);background-color:#fff;padding:1.5rem}
.feat-ico{height:2.5rem;width:2.5rem;border-radius:.5rem;background-color:var(--violet-100);display:flex;align-items:center;justify-content:center;color:var(--violet-700)}
.feat-card h3{margin-top:1rem;font-weight:600;font-size:1.125rem}
.feat-card p{margin-top:.5rem;font-size:.875rem;color:var(--zinc-600)}
.feat-card .ico{width:1.25rem;height:1.25rem}

/* steps */
.step-num{font-size:.75rem;font-family:"Geist Mono","Geist Mono Fallback",monospace;color:var(--violet-600)}
.step-card{position:relative}
.step-card .t{margin-top:.5rem;font-weight:600;font-size:1.125rem}
.step-card p{margin-top:.5rem;font-size:.875rem;color:var(--zinc-600)}

/* publisher bullets */
.pub-li{display:flex;gap:.5rem}
.pub-li svg{width:1rem;height:1rem;color:var(--violet-600);margin-top:.125rem;flex-shrink:0}

/* dashboard rows */
.dash-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--zinc-100)}

/* plan cards */
.plan-card{border-radius:1rem;border:1px solid var(--zinc-200);background-color:#fff;padding:1.5rem;display:flex;flex-direction:column}
.plan-card .k{font-size:.875rem;color:var(--zinc-500)}
.plan-card .v{margin-top:.5rem;font-size:1.125rem;font-weight:600}
.plan-card ul{margin-top:1.25rem;font-size:.875rem;color:#3f3f46;flex:1;display:flex;flex-direction:column;gap:.5rem}
.plan-card li{display:flex;gap:.5rem}
.plan-card .chk{color:var(--violet-600)}
.plan-card .foot{margin-top:1.5rem}
.plan-card-emph{border-color:var(--violet-400);box-shadow:0 10px 15px -3px rgba(139,92,246,.1),0 4px 6px -4px rgba(139,92,246,.1)}

/* table */
thead{background-color:var(--zinc-50);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--zinc-500)}
th{font-weight:500}
tbody tr:hover{background-color:var(--zinc-50)}
th,td{padding:.75rem 1rem}
td.mdl{font-family:"Geist Mono","Geist Mono Fallback",monospace;font-size:.75rem}
td.fam{color:var(--zinc-600)}
td.num{font-family:"Geist Mono","Geist Mono Fallback",monospace;font-size:.75rem;text-align:right}

/* cookie consent */
.cookie-fixed{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:1rem}
.cookie-box{max-width:48rem;margin-left:auto;margin-right:auto;border-radius:.75rem;border:1px solid var(--zinc-200);background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:1rem;display:flex;flex-direction:column;gap:1rem}
@media (min-width:640px){.cookie-box{flex-direction:row;align-items:center;padding:1.25rem}}
.cookie-text{flex:1;font-size:.875rem;color:var(--zinc-600)}
.cookie-actions{display:flex;gap:.5rem;flex-shrink:0}
@media (prefers-color-scheme:dark){
  .cookie-box{background-color:var(--zinc-900);border-color:var(--zinc-800)}
  .cookie-text{color:var(--zinc-400)}
}

/* discord */
.discord-banner{background-image:linear-gradient(to bottom right,#5865F2,#4752c4);box-shadow:0 10px 15px -3px rgba(88,101,242,.2),0 4px 6px -4px rgba(88,101,242,.2)}
.discord-glow{background:radial-gradient(60% 60% at 50% 0%,rgba(255,255,255,.18),transparent 70%)}

/* footer */
footer{border-top:1px solid var(--zinc-200);margin-top:3rem}
footer .cols{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-top:3rem;padding-bottom:3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;font-size:.875rem}
@media (min-width:768px){footer .cols{grid-template-columns:repeat(6,minmax(0,1fr))}}
footer .ft{border-top:1px solid var(--zinc-200)}
footer .ft>div{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-top:1.25rem;padding-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--zinc-500)}
@media (min-width:640px){footer .ft>div{flex-direction:row}}
footer h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--zinc-500);font-weight:500}
footer ul{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;color:var(--zinc-600)}
footer ul a:hover{color:var(--zinc-900)}

/* dark mode */
@media (prefers-color-scheme:dark){
  body{background-color:var(--bg-invert);color:#f4f4f5}
  *,::before,::after{border-color:var(--zinc-800)}
  header{border-color:rgba(39,39,42,.6);background-color:rgba(9,9,11,.8)}
  @supports (backdrop-filter:blur(12px)){header{background-color:rgba(9,9,11,.8)}}
  header>div{background-color:transparent}
  nav{color:var(--zinc-400)}
  nav a:hover{color:#f4f4f5}
  .text-zinc-900{color:#f4f4f5}
  .text-zinc-700{color:#d4d4d8}
  .text-zinc-600{color:var(--zinc-400)}
  .text-violet-700{color:#c4b5fd}
  .text-emerald-700{color:#34d399}
  .bg-white{background-color:var(--zinc-900)}
  .bg-zinc-50{background-color:rgb(24,24,27)}
  .bg-zinc-50\/50{background-color:rgba(24,24,27,.4)}
  .bg-zinc-100{background-color:var(--zinc-800)}
  .bg-blue-50{background-color:var(--blue-950)}
  .text-blue-700{color:var(--blue-300)}
  .bg-violet-100{background-color:rgba(88,28,135,.4)}
  .border-violet-300{border-color:var(--violet-800)}
  .bg-violet-50\/50{background-color:rgba(44,10,94,.2)}
  .plan-card-emph{border-color:var(--violet-600)}
  .plan-card.plan-card-emph{border-color:var(--violet-600)}
  .border-zinc-200{border-color:var(--zinc-800)}
  .border-zinc-100{border-color:var(--zinc-800)}
  .divide-zinc-200>:not([hidden])~ :not([hidden]){border-color:var(--zinc-800)}
  .hero-grid{background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px)}
  .hero-title{background-image:linear-gradient(to bottom,#fff,var(--zinc-400))}
  .btn-primary,.btn-primary-xs{background-color:#fff;color:var(--zinc-900)}
  .btn-primary:hover,.btn-primary-xs:hover{background-color:var(--zinc-100)}
  .btn-outline,.btn-outline-xs,.btn-outline-sm{border-color:var(--zinc-800);color:#f4f4f5}
  .btn-outline:hover,.btn-outline-xs:hover,.btn-outline-sm:hover{background-color:var(--zinc-900)}
  .btn-ghost-xs{color:#d4d4d8}
  .btn-ghost-xs:hover{background-color:var(--zinc-900)}
  .feat-card,.plan-card{background-color:var(--zinc-900);border-color:var(--zinc-800)}
  .feat-card p,.step-card p{color:var(--zinc-400)}
  .ticker-item .mdl{color:#f4f4f5}
  .ticker-item .lbl{color:var(--zinc-400)}
  .ticker-item .ask{color:#34d399}
  .ticker-item .last{color:#7dd3fc}
  .lb-track{background-color:var(--zinc-800)}
  .lb-acct,.lb-amt{color:var(--zinc-400)}
  .lb-amt{color:#d4d4d8}
  td.fam{color:var(--zinc-400)}
  thead{background-color:rgba(24,24,27,.6)}
  tbody tr:hover{background-color:rgba(24,24,27,.4)}
  .bg-zinc-50\/50{background-color:rgba(24,24,27,.4)}
  .plan-card .k{color:var(--zinc-400)}
  .plan-card ul{color:#d4d4d8}
  .dash-row{border-bottom-color:var(--zinc-800)}
  footer{border-top-color:var(--zinc-800)}
  footer .ft{border-top-color:var(--zinc-800)}
  footer ul a:hover{color:#f4f4f5}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .marquee{animation:none}
  .animate-ping{animation:none}
  *{transition-duration:.01ms}
}

/* dark: variant classes used in markup */
@media (prefers-color-scheme:dark){
  .dark\:bg-zinc-950{background-color:#09090b}
  .dark\:bg-zinc-950\/80{background-color:rgba(9,9,11,.8)}
  .dark\:bg-zinc-900{background-color:#18181b}
  .dark\:bg-zinc-900\/30{background-color:rgba(24,24,27,.3)}
  .dark\:bg-zinc-900\/40{background-color:rgba(24,24,27,.4)}
  .dark\:bg-zinc-900\/60{background-color:rgba(24,24,27,.6)}
  .dark\:border-zinc-800{border-color:#27272a}
  .dark\:border-zinc-800\/60{border-color:rgba(39,39,42,.6)}
  .dark\:divide-zinc-800>:not([hidden])~ :not([hidden]){border-color:#27272a}
  .dark\:text-zinc-100{color:#f4f4f5}
  .dark\:text-zinc-300{color:#d4d4d8}
  .dark\:text-zinc-400{color:#a1a1aa}
  .dark\:text-violet-400{color:#a78bfa}
  .dark\:text-emerald-400{color:#34d399}
  .dark\:hover\:text-zinc-100:hover{color:#f4f4f5}
}