@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Sora:wght@400;500;600;700;800&display=swap');

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0}
img,svg,canvas{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
a{text-decoration:none;color:inherit}

:root{
  --bg:#050712;
  --bg2:#090f20;
  --text:#eef5ff;
  --muted:rgba(235,245,255,.68);
  --shadow:0 18px 60px rgba(0,0,0,.45);
  --r:12px;
}

body{
  font-family:Sora,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 18% 10%, rgba(120,180,255,.10), transparent 60%),
    radial-gradient(900px 540px at 85% 12%, rgba(210,235,255,.08), transparent 60%),
    radial-gradient(820px 520px at 55% 48%, rgba(70,105,180,.07), transparent 70%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}

/* Smooth overlay to remove “color glitch banding” */
body::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  z-index:-7;
  background:
    radial-gradient(1200px 700px at 50% 40%, rgba(120,180,255,.06), transparent 65%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,0));
  opacity:.9;
}

.wrap{width:min(1160px, 92vw); margin:0 auto}

/* Background */
#bgStars{position:fixed; inset:0; z-index:-6; width:100vw; height:100vh}
.bg{position:fixed; inset:0; z-index:-5; pointer-events:none}
.bgGrid{
  position:absolute; inset:0;
  opacity:.24;
  background:
    linear-gradient(rgba(210,235,255,.05) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(90deg, rgba(210,235,255,.05) 1px, transparent 1px) 0 0 / 44px 44px;
  mask-image: radial-gradient(circle at 50% 35%, #000 0%, #000 58%, transparent 84%);
}
.bgGlow{
  position:absolute; left:50%; top:42%;
  width:1200px; height:680px;
  transform:translate(-50%,-50%);
  background: radial-gradient(circle at 30% 20%, rgba(210,235,255,.10), transparent 60%);
  filter: blur(10px);
  opacity:.7;
  animation:sweep 10s ease-in-out infinite;
}
@keyframes sweep{0%,100%{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-50%) rotate(3deg)}}
.bgOrbit{position:absolute; left:50%; top:50%; width:140vw; height:140vh; transform:translate(-50%,-50%); opacity:.92}
.orbDot{fill:rgba(235,245,255,.75); animation:dot 3.8s ease-in-out infinite}
.d2{animation-delay:.4s}.d3{animation-delay:.9s}.d4{animation-delay:1.2s}
@keyframes dot{0%,100%{opacity:.35}50%{opacity:.95}}
.noise{
  position:absolute; inset:0; opacity:.06; mix-blend-mode: overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

/* Floaters */
.floaters{position:absolute; inset:0; overflow:hidden}
.floater{
  position:absolute;
  width: 220px; height: 220px;
  border-radius: 999px;
  border: 1px solid rgba(210,235,255,.10);
  background: radial-gradient(circle at 30% 25%, rgba(210,235,255,.08), rgba(255,255,255,.01));
  opacity:.55;
  animation: float 9s ease-in-out infinite;
}
.floater::after{
  content:"";
  position:absolute; inset:18%;
  border-radius:999px;
  border: 1px dashed rgba(210,235,255,.10);
  opacity:.65;
}
@keyframes float{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-18px,0) scale(1.02)}
}

/* ===== TOPBAR V3 ===== */
.topbarV3{
  position:sticky; top:0; z-index:50;
  background: rgba(6,8,14,.62);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(210,235,255,.12);
}
.progress{
  height:2px; width:0%;
  background: linear-gradient(90deg, rgba(210,235,255,0), rgba(210,235,255,.70), rgba(120,180,255,.55));
  opacity:.95;
}
.topbarInnerV3{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 0}

.brandV3{display:flex; align-items:center; gap:12px; min-width:320px}
.brandMark{
  width:46px; height:46px; border-radius:16px;
  border:1px solid rgba(210,235,255,.18);
  background:
    radial-gradient(circle at 30% 25%, rgba(210,235,255,.18), rgba(255,255,255,.02)),
    linear-gradient(135deg, rgba(120,180,255,.10), rgba(255,255,255,.01));
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
  display:grid; place-items:center;
  position:relative; overflow:hidden;
}
.brandMarkTL{
  font-family: Space Grotesk, Sora, sans-serif;
  font-weight:700;
  letter-spacing:.18em;
  font-size:14px;
  position:relative;
  transform: translateX(1px);
}
.brandMarkPulse{
  position:absolute; inset:-40%;
  background: radial-gradient(circle, rgba(210,235,255,.18), transparent 55%);
  animation: pulse 4.6s ease-in-out infinite;
  opacity:.8;
}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}

