/* Deep indigo, glass cards, violet glow, canvas behind the hero */
:root{color-scheme:dark;
  --bg:#07061a; --surface:#ffffff0b; --surface-2:#ffffff08; --line:#ffffff1c; --ink:#f3f1ff; --muted:#a6a2c8;
  --accent:#7c6cff; --accent-ink:#ffffff; --accent-2:#c9bfff; --good:#5eead4; --bad:#fb7185; --warn:#fcd34d; --chart:#a594ff;
  --display:"Sora",ui-sans-serif,system-ui,sans-serif; --body:"Manrope",ui-sans-serif,system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --radius:20px; --btn-radius:999px; --shadow:0 30px 80px -30px #7c6cff88; --nav-bg:#100e2ccc}
body{background:radial-gradient(1200px 700px at 50% -10%,#2a1f7a 0%,transparent 60%),radial-gradient(800px 600px at 100% 40%,#1b1060 0%,transparent 60%),var(--bg);background-attachment:fixed}
.panel,.stat,.table-wrap{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.stats{background:var(--line)}
.stat{background:#0e0c28}
.h1{font-weight:600}
.h1-b{background:linear-gradient(90deg,#c9bfff,#7c6cff 60%,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-orb{position:relative;text-align:center;justify-items:center;padding-block:56px 8px;isolation:isolate}
.orb-canvas{position:absolute;inset:-40px calc(-1 * max(16px,env(safe-area-inset-left,0px)));width:calc(100% + 2 * max(16px,env(safe-area-inset-left,0px)));height:calc(100% + 80px);z-index:-1;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent)}
.hero-orb .hero-copy{align-items:center;max-width:820px}
.hero-orb .h1{align-items:center}
.hero-orb .lede{text-align:center}
.orb-input{display:flex;gap:8px;width:min(560px,100%);padding:6px;border:1px solid var(--line);border-radius:999px;background:#ffffff10;box-shadow:var(--shadow)}
.orb-input input{border:0;background:transparent;border-radius:999px}
.btn-primary{background:linear-gradient(135deg,#8f7dff,#6150f0);box-shadow:0 8px 30px -8px #7c6cffaa}
.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.brand-mark{border-radius:50%;border:0}