:root {
  --black: #050607;
  --black-soft: #090a0c;
  --panel: #0d0f12;
  --panel-light: #121419;
  --white: #ffffff;
  --text: #b6bcc9;
  --muted: #7a808c;
  --line: rgba(255, 255, 255, 0.12);
  --line-soft: rgba(255, 255, 255, 0.07);
  --max: 1216px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--text);
  background: var(--black-soft);
  font-family: Poppins, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body.menu-open { overflow: hidden; }

a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }

.site-header {
  height: 105px;
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  transform: translateZ(0);
  transition: background-color .3s ease, backdrop-filter .3s ease;
}

.site-header.scrolled {
  position: fixed;
  height: 82px;
  background: rgba(5, 6, 7, .76);
  border-bottom: 1px solid var(--line-soft);
  backdrop-filter: blur(18px);
}

.nav-shell {
  width: min(calc(100% - 48px), var(--max));
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.brand {
  width: 36px;
  height: 40px;
  display: block;
  flex: 0 0 auto;
}

.brand img { width: 100%; height: 100%; object-fit: contain; }

.desktop-nav {
  margin-left: 24px;
  display: flex;
  align-items: center;
  gap: 26px;
}

.desktop-nav a {
  color: #f0f1f3;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  transition: color .2s ease, opacity .2s ease;
}

.desktop-nav a:not(.active) { color: #f7f7f8; }
.desktop-nav a:hover { opacity: .62; }
.desktop-nav span { margin-left: 3px; color: #9fa4ae; }

.pill-button {
  min-height: 42px;
  padding: 9px 26px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #050607;
  border: 1px solid #fff;
  border-radius: 999px;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .25s ease, background-color .25s ease, transform .25s ease;
}

.pill-button:hover {
  color: #fff;
  background: transparent;
  transform: translateY(-2px);
}

.desktop-cta { margin-left: auto; }

.menu-toggle,
.mobile-nav { display: none; }

.hero {
  min-height: 720px;
  height: 100svh;
  max-height: 960px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  background: #050607;
}

.hero-image {
  width: min(100%, 1320px);
  position: absolute;
  inset: 105px 0 0;
  margin: 0 auto;
  background: url("./assets/robot-hero.jpg") center top / contain no-repeat;
  animation: hero-enter 1.2s cubic-bezier(.2,.7,.2,1) both;
}

.hero-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5,6,7,.02) 35%, rgba(5,6,7,.84) 72%, #090a0c 99%),
    linear-gradient(90deg, #050607 0%, transparent 12%, transparent 88%, #050607 100%);
  pointer-events: none;
}

.hero-content {
  width: min(calc(100% - 40px), 760px);
  margin-bottom: -60px;
  position: relative;
  z-index: 2;
  text-align: center;
}

.hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(58px, 5vw, 76px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.035em;
  animation: text-enter .9s .22s cubic-bezier(.2,.7,.2,1) both;
}

.hero-content > p {
  max-width: 570px;
  margin: 22px auto 0;
  color: #b6bcc9;
  font-size: 17px;
  line-height: 1.55;
  animation: text-enter .9s .34s cubic-bezier(.2,.7,.2,1) both;
}

.hero-actions {
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  animation: text-enter .9s .46s cubic-bezier(.2,.7,.2,1) both;
}

.text-button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}

.text-button span { transition: transform .2s ease; }
.text-button:hover span { transform: translate(3px, -3px); }

.scroll-cue {
  position: absolute;
  right: 34px;
  bottom: 32px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #777d88;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.scroll-cue i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-style: normal;
  animation: float 2s ease-in-out infinite;
}

@keyframes hero-enter {
  from { opacity: .2; transform: scale(1.05); filter: blur(4px); }
  to { opacity: 1; transform: scale(1); filter: blur(0); }
}

@keyframes text-enter {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes float {
  50% { transform: translateY(5px); }
}

.section {
  padding: 145px 0;
  position: relative;
}

.section-shell {
  width: min(calc(100% - 48px), var(--max));
  margin: 0 auto;
}

.eyebrow {
  color: #7f858f;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .13em;
}

.section-heading {
  margin-bottom: 72px;
  display: grid;
  grid-template-columns: .66fr 1.34fr;
  gap: 48px;
  align-items: start;
}

.section-heading h2,
.about-copy h2,
.reserve-content h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(54px, 5.4vw, 78px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
}

.section-heading p,
.about-copy > p,
.reserve-content > p {
  max-width: 520px;
  margin: 25px 0 0;
  color: #8d939e;
  font-size: 18px;
  line-height: 1.6;
}

.features {
  background: #090a0c;
  border-top: 1px solid var(--line-soft);
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.feature-card {
  min-height: 660px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  border-radius: 2px;
  background: #0c0e11;
}

.feature-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .8s ease;
}

.feature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 36%, rgba(6,7,9,.28) 56%, rgba(6,7,9,.98) 100%);
}

.feature-card:hover img { transform: scale(1.035); filter: brightness(1.08); }

.card-copy {
  padding: 27px;
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
}

.card-copy > span {
  color: #777d88;
  font-size: 12px;
  letter-spacing: .12em;
}

.card-copy h3 {
  margin: 14px 0 0;
  color: #fff;
  font-size: 31px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.025em;
}

.card-copy p {
  max-width: 320px;
  margin: 13px 48px 0 0;
  color: #a4a9b2;
  font-size: 15px;
  line-height: 1.55;
}

.card-copy i {
  width: 42px;
  height: 42px;
  position: absolute;
  right: 25px;
  bottom: 27px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-style: normal;
}

.about {
  padding: 80px 0 0;
  overflow: hidden;
  border-top: 1px solid var(--line-soft);
  background: #050607;
}

.about-grid {
  min-height: 900px;
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: 50px;
}

.about-copy { padding-bottom: 60px; }
.about-copy h2 { margin-top: 34px; }

.outline-button {
  margin-top: 36px;
  padding: 12px 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  border-bottom: 1px solid #fff;
  font-size: 17px;
  font-weight: 500;
}

.outline-button span { transition: transform .2s ease; }
.outline-button:hover span { transform: translate(3px, -3px); }

.robot-stage {
  min-height: 900px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.robot-stage::before {
  content: "";
  width: 70%;
  height: 1px;
  position: absolute;
  left: 15%;
  bottom: 105px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
}

.robot-stage img {
  width: min(720px, 100%);
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 40px 60px rgba(0,0,0,.75));
}

.robot-halo {
  width: 620px;
  height: 620px;
  position: absolute;
  left: 50%;
  bottom: 110px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.09), rgba(255,255,255,.015) 50%, transparent 69%);
}

.robot-halo::before,
.robot-halo::after {
  content: "";
  position: absolute;
  inset: 80px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 50%;
}

.robot-halo::after { inset: 170px; }

.stage-note {
  min-width: 168px;
  padding: 14px 16px;
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  background: rgba(9,10,12,.8);
  backdrop-filter: blur(16px);
}

