:root {

  color-scheme: light;

  --ink: #171512;

  --muted: #5e5b54;

  --paper: #faf8f2;

  --white: #ffffff;

  --line: #e2d8c2;

  --charcoal: #11100d;

  --gold: #d5962e;

  --gold-soft: #f2c96f;

  --green: #2f6a4f;

  --rust: #9a4f25;

  --shadow: 0 24px 70px rgba(33, 27, 15, 0.18);

  --radius: 8px;

}



* {

  box-sizing: border-box;

}



html {

  scroll-behavior: smooth;

}



body {

  margin: 0;

  background: var(--paper);

  color: var(--ink);

  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  line-height: 1.5;

}



a {

  color: inherit;

  text-decoration: none;

}



img,

video {

  display: block;

  max-width: 100%;

}



.site-header {

  align-items: center;

  background: rgba(250, 248, 242, 0.9);

  border-bottom: 1px solid rgba(226, 216, 194, 0.84);

  display: flex;

  gap: 24px;

  justify-content: space-between;

  left: 0;

  padding: 14px clamp(18px, 5vw, 64px);

  position: sticky;

  right: 0;

  top: 0;

  z-index: 20;

  backdrop-filter: blur(16px);

}



.brand {

  align-items: center;

  display: inline-flex;

  font-weight: 900;

  gap: 10px;

  white-space: nowrap;

}



.brand-mark {

  align-items: center;

  background: linear-gradient(135deg, #1b1710, #5b3b14);

  border: 1px solid rgba(213, 150, 46, 0.42);

  border-radius: 7px;

  color: var(--gold-soft);

  display: inline-flex;

  font-size: 0.76rem;

  height: 36px;

  justify-content: center;

  letter-spacing: 0;

  width: 36px;

}



.brand-mark-img {

  height: 36px;

  width: 36px;

  border-radius: 7px;

  object-fit: cover;

  display: inline-block;

}



.desktop-nav {

  align-items: center;

  color: var(--muted);

  display: flex;

  font-size: 0.92rem;

  font-weight: 700;

  gap: 24px;

}



.desktop-nav a:hover {

  color: var(--ink);

}



.header-cta,

.button,

.signup-form button,

.contact-form button {

  align-items: center;

  border: 1px solid transparent;

  border-radius: 7px;

  cursor: pointer;

  display: inline-flex;

  font: inherit;

  font-weight: 850;

  justify-content: center;

  min-height: 44px;

  padding: 12px 18px;

  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease;

}



.header-cta,

.button.primary,

.signup-form button,

.contact-form button {

  background: var(--gold);

  color: #171006;

}



.button.secondary {

  background: rgba(255, 255, 255, 0.16);

  border-color: rgba(255, 255, 255, 0.34);

  color: var(--white);

}



.header-cta:hover,

.button:hover,

.signup-form button:hover,

.contact-form button:hover {

  transform: translateY(-1px);

}



.hero {

  color: var(--white);

  min-height: calc(100vh - 65px);

  overflow: hidden;

  position: relative;

}



.hero-media,

.hero-media video,

.hero-shade {

  inset: 0;

  position: absolute;

}



.hero-media video {

  height: 100%;

  object-fit: cover;

  width: 100%;

}



.hero-shade {

  background:

    linear-gradient(90deg, rgba(10, 9, 8, 0.94) 0%, rgba(10, 9, 8, 0.78) 43%, rgba(10, 9, 8, 0.4) 100%),

    linear-gradient(180deg, rgba(10, 9, 8, 0.2) 0%, rgba(10, 9, 8, 0.78) 100%);

}



.hero-inner {

  align-items: center;

  display: grid;

  gap: clamp(20px, 4vw, 56px);

  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.66fr);

  margin: 0 auto;

  max-width: 1180px;

  min-height: calc(100vh - 65px);

  padding: clamp(24px, 4vh, 72px) clamp(18px, 5vw, 40px);

  position: relative;

  z-index: 1;

}