.brandTextV3{display:grid; gap:3px}
.brandLine1{
  display:flex; align-items:center; gap:8px;
  font-family: Space Grotesk, Sora, sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  font-size:12px;
}
.brandDot{opacity:.55}
.brandRegion{opacity:.72}
.brandLine2{
  font-size:12px;
  color: rgba(235,245,255,.70);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.navV3{
  display:flex; align-items:center; gap:6px;
  padding:6px;
  border-radius:18px;
  border:1px solid rgba(210,235,255,.12);
  background: rgba(255,255,255,.02);
}
.navV3 a{
  padding:10px 12px;
  border-radius:14px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color: rgba(235,245,255,.76);
  border:1px solid transparent;
  transition: transform .14s ease, background .14s ease, border-color .14s ease;
}
.navV3 a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.03);
  border-color: rgba(210,235,255,.10);
}
.navV3 a.active{
  background: linear-gradient(135deg, rgba(210,235,255,.10), rgba(120,180,255,.06));
  border-color: rgba(210,235,255,.16);
  color: rgba(235,245,255,.92);
}
.navV3 a.cta{
  background: linear-gradient(135deg, rgba(210,235,255,.16), rgba(120,180,255,.10));
  border-color: rgba(210,235,255,.18);
}

.menuBtn{
  display:none;
  width:44px; height:44px;
  border-radius:14px;
  border:1px solid rgba(210,235,255,.12);
  background:rgba(255,255,255,.03);
  align-items:center; justify-content:center; flex-direction:column; gap:4px;
}
.menuBtn span{width:18px; height:2px; background:rgba(235,245,255,.75); display:block}
.menuBtn span:nth-child(2){width:14px; opacity:.65}
.menuBtn span:nth-child(3){width:16px; opacity:.85}
.mobileNav{padding:10px 0 14px; border-top:1px solid rgba(210,235,255,.08)}
.mobileNav a{display:block; padding:12px 0; border-bottom:1px solid rgba(210,235,255,.06); color:rgba(235,245,255,.85)}
@media (max-width: 940px){
  .navV3{display:none}
  .menuBtn{display:flex}
}

/* App + Pages (use more room) */
.app{min-height: calc(100vh - 70px)}
.page{display:none}
.page.isActive{display:block}
.pagePad{padding:72px 0}

/* Headings (font match everywhere) */
.pageHead h2{
  margin:0;
  font-family:Space Grotesk,Sora,sans-serif;
  font-weight:700;
  font-size:34px;
  letter-spacing:-0.01em;
}
.pageHead p{margin:10px 0 0; color:var(--muted); max-width:80ch; line-height:1.7}

/* Hero */
.hero{padding:72px 0 22px}
.heroGrid{display:grid; grid-template-columns: 1.15fr .85fr; gap:18px; align-items:start}
@media (max-width: 980px){ .heroGrid{grid-template-columns:1fr} }

.pills{display:flex; flex-wrap:wrap; gap:10px}
.pill{
  padding:8px 10px; border-radius:14px;
  border:1px solid rgba(210,235,255,.12);
  background:rgba(255,255,255,.03);
  font-size:12px; font-weight:600;
}
.pill.soft{background:rgba(255,255,255,.02); border-color:rgba(210,235,255,.10); color:rgba(235,245,255,.78)}

.h1{
  margin:16px 0 10px;
  font-family:Space Grotesk,Sora,sans-serif;
  font-weight:700;
  font-size:52px;
  line-height:1.06;
  letter-spacing:-0.02em;
}
@media (max-width: 640px){ .h1{font-size:40px} }
.h1Accent{display:block; margin-top:10px; text-shadow:0 0 22px rgba(120,180,255,.16)}
.lead{margin:0; color:var(--muted); font-size:15.5px; line-height:1.75; max-width:78ch}