.stage-note span { color: #6f7580; font-size: 11px; }
.stage-note b { color: #fff; font-size: 14px; font-weight: 500; }
.stage-note-left { left: 0; bottom: 330px; }
.stage-note-right { right: 0; bottom: 520px; }

.specs {
  background: #0b0c0e;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
}

.spec-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.spec {
  min-height: 280px;
  padding: 34px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.spec span {
  color: #fff;
  font-size: clamp(54px, 5vw, 74px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.05em;
}

.spec p {
  max-width: 210px;
  margin: 80px 0 0;
  color: #858b96;
  font-size: 15px;
  line-height: 1.5;
}

.reserve {
  min-height: 820px;
  padding: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #050607;
}

.reserve-image {
  position: absolute;
  inset: 0;
  background: url("./assets/cta.jpg") center / cover no-repeat;
}

.reserve-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5,6,7,.92), rgba(5,6,7,.4) 54%, rgba(5,6,7,.15)), linear-gradient(180deg, rgba(5,6,7,.15), rgba(5,6,7,.78));
}

.reserve-content {
  width: min(calc(100% - 48px), var(--max));
  position: relative;
  z-index: 2;
}

.reserve-content h2 { max-width: 740px; margin-top: 30px; }
.reserve-content > p { max-width: 480px; }
.pill-button-large { margin-top: 34px; padding: 14px 32px 15px; }

.site-footer {
  padding: 70px 0 38px;
  border-top: 1px solid var(--line-soft);
  background: #050607;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 40px;
  align-items: start;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.footer-brand img { width: 32px; height: 36px; }
.footer-grid > p { max-width: 260px; margin: 0; color: #777d88; font-size: 14px; }
.footer-links { display: flex; gap: 24px; }
.footer-links a { color: #c9cdd4; font-size: 14px; }
.footer-links a:hover { color: #fff; }
.copyright { grid-column: 1 / -1; margin-top: 45px; padding-top: 22px; color: #555b65; border-top: 1px solid var(--line-soft); font-size: 12px; }

.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .85s ease, transform .85s cubic-bezier(.2,.7,.2,1);
}

.reveal-delay-1 { transition-delay: .12s; }
.reveal-delay-2 { transition-delay: .24s; }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1100px) {
  .hero-image { width: 100%; }
  .scroll-cue { display: none; }
  .feature-card { min-height: 560px; }
  .about-grid { grid-template-columns: 1fr; padding-top: 110px; }
  .about-copy { max-width: 720px; padding-bottom: 0; }
  .robot-stage { min-height: 780px; }
  .stage-note-left { left: 8%; }
  .stage-note-right { right: 8%; }
  .spec-grid { grid-template-columns: repeat(2, 1fr); }
  .spec p { margin-top: 55px; }
}

@media (max-width: 760px) {
  .site-header { height: 82px; }
  .nav-shell, .section-shell { width: min(calc(100% - 32px), var(--max)); }
  .desktop-nav, .desktop-cta { display: none; }
  .brand { width: 30px; height: 34px; }
  .menu-toggle {
    width: 42px;
    height: 42px;
    margin-left: auto;
    padding: 0;
    display: grid;
    place-content: center;
    gap: 6px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: rgba(255,255,255,.03);
  }
  .menu-toggle span { width: 17px; height: 1px; display: block; background: #fff; transition: transform .25s ease; }
  .site-header.menu-open .menu-toggle span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .site-header.menu-open .menu-toggle span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .mobile-nav {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 12px;
    display: grid;
    position: absolute;
    top: 72px;
    left: 16px;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(9,10,12,.96);
    backdrop-filter: blur(18px);
    transition: opacity .25s ease, transform .25s ease;
  }
  .mobile-nav a { padding: 13px 12px; color: #fff; border-bottom: 1px solid var(--line-soft); font-size: 15px; }
  .mobile-nav a:last-child { border-bottom: 0; }
  .site-header.menu-open .mobile-nav { opacity: 1; transform: translateY(0); pointer-events: auto; }

  .hero { min-height: 720px; height: 100svh; max-height: none; }
  .hero-image { inset: 82px -18% 0; width: 136%; background-position: center 12%; background-size: cover; }
  .hero-shade { background: linear-gradient(180deg, transparent 26%, rgba(5,6,7,.7) 60%, #090a0c 94%); }
  .hero-content { width: calc(100% - 32px); margin-bottom: 38px; }
  .hero h1 { font-size: clamp(46px, 13vw, 63px); line-height: 1.02; }
  .hero-content > p { max-width: 450px; margin-top: 18px; font-size: 15px; }
  .hero-actions { margin-top: 22px; gap: 17px; }
  .pill-button { min-height: 40px; padding: 9px 20px; font-size: 15px; }
  .text-button { font-size: 14px; }

  .section { padding: 100px 0; }
  .section-heading { margin-bottom: 46px; grid-template-columns: 1fr; gap: 24px; }
  .section-heading h2, .about-copy h2, .reserve-content h2 { font-size: clamp(45px, 12vw, 60px); }
  .section-heading p, .about-copy > p, .reserve-content > p { margin-top: 19px; font-size: 16px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 590px; }
  .feature-card img { object-position: center; }

  .about { padding-top: 0; }
  .about-grid { min-height: auto; padding-top: 100px; }
  .robot-stage { min-height: 620px; margin-top: -20px; }
  .robot-stage img { width: 640px; max-width: 135%; }
  .robot-halo { width: 480px; height: 480px; bottom: 80px; }
  .stage-note { min-width: 142px; padding: 11px 12px; }
  .stage-note-left { left: 0; bottom: 230px; }
  .stage-note-right { right: 0; bottom: 390px; }

  .spec-grid { grid-template-columns: 1fr; }
  .spec { min-height: 220px; }
  .spec p { margin-top: 48px; }
  .reserve { min-height: 680px; }
  .reserve-overlay { background: linear-gradient(90deg, rgba(5,6,7,.93), rgba(5,6,7,.55)), linear-gradient(180deg, rgba(5,6,7,.1), rgba(5,6,7,.75)); }
  .footer-grid { grid-template-columns: 1fr; gap: 22px; }
  .footer-links { margin-top: 12px; flex-wrap: wrap; }
  .copyright { margin-top: 20px; }
}

@media (max-width: 430px) {
  .hero h1 br { display: none; }
  .hero-actions { flex-direction: column; gap: 14px; }
  .feature-card { min-height: 520px; }
  .card-copy { padding: 22px; }
  .card-copy h3 { font-size: 28px; }
  .card-copy p { margin-right: 38px; font-size: 14px; }
  .stage-note { display: none; }
  .robot-stage { min-height: 520px; }
  .robot-halo { width: 390px; height: 390px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}


/* Trading layers */
.hero-spirals {
  width: min(1320px, 108vw);
  height: 730px;
  position: absolute;
  left: 50%;
  top: 42%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: .55;
  pointer-events: none;
  overflow: hidden;
  mask-image: radial-gradient(ellipse at center, transparent 0 23%, #000 35%, #000 76%, transparent 97%);
}

.hero-spirals i {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(19, 139, 255, .23);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-13deg);
  box-shadow: inset 0 0 70px rgba(0, 129, 255, .015);
}

.hero-spirals i:nth-child(1) { width: 690px; height: 280px; }
.hero-spirals i:nth-child(2) { width: 880px; height: 365px; transform: translate(-50%, -50%) rotate(13deg); border-color: rgba(255,255,255,.1); }
.hero-spirals i:nth-child(3) { width: 1080px; height: 465px; transform: translate(-50%, -50%) rotate(-22deg); }
.hero-spirals i:nth-child(4) { width: 1280px; height: 560px; transform: translate(-50%, -50%) rotate(22deg); border-color: rgba(255,255,255,.075); }

.hero-shade { z-index: 2; }
.hero-content { z-index: 4; }

.hero-hud {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

.hud-card {
  min-width: 248px;
  padding: 15px 16px;
  position: absolute;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid rgba(0, 140, 255, .28);
  border-radius: 13px;
  background: rgba(6, 9, 13, .76);
  box-shadow: 0 24px 70px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.025);
  backdrop-filter: blur(16px);
}

.hud-card--market { left: 4%; top: 43%; }
.hud-card--bot { right: 4%; top: 39%; }

.hud-card--market > div { min-width: 93px; }
.hud-card--market em { margin-left: auto; align-self: flex-start; color: #34e4a4; font-size: 11px; font-style: normal; }
.hud-card--market svg { width: 90px; height: 34px; }
.hud-card--market path { fill: none; stroke: #149dff; stroke-width: 2; filter: drop-shadow(0 0 4px rgba(20,157,255,.45)); }

.hud-label {
  display: block;
  color: #687280;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.hud-card strong { display: block; margin-top: 5px; color: #fff; font-size: 13px; font-weight: 500; }
.hud-card small { display: block; margin-top: 3px; color: #687280; font-size: 9px; }

.hud-bot-icon,
.console-mark {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(0,145,255,.45);
  border-radius: 9px;
  background: linear-gradient(145deg, #0e8fff, #07549b);
  box-shadow: 0 0 24px rgba(0,126,255,.28);
  font-size: 13px;
  font-weight: 600;
}

.live-dot,
.console-status i,
.ranking-heading em i,
.panel-title em i {
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-radius: 50%;
  background: #24dda0;
  box-shadow: 0 0 10px rgba(36,221,160,.8);
}

.market-tape {
  height: 72px;
  position: relative;
  z-index: 6;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-block: 1px solid rgba(255,255,255,.075);
  background: #07090c;
}

.market-tape::before,
.market-tape::after {
  content: "";
  width: 120px;
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  background: linear-gradient(90deg, #07090c, transparent);
}

.market-tape::after { left: auto; right: 0; transform: rotate(180deg); }

.market-tape-track {
  width: max-content;
  display: flex;
  align-items: center;
  animation: ticker-move 28s linear infinite;
}

.market-tape-track > span {
  min-width: 275px;
  padding: 0 28px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-right: 1px solid rgba(255,255,255,.07);
  color: #7e8794;
  font-size: 11px;
}

.market-tape-track b { color: #c7ccd4; font-weight: 500; }
.market-tape-track strong { color: #fff; font-weight: 500; }
.market-tape-track em { margin-left: auto; color: #32dca0; font-style: normal; }

.ticker-coin {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #15191f;
  font-size: 10px;
  font-style: normal;
}

.ticker-btc { color: #ffb429; background: rgba(255,157,0,.12); }
.ticker-eth { color: #b9c6ff; background: rgba(111,136,255,.13); }
.ticker-sol { color: #48e8c2; background: rgba(40,221,177,.1); }
.ticker-xrp { color: #dce3ea; background: rgba(255,255,255,.08); }

@keyframes ticker-move { to { transform: translateX(-50%); } }

.exclusive-bots {
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 76% 48%, rgba(0,128,255,.075), transparent 38%),
    #060709;
}

.bots-panel {
  min-height: 600px;
  display: grid;
  grid-template-columns: 310px 1fr;
  overflow: hidden;
  border: 1px solid rgba(0, 129, 239, .28);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(13,15,20,.96), rgba(6,7,9,.98));
  box-shadow: 0 38px 100px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025);
}

.bots-modes {
  padding: 25px 23px;
  position: relative;
  border-right: 1px solid rgba(255,255,255,.1);
}

.mode-progress {
  height: 4px;
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.mode-progress i { height: 2px; border-radius: 2px; background: rgba(255,255,255,.11); }
.mode-progress i.active { background: #0d9dff; box-shadow: 0 0 12px rgba(13,157,255,.45); }

.mode-card {
  min-height: 160px;
  padding: 25px 17px;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 13px;
  border: 1px solid transparent;
  border-radius: 16px;
}

.mode-card + .mode-card { margin-top: 7px; }
.mode-card.active {
  border-color: rgba(0,143,255,.65);
  background: linear-gradient(145deg, rgba(0,101,173,.18), rgba(0,72,130,.06));
  box-shadow: inset 0 0 40px rgba(0,123,255,.035);
}

.mode-card > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #8a929d;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
  font-size: 10px;
}

.mode-card.active > span { color: #fff; border-color: #0b9dfc; background: #0b9dfc; }
.mode-card h3 { margin: 0; color: #fff; font-size: 17px; font-weight: 500; }
.mode-card p { margin: 9px 0 0; color: #8a919c; font-size: 13px; line-height: 1.55; }

.bots-ranking { padding: 48px 8% 34px; }
.ranking-heading {
  max-width: 620px;
  margin: 0 auto 16px;
  display: flex;
  justify-content: space-between;
  color: #7b8490;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .15em;
}

.ranking-heading em { display: flex; align-items: center; gap: 7px; color: #34dca2; font-style: normal; }
.ranking-heading em i { width: 5px; height: 5px; margin: 0; }

.ranked-bot {
  max-width: 620px;
  min-height: 124px;
  margin: 0 auto 12px;
  padding: 19px 20px;
  display: grid;
  grid-template-columns: 22px 49px 1fr;
  gap: 15px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  background: rgba(5,6,8,.72);
  transition: transform .25s ease, border-color .25s ease;
}

.ranked-bot:hover { transform: translateX(5px); border-color: rgba(0,145,255,.36); }
.ranked-bot.featured {
  border-color: rgba(0,145,255,.58);
  background: linear-gradient(90deg, rgba(0,120,255,.12), rgba(7,8,10,.84) 52%);
}

.rank-number { color: #68727f; font-size: 12px; }
.featured .rank-number { color: #159cff; }

.coin-logo {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

.coin-logo b { font-size: 24px; font-weight: 500; }
.coin-logo--sol { color: #8d5cff; background: linear-gradient(145deg, #17272d, #080b0d); }
.coin-logo--sol b { text-shadow: -5px 0 #29e3ba, 5px 0 #9b4dff; transform: rotate(-7deg); }
.coin-logo--xrp { color: #11161b; background: #f4f7f8; }
.coin-logo--btc { color: #fff; background: linear-gradient(145deg, #ffb11a, #e87200); }

.ranked-main { min-width: 0; }
.ranked-name { display: flex; justify-content: space-between; gap: 20px; }
.ranked-name h3 { margin: 0; color: #fff; font-size: 14px; font-weight: 500; }
.ranked-name span, .ranked-name small { display: block; margin-top: 3px; color: #6d7581; font-size: 9px; }
.ranked-name > div:last-child { text-align: right; }
.ranked-name strong { display: block; margin-top: 3px; color: #2de0a2; font-size: 16px; font-weight: 600; }

.ranked-progress {
  height: 4px;
  margin-top: 11px;
  overflow: hidden;
  border-radius: 4px;
  background: rgba(255,255,255,.075);
}

.ranked-progress i { width: var(--progress); height: 100%; display: block; border-radius: inherit; background: #0a9fff; box-shadow: 0 0 12px rgba(10,159,255,.55); }
.ranked-progress--orange i { background: #ff9e12; box-shadow: 0 0 12px rgba(255,158,18,.45); }

.ranked-meta { margin-top: 9px; display: flex; align-items: center; gap: 12px; color: #727a86; font-size: 9px; }
.risk-badge { padding: 3px 8px; border: 1px solid; border-radius: 999px; font-style: normal; }
.risk-aggressive { color: #a970ff; border-color: rgba(146,76,255,.45); background: rgba(125,57,255,.12); }
.risk-moderate { color: #1eb7ff; border-color: rgba(0,165,255,.45); background: rgba(0,145,255,.1); }
.risk-balanced { color: #ffb136; border-color: rgba(255,165,20,.45); background: rgba(255,145,0,.1); }

.bots-disclaimer { max-width: 620px; margin: 17px auto 0; color: #4e5662; font-size: 9px; }

.trading-console {
  overflow: hidden;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    #090a0c;
  background-size: 72px 72px;
  border-block: 1px solid rgba(255,255,255,.06);
}

.console-card {
  overflow: hidden;
  border: 1px solid rgba(0,136,255,.24);
  border-radius: 24px;
  background: rgba(5,7,10,.95);
  box-shadow: 0 45px 110px rgba(0,0,0,.4);
}

.console-bar {
  min-height: 68px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.console-bar > div { display: flex; align-items: center; gap: 11px; }
.console-mark { width: 29px; height: 29px; font-size: 11px; }
.console-bar b { color: #dfe5ed; font-size: 12px; font-weight: 500; }
.console-status { color: #7f8995; font-size: 10px; }
.console-status i { width: 5px; height: 5px; margin: 0; }

.console-grid { display: grid; grid-template-columns: 1.65fr .75fr; }
.performance-panel { min-width: 0; padding: 32px; border-right: 1px solid rgba(255,255,255,.08); }
.activity-panel { padding: 32px 24px; }

.panel-title { display: flex; justify-content: space-between; gap: 18px; }
.panel-title span { display: block; color: #707986; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.panel-title strong { display: block; margin-top: 7px; color: #fff; font-size: 24px; font-weight: 500; }
.panel-title em { height: 28px; padding: 0 10px; display: inline-flex; align-items: center; gap: 7px; color: #8c95a1; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; font-size: 9px; font-style: normal; }
.panel-title em i { width: 5px; height: 5px; margin: 0; }

.console-metrics {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
}

.console-metrics > div { padding: 16px; }
.console-metrics > div + div { border-left: 1px solid rgba(255,255,255,.07); }
.console-metrics span, .console-metrics em { display: block; color: #66707d; font-size: 8px; font-style: normal; }
.console-metrics strong { display: block; margin: 7px 0 4px; color: #fff; font-size: 14px; font-weight: 500; }
.console-metrics > div:first-child strong, .console-metrics > div:first-child em { color: #33dfa3; }

.chart-wrap { margin-top: 28px; }
.chart-wrap svg { width: 100%; height: 250px; overflow: visible; }
.chart-grid line { stroke: rgba(255,255,255,.055); stroke-width: 1; }
.chart-fill { fill: url(#tradeFill); }
.chart-line { fill: none; stroke: #0a9fff; stroke-width: 2.5; filter: drop-shadow(0 0 5px rgba(10,159,255,.48)); }
.chart-wrap circle { fill: #fff; stroke: #0a9fff; stroke-width: 3; }
.chart-axis { margin-top: 8px; display: flex; justify-content: space-between; color: #4f5864; font-size: 8px; }

.activity-panel .panel-title strong { font-size: 14px; }
.activity-list { margin-top: 23px; display: grid; }
.activity-list article {
  min-height: 69px;
  padding: 12px 0;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  gap: 11px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.065);
}

.activity-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: #151a20;
  font-size: 10px;
}

.activity-icon.sol { color: #47e7c1; background: rgba(38,223,177,.1); }
.activity-icon.risk { color: #35dfa4; background: rgba(53,223,164,.1); }
.activity-icon.btc { color: #ffb12c; background: rgba(255,171,24,.1); }
.activity-icon.core { color: #2caeff; background: rgba(23,153,255,.12); }

.activity-list strong { display: block; color: #d7dce4; font-size: 10px; font-weight: 500; }
.activity-list small { display: block; margin-top: 4px; color: #626b77; font-size: 8px; }
.activity-list time { color: #59626e; font-size: 8px; }
.console-link { margin-top: 22px; display: inline-flex; gap: 8px; color: #dce2e9; font-size: 10px; }
.console-link span { color: #159fff; }

@media (max-width: 1100px) {
  .hero-hud { display: none; }
  .bots-panel { grid-template-columns: 280px 1fr; }
  .bots-ranking { padding-inline: 5%; }
  .console-grid { grid-template-columns: 1fr; }
  .performance-panel { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
}

@media (max-width: 760px) {
  .hero-spirals { width: 190%; height: 610px; top: 43%; opacity: .45; }
  .market-tape { height: 62px; }
  .market-tape-track > span { min-width: 245px; padding-inline: 20px; }
  .bots-panel { grid-template-columns: 1fr; border-radius: 18px; }
  .bots-modes { padding: 18px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .mode-card { min-height: auto; padding: 18px 14px; }
  .mode-card p { font-size: 12px; }
  .bots-ranking { padding: 30px 14px 23px; }
  .ranked-bot { padding: 16px 12px; grid-template-columns: 18px 43px 1fr; gap: 10px; }
  .coin-logo { width: 42px; height: 42px; }
  .ranked-name strong { font-size: 14px; }
  .ranked-meta { gap: 7px; }
  .ranked-meta span:last-child { display: none; }
  .performance-panel, .activity-panel { padding: 22px 16px; }
  .console-bar { padding-inline: 16px; }
  .console-status { font-size: 8px; }
  .console-metrics { grid-template-columns: 1fr; }
  .console-metrics > div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.07); }
  .chart-wrap svg { height: 190px; }
}

@media (max-width: 430px) {
  .market-tape-track > span { min-width: 230px; }
  .mode-card:not(.active) p { display: none; }
  .mode-card h3 { font-size: 15px; }
  .ranked-bot { grid-template-columns: 16px 38px 1fr; }
  .coin-logo { width: 38px; height: 38px; border-radius: 10px; }
  .coin-logo b { font-size: 19px; }
  .ranked-name span { font-size: 8px; }
  .risk-badge { padding-inline: 6px; }
}


/* Coin logos and motion */
.hud-market-logo {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  filter: drop-shadow(0 0 12px rgba(247,147,26,.18));
}

.ticker-coin {
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  display: block;
  object-fit: contain;
  border-radius: 50%;
  background: none;
  animation: coin-breathe 3.4s ease-in-out infinite;
}

.market-tape-track > span:nth-child(2n) .ticker-coin { animation-delay: -.8s; }
.market-tape-track > span:nth-child(3n) .ticker-coin { animation-delay: -1.6s; }

.coin-logo {
  padding: 0;
  overflow: hidden;
  background: transparent;
}

.coin-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .45s cubic-bezier(.2,.7,.2,1), filter .45s ease;
}

.ranked-bot:hover .coin-logo img {
  transform: scale(1.08) rotate(5deg);
  filter: brightness(1.12) drop-shadow(0 0 14px rgba(21,159,255,.2));
}

.activity-icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.hero-spirals i:nth-child(1) { --orbit-start: -13deg; animation: orbit-spin 24s linear infinite; }
.hero-spirals i:nth-child(2) { --orbit-start: 13deg; animation: orbit-spin 31s linear infinite reverse; }
.hero-spirals i:nth-child(3) { --orbit-start: -22deg; animation: orbit-spin 38s linear infinite; }
.hero-spirals i:nth-child(4) { --orbit-start: 22deg; animation: orbit-spin 46s linear infinite reverse; }

.hud-card--market { animation: hud-float 5.4s ease-in-out infinite; }
.hud-card--bot { animation: hud-float-alt 6.2s -1.4s ease-in-out infinite; }

.hud-card--market path {
  stroke-dasharray: 190;
  stroke-dashoffset: 190;
  animation: hud-line 2.8s .4s ease-in-out infinite alternate;
}

.live-dot,
.console-status i,
.ranking-heading em i,
.panel-title em i {
  animation: live-pulse 1.8s ease-out infinite;
}

.ranked-progress i {
  width: 0;
}

.bots-panel.visible .ranked-progress i {
  animation: roi-fill 1.25s .32s cubic-bezier(.2,.75,.2,1) forwards;
}

.bots-panel.visible .ranked-bot:nth-of-type(3) .ranked-progress i { animation-delay: .48s; }
.bots-panel.visible .ranked-bot:nth-of-type(4) .ranked-progress i { animation-delay: .64s; }

.chart-line {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
}

.chart-fill { opacity: 0; }
.chart-wrap circle { opacity: 0; transform-origin: center; }

.console-card.visible .chart-line { animation: chart-draw 2.1s .25s cubic-bezier(.2,.72,.2,1) forwards; }
.console-card.visible .chart-fill { animation: chart-fill-in .9s 1.25s ease forwards; }
.console-card.visible .chart-wrap circle { animation: chart-point-in .55s 1.95s ease forwards, chart-point-pulse 2.2s 2.5s ease-in-out infinite; }

.console-card.visible .activity-list article {
  animation: activity-enter .55s cubic-bezier(.2,.72,.2,1) both;
}

.console-card.visible .activity-list article:nth-child(1) { animation-delay: .35s; }
.console-card.visible .activity-list article:nth-child(2) { animation-delay: .48s; }
.console-card.visible .activity-list article:nth-child(3) { animation-delay: .61s; }
.console-card.visible .activity-list article:nth-child(4) { animation-delay: .74s; }

@keyframes orbit-spin {
  from { transform: translate(-50%, -50%) rotate(var(--orbit-start)); }
  to { transform: translate(-50%, -50%) rotate(calc(var(--orbit-start) + 360deg)); }
}

@keyframes hud-float {
  0%, 100% { transform: translateY(0) rotate(-.2deg); }
  50% { transform: translateY(-8px) rotate(.25deg); }
}

@keyframes hud-float-alt {
  0%, 100% { transform: translateY(0) rotate(.2deg); }
  50% { transform: translateY(7px) rotate(-.25deg); }
}

@keyframes hud-line {
  0% { stroke-dashoffset: 190; opacity: .55; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes live-pulse {
  0% { box-shadow: 0 0 0 0 rgba(36,221,160,.62); }
  70% { box-shadow: 0 0 0 7px rgba(36,221,160,0); }
  100% { box-shadow: 0 0 0 0 rgba(36,221,160,0); }
}

@keyframes coin-breathe {
  0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }
  50% { transform: translateY(-1px) scale(1.04); filter: brightness(1.12); }
}

@keyframes roi-fill {
  from { width: 0; }
  to { width: var(--progress); }
}

@keyframes chart-draw {
  to { stroke-dashoffset: 0; }
}

@keyframes chart-fill-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes chart-point-in {
  from { opacity: 0; transform: scale(.4); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes chart-point-pulse {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(10,159,255,0)); }
  50% { filter: drop-shadow(0 0 7px rgba(10,159,255,.8)); }
}

@keyframes activity-enter {
  from { opacity: 0; transform: translateX(18px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-spirals i,
  .hud-card,
  .hud-card--market path,
  .live-dot,
  .console-status i,
  .ranking-heading em i,
  .panel-title em i,
  .ticker-coin,
  .console-card.visible .chart-line,
  .console-card.visible .chart-fill,
  .console-card.visible .chart-wrap circle,
  .console-card.visible .activity-list article {
    animation: none !important;
  }

  .ranked-progress i { width: var(--progress); }
  .chart-line { stroke-dashoffset: 0; }
  .chart-fill, .chart-wrap circle { opacity: 1; }
}


/* Trading toolkit */
.toolkit {
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 10%, rgba(94, 35, 170, .09), transparent 30%),
    #08090b;
  border-top: 1px solid var(--line-soft);
}

.toolkit-heading {
  max-width: 830px;
  margin-bottom: 64px;
}

.toolkit-heading h2 {
  margin: 20px 0 0;
  color: #fff;
  font-size: clamp(50px, 5vw, 72px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -.04em;
}

.toolkit-heading p {
  max-width: 610px;
  margin: 24px 0 0;
  color: #858b96;
  font-size: 18px;
  line-height: 1.6;
}

.toolkit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.tool-card {
  min-width: 0;
  min-height: 590px;
  padding: 40px 26px 32px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, .095);
  border-radius: 18px;
  background:
    linear-gradient(155deg, rgba(255,255,255,.025), transparent 34%),
    #0b0c0e;
}

.tool-card::before {
  height: 2px;
  content: "";
  position: absolute;
  inset: 0 0 auto;
  opacity: .82;
  background: linear-gradient(90deg, #129eff, #6935ff 52%, transparent 95%);
}

.tool-card:nth-child(3)::before { background: linear-gradient(90deg, #16d7a0, #1d8f7b 58%, transparent); }
.tool-card:nth-child(4)::before { background: linear-gradient(90deg, #7e37ff, #a14eff 58%, transparent); }

.tool-card--wide {
  min-height: 410px;
  padding: 54px 62px;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(410px, 500px);
  gap: 72px;
  align-items: center;
}

.tool-card--wide::before {
  background: linear-gradient(90deg, #803cff, #159fff 58%, transparent);
}

.tool-copy > span {
  display: block;
  color: #747b86;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.tool-copy h3 {
  max-width: 440px;
  margin: 13px 0 0;
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.tool-copy p {
  max-width: 460px;
  margin: 14px 0 0;
  color: #777e89;
  font-size: 15px;
  line-height: 1.55;
}

.tool-copy--bottom { margin-top: auto; }
.tool-copy--bottom h3 { font-size: 23px; }

.automation-widget,
.balance-widget,
.alerts-widget,
.analytics-widget {
  border: 1px solid rgba(255,255,255,.105);
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012)), #111316;
  box-shadow: 0 26px 60px rgba(0,0,0,.28);
  transition: transform .45s cubic-bezier(.2,.72,.2,1), border-color .45s ease, box-shadow .45s ease;
}

.tool-card:hover .automation-widget,
.tool-card:hover .balance-widget,
.tool-card:hover .alerts-widget,
.tool-card:hover .analytics-widget {
  transform: translateY(-5px);
  border-color: rgba(65, 172, 255, .25);
  box-shadow: 0 34px 70px rgba(0,0,0,.38);
}

.automation-widget {
  width: 100%;
  padding: 27px;
  border-radius: 17px;
}

.widget-status,
.mini-widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.widget-status strong {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #2cdda2;
  font-size: 12px;
  font-weight: 500;
}

.widget-status strong i,
.mini-widget-head em i {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #25dda0;
  box-shadow: 0 0 12px rgba(37,221,160,.6);
  animation: live-pulse 1.8s ease-out infinite;
}

.widget-status > span {
  color: #6e7580;
  font-size: 12px;
}

.automation-metrics {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1.12fr .9fr .9fr;
  gap: 10px;
}

.automation-metrics > div {
  min-height: 86px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 11px;
  background: rgba(255,255,255,.022);
}

.automation-metrics small,
.analytics-metrics small {
  color: #616975;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.automation-metrics strong {
  margin-top: 7px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
}

.automation-metrics > div:first-child strong { color: #32dfa5; }
.automation-metrics strong em { font-style: normal; }

.uptime-track {
  height: 50px;
  margin-top: 16px;
  padding: 22px 13px 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  color: #646b76;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 10px;
  font-size: 9px;
}

.uptime-track::before,
.uptime-track i {
  height: 3px;
  position: absolute;
  top: 11px;
  left: 13px;
  border-radius: 99px;
}

.uptime-track::before {
  width: calc(100% - 26px);
  content: "";
  background: rgba(255,255,255,.07);
}

.uptime-track i {
  width: 0;
  background: linear-gradient(90deg, #2add9e, #13d9eb);
  box-shadow: 0 0 8px rgba(31,220,191,.28);
}

.tool-card.visible .uptime-track i { animation: uptime-fill 1.35s .35s ease forwards; }

.balance-widget,
.analytics-widget {
  padding: 24px;
  border-radius: 16px;
}

.balance-widget { margin: 0 14px 48px; }

.mini-widget-head > span {
  color: #959ba5;
  font-size: 12px;
}

.mini-widget-head em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #37dca7;
  font-size: 10px;
  font-style: normal;
}

.mini-widget-head em i {
  width: 5px;
  height: 5px;
}

.balance-value {
  display: block;
  margin-top: 22px;
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.035em;
}

.balance-value small {
  color: #7d838e;
  font-size: 17px;
}

.balance-profit {
  margin: 12px 0 0;
  color: #31dfa4;
  font-size: 11px;
}

.balance-profit span { color: #666d78; }

.balance-chart {
  width: 100%;
  height: 82px;
  margin-top: 19px;
  overflow: visible;
}

.mini-chart-fill { fill: url(#balanceFill); opacity: 0; }
.mini-chart-line {
  fill: none;
  stroke: #777e8b;
  stroke-width: 1.5;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
}

.tool-card.visible .mini-chart-line { animation: mini-chart-draw 1.7s .35s ease forwards; }
.tool-card.visible .mini-chart-fill { animation: mini-chart-fill .8s 1.05s ease forwards; }

.asset-legend {
  margin-top: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  color: #747b86;
  font-size: 9px;
}

.asset-legend span { display: inline-flex; align-items: center; gap: 6px; }
.asset-legend i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; }
.asset-legend .eth { background: #627eea; }
.asset-legend .btc { background: #f7931a; }
.asset-legend .sol { background: #9146ff; }

.alerts-widget {
  margin: 0 14px 48px;
  padding: 20px;
  display: grid;
  gap: 9px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.tool-card:hover .alerts-widget { box-shadow: none; }

.alert-row {
  min-height: 68px;
  padding: 12px;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 11px;
  background: #111316;
  opacity: 0;
  transform: translateY(12px);
}

.tool-card.visible .alert-row { animation: toolkit-alert-in .55s ease forwards; }
.tool-card.visible .alert-row:nth-child(1) { animation-delay: .25s; }
.tool-card.visible .alert-row:nth-child(2) { animation-delay: .4s; }
.tool-card.visible .alert-row:nth-child(3) { animation-delay: .55s; }

.alert-row > i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #b271ff;
  border: 1px solid rgba(132,53,255,.3);
  border-radius: 9px;
  background: rgba(132,53,255,.12);
  font-size: 13px;
  font-style: normal;
}

.alert-row--profit { border-color: rgba(31,220,159,.22); }
.alert-row--profit > i {
  color: #2bdca3;
  border-color: rgba(31,220,159,.28);
  background: rgba(31,220,159,.1);
}

.alert-row div { min-width: 0; }
.alert-row strong { display: block; color: #e4e7eb; font-size: 11px; font-weight: 500; }
.alert-row span { display: block; margin-top: 4px; overflow: hidden; color: #666e79; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.alert-row time { color: #565e69; font-size: 8px; white-space: nowrap; }
.alert-row--muted { opacity: .42; }

.analytics-widget { margin: 0 14px 48px; }
.analytics-widget .mini-widget-head em {
  padding: 4px 8px;
  color: #32dda6;
  border: 1px solid rgba(50,221,166,.24);
  border-radius: 3px;
  font-size: 8px;
  text-transform: uppercase;
}

.analytics-chart {
  width: 100%;
  height: 112px;
  margin: 12px 0 8px;
  overflow: visible;
}

.analytics-fill { fill: url(#analyticsFill); opacity: 0; }
.analytics-line {
  fill: none;
  stroke: url(#analyticsStroke);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-dasharray: 520;
  stroke-dashoffset: 520;
  filter: drop-shadow(0 0 5px rgba(117,56,255,.35));
}

.tool-card.visible .analytics-line { animation: mini-chart-draw 1.8s .4s ease forwards; }
.tool-card.visible .analytics-fill { animation: mini-chart-fill .8s 1.15s ease forwards; }

.analytics-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.analytics-metrics > div {
  min-width: 0;
  padding: 12px 10px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  background: rgba(255,255,255,.018);
}

.analytics-metrics small { display: block; }
.analytics-metrics strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.analytics-metrics > div:first-child strong { color: #31dfa4; }

@keyframes uptime-fill {
  to { width: calc(100% - 30px); }
}

@keyframes mini-chart-draw {
  to { stroke-dashoffset: 0; }
}

@keyframes mini-chart-fill {
  to { opacity: 1; }
}

@keyframes toolkit-alert-in {
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px) {
  .tool-card--wide { padding: 46px 40px; grid-template-columns: minmax(0, 1fr) minmax(370px, .95fr); gap: 40px; }
  .tool-card { padding-inline: 20px; }
  .balance-widget, .alerts-widget, .analytics-widget { margin-inline: 0; }
}

@media (max-width: 860px) {
  .toolkit-grid { grid-template-columns: 1fr; }
  .tool-card { min-height: 560px; }
  .tool-card--wide { min-height: auto; padding: 40px; grid-template-columns: 1fr; gap: 38px; }
  .tool-copy--bottom { margin-top: 42px; }
  .balance-widget, .alerts-widget, .analytics-widget { width: min(100%, 520px); margin-inline: auto; }
}

@media (max-width: 600px) {
  .toolkit-heading { margin-bottom: 42px; }
  .toolkit-heading h2 { font-size: 42px; }
  .toolkit-heading p { font-size: 16px; }
  .tool-card, .tool-card--wide { min-height: auto; padding: 26px 18px; border-radius: 16px; }
  .tool-card--wide { gap: 28px; }
  .tool-copy h3, .tool-copy--bottom h3 { font-size: 21px; }
  .tool-copy p { font-size: 14px; }
  .automation-widget { padding: 18px 14px; }
  .automation-metrics { grid-template-columns: 1fr 1fr; }
  .automation-metrics > div:first-child { grid-column: 1 / -1; }
  .automation-metrics > div { min-height: 72px; }
  .balance-widget, .analytics-widget { padding: 19px 15px; }
  .alerts-widget { padding: 4px 0; }
  .balance-value { font-size: 31px; }
  .analytics-metrics strong { font-size: 12px; }
  .alert-row { padding-inline: 10px; grid-template-columns: 32px 1fr; }
  .alert-row time { display: none; }
  .tool-copy--bottom { margin-top: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  .widget-status strong i,
  .mini-widget-head em i,
  .tool-card.visible .uptime-track i,
  .tool-card.visible .mini-chart-line,
  .tool-card.visible .mini-chart-fill,
  .tool-card.visible .alert-row,
  .tool-card.visible .analytics-line,
  .tool-card.visible .analytics-fill {
    animation: none !important;
  }

  .uptime-track i { width: calc(100% - 30px); }
  .mini-chart-line, .analytics-line { stroke-dashoffset: 0; }
  .mini-chart-fill, .analytics-fill { opacity: 1; }
  .alert-row { opacity: 1; transform: none; }
}


/* How trading bots work */
.how-it-works {
  background:
    radial-gradient(circle at 18% 8%, rgba(76, 38, 132, .07), transparent 28%),
    #08090b;
  border-top: 1px solid var(--line-soft);
}

.how-heading {
  max-width: 760px;
  margin-bottom: 68px;
}

.how-heading h2 {
  margin: 20px 0 0;
  color: #fff;
  font-size: clamp(50px, 5vw, 72px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -.04em;
}

.how-heading p {
  max-width: 610px;
  margin: 24px 0 0;
  color: #858b96;
  font-size: 18px;
  line-height: 1.6;
}

.how-steps { border-top: 1px solid rgba(255,255,255,.07); }

.how-step {
  min-height: 440px;
  padding: 64px 34px;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
  gap: 84px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.how-step--reverse { grid-template-columns: minmax(420px, 1.05fr) minmax(0, .95fr); }

.how-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 18px;
  align-items: end;
}

.how-number {
  color: rgba(255,255,255,.035);
  font-size: 78px;
  font-weight: 600;
  line-height: .85;
  letter-spacing: -.07em;
  transition: color .45s ease, text-shadow .45s ease;
}

.how-step:hover .how-number {
  color: rgba(111,59,226,.14);
  text-shadow: 0 0 34px rgba(111,59,226,.09);
}

.how-copy h3 {
  margin: 0;
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.how-copy p {
  max-width: 390px;
  margin: 13px 0 0;
  color: #747b86;
  font-size: 15px;
  line-height: 1.55;
}

.step-widget {
  width: 100%;
  max-width: 490px;
  justify-self: end;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.032), transparent 48%),
    #101215;
  box-shadow: 0 28px 70px rgba(0,0,0,.28);
  transition: transform .45s cubic-bezier(.2,.72,.2,1), border-color .45s ease, box-shadow .45s ease;
}

.how-step--reverse .step-widget { justify-self: start; }

.how-step:hover .step-widget {
  transform: translateY(-5px);
  border-color: rgba(111,75,255,.25);
  box-shadow: 0 36px 80px rgba(0,0,0,.38);
}

.asset-picker-widget { padding: 22px; }

.asset-current {
  padding: 0 4px 20px;
  display: grid;
  grid-template-columns: 44px 1fr 112px;
  gap: 13px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.asset-current > img {
  width: 42px;
  height: 42px;
}

.asset-current strong {
  display: block;
  color: #f2f4f7;
  font-size: 14px;
  font-weight: 600;
}

.asset-current span {
  display: block;
  margin-top: 3px;
  color: #68717d;
  font-size: 12px;
}

.asset-current em { color: #2bdca3; font-style: normal; }

.asset-current svg { width: 110px; height: 42px; overflow: visible; }
.asset-current svg path {
  fill: none;
  stroke: #2bdca3;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 180;
  stroke-dashoffset: 180;
  filter: drop-shadow(0 0 5px rgba(43,220,163,.25));
}

.how-step.visible .asset-current svg path { animation: how-line-draw 1.4s .35s ease forwards; }

.asset-options {
  padding-top: 18px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
}

.asset-options button,
.strategy-tabs button,
.risk-options button {
  min-width: 0;
  min-height: 36px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #747c88;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 8px;
  background: rgba(255,255,255,.018);
  font-size: 10px;
  cursor: default;
}

.asset-options button img { width: 15px; height: 15px; }
.asset-options button span { color: #f0ba26; font-size: 10px; }

.asset-options button.selected {
  color: #5bc7ff;
  border-color: rgba(19,159,255,.36);
  background: rgba(19,159,255,.09);
  box-shadow: inset 0 0 16px rgba(19,159,255,.06);
}

.strategy-widget { padding: 22px; }

.strategy-tabs {
  padding: 4px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  background: rgba(255,255,255,.018);
}

.strategy-tabs button {
  min-height: 41px;
  border: 0;
  background: transparent;
  text-transform: uppercase;
}

.strategy-tabs button.selected {
  color: #fff;
  background: linear-gradient(100deg, #7a2deb, #9a3df2);
  box-shadow: 0 0 22px rgba(124,44,235,.25);
}

.risk-options {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
}

.risk-options button { font-size: 8px; }
.risk-options button.selected {
  color: #d8baff;
  border-color: rgba(145,58,255,.34);
  background: rgba(145,58,255,.1);
}

.strategy-summary {
  margin-top: 16px;
  padding: 14px 16px;
  display: grid;
  gap: 9px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  background: rgba(0,0,0,.12);
}

.strategy-summary div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.strategy-summary span { color: #5f6874; font-size: 10px; }
.strategy-summary strong { color: #edf0f4; font-size: 11px; font-weight: 500; }

.allocation-widget { padding: 25px; }

.allocation-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  color: #8f969f;
  font-size: 11px;
}

.allocation-head em { color: #5f6874; font-size: 9px; font-style: normal; }

.allocation-value {
  min-height: 76px;
  margin-top: 18px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 11px;
  background: rgba(255,255,255,.018);
}

.allocation-value > span { color: #696f79; font-size: 20px; }
.allocation-value strong { color: #fff; font-size: 28px; font-weight: 500; letter-spacing: -.025em; }
.allocation-value em { margin-left: auto; color: #747c88; font-size: 10px; font-style: normal; }

.allocation-slider {
  height: 4px;
  margin: 28px 5px 0;
  position: relative;
  border-radius: 99px;
  background: rgba(255,255,255,.08);
}

.allocation-slider i {
  width: 0;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, #7331ef, #1aa8ff);
}

.allocation-slider b {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 19.5%;
  opacity: 0;
  border: 3px solid #101215;
  border-radius: 50%;
  background: #2aa9ff;
  box-shadow: 0 0 0 2px rgba(42,169,255,.35), 0 0 16px rgba(42,169,255,.45);
  transform: translate(-50%,-50%);
}

.how-step.visible .allocation-slider i { animation: allocation-fill 1.25s .3s ease forwards; }
.how-step.visible .allocation-slider b { animation: allocation-point .3s 1.25s ease forwards; }

.allocation-marks {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  color: #555e69;
  font-size: 8px;
}

.allocation-marks strong { color: #78818c; font-weight: 500; }

.allocation-check {
  margin-top: 22px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #708079;
  border: 1px solid rgba(43,220,163,.12);
  border-radius: 10px;
  background: rgba(43,220,163,.04);
  font-size: 9px;
}

.allocation-check i {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #2bdca3;
  border-radius: 6px;
  background: rgba(43,220,163,.1);
  font-style: normal;
}

.launch-widget { padding: 26px; }

.launch-status {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 14px;
  align-items: center;
}

.launch-orbit {
  width: 50px;
  height: 50px;
  position: relative;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(116,50,239,.34);
  border-radius: 50%;
  background: rgba(116,50,239,.09);
}

.launch-orbit > i {
  width: 42px;
  height: 18px;
  position: absolute;
  border: 1px solid rgba(48,166,255,.48);
  border-radius: 50%;
  transform: rotate(-22deg);
}

.launch-orbit b { font-size: 14px; font-weight: 500; }

.how-step.visible .launch-orbit { animation: launch-glow 2.6s ease-in-out infinite; }
.how-step.visible .launch-orbit > i { animation: launch-spin 5s linear infinite; }

.launch-status small {
  display: block;
  color: #626b76;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.launch-status strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.launch-status > em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2bdca3;
  font-size: 9px;
  font-style: normal;
}

.launch-status > em i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2bdca3;
  animation: live-pulse 1.8s ease-out infinite;
}

.launch-details {
  margin-top: 23px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.launch-details > div {
  padding: 13px 11px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 9px;
  background: rgba(255,255,255,.018);
}

.launch-details span { display: block; color: #5d6672; font-size: 8px; }
.launch-details strong { display: block; margin-top: 5px; color: #e4e8ed; font-size: 10px; font-weight: 500; }

.launch-widget > button {
  width: 100%;
  min-height: 46px;
  margin-top: 17px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(100deg, #702be6, #256cf4);
  box-shadow: 0 10px 28px rgba(75,47,225,.2);
  font-size: 11px;
  font-weight: 500;
}

.launch-widget > button span { font-size: 15px; }

@keyframes how-line-draw {
  to { stroke-dashoffset: 0; }
}

@keyframes allocation-fill {
  to { width: 19.5%; }
}

@keyframes allocation-point {
  to { opacity: 1; }
}

@keyframes launch-spin {
  to { transform: rotate(338deg); }
}

@keyframes launch-glow {
  50% { box-shadow: 0 0 30px rgba(111,50,239,.17); }
}

@media (max-width: 1050px) {
  .how-step,
  .how-step--reverse {
    padding-inline: 10px;
    grid-template-columns: minmax(0, .85fr) minmax(370px, 1.15fr);
    gap: 46px;
  }
  .how-copy { grid-template-columns: 88px 1fr; }
  .how-number { font-size: 62px; }
}

@media (max-width: 820px) {
  .how-step,
  .how-step--reverse {
    padding: 52px 0;
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .how-step--reverse .how-copy { order: -1; }
  .step-widget,
  .how-step--reverse .step-widget { width: min(100%, 540px); justify-self: center; }
  .how-copy { width: min(100%, 540px); justify-self: center; }
}

@media (max-width: 560px) {
  .how-heading { margin-bottom: 44px; }
  .how-heading h2 { font-size: 42px; }
  .how-heading p { font-size: 16px; }
  .how-step, .how-step--reverse { padding: 42px 0; }
  .how-copy { grid-template-columns: 62px 1fr; gap: 12px; }
  .how-number { font-size: 46px; }
  .how-copy h3 { font-size: 21px; }
  .how-copy p { font-size: 14px; }
  .step-widget { border-radius: 15px; }
  .asset-picker-widget, .strategy-widget, .allocation-widget, .launch-widget { padding: 16px; }
  .asset-current { grid-template-columns: 38px 1fr 82px; }
  .asset-current > img { width: 36px; height: 36px; }
  .asset-current svg { width: 82px; }
  .asset-options { grid-template-columns: repeat(3, 1fr); }
  .risk-options { grid-template-columns: 1fr 1fr; }
  .launch-details { grid-template-columns: 1fr; }
  .launch-details > div { display: flex; justify-content: space-between; align-items: center; }
  .launch-details strong { margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .how-step.visible .asset-current svg path,
  .how-step.visible .allocation-slider i,
  .how-step.visible .allocation-slider b,
  .how-step.visible .launch-orbit,
  .how-step.visible .launch-orbit > i,
  .launch-status > em i {
    animation: none !important;
  }
  .asset-current svg path { stroke-dashoffset: 0; }
  .allocation-slider i { width: 19.5%; }
  .allocation-slider b { opacity: 1; }
}


/* SignalX-inspired fragments */
.hero-signal {
  width: max-content;
  max-width: 100%;
  margin: 0 auto 18px;
  padding: 5px 10px 5px 5px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #bdc2cc;
  border: 1px solid rgba(125,74,255,.32);
  border-radius: 999px;
  background: rgba(30,24,52,.48);
  box-shadow: 0 0 28px rgba(113,68,255,.1), inset 0 0 16px rgba(113,68,255,.05);
  font-size: 10px;
  line-height: 1;
  animation: text-enter .8s .1s cubic-bezier(.2,.7,.2,1) both;
}

.hero-signal span {
  padding: 6px 9px;
  color: #f0eaff;
  border-radius: 999px;
  background: rgba(118,67,255,.18);
  font-weight: 500;
}

.hero-signal > i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #30dfa6;
  animation: live-pulse 1.8s ease-out infinite;
}

.hero-signal b {
  color: #8c6dff;
  font-size: 12px;
  font-weight: 500;
}

.signal-intelligence {
  overflow: hidden;
  background:
    radial-gradient(circle at 68% 34%, rgba(87,47,164,.13), transparent 34%),
    #07080b;
  border-top: 1px solid var(--line-soft);
}

.intel-heading {
  max-width: 770px;
  margin: 0 auto 72px;
  text-align: center;
}

.intel-kicker {
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c5bdd8;
  border: 1px solid rgba(139,87,255,.24);
  border-radius: 999px;
  background: rgba(90,48,164,.08);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.intel-kicker i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9062ff;
  box-shadow: 0 0 14px rgba(144,98,255,.8);
}

.intel-heading h2 {
  margin: 22px 0 0;
  color: #fff;
  font-size: clamp(52px, 5.2vw, 74px);
  font-weight: 500;
  line-height: 1.01;
  letter-spacing: -.045em;
}

.intel-heading p {
  max-width: 600px;
  margin: 23px auto 0;
  color: #7c838f;
  font-size: 17px;
  line-height: 1.6;
}

.intel-layout {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 42px;
  align-items: center;
}

.intel-tabs {
  display: grid;
  gap: 3px;
}

.intel-tab {
  width: 100%;
  min-height: 112px;
  padding: 17px 16px;
  position: relative;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  align-items: center;
  color: #747b87;
  border: 0;
  border-left: 1px solid rgba(255,255,255,.08);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}

.intel-tab::before {
  width: 2px;
  content: "";
  position: absolute;
  inset: 50% auto auto -1px;
  background: linear-gradient(#7d39ff,#20b7ff);
  box-shadow: 0 0 14px rgba(123,57,255,.6);
  transform: translateY(-50%);
  transition: height .35s ease;
  height: 0;
}

.intel-tab:hover { color: #adb3bd; background: rgba(255,255,255,.012); }

.intel-tab.active {
  color: #dce0e7;
  border-left-color: rgba(126,58,255,.25);
  background: linear-gradient(90deg, rgba(114,54,225,.08), transparent 80%);
}

.intel-tab.active::before { height: 66%; }

.intel-tab-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: #aaa1c5;
  border: 1px solid rgba(145,91,255,.2);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(152,97,255,.18), rgba(38,29,65,.22));
  box-shadow: inset 0 0 16px rgba(132,76,255,.05);
  font-size: 17px;
  transition: color .3s ease, box-shadow .3s ease, border-color .3s ease, transform .3s ease;
}

.intel-tab.active .intel-tab-icon {
  color: #fff;
  border-color: rgba(158,104,255,.55);
  box-shadow: 0 0 24px rgba(109,53,245,.24), inset 0 0 18px rgba(148,83,255,.18);
  transform: translateY(-1px);
}

.intel-tab strong {
  display: block;
  color: inherit;
  font-size: 15px;
  font-weight: 500;
}

.intel-tab small {
  max-width: 250px;
  margin-top: 7px;
  display: block;
  color: #5f6672;
  font-size: 11px;
  line-height: 1.45;
}

.intel-screen {
  min-width: 0;
  min-height: 590px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(142,91,255,.2);
  border-radius: 24px;
  background:
    radial-gradient(circle at 70% 26%, rgba(116,62,225,.1), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.025), transparent 40%),
    #0a0c11;
  box-shadow: 0 35px 100px rgba(0,0,0,.42), 0 0 64px rgba(75,38,159,.08);
}

.intel-screen::after {
  height: 1px;
  content: "";
  position: absolute;
  inset: 0 9% auto;
  background: linear-gradient(90deg, transparent, #7e3cff, #1eaef2, transparent);
  opacity: .65;
}

.intel-screen-bar {
  min-height: 72px;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 37px 1fr auto;
  gap: 11px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.065);
}

.intel-screen-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(144,84,255,.38);
  border-radius: 11px;
  background: linear-gradient(145deg, #7134d7, #2737a6);
  box-shadow: 0 0 20px rgba(99,47,220,.2);
  font-size: 12px;
}

.intel-screen-bar small {
  display: block;
  color: #59626f;
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: .11em;
}

.intel-screen-bar strong {
  display: block;
  margin-top: 3px;
  color: #e9ecf1;
  font-size: 11px;
  font-weight: 500;
}

.intel-screen-bar > em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #35dda5;
  font-size: 8px;
  font-style: normal;
  text-transform: uppercase;
}

.intel-screen-bar > em i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #35dda5;
  animation: live-pulse 1.8s ease-out infinite;
}

.intel-panel {
  min-height: 517px;
  padding: 28px;
  position: relative;
  animation: intel-panel-in .45s cubic-bezier(.2,.72,.2,1) both;
}

.intel-panel[hidden] { display: none; }

.intel-chart-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
}

.intel-chart-head span,
.intel-chart-head small {
  display: block;
  color: #5d6571;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.intel-chart-head strong {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e9edf2;
  font-size: 13px;
  font-weight: 500;
}

.intel-chart-head strong img { width: 20px; height: 20px; }
.intel-chart-head > div:last-child { text-align: right; }
.intel-chart-head > div:last-child strong { justify-content: flex-end; }
.intel-chart-head strong em { color: #35dda5; font-size: 10px; font-style: normal; }

.intel-market-chart {
  width: 100%;
  height: 330px;
  margin-top: 28px;
  overflow: visible;
}

.intel-grid line { stroke: rgba(255,255,255,.045); stroke-width: 1; }
.intel-area { fill: url(#intelMarketFill); opacity: 0; }
.intel-line {
  fill: none;
  stroke: url(#intelMarketStroke);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  filter: drop-shadow(0 0 7px rgba(94,88,255,.4));
}

.intel-market-chart circle {
  fill: #fff;
  stroke: #29baf8;
  stroke-width: 3;
  opacity: 0;
}

.intel-panel.active .intel-line { animation: intel-line-draw 1.7s .12s ease forwards; }
.intel-panel.active .intel-area { animation: intel-fill-in .7s .9s ease forwards; }
.intel-panel.active .intel-market-chart circle { animation: chart-point-in .4s 1.5s ease forwards, chart-point-pulse 2s 2s ease-in-out infinite; }

.intel-watchlist {
  width: 238px;
  padding: 13px;
  position: absolute;
  right: 21px;
  bottom: 22px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 13px;
  background: rgba(15,17,23,.88);
  box-shadow: 0 18px 45px rgba(0,0,0,.42);
  backdrop-filter: blur(16px);
}

.intel-watch-head,
.intel-watchlist > div:not(.intel-watch-head) {
  display: grid;
  grid-template-columns: 20px 1fr auto auto;
  gap: 8px;
  align-items: center;
}

.intel-watch-head {
  padding-bottom: 8px;
  grid-template-columns: 1fr auto;
  color: #777f8b;
  font-size: 8px;
  text-transform: uppercase;
}

.intel-watchlist > div:not(.intel-watch-head) {
  min-height: 34px;
  border-top: 1px solid rgba(255,255,255,.05);
  font-size: 8px;
}

.intel-watchlist img { width: 16px; height: 16px; }
.intel-watchlist span { color: #bdc3cc; }
.intel-watchlist strong { color: #8b929d; font-weight: 500; }
.intel-watchlist em { color: #31dba3; font-style: normal; }

.signal-score,
.risk-overview {
  min-height: 210px;
  padding: 30px;
  display: grid;
  grid-template-columns: 156px 1fr;
  gap: 30px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 18px;
  background: rgba(255,255,255,.018);
}

.signal-gauge,
.risk-ring {
  width: 132px;
  height: 132px;
  padding: 9px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#7e3eff 0 76%, #1bbafa 92%, rgba(255,255,255,.06) 92%);
  box-shadow: 0 0 34px rgba(108,55,240,.18);
}

.risk-ring { background: conic-gradient(#26dca3 0 28%, rgba(255,255,255,.06) 28%); }

.signal-gauge::before,
.risk-ring::before {
  content: "";
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0d0f14;
}

.signal-gauge span,
.risk-ring span {
  grid-area: 1 / 1;
  position: relative;
  color: #fff;
  font-size: 30px;
  font-weight: 500;
}

.signal-gauge span small,
.risk-ring span small { color: #757d88; font-size: 13px; }

.signal-score > div:last-child > span,
.risk-overview > div:last-child > span {
  color: #6c7480;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.signal-score > div:last-child > strong,
.risk-overview > div:last-child > strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.signal-score p,
.risk-overview p {
  max-width: 330px;
  margin: 12px 0 0;
  color: #69717d;
  font-size: 12px;
  line-height: 1.5;
}

.signal-checks,
.risk-bars {
  margin-top: 16px;
  display: grid;
  gap: 8px;
}

.signal-checks > div {
  min-height: 64px;
  padding: 0 17px;
  display: grid;
  grid-template-columns: 31px 1fr auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  background: rgba(255,255,255,.014);
}

.signal-checks i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #31dca5;
  border-radius: 8px;
  background: rgba(49,220,165,.09);
  font-size: 10px;
  font-style: normal;
}

.signal-checks span { color: #aab1bb; font-size: 10px; }
.signal-checks strong { color: #31dca5; font-size: 9px; font-weight: 500; }

.risk-bars { margin-top: 22px; }
.risk-bars > div {
  display: grid;
  grid-template-columns: 80px 1fr 34px;
  gap: 12px;
  align-items: center;
  color: #7c8490;
  font-size: 9px;
}

.risk-bars i {
  height: 4px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.07);
}

.risk-bars b {
  width: 0;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg,#7440f5,#22b7f3);
}

.intel-panel.active .risk-bars b { animation: intel-risk-fill 1.1s .22s ease forwards; }
.risk-bars strong { color: #b4bbc5; font-size: 9px; font-weight: 500; text-align: right; }

.forecast-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
}

.forecast-head span { display: block; color: #626a76; font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }
.forecast-head strong { display: block; margin-top: 7px; color: #f0f2f5; font-size: 17px; font-weight: 500; }
.forecast-head > em { color: #8068b4; font-size: 8px; font-style: normal; }

.forecast-chart { width: 100%; height: 290px; margin-top: 22px; overflow: visible; }
.forecast-band { fill: url(#forecastBand); opacity: 0; }
.forecast-path {
  fill: none;
  stroke: #9e74ff;
  stroke-width: 2.4;
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  filter: drop-shadow(0 0 6px rgba(145,92,255,.5));
}

.intel-panel.active .forecast-path { animation: intel-line-draw 1.6s .12s ease forwards; }
.intel-panel.active .forecast-band { animation: intel-fill-in .7s .85s ease forwards; }

.forecast-metrics {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 9px;
}

.forecast-metrics > div {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 10px;
  background: rgba(255,255,255,.014);
}

.forecast-metrics span { display: block; color: #606975; font-size: 8px; }
.forecast-metrics strong { display: block; margin-top: 5px; color: #fff; font-size: 13px; font-weight: 500; }
.forecast-metrics > div:nth-child(-n+2) strong { color: #32dca5; }

@keyframes intel-panel-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes intel-line-draw {
  to { stroke-dashoffset: 0; }
}

@keyframes intel-fill-in {
  to { opacity: 1; }
}

@keyframes intel-risk-fill {
  to { width: var(--risk-width); }
}

@media (max-width: 1060px) {
  .intel-layout { grid-template-columns: 310px minmax(0,1fr); gap: 24px; }
  .intel-tab { min-height: 104px; grid-template-columns: 42px 1fr; padding-inline: 12px; }
  .intel-tab-icon { width: 40px; height: 40px; }
  .intel-panel { padding: 22px; }
  .intel-watchlist { width: 215px; }
}

@media (max-width: 840px) {
  .intel-layout { grid-template-columns: 1fr; gap: 28px; }
  .intel-tabs { grid-template-columns: 1fr 1fr; gap: 8px; }
  .intel-tab { min-height: 96px; border: 1px solid rgba(255,255,255,.07); border-radius: 13px; }
  .intel-tab::before { width: 44%; height: 0; inset: auto auto -1px 50%; transform: translateX(-50%); }
  .intel-tab.active::before { height: 2px; }
  .intel-screen { min-height: 570px; }
}

@media (max-width: 600px) {
  .hero-signal { font-size: 8px; }
  .hero-signal span { padding-inline: 7px; }
  .intel-heading { margin-bottom: 46px; }
  .intel-heading h2 { font-size: 42px; }
  .intel-heading p { font-size: 15px; }
  .intel-tabs { grid-template-columns: 1fr; }
  .intel-tab { min-height: 86px; }
  .intel-tab small { font-size: 10px; }
  .intel-screen { min-height: 560px; border-radius: 17px; }
  .intel-screen-bar { padding-inline: 15px; }
  .intel-panel { min-height: 488px; padding: 18px 14px; }
  .intel-market-chart { height: 270px; margin-top: 23px; }
  .intel-watchlist { width: calc(100% - 28px); right: 14px; bottom: 15px; }
  .signal-score, .risk-overview { padding: 22px 16px; grid-template-columns: 108px 1fr; gap: 17px; }
  .signal-gauge, .risk-ring { width: 98px; height: 98px; }
  .signal-score > div:last-child > strong, .risk-overview > div:last-child > strong { font-size: 16px; }
  .signal-score p, .risk-overview p { font-size: 10px; }
  .forecast-chart { height: 260px; }
  .forecast-metrics { gap: 6px; }
  .forecast-metrics > div { padding: 11px 8px; }
  .forecast-metrics strong { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-signal,
  .hero-signal > i,
  .intel-screen-bar > em i,
  .intel-panel,
  .intel-panel.active .intel-line,
  .intel-panel.active .intel-area,
  .intel-panel.active .intel-market-chart circle,
  .intel-panel.active .risk-bars b,
  .intel-panel.active .forecast-path,
  .intel-panel.active .forecast-band {
    animation: none !important;
  }
  .intel-line, .forecast-path { stroke-dashoffset: 0; }
  .intel-area, .forecast-band, .intel-market-chart circle { opacity: 1; }
  .risk-bars b { width: var(--risk-width); }
}

.intel-tab:focus-visible { outline: 1px solid rgba(148,92,255,.72); outline-offset: -1px; box-shadow: inset 0 0 24px rgba(111,52,227,.08); }


/* Robot-free trading engine cards */
.features { background: #08090b; }

.feature-card {
  min-height: 620px;
  border-color: rgba(255,255,255,.09);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 24%, rgba(75,45,145,.09), transparent 38%),
    #0a0c10;
}

.feature-card::after {
  pointer-events: none;
  background: linear-gradient(180deg, transparent 43%, rgba(7,8,11,.18) 57%, rgba(7,8,11,.97) 79%, #07080b 100%);
}

.feature-trading-visual {
  height: 430px;
  padding: 26px;
  position: absolute;
  inset: 0 0 auto;
  overflow: hidden;
}

.feature-trading-visual::before {
  width: 70%;
  height: 55%;
  content: "";
  position: absolute;
  top: 9%;
  left: 15%;
  border-radius: 50%;
  background: rgba(99,50,210,.12);
  filter: blur(48px);
  pointer-events: none;
}

.feature-visual-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #626b78;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .11em;
}

.feature-visual-head em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #36dca6;
  font-style: normal;
}

.feature-visual-head em i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #36dca6;
  animation: live-pulse 1.8s ease-out infinite;
}

.feature-pair {
  margin-top: 28px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 11px;
}

.feature-card .feature-pair img,
.feature-card .execution-orders img {
  width: 34px;
  height: 34px;
  position: static;
  inset: auto;
  object-fit: contain;
  transition: none;
}

.feature-card:hover .feature-pair img,
.feature-card:hover .execution-orders img {
  transform: none;
  filter: none;
}

.feature-pair strong {
  display: block;
  color: #e7eaf0;
  font-size: 13px;
  font-weight: 500;
}

.feature-pair small {
  display: block;
  margin-top: 4px;
  color: #35dca5;
  font-size: 9px;
}

.feature-market svg {
  width: calc(100% + 12px);
  height: 240px;
  margin: 7px -6px 0;
  position: relative;
  z-index: 1;
  overflow: visible;
}

.feature-market svg g line {
  stroke: rgba(255,255,255,.05);
  stroke-width: 1;
}

.feature-chart-fill { fill: url(#featureMarketFill); opacity: 0; }
.feature-chart-line {
  fill: none;
  stroke: url(#featureMarketStroke);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-dasharray: 580;
  stroke-dashoffset: 580;
  filter: drop-shadow(0 0 6px rgba(100,79,255,.42));
}

.feature-card.visible .feature-chart-line { animation: feature-chart-draw 1.6s .2s ease forwards; }
.feature-card.visible .feature-chart-fill { animation: feature-chart-fill .7s 1s ease forwards; }

.execution-route {
  margin: 60px 0 0;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 56px 1fr 56px 1fr 56px;
  align-items: center;
}

.execution-node {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  color: #8c849e;
  border: 1px solid rgba(137,76,255,.2);
  border-radius: 16px;
  background: rgba(121,66,234,.07);
  font-size: 10px;
}

.execution-node.active {
  color: #fff;
  border-color: rgba(43,185,249,.4);
  background: linear-gradient(145deg, rgba(118,52,235,.35), rgba(24,156,230,.2));
  box-shadow: 0 0 30px rgba(75,71,237,.16);
}

.execution-route > i {
  height: 1px;
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.07);
}

.execution-route > i::after {
  width: 34%;
  height: 100%;
  content: "";
  position: absolute;
  inset: 0 auto 0 -34%;
  background: linear-gradient(90deg, transparent, #8d50ff, #1fbdf4, transparent);
}

.feature-card.visible .execution-route > i::after { animation: execution-flow 2s .4s linear infinite; }

.execution-orders {
  margin-top: 35px;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 7px;
}

.execution-orders > div {
  min-height: 54px;
  padding: 9px 11px;
  display: grid;
  grid-template-columns: 31px 1fr auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 10px;
  background: rgba(255,255,255,.018);
}

.feature-card .execution-orders img { width: 28px; height: 28px; }
.execution-orders strong { display: block; color: #d7dbe2; font-size: 9px; font-weight: 500; }
.execution-orders small { display: block; margin-top: 3px; color: #5d6672; font-size: 7px; }
.execution-orders em { color: #31dca5; font-size: 7px; font-style: normal; }

.feature-risk-ring {
  width: 144px;
  height: 144px;
  margin: 48px auto 0;
  padding: 10px;
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#30dca5 0 28%, #7344ef 28% 36%, rgba(255,255,255,.055) 36%);
  box-shadow: 0 0 42px rgba(78,55,193,.12);
}

.feature-risk-ring::before {
  width: 100%;
  height: 100%;
  content: "";
  grid-area: 1 / 1;
  border-radius: 50%;
  background: #0b0d11;
}

.feature-risk-ring span {
  grid-area: 1 / 1;
  position: relative;
  color: #fff;
  font-size: 33px;
  font-weight: 500;
}

.feature-risk-ring small { color: #68717d; font-size: 13px; }

.feature-risk-copy {
  margin-top: 16px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.feature-risk-copy span { display: block; color: #5d6672; font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }
.feature-risk-copy strong { display: block; margin-top: 5px; color: #dfe3e9; font-size: 11px; font-weight: 500; }

.feature-risk-bars {
  margin-top: 25px;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 9px;
}

.feature-risk-bars > div {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 9px;
  align-items: center;
}

.feature-risk-bars span { color: #626b77; font-size: 7px; }
.feature-risk-bars i { height: 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.065); }
.feature-risk-bars b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#7441ed,#23b9ef); }
.feature-card.visible .feature-risk-bars b { animation: feature-risk-fill 1.1s .35s ease forwards; }

.features .card-copy { padding: 28px; }
.features .card-copy h3 { font-size: 28px; }
.features .card-copy p { color: #8d949f; }

@keyframes feature-chart-draw { to { stroke-dashoffset: 0; } }
@keyframes feature-chart-fill { to { opacity: 1; } }
@keyframes execution-flow { to { left: 100%; } }
@keyframes feature-risk-fill { to { width: var(--feature-risk); } }

@media (max-width: 1100px) and (min-width: 761px) {
  .feature-card { min-height: 560px; }
  .feature-trading-visual { height: 370px; padding: 20px; }
  .execution-route { margin-top: 42px; grid-template-columns: 45px 1fr 45px 1fr 45px; }
  .execution-node { width: 45px; height: 45px; border-radius: 13px; }
  .execution-orders { margin-top: 24px; }
  .execution-orders > div { min-height: 46px; }
  .feature-risk-ring { width: 118px; height: 118px; margin-top: 34px; }
  .feature-risk-bars { margin-top: 18px; }
  .features .card-copy h3 { font-size: 24px; }
}

@media (max-width: 760px) {
  .feature-card { min-height: 590px; }
  .feature-trading-visual { height: 405px; padding: 22px; }
  .feature-market svg { height: 230px; }
}

@media (prefers-reduced-motion: reduce) {
  .feature-visual-head em i,
  .feature-card.visible .feature-chart-line,
  .feature-card.visible .feature-chart-fill,
  .feature-card.visible .execution-route > i::after,
  .feature-card.visible .feature-risk-bars b {
    animation: none !important;
  }
  .feature-chart-line { stroke-dashoffset: 0; }
  .feature-chart-fill { opacity: 1; }
  .feature-risk-bars b { width: var(--feature-risk); }
}


/* Simplified hero and entrance motion */
.hero-image {
  transform-origin: 50% 43%;
  will-change: transform, opacity, filter;
  animation: robot-arrival 1.9s cubic-bezier(.16,.74,.18,1) both;
}

.market-tape-track {
  animation: ticker-move 20s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}

@keyframes robot-arrival {
  0% {
    opacity: 0;
    transform: scale(.16) translateY(-8%);
    filter: blur(14px) brightness(.55);
  }
  64% {
    opacity: 1;
    transform: scale(1.035) translateY(0);
    filter: blur(0) brightness(1.04);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0) brightness(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-image,
  .market-tape-track {
    animation: none !important;
    transform: none;
    filter: none;
    opacity: 1;
  }
}


/* Seamless responsive market ticker */
.market-tape-track {
  animation: ticker-move var(--ticker-duration, 42s) linear infinite;
}

@keyframes ticker-move {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--ticker-shift, -50%), 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .market-tape-track {
    animation: none !important;
    transform: none;
  }
}


/* User-controlled motion override */
.motion-control {
  min-height: 42px;
  padding: 7px 13px 7px 8px;
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1200;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #dce1e8;
  border: 1px solid rgba(125,76,255,.34);
  border-radius: 999px;
  background: rgba(10,11,15,.86);
  box-shadow: 0 12px 36px rgba(0,0,0,.38), 0 0 24px rgba(105,57,230,.1);
  backdrop-filter: blur(16px);
  cursor: pointer;
}

.motion-control[hidden] { display: none; }

.motion-control span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 50%;
  background: linear-gradient(145deg,#7537e8,#1c8ee9);
  font-size: 9px;
}

.motion-control strong {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .02em;
}

.motion-control[aria-pressed="true"] {
  border-color: rgba(44,220,164,.34);
}

.motion-control[aria-pressed="true"] span {
  background: linear-gradient(145deg,#25c68f,#157fb4);
}

@media (prefers-reduced-motion: reduce) {
  body.motion-opt-in .hero-image {
    animation: robot-arrival 1.9s cubic-bezier(.16,.74,.18,1) both !important;
  }

  body.motion-opt-in .market-tape-track {
    animation: ticker-move var(--ticker-duration, 42s) linear infinite !important;
  }

  body.motion-opt-in .hero-spirals i:nth-child(1) {
    animation: orbit-spin 24s linear infinite !important;
  }

  body.motion-opt-in .hero-spirals i:nth-child(2) {
    animation: orbit-spin 31s linear infinite reverse !important;
  }

  body.motion-opt-in .hero-spirals i:nth-child(3) {
    animation: orbit-spin 38s linear infinite !important;
  }

  body.motion-opt-in .hero-spirals i:nth-child(4) {
    animation: orbit-spin 46s linear infinite reverse !important;
  }

  body.motion-opt-in .ticker-coin {
    animation: coin-breathe 3.4s ease-in-out infinite !important;
  }
}

@media (max-width: 600px) {
  .motion-control { left: 14px; bottom: 14px; }
}


/* Interactive bot mode tabs */
.mode-card {
  width: 100%;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .28s ease, background-color .28s ease, transform .28s ease, opacity .28s ease;
}

.mode-card:hover:not(.active) {
  border-color: rgba(255,255,255,.1);
  background: rgba(255,255,255,.018);
  transform: translateX(3px);
}

.mode-card:focus-visible {
  outline: 1px solid rgba(20,159,255,.72);
  outline-offset: -1px;
}

.mode-progress i { transition: background-color .3s ease, box-shadow .3s ease; }

.bots-ranking {
  min-width: 0;
  position: relative;
}

.bots-mode-panel {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  animation: bots-panel-in .48s cubic-bezier(.2,.72,.2,1) both;
}

.bots-mode-panel[hidden] { display: none; }

.bots-mode-panel .ranking-heading {
  max-width: none;
  width: 100%;
}

.bots-mode-panel.active .ranked-progress i {
  animation: roi-fill 1.15s .12s cubic-bezier(.2,.75,.2,1) forwards;
}

.personalized-status {
  color: #a97bff !important;
  font-style: normal;
}

.custom-builder-card {
  padding: 22px;
  border: 1px solid rgba(135,78,255,.25);
  border-radius: 17px;
  background:
    radial-gradient(circle at 82% 10%, rgba(128,62,236,.12), transparent 38%),
    rgba(6,7,10,.76);
  box-shadow: inset 0 0 44px rgba(98,48,190,.035);
}

.builder-title {
  display: grid;
  grid-template-columns: 43px 1fr auto;
  gap: 12px;
  align-items: center;
}

.builder-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(145,83,255,.4);
  border-radius: 12px;
  background: linear-gradient(145deg,#7436d9,#225fd4);
  box-shadow: 0 0 22px rgba(102,49,221,.2);
  font-size: 12px;
}

.builder-title small {
  display: block;
  color: #646d79;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.builder-title h3 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.builder-title > em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #b18bff;
  font-size: 8px;
  font-style: normal;
}

.builder-title > em i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a672ff;
  box-shadow: 0 0 12px rgba(166,114,255,.62);
}

.builder-parameters {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.builder-parameters > div {
  min-width: 0;
  padding: 14px 12px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 11px;
  background: rgba(255,255,255,.018);
}

.builder-parameters span,
.builder-parameters small {
  display: block;
  color: #5f6874;
  font-size: 8px;
}

.builder-parameters strong {
  display: block;
  margin-top: 7px;
  overflow: hidden;
  color: #e7eaf0;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-parameters small {
  margin-top: 5px;
  line-height: 1.35;
}

.builder-fit { margin-top: 18px; }
.builder-fit > div { display: flex; justify-content: space-between; color: #7c8490; font-size: 9px; }
.builder-fit strong { color: #33dda5; font-size: 11px; font-weight: 500; }
.builder-fit > i {
  height: 4px;
  margin-top: 8px;
  display: block;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.07);
}

.builder-fit b {
  width: 0;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg,#7f3df0,#20b8f4);
  box-shadow: 0 0 10px rgba(103,64,236,.45);
}

.bots-mode-panel.active .builder-fit b { animation: builder-fit-fill 1.15s .22s ease forwards; }

.builder-suggestions {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.builder-suggestions > div {
  min-height: 70px;
  padding: 12px;
  display: grid;
  grid-template-columns: 24px 1fr auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 11px;
  background: rgba(5,6,8,.64);
}

.builder-suggestions > div > span {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  color: #9e78ec;
  border-radius: 7px;
  background: rgba(126,71,229,.1);
  font-size: 8px;
}

.builder-suggestions strong,
.automation-fleet strong,
.fleet-guard strong { display: block; color: #dfe3e9; font-size: 9px; font-weight: 500; }
.builder-suggestions small,
.automation-fleet small,
.fleet-guard small { display: block; margin-top: 4px; color: #626b77; font-size: 7px; }
.builder-suggestions em { color: #34dca5; font-size: 7px; font-style: normal; }

.bots-panel-action {
  min-height: 40px;
  margin-top: 12px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  border: 1px solid rgba(28,157,255,.28);
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(104,47,218,.28), rgba(15,123,215,.2));
  font-size: 10px;
  transition: border-color .25s ease, background-color .25s ease;
}

.bots-panel-action:hover { border-color: rgba(41,177,255,.58); }
.bots-panel-action span { color: #39bdf7; font-size: 13px; }

.fleet-overview {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.fleet-overview > div {
  padding: 16px 14px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: rgba(255,255,255,.018);
}

.fleet-overview span,
.fleet-overview small { display: block; color: #606976; font-size: 8px; }
.fleet-overview strong { display: block; margin: 7px 0 4px; color: #fff; font-size: 22px; font-weight: 500; }
.fleet-overview > div:nth-child(2) strong { color: #33dda5; }

.automation-fleet {
  margin-top: 11px;
  display: grid;
  gap: 8px;
}

.automation-fleet article {
  min-height: 66px;
  padding: 10px 13px;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 11px;
  background: rgba(5,6,8,.64);
  opacity: 0;
  transform: translateX(12px);
}

.bots-mode-panel.active .automation-fleet article { animation: fleet-row-in .45s ease forwards; }
.bots-mode-panel.active .automation-fleet article:nth-child(2) { animation-delay: .1s; }
.bots-mode-panel.active .automation-fleet article:nth-child(3) { animation-delay: .2s; }

.automation-fleet img { width: 32px; height: 32px; }
.automation-fleet article > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #35dca5;
  font-size: 7px;
}

.automation-fleet article > span i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #35dca5;
  animation: live-pulse 1.8s ease-out infinite;
}

.fleet-guard {
  margin-top: 10px;
  padding: 12px;
  display: grid;
  grid-template-columns: 31px 1fr auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(48,220,166,.13);
  border-radius: 11px;
  background: rgba(48,220,166,.035);
}

.fleet-shield {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: #35dca5;
  border-radius: 9px;
  background: rgba(48,220,166,.09);
  font-size: 10px;
}

.fleet-guard em { color: #35dca5; font-size: 7px; font-style: normal; }

@keyframes bots-panel-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes builder-fit-fill { to { width: 94%; } }

@keyframes fleet-row-in {
  to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 760px) {
  .bots-mode-panel { max-width: none; }
  .builder-parameters { grid-template-columns: 1fr; }
  .builder-parameters > div { padding: 11px; }
  .builder-suggestions { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .builder-title { grid-template-columns: 39px 1fr; }
  .builder-title > em { display: none; }
  .fleet-overview > div { padding: 12px 8px; }
  .fleet-overview strong { font-size: 17px; }
  .automation-fleet article { grid-template-columns: 30px 1fr; }
  .automation-fleet article > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .bots-mode-panel,
  .bots-mode-panel.active .ranked-progress i,
  .bots-mode-panel.active .builder-fit b,
  .bots-mode-panel.active .automation-fleet article,
  .automation-fleet article > span i {
    animation: none !important;
  }
  .builder-fit b { width: 94%; }
  .automation-fleet article { opacity: 1; transform: none; }
}

/* Robot variety v3 */
.hero-spirals,.robot-halo{display:none!important}
.hero-image{inset:74px 0 0;background-image:url("./assets/robot-front-v4.png");background-position:center 10%;background-size:cover;background-repeat:no-repeat}
.robot-stage{overflow:hidden;border-radius:30px;background:linear-gradient(145deg,#07090d,#030405)}
.robot-stage img{width:100%;height:100%;max-height:760px;object-fit:cover;object-position:center top;border-radius:30px;mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
@media(max-width:760px){.hero-image{inset:86px -28% 0;background-size:auto 82%;background-position:center 4%}.robot-stage{min-height:620px}.robot-stage img{max-height:620px}}
/* Cryptoverse-inspired 3D hero spiral */
.hero-cryptoverse-spiral{
  width:min(1320px,112vw);
  height:auto;
  position:absolute;
  left:50%;
  top:36%;
  z-index:0;
  transform:translate(-50%,-50%) rotate(-3deg) scale(1.04);
  opacity:.36;
  pointer-events:none;
  user-select:none;
  mix-blend-mode:screen;
  filter:brightness(.58) contrast(1.2) saturate(.86);
  mask-image:radial-gradient(ellipse at center,#000 34%,rgba(0,0,0,.92) 63%,transparent 94%);
  animation:hero-spiral-drift 13s ease-in-out infinite alternate;
}
.hero-image{z-index:1}
@keyframes hero-spiral-drift{
  from{transform:translate(-50%,-50%) rotate(-4deg) scale(1.02)}
  to{transform:translate(-50%,-48.5%) rotate(2deg) scale(1.075)}
}
@media(max-width:760px){
  .hero-cryptoverse-spiral{width:178vw;top:33%;opacity:.24;filter:brightness(.52) contrast(1.18) saturate(.8)}
}
@media(prefers-reduced-motion:reduce){
  .hero-cryptoverse-spiral{animation:none!important}
}
/* Spiral compositing above opaque robot backdrop */
.hero-cryptoverse-spiral{z-index:2;opacity:.46;filter:brightness(.76) contrast(1.2) saturate(.9)}
.hero-shade{z-index:3}
@media(max-width:760px){.hero-cryptoverse-spiral{opacity:.3;filter:brightness(.67) contrast(1.16) saturate(.82)}}

/* Keep the robot visor clear */
.hero-cryptoverse-spiral{mask-image:radial-gradient(ellipse 26% 49% at 50% 45%,transparent 0 72%,rgba(0,0,0,.42) 84%,#000 100%)}
@media(max-width:760px){.hero-cryptoverse-spiral{mask-image:radial-gradient(ellipse 24% 45% at 50% 41%,transparent 0 70%,rgba(0,0,0,.45) 84%,#000 100%)}}

/* v10 — dashboard-native landing product showcases */
.nf-operator-showcase,.nf-copilot-stage,.nf-intelligence-board,.nf-control-board{--motion-x:0px;--motion-y:0px;position:relative;border:1px solid rgba(31,113,167,.42);border-radius:28px;background:#080b0f;overflow:hidden;box-shadow:0 36px 90px rgba(0,0,0,.34)}
.nf-operator-showcase::before,.nf-intelligence-board::before,.nf-control-board::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(122,58,255,.055),transparent 32%,rgba(23,164,255,.035) 72%,transparent);opacity:.9}
.nf-product-bar{position:relative;z-index:2;min-height:76px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,11,15,.8)}
.nf-product-bar>div{display:flex;align-items:center;gap:12px}.nf-product-bar small,.nf-product-bar strong{display:block}.nf-product-bar small{margin-bottom:4px;color:#637084;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.nf-product-bar strong{font-size:15px;font-weight:500}.nf-product-bar>a,.nf-product-bar>em{color:#8ea2ba;font-size:12px;font-style:normal}.nf-product-bar>a:hover{color:#fff}
.nf-product-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(133,70,255,.55);border-radius:11px;color:#fff;background:linear-gradient(145deg,#5c25bd,#137fd6);box-shadow:0 12px 30px rgba(92,37,189,.22);font-size:14px}
.nf-operator-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}
.nf-operator-card{--accent:#8b44ff;--accent-rgb:139,68,255;min-width:0;padding:20px;border:1px solid rgba(var(--accent-rgb),.32);border-radius:20px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.1),rgba(14,18,24,.98) 38%);box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease}
.nf-operator-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.62);box-shadow:0 22px 55px rgba(var(--accent-rgb),.11)}
.nf-accent-cyan{--accent:#22bfff;--accent-rgb:34,191,255}.nf-accent-gold{--accent:#ff9800;--accent-rgb:255,152,0}
.nf-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#607087;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.nf-card-top em{color:var(--accent);font-style:normal}
.nf-operator-id{display:flex;align-items:center;gap:14px}.nf-operator-id small{color:var(--accent);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.nf-operator-id h3{margin:5px 0 4px;font-size:26px;font-weight:500}.nf-operator-id p{color:#657286;font-size:11px}
.nf-coin{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.38);border-radius:14px;background:rgba(var(--accent-rgb),.08);box-shadow:0 0 24px rgba(var(--accent-rgb),.18)}.nf-coin img{width:30px;height:30px;object-fit:contain}.nf-coin-btc{--accent-rgb:255,152,0}.nf-coin-sol{--accent-rgb:139,68,255}.nf-coin-xrp{--accent-rgb:34,191,255}
.nf-performance{min-height:126px;margin:22px 0 14px;padding:16px;display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:end;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(5,8,12,.55);overflow:hidden}.nf-performance span{display:block;margin-bottom:12px;color:#617086;font-size:9px;text-transform:uppercase}.nf-performance strong{color:#21e1aa;font-size:28px;font-weight:500}.nf-performance svg{width:100%;height:76px;overflow:visible}.nf-performance path{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.3));stroke-dasharray:300;stroke-dashoffset:300}
.nf-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.nf-card-metrics>div{padding:4px 10px;border-right:1px solid rgba(255,255,255,.08)}.nf-card-metrics>div:first-child{padding-left:0}.nf-card-metrics>div:last-child{border:0}.nf-card-metrics span,.nf-card-metrics b{display:block}.nf-card-metrics span{margin-bottom:6px;color:#5d6a7e;font-size:9px}.nf-card-metrics b{font-size:12px;font-weight:500}
.nf-operator-card>a{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(var(--accent-rgb),.4);border-radius:10px;background:rgba(var(--accent-rgb),.08);font-size:12px;transition:background .25s ease}.nf-operator-card>a:hover{background:rgba(var(--accent-rgb),.18)}
.visible .nf-operator-card{animation:nf-card-enter .72s cubic-bezier(.2,.8,.2,1) both}.visible .nf-operator-card:nth-child(2){animation-delay:.11s}.visible .nf-operator-card:nth-child(3){animation-delay:.22s}.visible .nf-performance path{animation:nf-line-draw 1.65s cubic-bezier(.2,.8,.2,1) forwards}.visible .nf-operator-card:nth-child(2) .nf-performance path{animation-delay:.2s}.visible .nf-operator-card:nth-child(3) .nf-performance path{animation-delay:.35s}

.about-grid{grid-template-columns:minmax(300px,.72fr) minmax(620px,1.45fr);gap:52px;align-items:center}.nf-copilot-stage{min-height:650px;background:#05080b}.nf-copilot-stage::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 35%,rgba(20,128,210,.13),transparent 36%),linear-gradient(90deg,#05080b 0 48%,transparent 72%);pointer-events:none}.nf-copilot-robot{position:absolute;z-index:1;right:-5%;bottom:-4%;width:64%;height:104%;object-fit:contain;object-position:center bottom;transform:translate3d(var(--motion-x),var(--motion-y),0);filter:brightness(.9) contrast(1.08);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.nf-copilot-chat{position:absolute;z-index:3;left:30px;top:30px;width:56%;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(8,12,17,.88);backdrop-filter:blur(16px);box-shadow:0 26px 70px rgba(0,0,0,.38)}
.nf-copilot-head{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.07)}.nf-copilot-head div{min-width:0;flex:1}.nf-copilot-head small,.nf-copilot-head strong{display:block}.nf-copilot-head small{margin-bottom:3px;color:#647287;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.nf-copilot-head strong{font-size:14px;font-weight:500}.nf-copilot-head em{color:#21d9a2;font-size:10px;font-style:normal}
.nf-chat-message{margin:18px 0;display:flex;align-items:flex-start;gap:10px}.nf-chat-message>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#17102c;color:#a98aff;font-size:10px}.nf-chat-message p{margin:0;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:4px 13px 13px;background:#10141a;color:#b8c0cc;font-size:12px;line-height:1.55}.nf-chat-suggestions{display:flex;gap:7px;flex-wrap:wrap}.nf-chat-suggestions span{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#8290a2;font-size:9px}.nf-chat-input{height:44px;margin-top:11px;padding:0 6px 0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(27,145,221,.42);border-radius:11px;color:#5d6c7f;font-size:10px}.nf-chat-input b{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#7034ef,#159fe9);color:#fff}
.nf-copilot-insight{position:absolute;z-index:4;right:18px;bottom:56px;width:210px;padding:16px;border:1px solid rgba(24,139,208,.48);border-radius:14px;background:rgba(5,9,13,.92);box-shadow:0 20px 55px rgba(0,0,0,.32)}.nf-copilot-insight span,.nf-copilot-insight strong,.nf-copilot-insight small{display:block}.nf-copilot-insight span{color:#647287;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.nf-copilot-insight strong{margin:8px 0;font-size:12px;font-weight:500}.nf-copilot-insight small{color:#667386;font-size:9px;line-height:1.45}
.visible .nf-copilot-chat{animation:nf-chat-enter .8s .14s cubic-bezier(.2,.8,.2,1) both}.visible .nf-copilot-insight{animation:nf-insight-enter .75s .42s cubic-bezier(.2,.8,.2,1) both}.visible .nf-copilot-robot{animation:nf-robot-breathe 7s 1s ease-in-out infinite}

.nf-intelligence-board{margin-top:68px}.nf-intelligence-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr .58fr;gap:0}.nf-intelligence-grid>article,.nf-intelligence-grid>aside{min-width:0;padding:22px;border-right:1px solid rgba(255,255,255,.08)}.nf-intelligence-grid>aside{border:0}.nf-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.nf-panel-heading span{display:block;margin-bottom:6px;color:#607087;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.nf-panel-heading h3{margin:0;font-size:19px;font-weight:500}.nf-panel-heading h3 small{color:#778497;font-size:.64em}.nf-panel-heading a,.nf-panel-heading em{color:#718095;font-size:10px;font-style:normal}
.nf-radar-row{position:relative;display:grid;grid-template-columns:44px 1fr auto auto;gap:11px;align-items:center;min-height:86px;border-top:1px solid rgba(255,255,255,.07)}.nf-radar-row:first-of-type{border-top:0}.nf-radar-row .nf-coin{width:38px;height:38px;border-radius:12px}.nf-radar-row .nf-coin img{width:25px;height:25px}.nf-radar-row strong,.nf-radar-row small{display:block}.nf-radar-row strong{font-size:12px}.nf-radar-row small{margin-top:4px;color:#607087;font-size:9px}.nf-radar-row>b{font-size:11px;font-weight:500}.nf-radar-row>em{color:#20dca7;font-size:10px;font-style:normal}.nf-radar-row svg{position:absolute;left:55px;right:0;bottom:6px;width:calc(100% - 55px);height:18px;opacity:.32}.nf-radar-row path{fill:none;stroke:#1dbbff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:180;stroke-dashoffset:180}
.nf-research-item{position:relative;min-height:104px;padding:16px 24px 16px 0;display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:start;border-top:1px solid rgba(255,255,255,.07);transition:background .35s ease,padding-left .35s ease}.nf-research-item:first-of-type{border-top:0}.nf-research-item.is-live{padding-left:11px;background:linear-gradient(90deg,rgba(111,56,255,.11),transparent 68%)}.nf-research-item>.nf-coin{width:40px;height:40px;border-radius:12px}.nf-research-item>.nf-coin img{width:25px;height:25px}.nf-ai-mark,.nf-risk-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(126,65,255,.45);border-radius:12px;background:#17102a;color:#b79cff}.nf-risk-mark{border-color:rgba(32,218,164,.28);background:#0c211b;color:#23dba7}.nf-research-item small,.nf-research-item strong,.nf-research-item p{display:block}.nf-research-item small{color:#617087;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.nf-research-item strong{margin:7px 0 6px;font-size:13px;font-weight:500}.nf-research-item p{margin:0;color:#69778a;font-size:10px;line-height:1.5}.nf-research-item>b{color:#607087;font-size:12px;font-weight:400}
.nf-risk-snapshot>span{color:#607087;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.nf-risk-snapshot h3{margin:7px 0 22px;font-size:17px;font-weight:500}.nf-risk-ring{position:relative;width:132px;height:132px;margin:0 auto 24px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#23dca7 0 72%,#18212d 72%)}.nf-risk-ring::before{content:"";position:absolute;inset:15px;border-radius:50%;background:#080b0f}.nf-risk-ring strong{position:relative;font-size:29px;font-weight:500}.nf-risk-ring small{color:#647287;font-size:10px}.nf-risk-snapshot>div:not(.nf-risk-ring){padding:12px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);font-size:10px}.nf-risk-snapshot>div span{color:#69778b}.nf-risk-snapshot>div b{font-weight:500}
.visible .nf-radar-row path{animation:nf-line-draw 1.35s .28s ease forwards}.visible .nf-research-item{animation:nf-feed-enter .65s both}.visible .nf-research-item:nth-child(3){animation-delay:.12s}.visible .nf-research-item:nth-child(4){animation-delay:.24s}.visible .nf-research-item:nth-child(5){animation-delay:.36s}.visible .nf-risk-ring{animation:nf-risk-pop .8s .38s cubic-bezier(.2,.8,.2,1) both}

.nf-control-board{margin-top:68px}.nf-control-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.72fr) 280px}.nf-capital-panel{position:relative;min-height:440px;padding:25px;border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.nf-capital-panel .nf-panel-heading h3{font-size:34px}.nf-capital-change{position:absolute;right:26px;top:93px;color:#20dda8;font-size:11px}.nf-capital-change span{color:#647287}.nf-capital-panel>svg{position:absolute;left:25px;right:25px;bottom:51px;width:calc(100% - 50px);height:235px}.nf-capital-fill{fill:url(#nfCapitalFill);opacity:0}.nf-capital-line{fill:none;stroke:url(#nfCapitalStroke);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;filter:drop-shadow(0 0 7px rgba(34,172,255,.24))}.nf-allocation{position:absolute;left:25px;bottom:22px;display:flex;gap:16px;color:#657287;font-size:9px}.nf-allocation span{display:flex;align-items:center;gap:5px}.nf-allocation i{width:5px;height:5px;border-radius:50%;background:#7189ff}.nf-allocation i.btc{background:#ff9800}.nf-allocation i.sol{background:#8b43ff}.nf-allocation i.cash{background:#607080}
.nf-metric-stack{display:grid;grid-template-rows:repeat(3,1fr)}.nf-metric-stack article{padding:22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.016),transparent);transition:background .35s ease}.nf-metric-stack article:nth-child(1){background:linear-gradient(145deg,transparent,rgba(25,218,159,.08))}.nf-metric-stack article:nth-child(2){background:linear-gradient(145deg,transparent,rgba(25,157,232,.08))}.nf-metric-stack article:nth-child(3){border:0;background:linear-gradient(145deg,transparent,rgba(126,62,255,.09))}.nf-metric-stack span,.nf-metric-stack strong,.nf-metric-stack small{display:block}.nf-metric-stack span{color:#637187;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.nf-metric-stack strong{margin:14px 0 6px;color:#fff;font-size:26px;font-weight:500}.nf-metric-stack article:first-child strong{color:#21dda8}.nf-metric-stack strong small{display:inline;color:#657287;font-size:10px}.nf-metric-stack>article>small{color:#637187;font-size:9px}
.nf-live-operators{grid-column:1/-1;padding:24px;border-top:1px solid rgba(255,255,255,.08)}.nf-live-operators>.nf-panel-heading{margin-bottom:15px}.nf-live-operators>div:not(.nf-panel-heading){display:grid;grid-template-columns:46px 1fr auto 80px;gap:12px;align-items:center;min-height:72px;padding:9px 12px;border-top:1px solid rgba(255,255,255,.07);border-radius:11px;transition:background .35s ease,transform .35s ease}.nf-live-operators>div.is-live{transform:translateX(4px);background:linear-gradient(90deg,rgba(31,157,227,.09),transparent 70%)}.nf-live-operators .nf-coin{width:38px;height:38px;border-radius:11px}.nf-live-operators .nf-coin img{width:24px;height:24px}.nf-live-operators p{margin:0}.nf-live-operators p strong,.nf-live-operators p small{display:block}.nf-live-operators p strong{font-size:12px}.nf-live-operators p small{margin-top:5px;color:#637187;font-size:9px}.nf-live-operators>div em{color:#718095;font-size:9px;font-style:normal}.nf-live-operators>div>b{color:#20dca6;font-size:13px;text-align:right}
.visible .nf-capital-line{animation:nf-capital-draw 2s .16s cubic-bezier(.2,.8,.2,1) forwards}.visible .nf-capital-fill{animation:nf-fill-in 1.1s .72s ease forwards}.visible .nf-metric-stack article{animation:nf-metric-enter .65s both}.visible .nf-metric-stack article:nth-child(2){animation-delay:.13s}.visible .nf-metric-stack article:nth-child(3){animation-delay:.26s}.visible .nf-live-operators>div:not(.nf-panel-heading){animation:nf-feed-enter .6s .35s both}

@keyframes nf-card-enter{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
@keyframes nf-line-draw{to{stroke-dashoffset:0}}
@keyframes nf-chat-enter{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes nf-insight-enter{from{opacity:0;transform:translate(18px,14px)}to{opacity:1;transform:none}}
@keyframes nf-robot-breathe{0%,100%{transform:translate3d(var(--motion-x),var(--motion-y),0) scale(1)}50%{transform:translate3d(var(--motion-x),calc(var(--motion-y) - 7px),0) scale(1.012)}}
@keyframes nf-feed-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes nf-risk-pop{from{opacity:0;transform:scale(.82) rotate(-16deg)}to{opacity:1;transform:none}}
@keyframes nf-capital-draw{to{stroke-dashoffset:0}}
@keyframes nf-fill-in{to{opacity:1}}
@keyframes nf-metric-enter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

@media(max-width:1180px){.nf-operator-grid{grid-template-columns:1fr}.nf-operator-card{display:grid;grid-template-columns:1.1fr 1.4fr;column-gap:20px}.nf-card-top,.nf-card-metrics,.nf-operator-card>a{grid-column:1/-1}.nf-performance{margin-top:0}.about-grid{grid-template-columns:1fr}.nf-copilot-stage{min-height:620px}.nf-intelligence-grid{grid-template-columns:1fr 1fr}.nf-risk-snapshot{grid-column:1/-1;display:grid;grid-template-columns:1fr 150px repeat(3,1fr);align-items:center;border-top:1px solid rgba(255,255,255,.08)!important}.nf-risk-snapshot h3{margin:6px 0}.nf-risk-ring{grid-row:1/3;grid-column:2;margin:0}.nf-control-grid{grid-template-columns:1fr 250px}}
@media(max-width:760px){.nf-product-bar{min-height:66px;padding:14px 15px}.nf-product-bar small{font-size:8px}.nf-product-bar>em{display:none}.nf-operator-showcase,.nf-copilot-stage,.nf-intelligence-board,.nf-control-board{border-radius:20px}.nf-operator-grid{padding:10px;gap:10px}.nf-operator-card{display:block;padding:16px}.nf-performance{grid-template-columns:105px 1fr}.nf-card-metrics>div{padding-inline:7px}.nf-operator-id h3{font-size:22px}.about-grid{display:block}.about-copy{margin-bottom:36px}.nf-copilot-stage{min-height:680px}.nf-copilot-robot{right:-26%;bottom:-3%;width:105%;height:72%;object-position:right bottom}.nf-copilot-stage::after{background:linear-gradient(180deg,#05080b 0 52%,transparent 76%)}.nf-copilot-chat{left:14px;top:14px;width:calc(100% - 28px);padding:14px}.nf-copilot-insight{right:12px;bottom:20px;width:190px}.nf-intelligence-board,.nf-control-board{margin-top:40px}.nf-intelligence-grid{display:block}.nf-intelligence-grid>article,.nf-intelligence-grid>aside{padding:17px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.nf-risk-snapshot{display:block}.nf-risk-ring{margin:20px auto}.nf-control-grid{display:block}.nf-capital-panel{min-height:390px;padding:18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.nf-capital-panel .nf-panel-heading h3{font-size:28px}.nf-capital-change{top:82px;right:18px}.nf-capital-panel>svg{left:18px;right:18px;width:calc(100% - 36px);height:210px}.nf-allocation{left:18px;gap:9px;flex-wrap:wrap}.nf-metric-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.nf-metric-stack article{padding:15px 11px;border-right:1px solid rgba(255,255,255,.08);border-bottom:0}.nf-metric-stack strong{font-size:19px}.nf-metric-stack>article>small{line-height:1.45}.nf-live-operators{padding:17px}.nf-live-operators>div:not(.nf-panel-heading){grid-template-columns:40px 1fr auto}.nf-live-operators>div em{display:none}.nf-live-operators>div>b{font-size:11px}}
@media(max-width:480px){.nf-card-metrics{font-size:10px}.nf-performance{grid-template-columns:1fr}.nf-performance svg{height:62px}.nf-chat-suggestions span:nth-child(2){display:none}.nf-intelligence-grid .nf-radar-row{grid-template-columns:40px 1fr auto}.nf-radar-row>b{display:none}.nf-research-item p{display:none}.nf-metric-stack{display:block}.nf-metric-stack article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.nf-live-operators>div:not(.nf-panel-heading){padding-inline:0}.nf-live-operators p small{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.nf-operator-card,.nf-copilot-chat,.nf-copilot-insight,.nf-copilot-robot,.nf-research-item,.nf-risk-ring,.nf-metric-stack article,.nf-live-operators>div{animation:none!important;opacity:1!important;transform:none!important}.nf-performance path,.nf-radar-row path,.nf-capital-line{stroke-dashoffset:0!important}.nf-capital-fill{opacity:1!important}}
body.motion-opt-in .nf-operator-card{animation:nf-card-enter .72s cubic-bezier(.2,.8,.2,1) both!important}body.motion-opt-in .nf-copilot-robot{animation:nf-robot-breathe 7s 1s ease-in-out infinite!important}body.motion-opt-in .nf-capital-line{animation:nf-capital-draw 2s .16s cubic-bezier(.2,.8,.2,1) forwards!important}
/* v11 — dashboard-identical operator cards and restored operator paths */
.nf-dashboard-card-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}
.nf-dashboard-card-grid .brand-coin{width:48px;height:48px;position:relative;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.1),transparent 45%),#10131a}
.nf-dashboard-card-grid .brand-coin::before{content:"";position:absolute;inset:-9px;z-index:-1;opacity:.42;border-radius:50%;filter:blur(14px)}
.nf-dashboard-card-grid .brand-coin img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 0 8px currentColor)}
.nf-dashboard-card-grid .bot-operator-card{min-height:410px;padding:18px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:19px;background:linear-gradient(150deg,rgba(18,22,30,.98),rgba(8,10,13,.99));box-shadow:0 22px 70px rgba(0,0,0,.22);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.nf-dashboard-card-grid .bot-operator-card:hover{transform:translateY(-6px);border-color:rgba(var(--card-rgb),.34);box-shadow:0 34px 90px rgba(0,0,0,.35),0 0 42px rgba(var(--card-rgb),.075)}
.nf-dashboard-card-grid .bot-accent--violet{--card-rgb:109,40,217}.nf-dashboard-card-grid .bot-accent--cyan{--card-rgb:34,193,255}.nf-dashboard-card-grid .bot-accent--orange{--card-rgb:247,147,26}
.nf-dashboard-card-grid .operator-card-grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 65%)}
.nf-dashboard-card-grid .operator-card-glow{width:240px;height:240px;position:absolute;right:-115px;top:-130px;border-radius:50%;background:rgba(var(--card-rgb),.16);filter:blur(45px);pointer-events:none}
.nf-dashboard-card-grid .bot-operator-card>header{position:relative;display:flex;justify-content:space-between;color:#5f6a76;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.nf-dashboard-card-grid .bot-operator-card>header em{color:#66747b;font-style:normal}
.nf-dashboard-card-grid .operator-visual{margin-top:22px;position:relative;display:flex;align-items:center;gap:17px}.nf-dashboard-card-grid .operator-orbit{width:92px;height:92px;position:relative;display:grid;place-items:center;flex:0 0 auto}.nf-dashboard-card-grid .operator-orbit .brand-coin{width:56px;height:56px;z-index:1;border-color:rgba(var(--card-rgb),.27);border-radius:15px;background:linear-gradient(145deg,rgba(var(--card-rgb),.13),#0d1117 64%);box-shadow:0 0 30px rgba(var(--card-rgb),.16),inset 0 0 18px rgba(var(--card-rgb),.07)}.nf-dashboard-card-grid .operator-orbit .brand-coin::before{background:rgba(var(--card-rgb),.72)}.nf-dashboard-card-grid .operator-orbit .brand-coin img{width:32px;height:32px;border-radius:50%;filter:drop-shadow(0 0 8px rgba(var(--card-rgb),.55))}.nf-dashboard-card-grid .operator-visual small{color:rgb(var(--card-rgb));font-size:10px;text-transform:uppercase;letter-spacing:.1em}.nf-dashboard-card-grid .operator-visual h3{margin:4px 0 0;color:#fff;font-size:19px;font-weight:500}.nf-dashboard-card-grid .operator-visual p{margin:3px 0 0;color:#5c6773;font-size:11px}
.nf-dashboard-card-grid .operator-performance{min-height:82px;margin-top:19px;padding:13px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.012)}.nf-dashboard-card-grid .operator-performance span{color:#5e6874;font-size:10px;text-transform:uppercase}.nf-dashboard-card-grid .operator-performance strong{display:block;margin-top:4px;color:#2ee0a5;font-size:22px;font-weight:500}.nf-dashboard-card-grid .operator-performance svg{width:48%;height:47px;position:absolute;right:8px;bottom:7px}.nf-dashboard-card-grid .operator-performance path{fill:none;stroke:rgb(var(--card-rgb));stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(var(--card-rgb),.4))}
.nf-dashboard-card-grid .operator-specs{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr)}.nf-dashboard-card-grid .operator-specs>div{padding:8px 9px}.nf-dashboard-card-grid .operator-specs>div+div{border-left:1px solid rgba(255,255,255,.055)}.nf-dashboard-card-grid .operator-specs span{display:block;color:#535e69;font-size:10px}.nf-dashboard-card-grid .operator-specs strong{display:block;margin-top:4px;color:#c8cfd6;font-size:11px;font-weight:500}.nf-dashboard-card-grid .operator-actions{margin-top:14px;display:grid;grid-template-columns:.65fr 1.35fr;gap:7px}.nf-dashboard-card-grid .operator-actions a{min-height:37px;padding:0 11px;display:flex;align-items:center;justify-content:center;color:#7a8590;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(255,255,255,.012);font-size:11px}.nf-dashboard-card-grid .operator-actions a:last-child{justify-content:space-between;color:#e9f3fb;border-color:rgba(var(--card-rgb),.22);background:rgba(var(--card-rgb),.07)}
.nf-operator-paths{display:grid;gap:18px;margin-top:22px}.nf-path-panel{min-height:420px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);overflow:hidden;border:1px solid rgba(74,151,255,.16);border-radius:24px;background:linear-gradient(145deg,#0d1015,#07090c 58%,#05070a)}.nf-path-copy{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.nf-path-copy>span{color:#718198;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.nf-path-copy h3{margin:15px 0 0;color:#f5f7fb;font-size:clamp(34px,3.2vw,50px);font-weight:500;line-height:.98;letter-spacing:-.045em}.nf-path-copy p{max-width:450px;margin:20px 0 0;color:#7b8694;font-size:15px;line-height:1.58}.nf-path-copy a{margin-top:28px;padding-bottom:8px;color:#f2f6fb;border-bottom:1px solid rgba(255,255,255,.45);font-size:14px}.nf-path-copy a b{margin-left:14px;font-weight:400}.nf-path-workspace{min-width:0;margin:26px 26px 26px 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);align-items:center;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:radial-gradient(circle at 75% 20%,rgba(62,126,255,.09),transparent 34%),#090c10}.nf-path-chat{padding:18px;border:1px solid rgba(45,151,255,.18);border-radius:15px;background:rgba(5,9,14,.76)}.nf-path-chat header{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center}.nf-path-avatar{width:38px;height:38px;display:grid;place-items:center;color:#fff;border:1px solid rgba(116,72,255,.48);border-radius:12px;background:linear-gradient(145deg,#6d31dd,#176fca)}.nf-path-chat header small,.nf-path-chat header strong{display:block}.nf-path-chat header small{color:#5f6d7e;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.nf-path-chat header strong{margin-top:4px;color:#e9eef5;font-size:13px}.nf-path-chat header em{color:#4ab8ff;font-size:10px;font-style:normal}.nf-path-chat p,.nf-path-chat blockquote{max-width:82%;margin:22px 0 0;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:0 12px 12px;background:#0e1218;color:#b2bcc8;font-size:12px;line-height:1.5}.nf-path-chat blockquote{margin-left:auto;border-radius:12px 0 12px 12px;border-color:rgba(36,148,255,.24);background:rgba(21,121,208,.08);color:#dcecff}.nf-path-chat footer{margin-top:26px;display:flex;gap:7px}.nf-path-chat footer span{padding:7px 9px;color:#8ebff2;border:1px solid rgba(46,147,255,.18);border-radius:999px;background:rgba(31,119,209,.06);font-size:9px}.nf-path-workspace>aside{padding:18px;border-left:1px solid rgba(255,255,255,.07)}.nf-path-workspace>aside>small{color:#647386;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.nf-path-workspace dl{margin:14px 0 0}.nf-path-workspace dl>div{padding:11px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)}.nf-path-workspace dt{color:#5d6877;font-size:10px}.nf-path-workspace dd{margin:0;color:#d9e2eb;font-size:11px}.nf-path-auto{border-color:rgba(126,72,255,.18)}.nf-path-automation{grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);background:radial-gradient(circle at 18% 90%,rgba(126,72,255,.1),transparent 42%),#090c10}.nf-auto-metrics{display:grid;gap:10px}.nf-auto-metrics article{min-height:90px;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.015)}.nf-auto-metrics small,.nf-auto-metrics strong,.nf-auto-metrics em{display:block}.nf-auto-metrics small{color:#5f6b79;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.nf-auto-metrics strong{margin-top:8px;color:#eef4fa;font-size:25px;font-weight:500}.nf-auto-metrics article:nth-child(2) strong{color:#2ee0a5}.nf-auto-metrics strong span{color:#667380;font-size:11px}.nf-auto-metrics em{margin-top:5px;color:#5e6976;font-size:9px;font-style:normal}.nf-auto-feed{padding-left:18px;border-left:1px solid rgba(255,255,255,.07)}.nf-auto-feed header{display:flex;justify-content:space-between;padding:2px 0 14px}.nf-auto-feed header small{color:#6b7887;text-transform:uppercase;letter-spacing:.09em}.nf-auto-feed header span{color:#4faeff;font-size:9px}.nf-auto-feed>div{min-height:72px;padding:13px 38px 13px 0;position:relative;border-top:1px solid rgba(255,255,255,.06)}.nf-auto-feed b{color:#dfe7ef;font-size:12px;font-weight:500}.nf-auto-feed p{margin:5px 0 0;color:#66717e;font-size:10px}.nf-auto-feed em{position:absolute;right:0;top:15px;color:#52606f;font-size:9px;font-style:normal}
.visible .nf-dashboard-card-grid .bot-operator-card{animation:nf-card-enter .72s cubic-bezier(.2,.8,.2,1) both}.visible .nf-dashboard-card-grid .bot-operator-card:nth-child(2){animation-delay:.1s}.visible .nf-dashboard-card-grid .bot-operator-card:nth-child(3){animation-delay:.2s}.visible .nf-dashboard-card-grid .operator-performance path{stroke-dasharray:240;stroke-dashoffset:240;animation:nf-line-draw 1.5s .25s cubic-bezier(.2,.8,.2,1) forwards}.visible.nf-path-panel .nf-path-workspace{animation:nf-path-rise .75s .08s cubic-bezier(.2,.8,.2,1) both}.visible.nf-path-panel .nf-auto-feed>div{animation:nf-feed-in .55s both}.visible.nf-path-panel .nf-auto-feed>div:nth-child(3){animation-delay:.12s}.visible.nf-path-panel .nf-auto-feed>div:nth-child(4){animation-delay:.24s}
@keyframes nf-path-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes nf-feed-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nf-dashboard-card-grid{grid-template-columns:1fr}.nf-dashboard-card-grid .bot-operator-card{min-height:380px}.nf-path-panel{grid-template-columns:1fr}.nf-path-workspace{margin:0 22px 22px}.nf-path-copy{padding:34px 34px 25px}}
@media(max-width:700px){.nf-dashboard-card-grid{padding:10px}.nf-path-panel{border-radius:20px}.nf-path-copy{padding:27px 20px 22px}.nf-path-copy p{font-size:13px}.nf-path-workspace,.nf-path-automation{margin:0 10px 10px;display:block;padding:12px}.nf-path-workspace>aside,.nf-auto-feed{margin-top:12px;padding:15px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.07)}.nf-path-chat header{grid-template-columns:34px 1fr}.nf-path-chat header em{grid-column:2}.nf-path-chat p,.nf-path-chat blockquote{max-width:95%}}
@media(prefers-reduced-motion:reduce){.nf-dashboard-card-grid .bot-operator-card,.nf-dashboard-card-grid .operator-performance path,.nf-path-workspace,.nf-auto-feed>div{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}
/* v12 — dashboard-native AI assistant transferred to landing */
.about-dashboard-layout {
  padding: 120px 0 130px;
  display: grid;
  gap: 58px;
}

.about-dashboard-layout .about-copy {
  max-width: 880px;
  padding: 0;
}

.about-dashboard-layout .about-copy h2 {
  max-width: 820px;
  margin-top: 28px;
  font-size: clamp(58px, 6.7vw, 102px);
  line-height: .92;
  letter-spacing: -.065em;
}

.about-dashboard-layout .about-copy > p {
  max-width: 680px;
  margin-top: 30px;
  color: #8a929d;
  font-size: 18px;
  line-height: 1.65;
}

.landing-assistant-hub {
  --motion-x: 0px;
  --motion-y: 0px;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(76, 140, 255, .24);
  border-radius: 26px;
  background: #080a0d;
  box-shadow: 0 35px 110px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .025);
}

.landing-assistant-hub::before {
  width: 56%;
  height: 90%;
  content: "";
  position: absolute;
  right: 0;
  bottom: -15%;
  z-index: 1;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(25, 128, 225, .13), rgba(83, 57, 173, .05) 45%, transparent 72%);
  filter: blur(24px);
  pointer-events: none;
}

.landing-assistant-hub::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 9, 12, .995) 0%, rgba(7, 9, 12, .97) 33%, rgba(7, 9, 12, .46) 62%, rgba(7, 9, 12, .03) 100%),
    linear-gradient(180deg, transparent 65%, rgba(6, 8, 10, .76));
}

.landing-assistant-robot {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  object-fit: cover;
  object-position: center;
  opacity: .98;
  transform: translate3d(var(--motion-x), var(--motion-y), 0) scale(1.035);
  transform-origin: center;
  filter: saturate(.9) contrast(1.04) brightness(.96);
  transition: transform .5s cubic-bezier(.2, .8, .2, 1);
  animation: landing-assistant-breathe 8s 1s ease-in-out infinite;
}

.landing-assistant-chat {
  width: min(46%, 650px);
  min-height: 500px;
  padding: 36px 0 30px 34px;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
}

.landing-assistant-identity {
  display: grid;
  grid-template-columns: 45px 1fr auto;
  gap: 12px;
  align-items: center;
}

.landing-assistant-core {
  width: 43px;
  height: 43px;
  position: relative;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(125, 70, 255, .35);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(132, 72, 255, .18), rgba(21, 159, 255, .09));
  box-shadow: 0 0 24px rgba(75, 81, 255, .12);
}

.landing-assistant-core i {
  width: 34px;
  height: 14px;
  position: absolute;
  border: 1px solid rgba(54, 183, 255, .52);
  border-radius: 50%;
  transform: rotate(-22deg);
}

.landing-assistant-core b {
  font-size: 12px;
  font-weight: 500;
}

.landing-assistant-identity small,
.landing-assistant-identity strong {
  display: block;
}

.landing-assistant-identity small {
  color: #5d6773;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.landing-assistant-identity strong {
  margin-top: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.landing-assistant-identity em {
  color: #2ee0a5;
  font-size: 11px;
  font-style: normal;
}

.landing-assistant-log {
  margin-top: 28px;
  display: grid;
  gap: 10px;
}

.landing-assistant-message {
  max-width: 520px;
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 10px;
}

.landing-assistant-message > span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #bca6ff;
  border-radius: 7px;
  background: rgba(127, 66, 255, .12);
  font-size: 11px;
}

.landing-assistant-message p {
  margin: 0;
  padding: 13px 15px;
  color: #aeb5c0;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 4px 13px 13px 13px;
  background: rgba(16, 19, 24, .76);
  font-size: 13px;
  line-height: 1.55;
  backdrop-filter: blur(12px);
}

.landing-assistant-message p b {
  color: #2ee0a5;
  font-weight: 500;
}

.landing-assistant-message.user {
  grid-template-columns: 1fr 25px;
  margin-left: 38px;
}

.landing-assistant-message.user > span {
  order: 2;
  color: #a9dfff;
  background: rgba(21, 159, 255, .12);
}

.landing-assistant-message.user p {
  order: 1;
  color: #c8d2dc;
  border-color: rgba(21, 159, 255, .14);
  border-radius: 13px 4px 13px 13px;
  background: rgba(15, 70, 111, .2);
}

.landing-assistant-prompts {
  margin-top: auto;
  padding-top: 26px;
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.landing-assistant-prompts button {
  min-height: 31px;
  padding: 0 11px;
  color: #74808d;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 999px;
  background: rgba(255, 255, 255, .018);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
  transition: .2s ease;
}

.landing-assistant-prompts button:hover {
  color: #d5e2ed;
  border-color: rgba(21, 159, 255, .25);
  background: rgba(21, 159, 255, .07);
}

.landing-assistant-input {
  min-height: 46px;
  margin-top: 11px;
  padding: 0 7px 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(21, 159, 255, .2);
  border-radius: 12px;
  background: rgba(7, 10, 14, .8);
  box-shadow: 0 0 30px rgba(21, 159, 255, .035);
  backdrop-filter: blur(14px);
}

.landing-assistant-input input {
  min-width: 0;
  flex: 1;
  color: #e1e7ed;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 12px;
}

.landing-assistant-input input::placeholder {
  color: #535e6a;
}

.landing-assistant-input button {
  width: 33px;
  height: 33px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(135deg, #7a36ee, #158fff);
  font: inherit;
  cursor: pointer;
}

.landing-assistant-insight {
  width: 205px;
  padding: 13px 14px;
  position: absolute;
  right: 26px;
  bottom: 72px;
  z-index: 4;
  border: 1px solid rgba(21, 159, 255, .2);
  border-radius: 12px;
  background: rgba(8, 12, 17, .78);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .34);
  backdrop-filter: blur(14px);
  animation: landing-assistant-float 4.5s ease-in-out infinite;
}

.landing-assistant-insight span,
.landing-assistant-insight strong,
.landing-assistant-insight small {
  display: block;
}

.landing-assistant-insight span {
  color: #5e6a76;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.landing-assistant-insight strong {
  margin-top: 5px;
  color: #dde7ef;
  font-size: 12px;
  font-weight: 500;
}

.landing-assistant-insight small {
  margin-top: 5px;
  color: #65717d;
  font-size: 10px;
  line-height: 1.45;
}

.landing-assistant-status {
  position: absolute;
  right: 34px;
  top: 31px;
  z-index: 4;
  color: #7f8994;
  font-size: 11px;
}

.visible .landing-assistant-chat {
  animation: landing-assistant-chat-in .8s .12s cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes landing-assistant-chat-in {
  from { opacity: 0; transform: translateX(-20px); }
  to { opacity: 1; transform: none; }
}

@keyframes landing-assistant-breathe {
  0%, 100% { transform: translate3d(var(--motion-x), var(--motion-y), 0) scale(1.035); }
  50% { transform: translate3d(var(--motion-x), calc(var(--motion-y) - 6px), 0) scale(1.048); }
}

@keyframes landing-assistant-float {
  50% { transform: translateY(-7px); }
}

@media (max-width: 980px) {
  .about-dashboard-layout { padding-top: 105px; gap: 44px; }
  .landing-assistant-chat { width: 58%; padding-left: 24px; }
  .landing-assistant-hub::after {
    background:
      linear-gradient(90deg, rgba(7, 9, 12, .995) 0%, rgba(7, 9, 12, .97) 42%, rgba(7, 9, 12, .35) 76%, rgba(7, 9, 12, .04) 100%),
      linear-gradient(180deg, transparent 65%, rgba(6, 8, 10, .76));
  }
}

@media (max-width: 700px) {
  .about-dashboard-layout { padding: 92px 0 96px; gap: 34px; }
  .about-dashboard-layout .about-copy h2 { font-size: clamp(48px, 15vw, 70px); }
  .about-dashboard-layout .about-copy > p { margin-top: 22px; font-size: 16px; }
  .landing-assistant-hub { min-height: 690px; border-radius: 20px; }
  .landing-assistant-hub::after {
    background: linear-gradient(180deg, #07090c 0%, rgba(7, 9, 12, .98) 53%, rgba(7, 9, 12, .35) 78%, #07090c 100%);
  }
  .landing-assistant-robot {
    height: 48%;
    top: auto;
    bottom: 0;
    object-position: 62% center;
    transform: translate3d(var(--motion-x), var(--motion-y), 0) scale(1);
  }
  .landing-assistant-chat {
    width: 100%;
    min-height: 470px;
    padding: 24px 18px 18px;
  }
  .landing-assistant-identity { grid-template-columns: 43px 1fr; }
  .landing-assistant-identity em { display: none; }
  .landing-assistant-prompts { padding-top: 18px; }
  .landing-assistant-insight { display: none; }
  .landing-assistant-status { top: auto; right: 18px; bottom: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .landing-assistant-robot,
  .landing-assistant-chat,
  .landing-assistant-insight {
    animation: none !important;
  }
}
/* v13 — one product surface with three switchable solution tabs */
.nf-product-tab-shell {
  --tab-accent: #159fff;
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid rgba(31, 113, 167, .42);
  border-radius: 28px;
  background: #080b0f;
  box-shadow: 0 36px 90px rgba(0, 0, 0, .34);
}

.nf-product-tablist {
  min-height: 92px;
  padding: 12px;
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: rgba(8, 11, 15, .94);
}

.nf-product-tablist button {
  min-width: 0;
  padding: 14px 17px;
  position: relative;
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-template-rows: auto auto;
  column-gap: 11px;
  align-items: center;
  color: #778595;
  border: 1px solid transparent;
  border-radius: 15px;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: color .25s ease, border-color .25s ease, background .25s ease, transform .25s ease;
}

.nf-product-tablist button::after {
  height: 2px;
  content: "";
  position: absolute;
  right: 16px;
  bottom: 7px;
  left: 58px;
  border-radius: 999px;
  background: linear-gradient(90deg, #7c38f4, #159fff);
  opacity: 0;
  transform: scaleX(.35);
  transform-origin: left;
  transition: opacity .25s ease, transform .35s cubic-bezier(.2, .8, .2, 1);
}

.nf-product-tablist button > span {
  width: 30px;
  height: 30px;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  color: #748295;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 9px;
  background: rgba(255, 255, 255, .025);
  font-size: 10px;
}

.nf-product-tablist button strong,
.nf-product-tablist button small {
  min-width: 0;
  display: block;
}

.nf-product-tablist button strong {
  color: #aab4bf;
  font-size: 14px;
  font-weight: 500;
}

.nf-product-tablist button small {
  margin-top: 4px;
  color: #53606e;
  font-size: 10px;
}

.nf-product-tablist button:hover {
  color: #dbe6ef;
  background: rgba(255, 255, 255, .025);
}

.nf-product-tablist button.active {
  color: #fff;
  border-color: rgba(55, 157, 255, .2);
  background: linear-gradient(135deg, rgba(117, 55, 244, .13), rgba(21, 159, 255, .07));
}

.nf-product-tablist button.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.nf-product-tablist button.active > span {
  color: #fff;
  border-color: rgba(72, 161, 255, .35);
  background: linear-gradient(135deg, #7137e8, #148edc);
}

.nf-product-tablist button.active strong {
  color: #fff;
}

.nf-product-tab-stage {
  min-height: 520px;
  position: relative;
  background:
    radial-gradient(circle at 74% 12%, rgba(21, 159, 255, .045), transparent 31%),
    linear-gradient(145deg, rgba(126, 72, 255, .025), transparent 38%),
    #07090c;
}

.nf-product-tab-panel {
  min-height: 520px;
  animation: nf-product-tab-in .5s cubic-bezier(.2, .8, .2, 1) both;
}

.nf-product-tab-panel[hidden] {
  display: none !important;
}

.nf-product-tab-panel .nf-operator-showcase,
.nf-product-tab-panel .nf-path-panel {
  min-height: 520px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.nf-product-tab-panel .nf-operator-showcase {
  overflow: visible;
}

.nf-product-tab-panel .nf-path-panel {
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
}

.nf-product-tab-panel .nf-path-workspace {
  min-height: 420px;
  margin: 28px 28px 28px 0;
}

.nf-product-tab-panel.active .nf-dashboard-card-grid .bot-operator-card {
  animation: nf-card-enter .72s cubic-bezier(.2, .8, .2, 1) both;
}

.nf-product-tab-panel.active .nf-dashboard-card-grid .bot-operator-card:nth-child(2) {
  animation-delay: .1s;
}

.nf-product-tab-panel.active .nf-dashboard-card-grid .bot-operator-card:nth-child(3) {
  animation-delay: .2s;
}

.nf-product-tab-panel.active .nf-path-workspace {
  animation: nf-path-rise .68s .04s cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes nf-product-tab-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 1100px) {
  .nf-product-tab-stage,
  .nf-product-tab-panel,
  .nf-product-tab-panel .nf-operator-showcase,
  .nf-product-tab-panel .nf-path-panel {
    min-height: 0;
  }

  .nf-product-tab-panel .nf-path-panel {
    grid-template-columns: 1fr;
  }

  .nf-product-tab-panel .nf-path-workspace {
    min-height: 0;
    margin: 0 22px 22px;
  }
}

@media (max-width: 700px) {
  .nf-product-tab-shell {
    border-radius: 20px;
  }

  .nf-product-tablist {
    min-height: 0;
    padding: 8px;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .nf-product-tablist::-webkit-scrollbar {
    display: none;
  }

  .nf-product-tablist button {
    min-width: 190px;
    padding: 12px;
  }

  .nf-product-tablist button::after {
    right: 12px;
    left: 53px;
  }

  .nf-product-tablist button small {
    font-size: 9px;
  }

  .nf-product-tab-panel .nf-path-workspace {
    margin: 0 10px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nf-product-tab-panel,
  .nf-product-tab-panel .nf-path-workspace {
    animation: none !important;
  }
}
/* v14 — exact dashboard operator cards on landing */
.exclusive-bots .section-shell {
  width: min(calc(100% - 48px), 1640px);
}

.nf-dashboard-card-grid .bot-accent--blue {
  --card-rgb: 98, 126, 234;
}

.nf-dashboard-card-grid .bot-accent--red {
  --card-rgb: 239, 51, 64;
}

.nf-dashboard-card-grid .bot-operator-card {
  min-height: 410px;
  padding: 18px;
}

.nf-dashboard-card-grid .bot-operator-card > header {
  font-size: 12px;
}

.nf-dashboard-card-grid .bot-operator-card > header em {
  display: flex;
  align-items: center;
  gap: 6px;
}

.nf-dashboard-card-grid .bot-operator-card > header em i {
  display: none;
}

.nf-dashboard-card-grid .operator-visual small {
  font-size: 12px;
}

.nf-dashboard-card-grid .operator-visual h3 {
  font-size: 22px;
}

.nf-dashboard-card-grid .operator-visual p {
  font-size: 12px;
}

.nf-dashboard-card-grid .operator-performance span {
  font-size: 12px;
}

.nf-dashboard-card-grid .operator-performance strong {
  font-size: 25px;
}

.nf-dashboard-card-grid .operator-performance svg {
  width: 54%;
  height: 58px;
  right: 6px;
  bottom: 0;
  overflow: visible;
}

.nf-dashboard-card-grid .operator-performance path {
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nf-dashboard-card-grid .operator-specs span,
.nf-dashboard-card-grid .operator-specs strong {
  font-size: 12px;
}

.nf-dashboard-card-grid .operator-actions button,
.nf-dashboard-card-grid .operator-actions a {
  min-height: 41px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7a8590;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 8px;
  background: rgba(255,255,255,.012);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.nf-dashboard-card-grid .operator-actions a {
  justify-content: space-between;
  color: #e9f3fb;
  border-color: rgba(var(--card-rgb), .22);
  background: rgba(var(--card-rgb), .07);
}

@media (max-width: 1100px) {
  .exclusive-bots .section-shell {
    width: min(calc(100% - 40px), 1640px);
  }
}

@media (max-width: 700px) {
  .exclusive-bots .section-shell {
    width: min(calc(100% - 24px), 1640px);
  }
}
/* Unified green chart language v15 */
.chart-line,
.mini-chart-line,
.analytics-line,
.intel-line,
.forecast-path,
.feature-chart-line,
.nf-performance path,
.nf-dashboard-card-grid .operator-performance path,
.nf-radar-row path,
.nf-capital-line {
  stroke: #2ee0a5 !important;
  filter: drop-shadow(0 0 6px rgba(46,224,165,.32)) !important;
}
.chart-fill,
.mini-chart-fill,
.analytics-fill,
.intel-area,
.forecast-band,
.feature-chart-fill,
.nf-capital-fill {
  fill: rgba(46,224,165,.11) !important;
}
/* v16 — clean landing section headings and compact operator showcase */
.exclusive-bots .section-shell {
  width: min(calc(100% - 48px), var(--max));
}

.section-heading {
  width: min(100%, 920px);
  margin: 0 auto 64px;
  display: block;
  text-align: center;
}

.section-heading > div {
  width: 100%;
}

.section-heading p {
  max-width: 680px;
  margin: 24px auto 0;
}

.how-heading,
.toolkit-heading {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.how-heading h2,
.toolkit-heading h2,
.intel-heading h2,
.about-dashboard-layout .about-copy h2 {
  margin-top: 0;
}

.intel-heading {
  margin-bottom: 64px;
}

.nf-product-tab-shell {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1100px) {
  .exclusive-bots .section-shell {
    width: min(calc(100% - 40px), var(--max));
  }

  .section-heading {
    width: min(100%, 820px);
  }
}

@media (max-width: 700px) {
  .exclusive-bots .section-shell {
    width: min(calc(100% - 24px), var(--max));
  }

  .section-heading {
    margin-bottom: 44px;
    text-align: left;
  }

  .section-heading p {
    margin-left: 0;
    margin-right: 0;
  }
}
/* v17 — clean landing operator cards */
.exclusive-bots .nf-dashboard-card-grid .bot-operator-card > header {
  justify-content: flex-end;
}
/* Landing polish v18 */
.site-header .desktop-nav {
  margin-left: 0;
}

.landing-assistant-identity {
  grid-template-columns: 1fr auto;
}

.reveal {
  opacity: 0;
  filter: blur(7px);
  transform: translate3d(0, 52px, 0) scale(.978);
  transition-property: opacity, filter, transform;
  transition-duration: .95s, .95s, 1.05s;
  transition-timing-function: ease, ease, cubic-bezier(.2, .76, .2, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, filter, transform;
}

.reveal.visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.trading-console .nf-capital-panel > svg {
  bottom: 27px;
}

.trading-console .nf-allocation {
  bottom: 2px;
}

.trading-console .nf-metric-stack article:nth-child(1) {
  background: linear-gradient(145deg, rgba(6, 11, 11, .98), rgba(10, 54, 42, .34));
}

@media (max-width: 760px) {
  .landing-assistant-identity {
    grid-template-columns: 1fr;
  }

  .trading-console .nf-capital-panel > svg {
    bottom: 28px;
  }

  .trading-console .nf-allocation {
    bottom: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal.visible {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}
/* Landing reveal v19 */
@keyframes landing-reveal-v19 {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(var(--reveal-x, 0px), 72px, 0) scale(.965);
  }
  55% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.reveal {
  opacity: 0;
  filter: blur(6px);
  transform: translate3d(var(--reveal-x, 0px), 72px, 0) scale(.965);
}

.reveal.visible {
  animation: landing-reveal-v19 1.05s cubic-bezier(.16, .78, .2, 1) var(--reveal-delay, 0ms) both;
}

@media (max-width: 760px) {
  .reveal {
    --reveal-x: 0px !important;
    transform: translate3d(0, 48px, 0) scale(.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal.visible {
    opacity: 1;
    filter: none;
    transform: none;
    animation: none;
  }
}
/* v20 restore landing operator labels */
.exclusive-bots .nf-dashboard-card-grid .bot-operator-card > header {
  justify-content: space-between;
  align-items: center;
}

.exclusive-bots .nf-dashboard-card-grid .bot-operator-card > header > span {
  display: block;
  color: #647185;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .1em;
  text-transform: uppercase;
}
/* v21 explicit landing motion */
html.motion-enabled .reveal {
  opacity: 0;
  filter: blur(6px);
  transform: translate3d(var(--reveal-x, 0px), 72px, 0) scale(.965);
  animation: none;
}

html.motion-enabled .reveal.visible {
  animation: landing-reveal-v19 1.05s cubic-bezier(.16, .78, .2, 1) var(--reveal-delay, 0ms) both;
}

@media (max-width: 760px) {
  html.motion-enabled .reveal {
    transform: translate3d(0, 48px, 0) scale(.98);
  }
}
/* v22 WAAPI reveal final state */
html.motion-enabled .reveal.visible {
  opacity: 1;
  filter: none;
  transform: translate3d(0, 0, 0) scale(1);
  animation: none;
}

/* Poppins optical sizing v17 */
body{font-size-adjust:.52}