.eyebrow {

  color: var(--gold-soft);

  font-size: 0.78rem;

  font-weight: 900;

  letter-spacing: 0.08em;

  margin: 0 0 12px;

  text-transform: uppercase;

}



.hero h1,

.section h2 {

  letter-spacing: 0;

  line-height: 0.98;

  margin: 0;

}



.hero h1 {

  font-size: clamp(2.6rem, 5vw + 2vh, 6.35rem);

  max-width: 900px;

}



.hero-lede {

  color: rgba(255, 255, 255, 0.84);

  font-size: clamp(1rem, 0.9vw + 0.9rem, 1.28rem);

  margin: clamp(12px, 2vh, 24px) 0 0;

  max-width: 680px;

}



.hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: clamp(14px, 2.5vh, 32px);

}



.hero-card {

  background: rgba(20, 17, 12, 0.82);

  border: 1px solid rgba(242, 201, 111, 0.24);

  border-radius: var(--radius);

  box-shadow: var(--shadow);

  padding: clamp(18px, 3vw, 26px);

  backdrop-filter: blur(18px);

}



.card-topline {

  border-bottom: 1px solid rgba(242, 201, 111, 0.18);

  padding-bottom: 18px;

}



.card-topline span,

.label,

.offer-grid span,

.topic-stack span {

  color: var(--gold-soft);

  display: block;

  font-size: 0.78rem;

  font-weight: 900;

  letter-spacing: 0.08em;

  text-transform: uppercase;

}



.card-topline strong {

  display: block;

  font-size: 1.35rem;

  margin-top: 3px;

}



.path-list {

  display: grid;

  gap: 18px;

  list-style: none;

  margin: 22px 0 0;

  padding: 0;

}



.path-list li {

  display: grid;

  gap: 14px;

  grid-template-columns: 38px 1fr;

}



.path-list li > span {

  align-items: center;

  background: rgba(213, 150, 46, 0.18);

  border: 1px solid rgba(213, 150, 46, 0.3);

  border-radius: 7px;

  color: var(--gold-soft);

  display: inline-flex;

  font-size: 0.78rem;

  font-weight: 900;

  height: 38px;

  justify-content: center;

}



.path-list strong,

.path-list small {

  display: block;

}



.path-list small {

  color: rgba(255, 255, 255, 0.7);

  margin-top: 3px;

}



.intro-band {

  background: var(--charcoal);

  color: var(--gold-soft);

  padding: 18px clamp(18px, 5vw, 64px);

}



.stat-strip {

  display: grid;

  font-size: 1.08rem;

  font-weight: 900;

  gap: 14px;

  grid-template-columns: repeat(3, 1fr);

  letter-spacing: 0.03em;

  margin: 0 auto;

  max-width: 1180px;

  text-align: center;

  text-transform: uppercase;

}



.section {

  margin: 0 auto;

  max-width: 1180px;

  padding: clamp(66px, 9vw, 112px) clamp(18px, 5vw, 40px);

}



.split {

  align-items: start;

  display: grid;

  gap: clamp(28px, 5vw, 70px);

  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);

}



.section h2 {

  font-size: 4rem;

}



.section-copy p,

.section-heading p,

.feature-video p,

.offer-grid p,

.dark-panel p,

.contact p,

.faq p {

  color: var(--muted);

  font-size: 1.02rem;

}



.principles {

  display: grid;

  gap: 14px;

}



.principles article,

.topic-stack article,

.faq details {

  background: var(--white);

  border: 1px solid var(--line);

  border-radius: var(--radius);

  padding: 22px;

}



.principles span {

  color: var(--rust);

  font-weight: 900;

}



.principles h3,

.feature-video h3,

.offer-grid h3 {

  font-size: 1.35rem;

  line-height: 1.12;

  margin: 10px 0 8px;

}



.media-section {

  max-width: none;

  padding-left: 0;

  padding-right: 0;

}