/* Buttons */
.btnRow{display:flex; gap:10px; flex-wrap:wrap; margin:16px 0 14px}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(210,235,255,.12);
  background:rgba(255,255,255,.03);
  font-weight:700; font-size:13px;
  transition: transform .14s ease, background .14s ease, border-color .14s ease;
}
.btn:hover{transform:translateY(-1px); background:rgba(255,255,255,.05); border-color:rgba(210,235,255,.18)}
.btn.primary{background:linear-gradient(135deg, rgba(210,235,255,.14), rgba(120,180,255,.09)); border-color:rgba(210,235,255,.18)}
.btn.ghost{background:transparent}
.btn.full{width:100%}

/* Cards */
.cardRow{margin-top:10px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px}
@media (max-width: 900px){ .cardRow{grid-template-columns:1fr} }

.card{
  padding:16px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.02));
  box-shadow:0 14px 46px rgba(0,0,0,.30);
  position:relative;
  overflow:hidden;
}
.card::before{
  content:"";
  position:absolute; inset:-1px;
  background: linear-gradient(90deg, rgba(210,235,255,0), rgba(210,235,255,.16), rgba(120,180,255,.12), rgba(210,235,255,0));
  opacity:.42;
  transform: translateX(-60%);
  animation: edge 6.2s ease-in-out infinite;
}
@keyframes edge{0%,100%{transform:translateX(-60%)}50%{transform:translateX(60%)}}
.card > *{position:relative}
.card.accent{background:linear-gradient(180deg, rgba(120,180,255,.11), rgba(255,255,255,.02))}
.cardTop{display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:10px}
.cap{
  font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  color:rgba(235,245,255,.70); font-weight:700;
}
.cardTitle{font-family:Space Grotesk,Sora,sans-serif; font-weight:700; font-size:16px}
.cardBody{margin-top:10px; color:var(--muted); line-height:1.65; font-size:13.5px}

/* engineered corners */
.corners{
  position:absolute; inset:10px; pointer-events:none; opacity:.62;
  background:
    linear-gradient(rgba(210,235,255,.24), rgba(210,235,255,.24)) left top / 20px 1px no-repeat,
    linear-gradient(rgba(210,235,255,.24), rgba(210,235,255,.24)) left top / 1px 20px no-repeat,
    linear-gradient(rgba(210,235,255,.24), rgba(210,235,255,.24)) right top / 20px 1px no-repeat,
    linear-gradient(rgba(210,235,255,.24), rgba(210,235,255,.24)) right top / 1px 20px no-repeat,
    linear-gradient(rgba(210,235,255,.24), rgba(210,235,255,.24)) left bottom / 20px 1px no-repeat,
    linear-gradient(rgba(210,235,255,.24), rgba(210,235,255,.24)) left bottom / 1px 20px no-repeat,
    linear-gradient(rgba(210,235,255,.24), rgba(210,235,255,.24)) right bottom / 20px 1px no-repeat,
    linear-gradient(rgba(210,235,255,.24), rgba(210,235,255,.24)) right bottom / 1px 20px no-repeat;
}

/* Icons */
.icon{
  width:34px; height:34px; border-radius:14px;
  border:1px solid rgba(210,235,255,.14);
  background:rgba(255,255,255,.02);
  position:relative; flex:0 0 auto;
}
.icon.orb::before{content:""; position:absolute; inset:7px; border-radius:999px; border:1px solid rgba(210,235,255,.30); box-shadow:0 0 18px rgba(120,180,255,.14)}
.icon.star::before{content:"✦"; position:absolute; inset:0; display:grid; place-items:center; color:rgba(235,245,255,.92); font-size:15px}
.icon.grid::before{
  content:""; position:absolute; inset:7px; border-radius:9px;
  background:
    linear-gradient(90deg, rgba(210,235,255,.18) 1px, transparent 1px) 0 0 / 7px 7px,
    linear-gradient(180deg, rgba(210,235,255,.18) 1px, transparent 1px) 0 0 / 7px 7px;
  opacity:.78;
}

/* Signals */
.signalRow{margin-top:12px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
@media (max-width: 900px){ .signalRow{grid-template-columns:1fr} }
.signal{
  padding:12px 14px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.10);
  background:rgba(255,255,255,.02);
}
.signal .k{font-size:11px; letter-spacing:.10em; text-transform:uppercase; color:rgba(235,245,255,.68); font-weight:700}
.signal .v{margin-top:6px; font-weight:700; font-family:Space Grotesk,Sora,sans-serif}

