:root {
  --bg: #070908;
  --panel: #101512;
  --panel-2: #18211c;
  --text: #f4fff8;
  --muted: #aebbb3;
  --green: #2ff26d;
  --green-2: #99ff41;
  --line: rgba(255,255,255,.12);
  --shadow: 0 28px 90px rgba(0,0,0,.42);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { overflow-x: hidden; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
  letter-spacing: 0;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.04), transparent 18%, transparent 82%, rgba(255,255,255,.04));
}
a { color: inherit; text-decoration: none; }
img, video { max-width: 100%; display: block; }
.hero {
  min-height: 100svh;
  padding: 18px 18px 34px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 10%, rgba(47,242,109,.22), transparent 34%),
    linear-gradient(180deg, #0b0f0c 0%, #060706 100%);
}
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; z-index: 2; }
.brand { min-width: 0; }
.brand img { width: clamp(118px, 34vw, 154px); height: auto; }
.ai-badge { max-width: 152px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai-badge, .eyebrow, .tag {
  color: var(--green);
  border: 1px solid rgba(47,242,109,.35);
  background: rgba(47,242,109,.08);
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.hero-copy { align-self: end; max-width: 660px; z-index: 2; }
.eyebrow { display: inline-flex; margin: 0 0 16px; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(41px, 12.6vw, 72px); line-height: .9; margin-bottom: 18px; text-transform: uppercase; overflow-wrap: anywhere; }
h2 { font-size: clamp(34px, 9vw, 54px); line-height: .94; margin-bottom: 18px; text-transform: uppercase; overflow-wrap: anywhere; }
h3 { font-size: 24px; }
strong, .green { color: var(--green); }
.lead, .section-copy p, .impact p, .final-cta p { color: var(--muted); font-size: 17px; line-height: 1.55; }
.hero-actions { display: grid; gap: 10px; margin: 22px 0 12px; }
.btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  padding: 15px 18px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.15;
  border: 1px solid var(--line);
  transition: transform .2s ease, background .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.primary { background: linear-gradient(135deg, var(--green), var(--green-2)); color: #061007; box-shadow: 0 18px 44px rgba(47,242,109,.25); }
.secondary { background: rgba(255,255,255,.06); color: var(--text); }
.micro { color: #d8e7dc; font-size: 13px; }
.reel, .phone, .mini-reel {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(160deg, #1d2a21, #070908 55%, #243a28);
  box-shadow: var(--shadow);
  aspect-ratio: 9 / 16;
}
.hero-reel { width: min(72vw, 330px); justify-self: center; margin-top: -10px; }
.reel video, .phone video, .mini-reel video { width: 100%; height: 100%; object-fit: cover; }
.video-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: end;
  gap: 10px;
  padding: 22px;
  background:
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.78) 82%),
    radial-gradient(circle at 50% 24%, rgba(47,242,109,.24), transparent 30%);
}
.video-fallback img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.video-fallback::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.82));
}
.video-fallback span { color: var(--green); font-weight: 900; text-transform: uppercase; font-size: 12px; }
.video-fallback strong { color: #fff; font-size: 25px; line-height: 1.05; }
.video-fallback button, .sound {
  border: 0;
  border-radius: 999px;
  padding: 10px 13px;
  font-weight: 900;
  background: #fff;
  color: #08100a;
}
.sound { position: absolute; right: 12px; top: 12px; z-index: 3; font-size: 12px; }
.floating {
  position: absolute;
  z-index: 3;
  border-radius: 18px;
  padding: 11px 13px;
  background: rgba(255,255,255,.92);
  color: #071009;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 14px 38px rgba(0,0,0,.28);
}
.offer { left: -8px; top: 22%; }
.hot { right: -8px; bottom: 18%; background: rgba(47,242,109,.95); }
.section { padding: 78px 18px; max-width: 1180px; margin: 0 auto; }
.section > * { min-width: 0; }
.split, .demo-grid, .comparison { display: grid; gap: 28px; }
.flow, .campaign, .plan, .test-card, details, .compare-col {
  border: 1px solid var(--line);
  background: rgba(255,255,255,.055);
  border-radius: 24px;
  padding: 18px;
}
.product-shot {
  position: relative;
  overflow: hidden;
  min-height: 220px;
  display: grid;
  align-content: end;
  border-radius: 22px;
  padding: 20px;
  background: linear-gradient(135deg, #253322, #111411);
}
.product-shot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.82));
}
.product-shot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-shot span, .campaign span { color: var(--muted); text-transform: uppercase; font-size: 12px; font-weight: 900; }
.product-shot span, .product-shot strong { position: relative; z-index: 1; }
.product-shot strong { color: #fff; font-size: 25px; }
.flow-step { margin-top: 12px; padding: 16px; border-radius: 18px; background: rgba(255,255,255,.07); font-weight: 800; }
.flow-step.accent { background: rgba(47,242,109,.14); color: var(--green); }
.phone { width: min(78vw, 310px); justify-self: center; border-radius: 38px; }
.campaign { display: grid; gap: 8px; align-self: center; }
.campaign strong { color: #fff; font-size: 24px; margin-bottom: 10px; }
.segment-rail, .reels-rail, .plans-rail {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(174px, 70vw);
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  padding-bottom: 12px;
  scrollbar-width: none;
}
.segment-rail::-webkit-scrollbar, .reels-rail::-webkit-scrollbar, .plans-rail::-webkit-scrollbar { display: none; }
.segment-rail button {
  position: relative;
  overflow: hidden;
  min-height: 245px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(160deg, rgba(255,255,255,.11), rgba(47,242,109,.08));
  color: #fff;
  font: inherit;
  font-weight: 900;
  font-size: 20px;
  text-align: left;
  padding: 18px;
  scroll-snap-align: start;
}
.segment-rail button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.84));
}
.segment-rail button img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}
.segment-rail button span {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1;
}
.segment-rail button:focus-visible,
.segment-rail button:hover { border-color: rgba(47,242,109,.65); }
.segment-rail button:hover img { transform: scale(1.04); }
.mini-reel { scroll-snap-align: start; min-height: 350px; }
.impact { text-align: center; }
.checks { display: grid; gap: 10px; padding: 0; margin: 26px 0; list-style: none; }
.checks li::before, .plan li::before { content: "✓ "; color: var(--green); font-weight: 900; }
.transparency { border-top: 1px solid var(--line); padding-top: 18px; }
.light { max-width: none; background: #f3f6f0; color: #061007; padding-inline: max(18px, calc((100vw - 1180px) / 2)); }
.light .section-copy p { color: #485249; }
.platform { display: grid; gap: 12px; }
.platform span, .ecosystem span {
  border-radius: 18px;
  padding: 18px;
  background: #fff;
  color: #071009;
  font-weight: 900;
}
.ecosystem { display: grid; gap: 10px; }
.ecosystem span { background: rgba(255,255,255,.08); color: #fff; border: 1px solid var(--line); }
.ecosystem span::after { content: "↓"; float: right; color: var(--green); }
.ecosystem span:last-child::after { content: ""; }
.big-line { min-height: 70svh; display: grid; place-items: center; text-align: center; }
.lead-system {
  display: grid;
  gap: 28px;
}
.lead-grid {
  display: grid;
  gap: 12px;
}
.lead-grid div {
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 18px;
  background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(47,242,109,.055));
}
.lead-grid span {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: var(--green);
  color: #061007;
  font-weight: 900;
  margin-bottom: 18px;
}
.lead-grid strong { display: block; color: #fff; font-size: 21px; margin-bottom: 8px; }
.lead-grid p { color: var(--muted); line-height: 1.5; margin-bottom: 0; }
.plans-rail { grid-auto-columns: minmax(286px, 84vw); }
.plan { scroll-snap-align: center; display: flex; flex-direction: column; min-height: 520px; }
.plan.featured { background: linear-gradient(180deg, rgba(47,242,109,.2), rgba(255,255,255,.06)); border-color: rgba(47,242,109,.5); }
.plan strong { font-size: 32px; display: block; margin-bottom: 12px; }
.plan h3, .plan strong, .plan p, .plan li { overflow-wrap: anywhere; }
.plan ul { color: #d8e7dc; padding: 0; list-style: none; line-height: 1.8; }
.plan .btn { margin-top: auto; }
.affiliate {
  margin-top: -36px;
  padding: 34px;
  border: 1px solid rgba(0, 214, 255, .24);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(0, 214, 255, .14), rgba(174, 61, 255, .12)),
    rgba(255, 255, 255, .04);
  box-shadow: 0 24px 70px rgba(0, 112, 255, .12);
}
.affiliate h2 { max-width: 720px; }
.affiliate p { max-width: 700px; color: var(--muted); font-size: 17px; line-height: 1.55; }
.affiliate .btn { margin-top: 12px; }
.test-offer, .final-cta { text-align: center; }
.test-card { max-width: 560px; margin: 28px auto 0; }
.test-card span { color: var(--green); text-transform: uppercase; font-weight: 900; }
.test-card strong { display: block; font-size: 52px; }
.comparison { align-items: center; }
.vs { text-align: center; color: var(--green); font-weight: 900; font-size: 24px; }
.compare-col p { color: var(--muted); line-height: 1.8; }
.virtual { border-color: rgba(47,242,109,.42); }
details { margin-bottom: 10px; }
summary { cursor: pointer; font-weight: 900; font-size: 18px; }
details p { color: var(--muted); line-height: 1.6; }
.big { width: min(100%, 520px); font-size: 18px; }
.sticky-cta {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(8,12,9,.88);
  backdrop-filter: blur(16px);
  transform: translateY(120%);
  transition: transform .25s ease;
}
.sticky-cta.show { transform: translateY(0); }
.sticky-cta span { font-size: 12px; color: var(--muted); }
.sticky-cta a { background: var(--green); color: #061007; padding: 11px 12px; border-radius: 13px; font-weight: 900; text-transform: uppercase; font-size: 12px; white-space: nowrap; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .55s ease, transform .55s ease; }
.reveal.in { opacity: 1; transform: translateY(0); }
.has-video .video-fallback { display: none; }
@media (min-width: 760px) {
  body { max-width: 520px; margin: 0 auto; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 0 90px rgba(0,0,0,.6); }
  .hero { grid-template-columns: 1fr; grid-template-rows: auto auto auto; align-items: start; padding: 22px 18px 34px; }
  .topbar { grid-column: 1 / -1; }
  .hero-copy { align-self: end; }
  .hero-actions { grid-template-columns: 1fr; }
  .hero-reel { width: min(72vw, 330px); margin-top: -10px; }
  .split, .demo-grid, .comparison { grid-template-columns: 1fr; }
  .segment-rail { grid-auto-columns: minmax(174px, 70vw); }
  .reels-rail { grid-auto-columns: minmax(220px, 68vw); }
  .plans-rail { grid-auto-columns: minmax(286px, 84vw); }
  .ecosystem { grid-template-columns: 1fr; }
  .ecosystem span::after { content: "↓"; }
  .sticky-cta { left: 50%; right: auto; width: min(500px, calc(100vw - 20px)); transform: translate(-50%, 120%); }
  .sticky-cta.show { transform: translate(-50%, 0); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

@media (min-width: 760px) {
  body {
    max-width: none;
    margin: 0;
    box-shadow: none;
  }

  body::before {
    background:
      radial-gradient(circle at 8% 20%, rgba(47,242,109,.08), transparent 26%),
      radial-gradient(circle at 92% 68%, rgba(153,255,65,.07), transparent 24%);
  }

  .hero {
    min-height: 100svh;
    grid-template-columns: minmax(0, 1.08fr) minmax(310px, .72fr);
    grid-template-rows: auto 1fr;
    align-items: center;
    column-gap: clamp(34px, 5vw, 78px);
    padding: 26px clamp(28px, 6vw, 82px) 42px;
  }

  .topbar { grid-column: 1 / -1; }
  .brand img { width: 172px; }
  .ai-badge { max-width: none; }
  .hero-copy { align-self: center; max-width: 760px; }
  h1 { font-size: clamp(68px, 6.6vw, 116px); max-width: 780px; }
  h2 { font-size: clamp(46px, 4.8vw, 78px); }
  .lead { max-width: 680px; font-size: 19px; }
  .hero-actions { grid-template-columns: minmax(260px, 1fr) minmax(210px, .72fr); max-width: 690px; }
  .hero-reel { width: min(28vw, 390px); min-width: 310px; justify-self: center; margin-top: 0; }

  .section { padding: 112px clamp(28px, 6vw, 82px); }
  .section-copy { max-width: 740px; }
  .split, .demo-grid {
    grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr);
    align-items: center;
    gap: clamp(34px, 5vw, 78px);
  }

  .flow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  .product-shot { grid-column: 1 / -1; min-height: 390px; }
  .flow-step { margin-top: 0; min-height: 86px; display: grid; align-content: center; }
  .phone { width: min(28vw, 360px); justify-self: end; }
  .campaign { max-width: 420px; padding: 28px; }
  .segment-rail { grid-auto-columns: minmax(220px, 260px); }
  .segment-rail button { min-height: 320px; }
  .reels-rail { grid-auto-columns: minmax(240px, 280px); }
  .mini-reel { min-height: 460px; }
  .plans-rail { grid-auto-columns: minmax(300px, 360px); }
  .plans-rail {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: visible;
    align-items: stretch;
    padding-bottom: 0;
  }
  .plan { min-height: 560px; }
  .plan strong { font-size: clamp(25px, 2vw, 32px); }
  .lead-system {
    grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
    align-items: center;
    gap: clamp(34px, 5vw, 78px);
  }
  .lead-grid { grid-template-columns: 1fr 1fr; }

  .light {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr);
    align-items: center;
    gap: clamp(34px, 5vw, 78px);
    padding-inline: clamp(28px, 6vw, 82px);
  }

  .platform { grid-template-columns: 1fr 1fr; }
  .ecosystem { grid-template-columns: repeat(6, minmax(0, 1fr)); max-width: 1180px; }
  .ecosystem span { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .ecosystem span::after { content: "→"; float: none; }
  .comparison { grid-template-columns: 1fr auto 1fr; align-items: center; gap: clamp(24px, 4vw, 58px); }
  .faq { max-width: 920px; }
  .sticky-cta { left: auto; right: 24px; width: 430px; transform: translateY(120%); }
  .sticky-cta.show { transform: translateY(0); }
}

@media (min-width: 980px) {
  .segment-rail,
  .reels-rail {
    grid-auto-flow: row;
    grid-auto-columns: unset;
    overflow: visible;
    padding-bottom: 0;
  }

  .segment-rail {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .segment-rail button {
    min-height: 300px;
    width: 100%;
  }

  .reels-rail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mini-reel {
    min-height: 0;
    width: 100%;
  }
}

@media (min-width: 980px) and (max-width: 1180px) {
  .segment-rail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .reels-rail,
  .plans-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  h1 { font-size: 38px; }
  h2 { font-size: 32px; }
  .btn { padding-inline: 12px; font-size: 13px; }
  .sticky-cta span { max-width: 150px; }
}

/* QuerDesconto brand layer: black + neon blue/cyan/purple, lime only for offer accents. */
:root {
  --bg: #03060c;
  --panel: #071426;
  --panel-2: #101733;
  --text: #f4fbff;
  --muted: #b8c6da;
  --blue: #1267ff;
  --cyan: #20d7ff;
  --purple: #b84cff;
  --green: #d8f34f;
  --green-2: #72ff48;
  --brand-line: rgba(43, 214, 255, .38);
}

body {
  background:
    radial-gradient(circle at 4% 0%, rgba(32, 215, 255, .13), transparent 26%),
    radial-gradient(circle at 94% 12%, rgba(184, 76, 255, .12), transparent 24%),
    var(--bg);
}

body::before {
  background:
    linear-gradient(90deg, rgba(32, 215, 255, .055), transparent 18%, transparent 82%, rgba(184, 76, 255, .06)),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 38%);
}

.hero {
  background:
    radial-gradient(circle at 80% 10%, rgba(18, 103, 255, .22), transparent 32%),
    radial-gradient(circle at 96% 42%, rgba(184, 76, 255, .2), transparent 28%),
    radial-gradient(circle at 42% 72%, rgba(216, 243, 79, .08), transparent 24%),
    linear-gradient(180deg, #03070d 0%, #05080a 100%);
}

.topbar {
  padding: 12px 0;
  gap: 18px;
}

.brand img {
  width: clamp(150px, 42vw, 250px);
  filter: drop-shadow(0 0 18px rgba(32, 215, 255, .28));
}

.nav-links {
  display: none;
  align-items: center;
  gap: 26px;
  margin-left: auto;
}

.nav-links a {
  color: #dcecff;
  font-size: 15px;
  font-weight: 800;
}

.nav-links a:hover { color: #fff; }

.ai-badge,
.eyebrow,
.tag {
  color: var(--cyan);
  border-color: rgba(32, 215, 255, .42);
  background: linear-gradient(135deg, rgba(18, 103, 255, .16), rgba(184, 76, 255, .12));
}

.primary {
  color: #fff;
  border-color: rgba(32, 215, 255, .44);
  background: linear-gradient(135deg, rgba(32, 215, 255, .98), rgba(18, 103, 255, .95) 48%, rgba(184, 76, 255, .92));
  box-shadow: 0 18px 44px rgba(18, 103, 255, .25), 0 0 24px rgba(184, 76, 255, .12);
}

.secondary {
  color: var(--text);
  border-color: rgba(32, 215, 255, .28);
  background: rgba(255, 255, 255, .055);
}

.reel,
.phone,
.mini-reel {
  border: 1px solid transparent;
  background:
    linear-gradient(#08101b, #08101b) padding-box,
    linear-gradient(135deg, rgba(32, 215, 255, .64), rgba(18, 103, 255, .28), rgba(184, 76, 255, .58)) border-box;
  box-shadow: var(--shadow), 0 0 38px rgba(32, 215, 255, .12);
}

.video-fallback::after,
.product-shot::after,
.segment-rail button::after {
  background:
    linear-gradient(180deg, rgba(4, 10, 18, .05), rgba(4, 8, 13, .86)),
    linear-gradient(135deg, rgba(32, 215, 255, .16), transparent 42%, rgba(184, 76, 255, .14));
}

.video-fallback span,
.test-card span,
.vs {
  color: var(--cyan);
}

.hot {
  background: linear-gradient(135deg, var(--cyan), var(--purple));
  color: #fff;
}

.flow,
.campaign,
.plan,
.test-card,
details,
.compare-col,
.lead-grid div {
  border-color: rgba(32, 215, 255, .16);
  background:
    linear-gradient(160deg, rgba(18, 103, 255, .08), rgba(184, 76, 255, .045)),
    rgba(255, 255, 255, .04);
}

.flow-step.accent {
  color: var(--green);
  border: 1px solid rgba(216, 243, 79, .18);
  background: rgba(216, 243, 79, .13);
}

.segment-rail button {
  border-color: rgba(32, 215, 255, .22);
  background: linear-gradient(160deg, rgba(18, 103, 255, .18), rgba(184, 76, 255, .12));
}

.segment-rail button:hover {
  border-color: rgba(32, 215, 255, .74);
}

.segment-rail button img,
.mini-reel img,
.product-shot img,
.phone img {
  filter: saturate(1.03) contrast(1.02);
}

.hero-reel img {
  filter: saturate(1.02) contrast(1.02);
}

.checks li::before,
.plan li::before {
  color: var(--cyan);
}

.light {
  background:
    radial-gradient(circle at 10% 20%, rgba(32, 215, 255, .16), transparent 28%),
    linear-gradient(135deg, #f7fbff, #eef5ff 58%, #f7f0ff);
  color: #061021;
}

.light .section-copy p {
  color: #435066;
}

.platform span,
.ecosystem span {
  border: 1px solid rgba(18, 103, 255, .12);
}

.ecosystem span::after {
  color: var(--cyan);
}

.lead-grid span {
  color: #fff;
  background: linear-gradient(135deg, var(--cyan), var(--blue));
}

.plan.featured {
  border-color: rgba(32, 215, 255, .52);
  background:
    linear-gradient(180deg, rgba(18, 103, 255, .22), rgba(184, 76, 255, .1)),
    rgba(255, 255, 255, .06);
  box-shadow: 0 24px 72px rgba(18, 103, 255, .18), 0 0 36px rgba(184, 76, 255, .1);
}

.virtual {
  border-color: rgba(32, 215, 255, .42);
}

.sticky-cta a {
  color: #fff;
  background: linear-gradient(135deg, var(--cyan), var(--blue) 58%, var(--purple));
}

@media (min-width: 760px) {
  .nav-links { display: flex; }
  .topbar {
    min-height: 76px;
    padding-inline: 0;
  }
}

@media (max-width: 759px) {
  .topbar {
    align-items: flex-start;
  }

  .ai-badge {
    max-width: 132px;
  }
}