.section-heading {

  margin: 0 auto 34px;

  max-width: 1180px;

  padding: 0 clamp(18px, 5vw, 40px);

}



.section-heading.compact {

  max-width: 760px;

  text-align: center;

}



.video-grid {

  display: grid;

  gap: 20px;

  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);

  margin: 0 auto;

  max-width: 1180px;

  padding: 0 clamp(18px, 5vw, 40px);

}



.feature-video {

  background: var(--white);

  border: 1px solid var(--line);

  border-radius: var(--radius);

  overflow: hidden;

}



.feature-video > div:last-child {

  padding: 24px;

}



.video-frame {

  aspect-ratio: 16 / 9;

  background: #111;

  position: relative;

}



.video-frame img {

  height: 100%;

  object-fit: cover;

  width: 100%;

}



.play-pill {

  background: rgba(17, 16, 13, 0.88);

  border: 1px solid rgba(242, 201, 111, 0.32);

  border-radius: 999px;

  bottom: 18px;

  color: var(--gold-soft);

  font-size: 0.88rem;

  font-weight: 900;

  left: 18px;

  padding: 10px 14px;

  position: absolute;

}



.topic-stack {

  display: grid;

  gap: 14px;

}



.topic-stack strong {

  display: block;

  font-size: 1.1rem;

  line-height: 1.18;

  margin-top: 9px;

}



.offers {

  padding-top: 34px;

}



.offer-grid {

  display: grid;

  gap: 18px;

  grid-template-columns: repeat(3, 1fr);

  margin-top: 34px;

}



.offer-grid article {

  background: var(--white);

  border: 1px solid var(--line);

  border-radius: var(--radius);

  overflow: hidden;

}



.offer-grid img {

  aspect-ratio: 1.12 / 1;

  object-fit: cover;

  width: 100%;

}



.offer-grid article > div {

  padding: 22px;

}



.offer-grid a {

  color: var(--green);

  display: inline-flex;

  font-weight: 900;

  margin-top: 8px;

}



.dark-panel {

  align-items: center;

  background: var(--charcoal);

  border-radius: var(--radius);

  color: var(--white);

  display: grid;

  gap: 32px;

  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.72fr);

  margin-top: 30px;

  padding: clamp(28px, 5vw, 54px);

}



.dark-panel h2 {

  font-size: 3.3rem;

}



.dark-panel p {

  color: rgba(255, 255, 255, 0.72);

}



.signup-form label,

.contact-form label {

  display: grid;

  font-size: 0.9rem;

  font-weight: 800;

  gap: 8px;

}



.signup-form > div {

  display: grid;

  gap: 10px;

  grid-template-columns: 1fr auto;

  margin-top: 10px;

}



input,

select,

textarea {

  background: var(--white);

  border: 1px solid var(--line);

  border-radius: 7px;

  color: var(--ink);

  font: inherit;

  min-height: 46px;

  padding: 12px 13px;

  width: 100%;

}



textarea {

  resize: vertical;

}



.signup-form small {

  color: rgba(255, 255, 255, 0.58);

  display: block;

  margin-top: 10px;

}



.faq {

  padding-bottom: 48px;

}



.faq-list {

  display: grid;

  gap: 12px;

  margin: 30px auto 0;

  max-width: 850px;

}



.faq summary {

  cursor: pointer;

  font-weight: 900;

}



.contact {

  align-items: start;

  display: grid;

  gap: clamp(28px, 5vw, 70px);

  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);

  padding-top: 48px;

}



.contact-form {

  background: var(--white);

  border: 1px solid var(--line);

  border-radius: var(--radius);

  box-shadow: 0 18px 50px rgba(33, 27, 15, 0.1);

  display: grid;

  gap: 14px;

  padding: 24px;

}



.contact-form button {

  width: fit-content;

}



.site-footer {

  align-items: center;

  background: var(--charcoal);

  color: rgba(255, 255, 255, 0.78);

  display: flex;

  gap: 24px;

  justify-content: space-between;

  padding: 28px clamp(18px, 5vw, 64px);

}