/* Divider */
.divider{margin-top:18px; display:flex; align-items:center; gap:12px}
.dividerLine{height:1px; flex:1; background:rgba(210,235,255,.10)}
.dividerTag{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(235,245,255,.60);
  font-family:Space Grotesk,Sora,sans-serif;
}

/* Feature panels */
.homeFeatureGrid{margin-top:14px; display:grid; grid-template-columns: 1fr 1fr; gap:14px}
@media (max-width: 980px){ .homeFeatureGrid{grid-template-columns:1fr} }
.featurePanel{
  padding:16px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.12);
  background:rgba(255,255,255,.03);
  box-shadow:0 14px 44px rgba(0,0,0,.25);
  position:relative;
  overflow:hidden;
}
.featurePanel::before{
  content:"";
  position:absolute;
  inset:auto -40% -55% auto;
  width:340px; height:340px;
  background: radial-gradient(circle, rgba(120,180,255,.10), transparent 60%);
}
.featurePanel > *{position:relative}
.featureTitle{font-family:Space Grotesk,Sora,sans-serif; font-weight:700}
.featureBody{margin-top:10px; display:grid; gap:10px}
.feat b{display:block}
.feat span{display:block; margin-top:6px; color:var(--muted); line-height:1.6}

/* Panels + forms */
.panel{
  padding:16px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.12);
  background:rgba(255,255,255,.03);
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
}
.heroPanel{background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02))}
.panelHead{margin-bottom:10px}
.panelTitle{font-family:Space Grotesk,Sora,sans-serif; font-weight:700; font-size:14px}
.panelSub{margin-top:6px; color:var(--muted); line-height:1.6; font-size:13px}
.form{display:grid; gap:10px}
.two{display:grid; grid-template-columns:1fr 1fr; gap:10px}
@media (max-width: 560px){ .two{grid-template-columns:1fr} }
label{display:grid; gap:6px; font-size:12px; font-weight:600; color:rgba(235,245,255,.75)}
input,textarea,select{
  width:100%;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(210,235,255,.12);
  background:rgba(6,8,14,.55);
  color:var(--text);
  outline:none;
}
input:focus,textarea:focus,select:focus{border-color:rgba(210,235,255,.20); box-shadow:0 0 0 4px rgba(120,180,255,.08)}
.fine{color:rgba(235,245,255,.55); font-size:12px; line-height:1.6}
.toast{min-height:16px; font-size:12px; color:rgba(235,245,255,.90)}
.tiles{margin-top:12px; display:grid; gap:10px}
.tile{
  padding:12px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.10);
  background:rgba(255,255,255,.02);
  display:flex; justify-content:space-between; gap:10px;
}
.tile span{font-size:11px; letter-spacing:.10em; text-transform:uppercase; color:rgba(235,245,255,.65); font-weight:700}
.tile b{font-family:Space Grotesk,Sora,sans-serif}
.miniNote{
  margin-top:12px;
  padding:12px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.10);
  background:rgba(120,180,255,.06);
  color:rgba(235,245,255,.85);
  line-height:1.6;
}

/* Layout grids */
.grid2{margin-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media (max-width: 980px){ .grid2{grid-template-columns:1fr} }
.grid3{margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
@media (max-width: 980px){ .grid3{grid-template-columns:1fr} }

/* Services cards */
.bigCard{
  padding:16px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.02));
  box-shadow:0 14px 44px rgba(0,0,0,.28);
  position:relative;
  overflow:hidden;
}
.bigTop{display:flex; justify-content:space-between; gap:10px; align-items:flex-start; margin-bottom:10px}
.bigTitle{margin-top:6px; font-family:Space Grotesk,Sora,sans-serif; font-weight:700; font-size:15px}
.bigCard ul{margin:12px 0 0; padding-left:18px; color:rgba(235,245,255,.70); line-height:1.65; font-size:13.5px}

/* Steps */
.steps{display:grid; gap:10px; margin-top:10px}
.step{
  display:grid; grid-template-columns:44px 1fr; gap:10px;
  padding:12px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.10);
  background:rgba(255,255,255,.02);
}
.n{
  width:40px; height:40px; border-radius:14px;
  display:grid; place-items:center;
  border:1px solid rgba(210,235,255,.12);
  background:rgba(120,180,255,.08);
  font-family:Space Grotesk,Sora,sans-serif;
  font-weight:700;
}
.step b{display:block}
.step span{display:block; margin-top:6px; color:var(--muted); line-height:1.6}

