/* ---------------------------------------------------------------
   Eyeball Factory go-landing — custom overrides
   site.css is the compiled Tailwind bundle (do not edit).
   Put all modifications and new styles in this file.
   --------------------------------------------------------------- */

html {
  scroll-behavior: smooth;
}

/* offset anchor jumps below the fixed 5rem nav */
section[id] {
  scroll-margin-top: 6rem;
}

/* localized background images (were remote URLs in the original) */
.hero-media-bg {
  background-image: url('/hero_bg.jpg');
}

.noise-bg {
  background-image: url('/noise.svg');
}

/* CTA buttons converted to anchors keep button look */
a.no-underline {
  text-decoration: none;
}

/* FAQ accordion open state */
[data-slot="accordion-content"][data-state="open"] {
  display: block;
}

/* --- What We Do: 3-step grid --- */
.ef-3col { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .ef-3col { grid-template-columns: repeat(3, 1fr); } }

/* --- CPM comparison bars --- */
.cpm-compare { display: flex; flex-direction: column; gap: 1.5rem; }
.cpm-row { display: grid; grid-template-columns: 1fr; gap: 0.5rem; }
@media (min-width: 768px) { .cpm-row { grid-template-columns: 200px 1fr; align-items: center; gap: 1.5rem; } }
.cpm-track { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 9999px; padding: 4px; }
.cpm-bar { display: flex; align-items: center; justify-content: flex-end; height: 2.5rem; border-radius: 9999px; padding: 0 1rem; font-family: 'Space Mono', monospace; font-weight: 700; font-size: 0.9rem; white-space: nowrap; min-width: fit-content; }
.cpm-bar-meta { background: #3f3f46; color: #fff; }
.cpm-bar-ef { background: #CDFF00; color: #000; }

/* --- Nancy case study chart --- */
.nancy-chart { display: flex; align-items: flex-end; gap: 1rem; height: 220px; }
.nancy-col { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; text-align: center; }
.nancy-bar { width: 100%; background: rgba(205,255,0,0.35); border: 2px solid #CDFF00; border-radius: 8px 8px 0 0; order: 2; }
.nancy-bar-hot { background: #CDFF00; }
.nancy-val { order: 1; font-family: 'Space Mono', monospace; font-weight: 700; color: #fff; font-size: 1rem; margin-bottom: 0.5rem; }
.nancy-month { order: 3; font-family: 'Space Mono', monospace; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.1em; color: #9ca3af; margin-top: 0.75rem; }
.nancy-panel { border-left-color: rgba(205,255,0,0.3); }
.nancy-val, .nancy-month { flex-shrink: 0; }