.site-footer div,

.site-footer nav {

  display: flex;

  gap: 16px;

}



.site-footer div {

  flex-direction: column;

  gap: 3px;

}



.site-footer strong {

  color: var(--white);

}



.site-footer nav {

  flex-wrap: wrap;

  font-weight: 800;

}



@media (max-width: 920px) {

  .desktop-nav {

    display: none;

  }



  .hero-inner,

  .split,

  .video-grid,

  .dark-panel,

  .contact {

    grid-template-columns: 1fr;

  }



  .hero-inner {

    align-items: end;

    padding-top: 76px;

  }



  .hero-card {

    max-width: 620px;

  }



  .hero h1 {

    font-size: 4.8rem;

  }



  .hero-lede {

    font-size: 1.16rem;

  }



  .section h2 {

    font-size: 3.1rem;

  }



  .dark-panel h2 {

    font-size: 2.7rem;

  }



  .offer-grid {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 640px) {

  .site-header {

    gap: 12px;

    padding: 12px 14px;

  }



  .brand span:last-child {

    max-width: 128px;

    overflow: hidden;

    text-overflow: ellipsis;

  }



  .header-cta {

    min-height: 40px;

    padding: 9px 12px;

  }



  .hero {

    min-height: auto;

  }



  .hero-inner {

    min-height: calc(100vh - 61px);

  }



  .stat-strip {

    grid-template-columns: 1fr;

  }



  .hero h1 {

    font-size: 3.45rem;

  }



  .section h2,

  .dark-panel h2 {

    font-size: 2.35rem;

  }



  .signup-form > div {

    grid-template-columns: 1fr;

  }



  .contact-form button {

    width: 100%;

  }



  .site-footer {

    align-items: flex-start;

    flex-direction: column;

  }

}



/* Short-viewport laptops (small window height, e.g. 13"-15" screens with browser

   chrome eating vertical space): pull the hero proof bar (Bot Trading / AI Agents

   cards) fully above the fold by tightening vertical rhythm further. */

@media (max-height: 760px) and (min-width: 641px) {

  .hero-inner {

    align-items: start;

    padding-top: clamp(16px, 3vh, 40px);

    padding-bottom: clamp(16px, 3vh, 40px);

    min-height: auto;

  }

  .hero {

    min-height: auto;

  }

  .hero h1 {

    font-size: clamp(2.2rem, 4vw + 1vh, 4.4rem);

  }

  .hero-lede {

    font-size: 1rem;

    margin-top: 10px;

  }

  .hero-actions {

    margin-top: 14px;

  }

  .hero-proof-bar {

    margin-top: 12px;

  }

  .hero-card {

    padding: 16px;

  }

  .path-list {

    gap: 10px;

  }

}



/* ═══════════════════════════════════════════════

   NEW: AI + Bitcoin additions — added June 2026

═══════════════════════════════════════════════ */



/* NAV LIVE BADGE */

.nav-live {

  align-items: center;

  display: inline-flex;

  gap: 6px;

}

.nav-live-dot {

  width: 7px;

  height: 7px;

  background: #34d399;

  border-radius: 50%;

  animation: navPulse 1.8s ease-in-out infinite;

  flex-shrink: 0;

}

@keyframes navPulse {

  0%,100%{opacity:1;transform:scale(1)}

  50%{opacity:0.4;transform:scale(0.8)}

}



/* HERO PROOF BAR */

.hero-lede-ai {

  display: block;

  color: #f2c96f;

  margin-top: 8px;

  font-size: 0.95rem;

  opacity: 0.9;

}

.hero-proof-bar {

  align-items: center;

  display: flex;

  gap: 14px;

  margin-top: clamp(12px, 2vh, 22px);

  flex-wrap: wrap;

}

.proof-item {

  align-items: center;

  display: inline-flex;

  gap: 6px;

  font-size: 0.85rem;

  font-weight: 800;

  color: rgba(255,255,255,0.82);

  transition: color 0.15s;

}

.proof-item:hover { color: #fff; }

.proof-dot {

  width: 8px; height: 8px;

  background: #34d399;

  border-radius: 50%;

  animation: navPulse 1.8s ease-in-out infinite;

  flex-shrink: 0;

}

.proof-dot--blue { background: #22d3ee; }

.proof-divider { color: rgba(255,255,255,0.3); }

.proof-arrow { opacity: 0.6; }



/* STAT STRIP AI ITEM */

.stat-strip-ai {

  color: #f2c96f;

}



/* ═══════════════════════════════════════════════

   AI BRIDGE SECTION

═══════════════════════════════════════════════ */

.ai-bridge {

  background: #06090f;

  padding: clamp(66px, 9vw, 110px) clamp(18px, 5vw, 40px);

  position: relative;

  overflow: hidden;

}

.ai-bridge::before {

  content: '';

  position: absolute;

  inset: 0;

  background:

    radial-gradient(ellipse 70% 60% at 15% 50%, rgba(247,147,26,0.07) 0%, transparent 70%),

    radial-gradient(ellipse 50% 50% at 85% 50%, rgba(34,211,238,0.05) 0%, transparent 70%);

  pointer-events: none;

}

.ai-bridge-inner {

  align-items: center;

  display: grid;

  gap: clamp(32px, 5vw, 72px);

  grid-template-columns: minmax(0,1fr) minmax(0,1fr);

  margin: 0 auto;

  max-width: 1180px;

  position: relative;

  z-index: 1;

}

.ai-bridge-copy {

  color: #fff;

}

.eyebrow--light {

  color: #f2c96f;

}

.ai-bridge-copy h2 {

  font-size: clamp(2.4rem, 4vw, 3.8rem);

  line-height: 1.0;

  letter-spacing: -0.02em;

  margin: 0 0 20px;

}

.ai-bridge-copy p {

  color: rgba(255,255,255,0.72);

  font-size: 1.02rem;

  line-height: 1.65;

  margin: 0 0 14px;

}

.ai-bridge-copy em {

  color: #f2c96f;

  font-style: normal;

  font-weight: 800;

}

.ai-bridge-actions {

  align-items: center;

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 28px;

}

.button.ai-secondary {

  background: rgba(34,211,238,0.1);

  border: 1px solid rgba(34,211,238,0.35);

  color: #22d3ee;

}

.button.ai-secondary:hover {

  background: rgba(34,211,238,0.18);

}

.ai-bridge-cards {

  display: grid;

  gap: 14px;

}



/* AI PROOF CARDS */

.ai-proof-card {

  background: rgba(52,211,153,0.13);

  border: 1px solid rgba(52,211,153,0.5);

  border-left: 4px solid #34d399;

  border-radius: 12px;

  display: block;

  padding: 1.25rem 1.4rem;

  text-decoration: none;

  transition: border-color 0.2s, background 0.2s;

  position: relative;

}

.ai-proof-card:hover {

  background: rgba(52,211,153,0.18);

  border-color: rgba(52,211,153,0.8);

  border-left-color: #34d399;

}

.ai-proof-card--blue {

  background: rgba(34,211,238,0.11);

  border-color: rgba(34,211,238,0.5);

  border-left: 4px solid #22d3ee;

}

.ai-proof-card--blue:hover {

  background: rgba(34,211,238,0.18);

  border-color: rgba(34,211,238,0.8);

  border-left-color: #22d3ee;

}

/* Subtle "clickable zone" hint at top of each card */

.ai-proof-card::after {

  content: '↗ click anywhere to open';

  position: absolute;

  top: 10px; right: 12px;

  font-size: 0.6rem;

  font-weight: 600;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  color: rgba(52,211,153,0.4);

  opacity: 0;

  transition: opacity 0.2s;

}

.ai-proof-card--blue::after {

  color: rgba(34,211,238,0.4);

}

.ai-proof-card:hover::after {

  opacity: 1;

}

/* Each stat row gets a very faint hover tint so users feel the interactivity */

.ai-proof-card-stat {

  border-top: 1px solid rgba(255,255,255,0.06);

  display: flex;

  gap: 12px;

  justify-content: space-between;

  padding: 7px 4px;

  border-radius: 4px;

  transition: background 0.15s;

}

.ai-proof-card:hover .ai-proof-card-stat:hover {

  background: rgba(255,255,255,0.04);

}

.ai-proof-card-header {

  align-items: center;

  display: flex;

  justify-content: space-between;

  margin-bottom: 12px;

}

.live-dot-wrap {

  align-items: center;

  color: #34d399;

  display: inline-flex;

  font-family: 'JetBrains Mono', 'Courier New', monospace;

  font-size: 0.72rem;

  font-weight: 700;

  gap: 6px;

}

.live-dot-wrap--blue { color: #22d3ee; }

.live-dot-pulse {

  width: 7px; height: 7px;

  background: #34d399;

  border-radius: 50%;

  animation: navPulse 1.5s infinite;

  flex-shrink: 0;

}

.live-dot-pulse--blue { background: #22d3ee; }

.ai-proof-tag {

  background: rgba(247,147,26,0.15);

  border: 1px solid rgba(247,147,26,0.3);

  border-radius: 4px;

  color: #f7931a;

  font-family: 'JetBrains Mono', monospace;

  font-size: 0.65rem;

  font-weight: 700;

  padding: 0.15rem 0.55rem;

}

.ai-proof-tag--blue {

  background: rgba(34,211,238,0.12);

  border-color: rgba(34,211,238,0.3);

  color: #22d3ee;

}

.ai-proof-card-stat {

  border-top: 1px solid rgba(255,255,255,0.06);

  display: flex;

  gap: 12px;

  justify-content: space-between;

  padding: 7px 0;

}

.ai-stat-label {

  color: rgba(255,255,255,0.38);

  font-size: 0.72rem;

  font-weight: 600;

}

.ai-stat-val {

  color: rgba(255,255,255,0.88);

  font-size: 0.78rem;

  font-weight: 700;

  text-align: right;

}

.ai-proof-cta {

  color: #f7931a;

  font-size: 0.78rem;

  font-weight: 800;

  margin-top: 10px;

}

.ai-proof-cta--blue { color: #22d3ee; }



/* ═══════════════════════════════════════════════

   SIGNAL TEASER SECTION

═══════════════════════════════════════════════ */

.signal-teaser-section {

  padding-top: 48px;

  padding-bottom: 48px;

}

.signal-teaser {

  align-items: start;

  display: grid;

  gap: clamp(28px, 5vw, 72px);

  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

}

.signal-teaser-copy h2 {

  font-size: clamp(2rem, 3.5vw, 3.2rem);

  letter-spacing: -0.02em;

  line-height: 1.05;

  margin: 0 0 16px;

}

.signal-teaser-copy p {

  color: var(--muted);

  font-size: 1.02rem;

  line-height: 1.65;

}

.bot-feature-card {

  background: var(--white);

  border: 1px solid var(--line);

  border-radius: var(--radius);

  overflow: hidden;

}

.bot-feature-card-top {

  background: #06090f;

  padding: 12px 20px;

}

.bot-feature-tag {

  color: #f2c96f;

  font-size: 0.72rem;

  font-weight: 900;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}

.bot-feature-list {

  display: grid;

  gap: 0;

}

.bot-feature-item {

  align-items: flex-start;

  border-bottom: 1px solid var(--line);

  display: flex;

  gap: 14px;

  padding: 16px 20px;

}

.bot-feature-item:last-child { border-bottom: none; }

.bot-feature-icon { font-size: 1.5rem; flex-shrink: 0; }

.bot-feature-item strong {

  display: block;

  font-size: 0.92rem;

  margin-bottom: 2px;

}

.bot-feature-item p {

  color: var(--muted);

  font-size: 0.82rem;

  margin: 0;

}

.bot-feature-more {

  color: var(--green);

  display: block;

  font-size: 0.88rem;

  font-weight: 900;

  padding: 14px 20px;

}



/* ═══════════════════════════════════════════════

   RESPONSIVE — new sections

═══════════════════════════════════════════════ */

@media (max-width: 920px) {

  .ai-bridge-inner,

  .signal-teaser {

    grid-template-columns: 1fr;

  }

  .stat-strip {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 640px) {

  .stat-strip {

    grid-template-columns: 1fr;

  }

  .hero-proof-bar {

    gap: 10px;

  }

}



/* ══ HERO PROOF CARDS WITH ROBOTS ══ */

.hero-proof-bar {

  display: flex;

  flex-wrap: wrap;

  gap: 14px;

  margin-top: clamp(10px, 2vh, 22px);

}



.proof-card {

  display: flex;

  align-items: center;

  gap: 12px;

  background: rgba(0,0,0,0.55);

  border: 1.5px solid rgba(52,211,153,0.35);

  border-radius: 14px;

  padding: 10px 16px 10px 12px;

  text-decoration: none;

  transition: background 0.2s, border-color 0.2s, transform 0.2s;

  backdrop-filter: blur(12px);

  min-width: 240px;

}

.proof-card:hover {

  background: rgba(0,0,0,0.72);

  transform: translateY(-2px);

}

.proof-card--green { border-color: rgba(52,211,153,0.45); }

.proof-card--green:hover { border-color: rgba(52,211,153,0.85); box-shadow: 0 0 24px rgba(52,211,153,0.18); }

.proof-card--blue  { border-color: rgba(34,211,238,0.45); }

.proof-card--blue:hover  { border-color: rgba(34,211,238,0.85); box-shadow: 0 0 24px rgba(34,211,238,0.18); }



/* Robot SVG */

.proof-card-robot { flex-shrink: 0; }

.robot-svg {

  width: 34px;

  height: auto;

  animation: robotBob 2.2s ease-in-out infinite;

  filter: drop-shadow(0 0 6px rgba(52,211,153,0.5));

}

.robot-svg--blue {

  filter: drop-shadow(0 0 6px rgba(34,211,238,0.5));

  animation: robotBob 2.6s ease-in-out infinite;

}

@keyframes robotBob {

  0%,100% { transform: translateY(0px) rotate(0deg); }

  30%     { transform: translateY(-5px) rotate(-2deg); }

  70%     { transform: translateY(-3px) rotate(2deg); }

}



/* Antenna blink */

.robot-antenna-blink { animation: antennaBlink 1.2s ease-in-out infinite; }

@keyframes antennaBlink { 0%,100%{opacity:1} 50%{opacity:0.2} }



/* Eye pulse */

.robot-eye-pulse { animation: eyePulse 2s ease-in-out infinite; }

@keyframes eyePulse { 0%,100%{opacity:1} 50%{opacity:0.6} }



/* Arm wave */

.robot-arm-l { animation: armWaveL 1.8s ease-in-out infinite; transform-origin: 4px 38px; }

.robot-arm-r { animation: armWaveR 1.8s ease-in-out infinite; transform-origin: 40px 38px; }

@keyframes armWaveL { 0%,100%{transform:rotate(0deg)} 50%{transform:rotate(-18deg)} }

@keyframes armWaveR { 0%,100%{transform:rotate(0deg)} 50%{transform:rotate(18deg)} }

.robot-arm-l--blue { animation: armWaveLBlue 2.2s ease-in-out infinite; transform-origin: 4px 38px; }

.robot-arm-r--blue { animation: armWaveRBlue 2.2s ease-in-out infinite; transform-origin: 40px 38px; }

@keyframes armWaveLBlue { 0%,100%{transform:rotate(0deg)} 40%{transform:rotate(-22deg)} 80%{transform:rotate(-8deg)} }

@keyframes armWaveRBlue { 0%,100%{transform:rotate(0deg)} 40%{transform:rotate(22deg)}  80%{transform:rotate(8deg)} }



/* Agent dots on chest */

.agent-dot-1 { animation: agentDot 1.4s ease-in-out infinite; }

.agent-dot-2 { animation: agentDot 1.4s ease-in-out 0.3s infinite; }

.agent-dot-3 { animation: agentDot 1.4s ease-in-out 0.6s infinite; }

@keyframes agentDot { 0%,100%{opacity:0.9;r:2} 50%{opacity:0.3;r:1.2} }



/* Text block */

.proof-card-text { flex: 1; }

.proof-card-live {

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 0.65rem;

  font-weight: 900;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  margin-bottom: 4px;

}

.proof-live-dot {

  width: 7px; height: 7px;

  border-radius: 50%;

  flex-shrink: 0;

}

.proof-live-dot--green { background: #34d399; animation: navPulse 1.2s infinite; }

.proof-live-dot--blue  { background: #22d3ee; animation: navPulse 1.5s infinite; }

.proof-card--green .proof-card-live { color: #34d399; }

.proof-card--blue  .proof-card-live { color: #22d3ee; }



.proof-card-label {

  color: #fff;

  font-size: 1.05rem;

  font-weight: 900;

  line-height: 1.2;

  letter-spacing: -0.01em;

}

.proof-card-sub {

  color: rgba(255,255,255,0.55);

  font-size: 0.72rem;

  margin-top: 3px;

}

.proof-card-arrow {

  color: #34d399;

  font-size: 1.3rem;

  font-weight: 900;

  flex-shrink: 0;

  transition: transform 0.2s;

}

.proof-card-arrow--blue { color: #22d3ee; }

.proof-card:hover .proof-card-arrow { transform: translateX(4px); }



/* Remove old proof-item styles that conflict */

.proof-item { display: none; }

.proof-divider { display: none; }



@media (max-width: 640px) {

  .hero-proof-bar { flex-direction: column; gap: 10px; }

  .proof-card { min-width: 0; }

  .robot-svg { width: 40px; }

  .proof-card-label { font-size: 0.9rem; }

}



/* ══ CARD ZONE DESTINATION LABEL ══ */

.ai-proof-zone-label {

  border-top: 1px solid rgba(52,211,153,0.35);

  color: rgba(52,211,153,0.65);

  font-size: 0.62rem;

  font-weight: 600;

  letter-spacing: 0.07em;

  margin-top: 10px;

  padding-top: 8px;

  text-align: center;

  text-transform: uppercase;

}

.ai-proof-zone-label--blue {

  border-top-color: rgba(34,211,238,0.35);

  color: rgba(34,211,238,0.65);

}





/* ══ CARD BACKGROUND VISIBILITY FORCE ══ */

.ai-proof-card {

  background: rgba(20, 80, 55, 0.45) !important;

  border: 1px solid rgba(52,211,153,0.55) !important;

  border-left: 4px solid #34d399 !important;

}

.ai-proof-card--blue {

  background: rgba(10, 60, 80, 0.45) !important;

  border: 1px solid rgba(34,211,238,0.55) !important;

  border-left: 4px solid #22d3ee !important;

}

.ai-proof-card:hover {

  background: rgba(20, 80, 55, 0.60) !important;

}

.ai-proof-card--blue:hover {

  background: rgba(10, 60, 80, 0.60) !important;

}



/* ══ ROBOT SIZE — much smaller ══ */

.robot-svg,

.robot-svg--blue {

  width: 22px !important;

  height: auto !important;

}

.proof-card {

  gap: 10px !important;

  padding: 12px 16px 12px 12px !important;

}



/* cache bust 20260626211321 */


/* cache bust 20260731162149 */