/* Lists */
.list{display:grid; gap:10px; margin-top:10px}
.li{
  display:flex; gap:10px; align-items:flex-start;
  padding:12px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.10);
  background:rgba(255,255,255,.02);
}
.li i{
  width:10px; height:10px; margin-top:6px; border-radius:3px;
  background:rgba(210,235,255,.55);
  box-shadow:0 0 18px rgba(120,180,255,.14);
}
.li b{display:block}
.li span{display:block; margin-top:6px; color:var(--muted); line-height:1.6}

/* Stack cards */
.stack{display:grid; gap:12px; margin-top:10px}
.stackCard{
  padding:14px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.12);
  background:rgba(255,255,255,.02);
  position:relative;
  overflow:hidden;
}
.stackCard::before{
  content:"";
  position:absolute; inset:auto -40% -55% auto;
  width:320px; height:320px;
  background: radial-gradient(circle, rgba(120,180,255,.10), transparent 60%);
}
.stackCard > *{position:relative}
.stackTop{display:flex; justify-content:space-between; align-items:center; gap:10px}
.stackCard span{display:block; margin-top:10px; color:var(--muted); line-height:1.6}

/* Venues extras */
.venueStats{
  margin-top:12px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
@media (max-width: 900px){ .venueStats{grid-template-columns:1fr} }
.vs{
  padding:12px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.10);
  background: rgba(255,255,255,.02);
}
.vs .k{font-size:11px; letter-spacing:.10em; text-transform:uppercase; color:rgba(235,245,255,.65); font-weight:700}
.vs .v{margin-top:6px; font-weight:700; font-family:Space Grotesk,Sora,sans-serif}
.venueCTA{
  margin-top:12px;
  padding:14px;
  border-radius:var(--r);
  border:1px solid rgba(210,235,255,.12);
  background: linear-gradient(135deg, rgba(210,235,255,.08), rgba(120,180,255,.05));
  display:grid;
  gap:8px;
}

/* About */
.p{margin: 12px 0 0; color:var(--muted); line-height:1.75}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
.chips span{
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(210,235,255,.10);
  background:rgba(255,255,255,.02);
  font-weight:600;
  color:rgba(235,245,255,.75);
}

/* Founder alignment fix */
.founderGrid{display:grid; grid-template-columns:64px 1fr; gap:14px; align-items:start}
@media (max-width: 900px){ .founderGrid{grid-template-columns:1fr} }
.founderAvatar{
  width:54px; height:54px;
  border-radius:16px;
  border: 1px solid rgba(210,235,255,.14);
  background: radial-gradient(circle at 30% 25%, rgba(210,235,255,.16), rgba(255,255,255,.02));
  box-shadow: 0 16px 46px rgba(0,0,0,.35);
}
.founderRole{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: rgba(235,245,255,.65);
  font-weight:700;
}
.founderName{
  margin-top:4px;
  font-family: Space Grotesk,Sora,sans-serif;
  font-weight:700;
  font-size:18px;
}
.founderMeta{margin-top:4px; color: var(--muted); font-size: 12px}
.founderStats{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:10px;
}
@media (max-width: 900px){ .founderStats{grid-template-columns:1fr} }
.fs{
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(210,235,255,.10);
  background: rgba(255,255,255,.02);
}
.fs .k{
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color: rgba(235,245,255,.65);
  font-weight:700;
}
.fs .v{
  margin-top:6px;
  font-weight:700;
  font-family: Space Grotesk, Sora, sans-serif;
}

/* Footer */
.footer{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(210,235,255,.08);
  display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
.muted{color:var(--muted)}

/* Marquee */
.marquee{
  margin-top:22px;
  border-top:1px solid rgba(210,235,255,.08);
  border-bottom:1px solid rgba(210,235,255,.08);
  background:rgba(255,255,255,.012);
  overflow:hidden;
}
.track{
  display:inline-block;
  white-space:nowrap;
  padding:10px 0;
  letter-spacing:.22em;
  font-weight:600;
  font-family:Space Grotesk,Sora,sans-serif;
  font-size:11px;
  color:rgba(235,245,255,.55);
  animation: marquee 18s linear infinite;
}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}

@media (prefers-reduced-motion: reduce){
  .bgGlow{animation:none}
  .track{animation:none}
  .card::before{animation:none}
  .floater{animation:none}
}