/* ============================================================
   EVRA-S marketing site -- shared stylesheet
   Used by: evra-home.html (/), evra-about.html (/about),
            evra-brochure.html (/brochure), evra-platform.html (/platform)

   Extracted from 4 pages that each independently inlined an
   identical ~283KB <style> block (confirmed byte-for-byte
   identical via diff, aside from one .footer-logo override --
   see the bottom of this file). Externalizing it means a visitor
   browsing between the 4 marketing pages downloads this CSS ONCE
   and the browser caches it for every subsequent page, instead of
   re-downloading an identical copy on every single page load.

   FONT FILES: also fixes a real, live bug found while doing this
   work -- every page's original inline @font-face rules referenced
   font files with a BARE relative url(), e.g. url("<uuid>"), with
   no path prefix. Because these pages are served at single-segment
   routes (/, /about, /brochure, /platform), the browser resolves
   that bare relative reference to root (e.g. /<uuid>), which the
   server does NOT serve -- confirmed live via curl: that path 404s,
   while the correct /assets/bundle/<uuid> path (used elsewhere on
   these same pages, e.g. <img src>) returns 200. This means NONE of
   the intended Geist/Geist Mono/Inter font files were ever actually
   loading in a real browser on any of these 4 pages -- they were
   silently falling back to the CSS fallback font stack the whole
   time. Fixed here by prefixing every font url() with /assets/bundle/.

   SUBSETS: the original export shipped the full Google-Fonts-style
   subset split (cyrillic, cyrillic-ext, greek, greek-ext, latin,
   latin-ext, symbols2, vietnamese) x every weight. This is an
   English-only South African B2B site; verified by scanning the
   actual rendered text content of all 4 pages that nothing outside
   latin/latin-ext unicode ranges is ever displayed (the couple of
   non-latin glyphs used for trend arrows/triangles (rightwards arrow,
   up-pointing triangle) fall outside ALL of the original subsets too,
   so they already
   render via the system-font fallback regardless -- dropping the
   unused subsets changes nothing about how they render). Pruned to
   latin + latin-ext only.

   WEIGHTS: each subset's font file is a variable font -- multiple
   discrete-weight @font-face rules below intentionally point at the
   SAME file per subset (confirmed via sha256 + byte-identical file
   sizes across pages), so the browser downloads it once regardless
   of how many weight rules reference it. Weight rules were still
   pruned to only the weights actually paired with each family
   anywhere in this CSS or the 4 pages' own page-specific style
   blocks (checked programmatically, not eyeballed):
     Geist       (--font-body):    400, 500, 600, 700 (all 4 in use)
     Geist Mono  (--font-mono):    400, 500, 600 (700 is requested by
                                    one rule but was never actually
                                    loaded even in the original -- a
                                    pre-existing gap, not introduced
                                    here; left as-is, not fixed, to
                                    avoid scope creep)
     Inter       (--font-display): 500, 600, 700, 800 (400 confirmed
                                    unused anywhere -- --font-display
                                    is never applied without an
                                    explicit weight)

   Inter is loaded ONLY on Home and Platform (each page keeps its own
   small inline <style> block with the Inter @font-face rules right
   after the <link> to this file) -- About/Brochure never shipped
   Inter in the original export, so this preserves the existing,
   already-live visual behaviour exactly: on Home/Platform the hero
   heading (--font-display) renders in real Inter; on About/Brochure
   it was always falling back to Geist (still second in the
   --font-display stack below) and continues to do so unchanged.
   ============================================================ */

/* ---- Geist (shared: Home, About, Brochure, Platform) ---- */
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/bundle/f66dfae8-d630-49f0-83da-05fadf7b7ca4") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/bundle/3a496946-f81b-4c29-ba0a-c3835fd71686") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/bundle/f66dfae8-d630-49f0-83da-05fadf7b7ca4") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/bundle/3a496946-f81b-4c29-ba0a-c3835fd71686") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/bundle/f66dfae8-d630-49f0-83da-05fadf7b7ca4") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/bundle/3a496946-f81b-4c29-ba0a-c3835fd71686") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/bundle/f66dfae8-d630-49f0-83da-05fadf7b7ca4") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/bundle/3a496946-f81b-4c29-ba0a-c3835fd71686") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---- Geist Mono (shared: Home, About, Brochure, Platform) ---- */
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/bundle/830d4ba9-22f0-4d07-b443-0e745d04f65a") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/bundle/25775823-d977-4612-9601-474e2079845e") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/bundle/830d4ba9-22f0-4d07-b443-0e745d04f65a") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/bundle/25775823-d977-4612-9601-474e2079845e") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/bundle/830d4ba9-22f0-4d07-b443-0e745d04f65a") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/bundle/25775823-d977-4612-9601-474e2079845e") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ════════════════════════════════════════════════════════════════
   EVRA-S · Design System
   Deep black / electric green / constellation overlay
   ════════════════════════════════════════════════════════════════ */
:root {
  

  /* Lines */
  --line-1: rgba(255, 255, 255, 0.07);
  --line-2: rgba(255, 255, 255, 0.12);
  --line-3: rgba(255, 255, 255, 0.22);
  --line-soft: rgba(255, 255, 255, 0.06);

  /* Foreground */
  --fg-0: #FFFFFF;
  --fg-1: #F1F4F2;
  --fg-2: #B9C2BD;
  --fg-3: #7A8580;
  --fg-4: #4E5852;

  /* Accent — electric green */
  --accent:        var(--evra-primary);
  --accent-bright: var(--evra-primary-bright);
  --accent-dim:    var(--evra-primary-bright);
  --accent-deep:   var(--evra-primary-active);
  --accent-ink:    var(--evra-ink);
  --accent-tint:   rgba(255, 255, 255, 0.04);
  --accent-tint-2: rgba(255, 255, 255, 0.06);

  /* Semantic */
  --warn: var(--evra-warning);
  --neg:  var(--evra-danger);
  --info: var(--evra-info-bright);

  /* Type */
  --font-body: "Geist", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-display: "Inter", "Geist", -apple-system, sans-serif;

  /* Early background/theme variable definitions -- these were referenced
     throughout (var(--bg-0), var(--evra-primary), var(--evra-danger), etc.)
     but never defined anywhere, so body/html background resolved to
     transparent and text rendered invisible against the browser default.
     Values match the live product's own evra-vuexy-theme.css exactly. */
  --bg-0: #161616;
  --evra-canvas:        #161616;
  --evra-surface-1:     #232323;
  --evra-surface-2:     #232323;
  --evra-surface-3:     #282828;
  --evra-text-1:        #EDEFEE;
  --evra-text-2:        #A0A0A0;
  --evra-text-3:        #989A99;
  --evra-text-4:        #707070;
  --evra-ink:           #0d0d0d;
  --evra-primary:        #2E9E6A;
  --evra-primary-rgb:    46,158,106;
  --evra-primary-active: #248055;
  --evra-primary-bright: #37B67D;
  --evra-warning:       #E0A82E;  --evra-warning-rgb: 224,168,46;
  --evra-danger:        #E5484D;  --evra-danger-rgb:  229,72,77;
  --evra-info:          #4E8FE8;  --evra-info-rgb:    78,143,232;
  --evra-info-bright:   #7FB2F0;
  --evra-dv-1: #2E9E6A;  --evra-dv-2: #4E8FE8;  --evra-dv-3: #B48EF0;
  --evra-dv-4: #E0A82E;  --evra-dv-5: #E5636A;  --evra-dv-6: #4EC3C9;
  --evra-dv-violet: #B48EF0; --evra-dv-violet-rgb: 180,142,240;
}

* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: var(--bg-0);
  color: var(--fg-1);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.005em;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

/* Constellation field — full-page background */
.constellation-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--bg-0);
}
.constellation-bg svg {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  opacity: 0.55;
}
.constellation-bg::before {
  /* radial spotlight from upper-right */
  content: "";
  position: absolute;
  top: -10%; right: -10%;
  width: 80%; height: 70%;
  background: radial-gradient(ellipse at center, rgba(var(--evra-primary-rgb),0.05), transparent 60%);
  filter: blur(60px);
  pointer-events: none;
}

/* ════════════════════════════════════════════════════════════════
   HEADER
   ════════════════════════════════════════════════════════════════ */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--line-soft);
}
.site-header-inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: 16px 48px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 48px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--fg-0);
}
.brand-large { gap: 14px; }
.brand-wave {
  display: inline-flex;
  width: 76px;
  height: 22px;
  color: var(--accent);
  filter: drop-shadow(0 0 6px rgba(var(--evra-primary-rgb),0.30));
}
.brand-wave svg { width: 100%; height: 100%; }
.brand-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  line-height: 1;
}
.brand-mark {
  width: 22px; height: 22px;
  color: var(--accent);
}
.brand-wordmark {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.10em;
  color: var(--fg-0);
  line-height: 1;
}
.brand-large .brand-wordmark { font-size: 26px; letter-spacing: 0.14em; }
.brand-wordmark .dash { color: var(--accent); margin: 0 1px; }
.brand-wordmark .s { color: var(--fg-0); }
.brand-tag {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--fg-3);
  text-transform: lowercase;
  white-space: nowrap;
}
.brand-tag .sep { margin: 0 6px; color: var(--fg-4); }
.brand-tag .accent { color: var(--accent-bright); }
@media (max-width: 880px) {
  .brand-tag { display: none; }
  .brand-large .brand-wordmark { font-size: 20px; }
  .brand-wave { width: 56px; height: 18px; }
}
.site-nav {
  display: flex;
  gap: 32px;
  justify-content: center;
}
.site-nav a {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-2);
  letter-spacing: -0.005em;
  transition: color .15s;
  position: relative;
}
.site-nav a:hover, .site-nav a.active { color: var(--fg-0); }
.site-nav a.active::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -22px;
  height: 2px;
  background: var(--accent);
}
.header-ctas { display: flex; gap: 10px; align-items: center; }

/* ════════════════════════════════════════════════════════════════
   BUTTONS
   ════════════════════════════════════════════════════════════════ */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.005em;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .15s, background .15s, border-color .15s, box-shadow .15s;
  white-space: nowrap;
}
.btn .arrow {
  width: 20px; height: 20px;
  border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(0,0,0,0.25);
  transition: background .15s, transform .15s;
}
.btn .arrow svg { width: 12px; height: 12px; }

.btn-primary {
  background: var(--accent);
  color: var(--accent-ink);
  box-shadow: 0 0 30px rgba(var(--evra-primary-rgb),0.35), inset 0 1px 0 rgba(255,255,255,0.20);
}
.btn-primary:hover {
  background: var(--accent-bright);
  transform: translateY(-1px);
  box-shadow: 0 0 50px rgba(var(--evra-primary-rgb),0.50), inset 0 1px 0 rgba(255,255,255,0.20);
}
.btn-primary .arrow { background: rgba(4,19,13,0.18); }
.btn-primary:hover .arrow { transform: translateX(3px); }

.btn-outline {
  background: transparent;
  color: var(--fg-0);
  border-color: rgba(255,255,255,0.22);
}
.btn-outline:hover {
  border-color: var(--accent);
  color: var(--accent-bright);
  background: rgba(var(--evra-primary-rgb),0.04);
}
.btn-outline .arrow { background: rgba(255,255,255,0.06); }
.btn-outline:hover .arrow { transform: translateX(3px); background: rgba(var(--evra-primary-rgb),0.10); }

.btn-ghost {
  background: transparent;
  color: var(--fg-2);
  padding: 10px 18px;
}
.btn-ghost:hover { color: var(--fg-0); }

.btn-sm { padding: 8px 16px; font-size: 13px; }

/* ════════════════════════════════════════════════════════════════
   LAYOUT
   ════════════════════════════════════════════════════════════════ */
.container {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 48px;
}
section { padding: 88px 0; }
@media (max-width: 880px) {
  .site-header-inner, .container { padding-left: 24px; padding-right: 24px; }
  section { padding: 56px 0; }
  .site-nav { display: none; }
}

/* ════════════════════════════════════════════════════════════════
   ATOMS — pill labels, gradients
   ════════════════════════════════════════════════════════════════ */
.pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 16px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent-bright);
  background: rgba(var(--evra-primary-rgb),0.04);
  border: 1px solid rgba(var(--evra-primary-rgb),0.32);
  border-radius: 999px;
}
.pill::before {
  content: "";
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
  animation: pulseDot 2s ease-in-out infinite;
}
@keyframes pulseDot {
  0%,100% { opacity: 1; }
  50% { opacity: 0.45; }
}

.h-display {
  font-family: var(--font-display);
  font-size: clamp(40px, 5.5vw, 80px);
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: -0.035em;
  color: var(--fg-0);
}
.h-display .green {
  color: var(--accent);
}
.h-section {
  font-family: var(--font-display);
  font-size: clamp(36px, 4.4vw, 60px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--fg-0);
}
.h-section .green { color: var(--accent); }
.lede {
  font-size: 16px;
  color: var(--fg-2);
  line-height: 1.6;
  max-width: 540px;
  letter-spacing: -0.003em;
}

/* ════════════════════════════════════════════════════════════════
   HERO
   ════════════════════════════════════════════════════════════════ */
.hero {
  position: relative;
  padding: 64px 0 56px;
  overflow: visible;
}
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
  gap: 16px;
  align-items: center;
  min-height: 720px;
}
@media (max-width: 1080px) { .hero-grid { grid-template-columns: 1fr; gap: 40px; min-height: 0; } }

.hero-tagline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 22px;
}
.hero-tagline .word { transition: color .25s; }
.hero-tagline .word.on { color: var(--accent); }
.hero-tagline .sep { color: var(--fg-4); }

.hero h1 {
  font-family: var(--font-display);
  font-size: clamp(44px, 6vw, 84px);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: var(--fg-0);
  margin: 0 0 24px;
}
.hero h1 .green {
  background: linear-gradient(120deg, var(--accent-bright) 0%, var(--accent) 50%, var(--evra-info-bright) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-lede {
  font-size: 17px;
  color: var(--fg-2);
  line-height: 1.55;
  max-width: 540px;
  margin-bottom: 36px;
}
.hero-ctas {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}
.hero-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-3);
  margin-left: 8px;
  border-bottom: 1px dotted var(--line-3);
  padding-bottom: 2px;
}
.hero-tertiary:hover { color: var(--accent-bright); border-color: var(--accent); }

/* Hero visual — cyborg with sonar + sparks (bigger, further right, 3D tilt) */
.hero-vis {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  max-width: 1020px;
  margin: 0 0 0 auto;
  transform: translateX(18%) perspective(1800px) rotateY(-3deg);
  transform-origin: right center;
  filter: drop-shadow(0 60px 80px rgba(0,0,0,0.55));
}
.hero-vis canvas {
  position: absolute;
  inset: -16%;
  width: 132%; height: 132%;
  z-index: 1;
  pointer-events: none;
}
.hero-vis img {
  position: relative;
  z-index: 2;
  width: 98%;
  height: 98%;
  margin: 1%;
  object-fit: contain;
  filter: drop-shadow(0 40px 60px rgba(0,0,0,0.6)) drop-shadow(0 0 80px rgba(var(--evra-primary-rgb),0.10));
  animation: heroFloat 8s ease-in-out infinite;
}
@keyframes heroFloat {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-12px); }
}
@media (max-width: 1080px) {
  .hero-vis { max-width: 560px; transform: none; margin: 0 auto; filter: none; }
  .hero-vis img { animation: none; }
}
.hero-vis::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 70%; aspect-ratio: 1;
  background: radial-gradient(circle, rgba(var(--evra-primary-rgb),0.20), transparent 65%);
  filter: blur(40px);
  z-index: 1;
  animation: visPulse 4s ease-in-out infinite;
}
@keyframes visPulse {
  0%,100% { opacity: 0.6; transform: translate(-50%,-50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%,-50%) scale(1.08); }
}

/* ════════════════════════════════════════════════════════════════
   CONSOLE SECTION — "Eleven configurations"
   ════════════════════════════════════════════════════════════════ */
.console-section {
  position: relative;
  padding: 96px 0 56px;
}
.console-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr);
  gap: 80px;
  align-items: start;
}
@media (max-width: 1080px) { .console-grid { grid-template-columns: 1fr; gap: 40px; } }

.console-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 18px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--accent-bright);
  background: rgba(var(--evra-primary-rgb),0.04);
  border: 1px solid rgba(var(--evra-primary-rgb),0.32);
  border-radius: 999px;
  margin-bottom: 32px;
}
.console-pill::before {
  content: "";
  display: inline-block;
  width: 12px; height: 12px;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);
  clip-path: polygon(50% 0%, 80% 30%, 100% 50%, 80% 70%, 50% 100%, 20% 70%, 0% 50%, 20% 30%);
}
.console-title {
  font-family: var(--font-display);
  font-size: clamp(40px, 5vw, 76px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.035em;
  margin: 0 0 26px;
}
.console-title .line { display: block; color: var(--fg-0); }
.console-title .line.green { color: var(--accent); }
.console-lede {
  font-size: 15.5px;
  color: var(--fg-2);
  line-height: 1.55;
  max-width: 540px;
  margin-bottom: 28px;
}

/* 11-step icon row */
.console-steps {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin-bottom: 32px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 4px 0 8px;
  scrollbar-width: none;
}
.console-steps::-webkit-scrollbar { display: none; }
.cs-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1 0 auto;
  min-width: 56px;
  padding: 0;
  position: relative;
}
.cs-step {
  width: 46px; height: 46px;
  border-radius: 50%;
  border: 1.5px solid rgba(var(--evra-primary-rgb),0.40);
  background: rgba(var(--evra-primary-rgb),0.04);
  color: var(--accent);
  display: grid;
  place-items: center;
  position: relative;
  z-index: 2;
  transition: all .25s;
}
.cs-step svg { width: 18px; height: 18px; }
.cs-item.active .cs-step {
  background: rgba(var(--evra-primary-rgb),0.16);
  border-color: var(--accent-bright);
  color: var(--accent-bright);
  box-shadow: 0 0 24px rgba(var(--evra-primary-rgb),0.6), inset 0 0 8px rgba(var(--evra-primary-rgb),0.2);
}
.cs-label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--fg-3);
  white-space: nowrap;
}
.cs-item.active .cs-label { color: var(--accent-bright); font-weight: 600; }

/* Action chip row */
.console-chips {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.console-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 500;
  border-radius: 999px;
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  background: rgba(var(--evra-primary-rgb),0.06);
  color: var(--accent-bright);
  cursor: pointer;
  transition: all .15s;
}
.console-chip.primary {
  background: var(--accent);
  color: var(--accent-ink);
  border-color: var(--accent);
  box-shadow: 0 0 24px rgba(var(--evra-primary-rgb),0.35);
}
.console-chip:hover { background: rgba(var(--evra-primary-rgb),0.14); }
.console-chip.primary:hover { background: var(--accent-bright); }

/* "See in action" CTA */
.console-video-cta {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 10px 24px 10px 10px;
  background: rgba(var(--evra-primary-rgb),0.05);
  border: 1px solid rgba(var(--evra-primary-rgb),0.20);
  border-radius: 999px;
  cursor: pointer;
  width: fit-content;
  transition: all .15s;
}
.console-video-cta:hover { background: rgba(var(--evra-primary-rgb),0.10); }
.console-video-cta .play-ring {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--accent-tint);
  border: 1px solid rgba(var(--evra-primary-rgb),0.40);
  display: grid; place-items: center;
  color: var(--accent-bright);
}
.console-video-cta .play-ring svg { width: 14px; height: 14px; }
.console-video-cta .vc-text { display: flex; flex-direction: column; gap: 1px; padding-right: 24px; }
.console-video-cta .vc-title { font-size: 13.5px; font-weight: 600; color: var(--fg-0); }
.console-video-cta .vc-sub { font-size: 11px; color: var(--fg-3); letter-spacing: 0.02em; }
.console-video-cta .vc-arrow {
  color: var(--fg-3);
  margin-left: 8px;
}

/* Console card — the floating dashboard frame */
.console-card {
  position: relative;
  border-radius: 24px;
  background: rgba(10,14,12,0.6);
  border: 1px solid rgba(var(--evra-primary-rgb),0.18);
  padding: 28px;
  box-shadow:
    0 60px 100px -40px rgba(0,0,0,0.85),
    0 0 80px -20px rgba(var(--evra-primary-rgb),0.20),
    inset 0 0 0 1px rgba(255,255,255,0.02);
}
.console-card::before {
  content: "";
  position: absolute;
  top: -1px; left: -1px; right: -1px; bottom: -1px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(var(--evra-primary-rgb),0.30), transparent 30%, transparent 70%, rgba(var(--evra-primary-rgb),0.20));
  z-index: -1;
  opacity: 0.6;
}
.console-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 18px;
}
.console-card-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--fg-0);
  letter-spacing: -0.015em;
}
.console-card-sub {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  letter-spacing: 0.04em;
  margin-top: 2px;
}

/* Create-agent wizard layout inside console-card */
.cw-grid {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 22px;
}
@media (max-width: 720px) { .cw-grid { grid-template-columns: 1fr; } }

.cw-rail { display: flex; flex-direction: column; gap: 2px; }
.cw-step {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: background .12s;
}
.cw-step.on {
  background: rgba(var(--evra-primary-rgb),0.10);
  border-color: rgba(var(--evra-primary-rgb),0.32);
}
.cw-step-n {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  color: var(--fg-3);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 700;
  display: grid; place-items: center;
}
.cw-step.on .cw-step-n {
  background: rgba(var(--evra-primary-rgb),0.18);
  border-color: rgba(var(--evra-primary-rgb),0.55);
  color: var(--accent-bright);
}
.cw-step-name {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-1);
  letter-spacing: -0.005em;
  line-height: 1.15;
}
.cw-step.on .cw-step-name { color: var(--accent-bright); }
.cw-step-sub {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-4);
  letter-spacing: 0.02em;
  margin-top: 1px;
}

/* Form panel inside cw-grid */
.cw-panel {
  background: rgba(0,0,0,0.30);
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  padding: 18px 20px;
}
.cw-panel-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--fg-0);
  letter-spacing: -0.01em;
  margin-bottom: 2px;
}
.cw-panel-desc {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-bottom: 14px;
}
.cw-field { margin-bottom: 12px; }
.cw-field:last-of-type { margin-bottom: 0; }
.cw-field label {
  display: block;
  font-size: 11.5px;
  color: var(--fg-2);
  margin-bottom: 5px;
}
.cw-input {
  width: 100%;
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-soft);
  border-radius: 6px;
  padding: 8px 12px;
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 12.5px;
}
.cw-input::placeholder { color: var(--fg-4); }
.cw-input.select {
  background: rgba(0,0,0,0.4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%237A8580' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;
  appearance: none;
  padding-right: 30px;
}
.cw-textarea {
  min-height: 60px;
  resize: vertical;
}
.cw-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}
.cw-btn {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  padding: 7px 14px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  border: 1px solid transparent;
}
.cw-btn.ghost { background: transparent; color: var(--fg-2); border-color: var(--line-soft); }
.cw-btn.primary { background: var(--accent); color: var(--accent-ink); }

/* ════════════════════════════════════════════════════════════════
   STAT BAND — 4 stats at hero base
   ════════════════════════════════════════════════════════════════ */
.stat-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 32px;
  background: rgba(10,14,12,0.6);
  border: 1px solid var(--line-2);
  border-radius: 16px;
  overflow: hidden;
  backdrop-filter: blur(20px);
}
@media (max-width: 880px) { .stat-band { grid-template-columns: repeat(2, 1fr); } }
.stat-band-item {
  padding: 26px 24px;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  align-items: center;
  border-right: 1px solid var(--line-1);
}
.stat-band-item:last-child { border-right: none; }
@media (max-width: 880px) {
  .stat-band-item:nth-child(2) { border-right: none; }
}
.stat-band-ico {
  width: 56px; height: 56px;
  border-radius: 12px;
  background: rgba(var(--evra-primary-rgb),0.08);
  border: 1px solid rgba(var(--evra-primary-rgb),0.22);
  color: var(--accent);
  display: grid; place-items: center;
}
.stat-band-ico svg { width: 22px; height: 22px; }
.stat-band-val {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  color: var(--accent-bright);
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.stat-band-label {
  font-size: 13px;
  color: var(--fg-1);
  margin-top: 6px;
  font-weight: 600;
}
.stat-band-sub {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-4);
  letter-spacing: 0.02em;
  margin-top: 2px;
}

/* ════════════════════════════════════════════════════════════════
   PILLARS — 4 product cards
   ════════════════════════════════════════════════════════════════ */
.pillars-head { max-width: 800px; margin-bottom: 64px; }
.pillars-head .pill { margin-bottom: 26px; }
.pillars-head .lede { margin-top: 20px; max-width: 620px; }

.pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1080px) { .pillars-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .pillars-grid { grid-template-columns: 1fr; } }

.pillar-card {
  position: relative;
  padding: 28px 24px;
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-radius: 16px;
  text-align: center;
  transition: all .25s;
}
.pillar-card:hover {
  border-color: var(--line-3);
  background: rgba(10,14,12,0.85);
  transform: translateY(-3px);
  box-shadow: 0 30px 60px -20px rgba(var(--evra-primary-rgb),0.18);
}
.pillar-ico {
  width: 56px; height: 56px;
  margin: 0 auto 20px;
  border-radius: 12px;
  background: rgba(var(--evra-primary-rgb),0.08);
  border: 1px solid rgba(var(--evra-primary-rgb),0.25);
  display: grid; place-items: center;
  color: var(--accent);
  position: relative;
}
.pillar-ico::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px var(--accent);
}
.pillar-ico svg { width: 24px; height: 24px; }
.pillar-name {
  font-size: 22px;
  font-weight: 600;
  color: var(--fg-0);
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}
.pillar-desc {
  font-size: 13.5px;
  color: var(--fg-2);
  line-height: 1.55;
  margin-bottom: 22px;
}
.pillar-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--accent);
  font-weight: 500;
  padding-top: 18px;
  border-top: 1px solid var(--line-1);
  width: 100%;
  justify-content: flex-start;
}
.pillar-link:hover { color: var(--accent-bright); }
.pillar-link svg { width: 14px; height: 14px; transition: transform .2s; }
.pillar-card:hover .pillar-link svg { transform: translateX(3px); }

/* ════════════════════════════════════════════════════════════════
   ENGINE SECTION — six capabilities + dashboard preview
   ════════════════════════════════════════════════════════════════ */
.engine-section { padding: 88px 0; }
.engine-head { max-width: 740px; margin-bottom: 48px; }
.engine-head .pill { margin-bottom: 22px; }
.engine-head h2 { margin-bottom: 18px; }
.engine-head p { font-size: 15.5px; color: var(--fg-2); max-width: 540px; }

.engine-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 32px;
  align-items: stretch;
}
@media (max-width: 1080px) { .engine-grid { grid-template-columns: 1fr; } }

.engine-caps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-radius: 14px;
  overflow: hidden;
}
.engine-cap {
  padding: 26px 28px;
  border-right: 1px solid var(--line-1);
  border-bottom: 1px solid var(--line-1);
}
.engine-cap:nth-child(2n) { border-right: none; }
.engine-cap:nth-last-child(-n+2) { border-bottom: none; }
.engine-cap-num {
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: var(--accent-bright);
  letter-spacing: 0.06em;
  font-weight: 600;
  margin-bottom: 4px;
}
.engine-cap-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--fg-0);
  letter-spacing: -0.005em;
  margin-bottom: 8px;
}
.engine-cap-desc {
  font-size: 14px;
  color: var(--fg-2);
  line-height: 1.5;
}

/* Engine dashboard preview — Voice activity + Self-state + Live detection + Thompson bandit */
.engine-dash {
  background: rgba(10,14,12,0.65);
  border: 1px solid var(--line-2);
  border-radius: 14px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6), 0 0 40px -10px rgba(var(--evra-primary-rgb),0.10);
}
.engine-dash-top {
  display: grid;
  grid-template-columns: 1.4fr 0.9fr 1.1fr;
  gap: 10px;
}
.engine-dash-bot {
  background: rgba(0,0,0,0.30);
  border: 1px solid var(--line-1);
  border-radius: 10px;
  padding: 14px 16px;
}

.dash-card {
  background: rgba(0,0,0,0.30);
  border: 1px solid var(--line-1);
  border-radius: 10px;
  padding: 12px 14px;
}
.dash-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 10px;
}
.dash-card-title { font-size: 12px; font-weight: 600; color: var(--fg-0); }
.dash-card-meta { font-family: var(--font-mono); font-size: 9.5px; color: var(--fg-4); letter-spacing: 0.04em; }

/* Voice activity bars */
.va-bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 110px;
  padding-top: 8px;
}
.va-bar {
  flex: 1;
  background: linear-gradient(180deg, var(--accent-bright), var(--accent-dim));
  border-radius: 3px 3px 0 0;
  min-height: 6px;
  position: relative;
  transition: height .3s;
}
.va-bar.neg { background: linear-gradient(180deg, var(--neg), var(--evra-danger)); }
.va-bar.now {
  box-shadow: 0 0 16px rgba(var(--evra-primary-rgb),0.6);
}
.va-labels {
  display: flex;
  gap: 6px;
  margin-top: 6px;
}
.va-label {
  flex: 1;
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--fg-4);
  text-align: center;
}

/* Self-state list */
.ss-list { display: flex; flex-direction: column; gap: 4px; }
.ss-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 11.5px;
  color: var(--fg-2);
}
.ss-row .dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--fg-3);
}
.ss-row.active {
  background: rgba(var(--evra-primary-rgb),0.08);
  color: var(--accent-bright);
}
.ss-row.active .dot { background: var(--accent); box-shadow: 0 0 6px var(--accent); }
.ss-row .badge {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--accent-bright);
  padding: 2px 6px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border-radius: 3px;
}

/* Live detection */
.ld-list { display: flex; flex-direction: column; gap: 6px; }
.ld-row {
  display: grid;
  grid-template-columns: 64px 1fr 30px;
  gap: 8px;
  align-items: center;
  font-size: 10.5px;
}
.ld-name { color: var(--fg-2); }
.ld-bar { height: 4px; background: rgba(255,255,255,0.06); border-radius: 2px; overflow: hidden; }
.ld-bar > span { display: block; height: 100%; background: var(--accent); border-radius: 2px; }
.ld-bar > span.warn { background: var(--warn); }
.ld-bar > span.info { background: var(--info); }
.ld-bar > span.neg { background: var(--neg); }
.ld-val { font-family: var(--font-mono); font-size: 10px; color: var(--fg-1); text-align: right; font-variant-numeric: tabular-nums; }
.ld-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--line-1); }
.ld-tags-label { font-family: var(--font-mono); font-size: 8.5px; color: var(--fg-4); letter-spacing: 0.08em; flex-basis: 100%; margin-bottom: 4px; }
.ld-tag {
  font-family: var(--font-mono);
  font-size: 9px;
  padding: 2px 7px;
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-1);
  border-radius: 3px;
  color: var(--fg-2);
}

/* Thompson bandit */
.bandit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 24px;
}
@media (max-width: 880px) { .bandit-grid { grid-template-columns: 1fr; } }
.bandit-row {
  display: grid;
  grid-template-columns: 1fr 38px 44px 28px;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  padding: 4px 0;
}
.bandit-name { color: var(--fg-1); font-weight: 500; }
.bandit-count { font-family: var(--font-mono); font-size: 11.5px; color: var(--fg-3); text-align: right; }
.bandit-val { font-family: var(--font-mono); font-size: 12.5px; color: var(--fg-0); font-weight: 600; text-align: right; }
.bandit-toggle {
  width: 26px; height: 14px;
  background: rgba(255,255,255,0.10);
  border-radius: 999px;
  position: relative;
  justify-self: end;
}
.bandit-row.on .bandit-toggle { background: var(--accent); }
.bandit-row.on .bandit-val { color: var(--accent); }
.engine-dash-bot .dash-card-title { font-size: 16px !important; color: var(--fg-0) !important; }
.engine-dash-bot .dash-card-meta { font-size: 12px !important; color: var(--fg-3) !important; }

/* ════════════════════════════════════════════════════════════════
   GREEN-TINT REMOVAL — force all major card surfaces to flat charcoal
   ════════════════════════════════════════════════════════════════ */
.uc-platform,
.uc-infra-hero,
.uc-suggest,
.engine-cap,
.testevra-compact,
.enterprise-panel,
.footer-form {
  background: var(--evra-surface-1) !important;
  background-image: none !important;
}
.uc-platform,
.uc-infra-hero,
.uc-suggest,
.engine-cap,
.testevra-compact,
.enterprise-panel,
.footer-form {
  border-color: rgba(255,255,255,0.10) !important;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6) !important;
}
/* Inner platform pseudo-element atmosphere — also kill the green dot texture */
.uc-platform::before { display: none !important; }
.engine-cap::before { display: none !important; }
.footer-form > * { position: relative; z-index: 1; }
.bandit-toggle::after {
  content: "";
  position: absolute;
  top: 2px; left: 2px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.4);
  transition: left .15s, background .15s;
}
.bandit-row.on .bandit-toggle::after {
  left: 14px;
  background: var(--accent-ink);
}

/* Engine quote */
.engine-quote {
  margin-top: 56px;
  text-align: center;
  padding: 56px 32px;
  background: rgba(10,14,12,0.4);
  border: 1px solid var(--line-1);
  border-radius: 18px;
  position: relative;
}
.engine-quote .mark {
  font-family: serif;
  font-size: 80px;
  line-height: 0.5;
  color: var(--accent);
  opacity: 0.6;
}
.engine-quote blockquote {
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 30px);
  font-weight: 500;
  line-height: 1.4;
  color: var(--fg-0);
  letter-spacing: -0.01em;
  max-width: 900px;
  margin: 16px auto 0;
}
.engine-quote .green { color: var(--accent-bright); }

/* ════════════════════════════════════════════════════════════════
   GLOBAL SCALE — left copy + capability table + agent portrait
   ════════════════════════════════════════════════════════════════ */
.global-section { padding: 88px 0; }
.global-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  margin-bottom: 28px;
}
@media (max-width: 1080px) { .global-grid { grid-template-columns: 1fr; } }
.global-copy .pill { margin-bottom: 24px; }
.global-copy h2 { margin-bottom: 20px; }
.global-copy p { font-size: 15px; color: var(--fg-2); line-height: 1.6; margin-bottom: 28px; }

.cap-table {
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-radius: 12px;
  overflow: hidden;
}
.cap-table-head {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.5fr);
  gap: 16px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--line-1);
  background: rgba(0,0,0,0.3);
}
.cap-table-head span {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-bright);
}
.cap-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1.3fr) minmax(0, 1.5fr);
  gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line-1);
  align-items: center;
}
.cap-row:last-child { border-bottom: none; }
.cap-row-ico {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: rgba(var(--evra-primary-rgb),0.06);
  border: 1px solid rgba(var(--evra-primary-rgb),0.25);
  color: var(--accent);
  display: grid; place-items: center;
}
.cap-row-ico svg { width: 16px; height: 16px; }
.cap-row-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg-0);
  letter-spacing: -0.005em;
}
.cap-row-desc { font-size: 12px; color: var(--fg-2); line-height: 1.5; }

/* Agent portrait card */
.agent-portrait-card {
  background: rgba(10,14,12,0.6);
  border: 1px solid var(--line-2);
  border-radius: 16px;
  padding: 22px;
}
.apc-head {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 14px;
}
.apc-title { font-size: 15px; font-weight: 600; color: var(--fg-0); }
.apc-meta { font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-4); letter-spacing: 0.04em; }
.apc-img-wrap {
  position: relative;
  aspect-ratio: 1;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(var(--evra-primary-rgb),0.10), rgba(0,0,0,0.4));
  border: 1px solid var(--line-1);
}
.apc-img-wrap img,
.apc-img-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.apc-live {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 14px;
  background: rgba(0,0,0,0.85);
  border: 1px solid rgba(var(--evra-primary-rgb),0.40);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--accent-bright);
}
.apc-live::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--accent-bright);
  box-shadow: 0 0 8px var(--accent-bright);
  animation: pulseDot 1.5s infinite;
}
.apc-name { font-size: 14px; font-weight: 600; color: var(--fg-0); margin-top: 16px; }
.apc-sub { font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-4); margin-top: 2px; }

.apc-actions { display: flex; gap: 8px; margin-top: 14px; }
.apc-btn {
  flex: 1;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
.apc-btn.ghost { background: transparent; color: var(--fg-1); border: 1px solid var(--line-3); }
.apc-btn.ghost:hover { background: rgba(var(--evra-primary-rgb),0.06); }
.apc-btn.primary { background: var(--accent); color: var(--accent-ink); border: 1px solid var(--accent); }
.apc-btn svg { width: 12px; height: 12px; }

.apc-divider {
  margin: 16px 0;
  border-top: 1px dashed var(--line-2);
}
.apc-test-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.apc-test-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--accent-bright);
}
.apc-test-meta {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-3);
  display: flex; align-items: center; gap: 6px;
}
.apc-test-meta::before {
  content: ""; width: 6px; height: 6px;
  border-radius: 50%; background: var(--accent);
}
.apc-test-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.apc-test-chip {
  padding: 5px 11px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-2);
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-1);
  border-radius: 6px;
  cursor: pointer;
}
.apc-test-chip:hover { color: var(--accent-bright); border-color: var(--line-3); }
.apc-test-utterance {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-1);
  border-radius: 8px;
  font-size: 12px;
  color: var(--fg-1);
}
.apc-test-utterance .wave {
  color: var(--accent);
  flex-shrink: 0;
}
.apc-test-utterance .wave svg { width: 16px; height: 16px; }

/* Trust grid below global section */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 36px;
}
@media (max-width: 1080px) { .trust-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .trust-grid { grid-template-columns: 1fr; } }
.trust-card {
  padding: 24px 20px;
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-radius: 14px;
  text-align: center;
}
.trust-card-ico {
  width: 46px; height: 46px;
  margin: 0 auto 14px;
  border-radius: 10px;
  background: rgba(var(--evra-primary-rgb),0.06);
  border: 1px solid rgba(var(--evra-primary-rgb),0.22);
  color: var(--accent);
  display: grid; place-items: center;
}
.trust-card-ico svg { width: 20px; height: 20px; }
.trust-card-name { font-size: 15px; font-weight: 600; color: var(--fg-0); margin-bottom: 6px; }
.trust-card-desc { font-size: 12px; color: var(--fg-2); line-height: 1.5; }

/* ════════════════════════════════════════════════════════════════
   REPORTS — Call Reports section
   ════════════════════════════════════════════════════════════════ */
.reports-section { padding: 88px 0; }
.reports-head {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 48px;
  align-items: start;
  margin-bottom: 32px;
}
@media (max-width: 1080px) { .reports-head { grid-template-columns: 1fr; } }
.reports-head .pill { margin-bottom: 24px; }
.reports-head h2 { margin-bottom: 18px; }
.reports-head p { font-size: 15px; color: var(--fg-2); margin-bottom: 24px; }
.reports-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
@media (max-width: 720px) { .reports-features { grid-template-columns: 1fr; } }
.reports-feat {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 10px;
  align-items: center;
  padding: 11px 14px;
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-radius: 10px;
}
.reports-feat-ico {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: rgba(var(--evra-primary-rgb),0.08);
  border: 1px solid rgba(var(--evra-primary-rgb),0.22);
  color: var(--accent);
  display: grid; place-items: center;
}
.reports-feat-ico svg { width: 16px; height: 16px; }
.reports-feat-name { font-size: 12.5px; font-weight: 600; color: var(--fg-0); letter-spacing: -0.005em; }
.reports-feat-desc { font-size: 10.5px; color: var(--fg-3); margin-top: 1px; }

/* Overview card */
.reports-overview {
  background: rgba(10,14,12,0.65);
  border: 1px solid var(--line-2);
  border-radius: 14px;
  padding: 20px;
}
.reports-overview-head {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 16px;
}
.reports-overview-title { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--fg-0); }
.reports-overview-title svg { color: var(--accent); }
.reports-range {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-2);
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-1);
  border-radius: 6px;
  padding: 5px 11px;
}
.reports-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}
@media (max-width: 1080px) { .reports-overview-grid { grid-template-columns: 1fr 1fr; } }
.ro-week {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-3);
  letter-spacing: 0.04em;
}
.ro-week-rows { display: flex; flex-direction: column; gap: 3px; margin-top: 8px; }
.ro-week-row {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 6px;
  align-items: center;
}
.ro-week-bar { height: 8px; background: linear-gradient(90deg, var(--accent), var(--accent-dim)); border-radius: 2px; }
.ro-stat {
  background: rgba(0,0,0,0.3);
  border: 1px solid var(--line-1);
  border-radius: 10px;
  padding: 12px 14px;
}
.ro-stat-ico {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: rgba(var(--evra-primary-rgb),0.08);
  border: 1px solid rgba(var(--evra-primary-rgb),0.22);
  color: var(--accent);
  display: grid; place-items: center;
  margin-bottom: 8px;
}
.ro-stat-ico svg { width: 16px; height: 16px; }
.ro-stat-val {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  color: var(--fg-0);
  letter-spacing: -0.025em;
  line-height: 1;
}
.ro-stat-lbl { font-size: 11px; color: var(--fg-3); margin-top: 4px; }
.ro-stat-delta {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  color: var(--accent-bright);
  margin-top: 8px;
  padding: 2px 6px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border-radius: 3px;
}
.ro-stat-delta::before { content: "▲"; font-size: 7px; }

/* Reports tabs + table */
.reports-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--line-1);
  padding: 0 8px;
  margin-bottom: 0;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap-y: 12px;
}
.reports-tabs-l { display: flex; gap: 0; align-items: center; flex-wrap: wrap; }
.reports-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.reports-tab .count {
  font-family: var(--font-mono);
  font-size: 10px;
  padding: 2px 7px;
  background: rgba(255,255,255,0.06);
  color: var(--fg-2);
  border-radius: 999px;
}
.reports-tab.on {
  color: var(--accent-bright);
  border-bottom-color: var(--accent);
  font-weight: 600;
}
.reports-tab.on .count { background: rgba(var(--evra-primary-rgb),0.10); color: var(--accent-bright); }
.reports-tabs-r { display: flex; gap: 8px; padding: 8px 0; }
.reports-tabs-r .field {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-1);
  border-radius: 6px;
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-2);
}
.reports-tabs-r .field svg { width: 14px; height: 14px; color: var(--fg-3); }
.reports-tabs-r .field.search { min-width: 220px; }

.reports-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-top: none;
  border-radius: 0 0 14px 14px;
}
.reports-table th {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line-1);
}
.reports-table td {
  padding: 11px 16px;
  font-size: 13px;
  color: var(--fg-1);
  border-bottom: 1px solid var(--line-1);
  vertical-align: middle;
}
.reports-table tr:last-child td { border-bottom: none; }
.reports-table tr:hover td { background: rgba(var(--evra-primary-rgb),0.03); }
.reports-table .name-cell {
  display: flex; align-items: center; gap: 10px;
}
.reports-table .name-ico {
  width: 26px; height: 26px;
  border-radius: 50%;
  display: grid; place-items: center;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--accent-bright);
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.25);
}
.reports-table .mono { font-family: var(--font-mono); font-size: 12px; color: var(--fg-2); }
.reports-table .date { font-family: var(--font-mono); font-size: 11.5px; color: var(--fg-3); }
.reports-disposition {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
}
.reports-disposition::before {
  content: ""; width: 5px; height: 5px; border-radius: 50%;
}
.reports-disposition.sold { background: rgba(var(--evra-primary-rgb),0.10); color: var(--accent-bright); }
.reports-disposition.sold::before { background: var(--accent-bright); }
.reports-disposition.callback { background: rgba(109,194,255,0.10); color: var(--info); }
.reports-disposition.callback::before { background: var(--info); }
.reports-disposition.ni { background: rgba(201,154,45,0.12); color: var(--warn); }
.reports-disposition.ni::before { background: var(--warn); }
.reports-disposition.voicemail { background: rgba(167,139,250,0.12); color: var(--evra-dv-violet); }
.reports-disposition.voicemail::before { background: var(--evra-dv-violet); }
.reports-disposition.dnc { background: rgba(224,82,79,0.12); color: var(--neg); }
.reports-disposition.dnc::before { background: var(--neg); }
.reports-table .row-actions { display: inline-flex; gap: 4px; }
.reports-table .row-act {
  width: 26px; height: 26px;
  display: grid; place-items: center;
  background: transparent;
  border: 1px solid var(--line-1);
  border-radius: 6px;
  color: var(--fg-3);
  cursor: pointer;
}
.reports-table .row-act:hover { color: var(--accent-bright); border-color: var(--line-3); }
.reports-table .row-act svg { width: 13px; height: 13px; }

.reports-foot {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px 16px;
  font-size: 12px;
  color: var(--fg-3);
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-top: none;
  border-radius: 0 0 14px 14px;
  margin-top: -1px;
}
.reports-pages { display: inline-flex; gap: 4px; align-items: center; }
.reports-page {
  width: 28px; height: 28px;
  display: grid; place-items: center;
  font-family: var(--font-mono); font-size: 12px;
  color: var(--fg-2);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
}
.reports-page.on { background: rgba(var(--evra-primary-rgb),0.10); border-color: rgba(var(--evra-primary-rgb),0.32); color: var(--accent-bright); }
.reports-page:hover { background: rgba(255,255,255,0.04); }

/* ════════════════════════════════════════════════════════════════
   REPORTS v2 — multichannel layout (image 2)
   ════════════════════════════════════════════════════════════════ */
.reports-section .reports-head {
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 2.05fr);
  gap: 36px;
  align-items: stretch;
  margin-bottom: 0;
}
@media (max-width: 1080px) { .reports-section .reports-head { grid-template-columns: 1fr; } }
.reports-left { display: flex; flex-direction: column; }
.reports-left h2 { font-size: clamp(40px, 4.2vw, 60px); line-height: 1.05; letter-spacing: -0.035em; margin-bottom: 18px; }
.reports-left p { font-size: 14.5px; line-height: 1.6; color: var(--fg-3); margin-bottom: 28px; max-width: 38ch; }
.reports-section .reports-features { grid-template-columns: 1fr; gap: 8px; margin-bottom: 24px; }
.reports-section .reports-feat {
  grid-template-columns: 40px 1fr;
  gap: 14px;
  padding: 14px 16px;
  background: rgba(8,10,11,0.55);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
}
.reports-section .reports-feat-ico { width: 40px; height: 40px; border-radius: 9px; }
.reports-section .reports-feat-ico svg { width: 18px; height: 18px; }
.reports-section .reports-feat-name { font-size: 13.5px; font-weight: 600; }
.reports-section .reports-feat-desc { font-size: 11.5px; margin-top: 2px; color: var(--fg-3); }

.reports-cta {
  background: rgba(8,10,11,0.55);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  padding: 18px 18px 20px;
  margin-top: auto;
  position: relative;
  overflow: hidden;
}
.reports-cta::before {
  content: "";
  position: absolute;
  left: -10%; bottom: -40%;
  width: 80%; height: 100%;
  background: radial-gradient(ellipse at center, rgba(var(--evra-primary-rgb),0.10), transparent 60%);
  pointer-events: none;
}
.reports-cta h4 {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  color: var(--fg-0);
  margin: 0 0 6px;
  letter-spacing: -0.005em;
}
.reports-cta p {
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.5;
  margin: 0 0 14px;
}
.reports-cta-btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; font-size: 13px; }
.reports-cta-btn .arrow svg { width: 12px; height: 12px; }

/* Right column wrapper */
.reports-right { display: flex; flex-direction: column; gap: 18px; }
.reports-right .reports-overview {
  background: rgba(8,10,11,0.55);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 22px 26px;
}
.reports-right .reports-overview-head { margin-bottom: 18px; }
.reports-right .reports-overview-grid {
  grid-template-columns: minmax(140px, 0.85fr) repeat(5, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
@media (max-width: 1280px) { .reports-right .reports-overview-grid { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 1080px) { .reports-right .reports-overview-grid { grid-template-columns: 1fr 1fr; } }

.ro-chart { padding: 4px 0; }
.ro-chart-title { font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-3); line-height: 1.4; margin-bottom: 8px; letter-spacing: 0.02em; }
.ro-week-row .ro-week-d { font-family: var(--font-mono); font-size: 10px; color: var(--fg-3); }

.reports-right .ro-stat {
  background: transparent;
  border: none;
  padding: 0 0 0 18px;
  border-left: 1px solid rgba(255,255,255,0.08);
  display: flex;
  flex-direction: column;
}
.reports-right .ro-stat:first-of-type { border-left: 1px solid rgba(255,255,255,0.08); padding-left: 18px; }
.reports-right .ro-stat-ico { margin-bottom: 12px; }
.reports-right .ro-stat-val { font-size: 26px; }
.reports-right .ro-stat-lbl { font-size: 12px; color: var(--fg-3); margin-top: 6px; }
.reports-right .ro-stat-delta {
  margin-top: 10px;
  align-self: flex-start;
  padding: 3px 8px 3px 6px;
  font-size: 10.5px;
  background: rgba(var(--evra-primary-rgb),0.10);
  color: var(--accent-bright);
}
.reports-right .ro-stat-delta::before { display: none; }
.reports-right .ro-stat-delta svg { width: 10px; height: 10px; }

/* Table card */
.reports-table-card {
  background: rgba(8,10,11,0.55);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  overflow: hidden;
}
.reports-table-card .reports-tabs {
  padding: 6px 22px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.reports-table-card .reports-tab { padding: 14px 4px; margin-right: 26px; font-size: 13.5px; gap: 0; }
.reports-table-card .reports-tab.on { color: var(--accent); border-bottom-color: var(--accent); }
.reports-table-card .reports-tabs-r { padding: 10px 0; }
.reports-table-card .reports-tabs-r .field { padding: 8px 14px; font-size: 12.5px; border-radius: 8px; }
.reports-table-card .reports-tabs-r .field.search { min-width: 260px; }

.reports-table-card .reports-table {
  background: transparent;
  border: none;
  border-radius: 0;
  table-layout: fixed;
  width: 100%;
}
.reports-table-card .reports-table th { padding: 12px 14px; font-size: 10.5px; color: var(--fg-4); white-space: nowrap; }
.reports-table-card .reports-table td { padding: 14px 14px; font-size: 13px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Column widths */
.reports-table-card .reports-table th:nth-child(1), .reports-table-card .reports-table td:nth-child(1) { width: 110px; }
.reports-table-card .reports-table th:nth-child(2), .reports-table-card .reports-table td:nth-child(2) { width: 200px; }
.reports-table-card .reports-table th:nth-child(3), .reports-table-card .reports-table td:nth-child(3) { width: 140px; }
.reports-table-card .reports-table th:nth-child(4), .reports-table-card .reports-table td:nth-child(4) { width: 110px; }
.reports-table-card .reports-table th:nth-child(5), .reports-table-card .reports-table td:nth-child(5) { width: 110px; }
.reports-table-card .reports-table th:nth-child(6), .reports-table-card .reports-table td:nth-child(6) { width: 75px; }
.reports-table-card .reports-table th:nth-child(7), .reports-table-card .reports-table td:nth-child(7) { width: 80px; }
.reports-table-card .reports-table th:nth-child(8), .reports-table-card .reports-table td:nth-child(8) { width: auto; white-space: normal; }
.reports-table-card .reports-table th:nth-child(9), .reports-table-card .reports-table td:nth-child(9) { width: 50px; text-align: center; }

/* Stacked date / time cell */
.date-cell { display: flex; flex-direction: column; gap: 2px; line-height: 1.2; }
.date-cell span { font-family: var(--font-mono); font-size: 11.5px; color: var(--fg-2); white-space: nowrap; }
.date-cell .date-t { color: var(--fg-4); font-size: 10.5px; }

/* Channel cell */
.channel-cell { display: inline-flex; align-items: center; gap: 11px; color: var(--fg-0); font-weight: 500; font-size: 13.5px; }
.ch-ico {
  width: 30px; height: 30px;
  border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.22);
  color: var(--accent-bright);
  flex: 0 0 30px;
}
.ch-ico svg { width: 14px; height: 14px; }
.ch-ico.ch-avatar { background: rgba(109,194,255,0.10); border-color: rgba(109,194,255,0.25); color: var(--info); }
.ch-ico.ch-chat { background: rgba(167,139,250,0.10); border-color: rgba(167,139,250,0.25); color: var(--evra-dv-violet); }

.reports-table-card .reports-table .mono { color: var(--fg-2); font-size: 12.5px; }
.reports-table-card .reports-table .row-act {
  width: 28px; height: 28px;
  display: grid; place-items: center;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 6px;
  color: var(--fg-3);
  cursor: pointer;
}
.reports-table-card .reports-table .row-act:hover { background: rgba(255,255,255,0.04); color: var(--fg-1); }
.reports-table-card .reports-table .row-act svg { width: 14px; height: 14px; }

/* Branded action icons (Gmail / WhatsApp / Telegram / Calendar / Zapier) */
.row-icon {
  display: inline-grid;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: 10px;
  background: transparent;
  overflow: hidden;
  vertical-align: middle;
}
.row-icon svg { width: 44px; height: 44px; display: block; }
.row-icon-wa,
.row-icon-tg,
.row-icon-zap,
.row-icon-gmail,
.row-icon-cal { background: transparent; }
/* Bump the actions column to fit larger icons */
.reports-table-card .reports-table th:nth-child(9),
.reports-table-card .reports-table td:nth-child(9) { width: 64px !important; padding-right: 18px !important; }

.reports-table-card .reports-foot {
  background: transparent;
  border: none;
  border-top: 1px solid rgba(255,255,255,0.06);
  border-radius: 0;
  margin-top: 0;
  padding: 14px 22px;
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-3);
}
.reports-page-ellipsis { color: var(--fg-4); padding: 0 6px; font-family: var(--font-mono); }
.reports-rpp { display: inline-flex; align-items: center; gap: 10px; }
.reports-rpp-sel {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 5px 11px;
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-1);
  border-radius: 6px;
  color: var(--fg-1);
  font-family: var(--font-mono);
  font-size: 12px;
}

/* ════════════════════════════════════════════════════════════════
   CTA BAND + Footer
   ════════════════════════════════════════════════════════════════ */
.cta-band {
  position: relative;
  padding: 64px 48px;
  background: linear-gradient(135deg, rgba(10,14,12,0.85), rgba(5,8,7,0.85));
  border: 1px solid var(--line-2);
  border-radius: 24px;
  text-align: center;
  overflow: hidden;
}
.cta-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 0% 100%, rgba(var(--evra-primary-rgb),0.12), transparent 50%),
    radial-gradient(ellipse at 100% 100%, rgba(var(--evra-primary-rgb),0.08), transparent 50%);
  pointer-events: none;
}
.cta-band-inner { position: relative; z-index: 1; }
.cta-band h2 {
  font-family: var(--font-display);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-bottom: 14px;
}
.cta-band h2 .green { color: var(--accent); }
.cta-band p { font-size: 15px; color: var(--fg-2); max-width: 560px; margin: 0 auto 32px; line-height: 1.55; }
.cta-band-ctas { display: inline-flex; gap: 14px; flex-wrap: wrap; justify-content: center; }

/* Footer */
.site-footer {
  padding: 56px 0 32px;
  border-top: 1px solid var(--line-soft);
  background: rgba(0,0,0,0.4);
}
.footer-top {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  margin-bottom: 40px;
}
@media (max-width: 880px) { .footer-top { grid-template-columns: 1fr 1fr; } }
.footer-brand .brand { margin-bottom: 16px; font-size: 22px; }
.footer-brand .brand-wordmark { font-size: 22px; letter-spacing: 0.08em; }
.footer-brand p { font-size: 13px; color: var(--fg-3); line-height: 1.6; }
.footer-col h4 {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 600;
  margin: 0 0 16px;
}
.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.footer-col a { font-size: 13.5px; color: var(--fg-2); transition: color .15s; }
.footer-col a:hover { color: var(--accent-bright); }
.footer-col a.email { color: var(--accent-bright); }
.footer-socials { display: flex; gap: 10px; margin-top: 18px; }
.footer-social {
  width: 32px; height: 32px;
  display: grid; place-items: center;
  border: 1px solid var(--line-1);
  border-radius: 8px;
  color: var(--fg-3);
}
.footer-social:hover { color: var(--accent); border-color: var(--line-3); }
.footer-social svg { width: 14px; height: 14px; }

/* Footer form section */
.footer-form-section {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 40px;
  padding: 40px 0;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  margin-bottom: 24px;
}
@media (max-width: 1080px) { .footer-form-section { grid-template-columns: 1fr; } }
.footer-form h3 {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 600;
  color: var(--fg-0);
  letter-spacing: -0.02em;
  margin: 0 0 6px;
}
.footer-form-lede { font-size: 13.5px; color: var(--fg-3); margin: 0 0 24px; }
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 18px;
  margin-bottom: 18px;
}
@media (max-width: 720px) { .form-grid { grid-template-columns: 1fr; } }
.form-field { display: flex; flex-direction: column; gap: 6px; }
.form-field.full { grid-column: 1 / -1; }
.form-field label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: 500;
}
.form-input, .form-select, .form-textarea {
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-1);
  border-radius: 8px;
  color: var(--fg-1);
  font-family: var(--font-body);
  font-size: 14px;
  padding: 11px 14px;
  outline: none;
  width: 100%;
}
.form-textarea { min-height: 88px; resize: vertical; }
.form-input:focus, .form-select:focus, .form-textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--evra-primary-rgb),0.10); }
.form-input::placeholder { color: var(--fg-4); }
.form-actions {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.form-disclaimer {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--fg-3);
}
.form-disclaimer a { color: var(--accent-bright); }
.form-disclaimer svg { color: var(--fg-4); width: 12px; height: 12px; }

/* Enterprise-grade card list */
.enterprise-list { display: flex; flex-direction: column; gap: 14px; padding: 24px; background: rgba(10,14,12,0.55); border: 1px solid var(--line-1); border-radius: 14px; }
.enterprise-item {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
}
.enterprise-item-ico {
  width: 44px; height: 44px;
  border-radius: 10px;
  background: rgba(var(--evra-primary-rgb),0.08);
  border: 1px solid rgba(var(--evra-primary-rgb),0.22);
  color: var(--accent);
  display: grid; place-items: center;
}
.enterprise-item-ico svg { width: 20px; height: 20px; }
.enterprise-item-name { font-size: 14px; font-weight: 600; color: var(--fg-0); }
.enterprise-item-desc { font-size: 12px; color: var(--fg-3); line-height: 1.5; margin-top: 2px; }

.footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 12.5px;
  color: var(--fg-4);
  padding-top: 24px;
  flex-wrap: wrap;
  gap: 12px;
}
.footer-bottom-links { display: flex; gap: 24px; }
.footer-bottom-links a { color: var(--fg-3); }
.footer-bottom-links a:hover { color: var(--fg-1); }

/* ════════════════════════════════════════════════════════════════
   PER-AGENT TUNING + EVRA TREND (about page sliders + line chart)
   ════════════════════════════════════════════════════════════════ */
.tuning-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 22px;
}
@media (max-width: 1080px) { .tuning-grid { grid-template-columns: 1fr; } }

.tuning-card {
  background: rgba(10,14,12,0.6);
  border: 1px solid var(--line-1);
  border-radius: 14px;
  padding: 22px;
}
.tuning-head {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 18px;
}
.tuning-title { font-size: 15px; font-weight: 600; color: var(--fg-0); }
.tuning-meta { font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-4); letter-spacing: 0.04em; }

.tuning-controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 24px;
}
@media (max-width: 720px) { .tuning-controls { grid-template-columns: 1fr; } }
.tuning-knob { display: flex; flex-direction: column; gap: 6px; }
.tuning-knob-head { display: flex; justify-content: space-between; align-items: baseline; }
.tuning-knob-label { font-size: 12.5px; font-weight: 600; color: var(--fg-1); }
.tuning-knob-hint { font-size: 10.5px; color: var(--fg-3); margin-top: 1px; }
.tuning-knob-slider {
  position: relative;
  height: 20px;
  display: flex; align-items: center;
}
.tuning-knob-slider::before {
  content: ""; position: absolute; left: 0; right: 0; top: 50%;
  height: 3px; background: rgba(var(--evra-primary-rgb),0.10); border-radius: 999px;
  transform: translateY(-50%);
}
.tuning-knob-slider .fill {
  position: absolute; left: 0; top: 50%;
  height: 3px; background: var(--accent); border-radius: 999px;
  transform: translateY(-50%);
}
.tuning-knob-slider .thumb {
  position: absolute; top: 50%;
  transform: translate(-50%, -50%);
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 12px var(--accent), 0 0 0 4px rgba(var(--evra-primary-rgb),0.18);
}
.tuning-knob-foot {
  display: flex; justify-content: space-between; align-items: center;
  font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-4);
}
.tuning-knob-foot .val {
  background: rgba(var(--evra-primary-rgb),0.08);
  border: 1px solid rgba(var(--evra-primary-rgb),0.22);
  color: var(--accent-bright);
  padding: 2px 9px;
  border-radius: 6px;
  font-weight: 600;
}
.tuning-input {
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--line-1);
  border-radius: 6px;
  padding: 9px 12px;
  width: 100%;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--fg-1);
}

/* EVRA trend chart */
.trend-card {
  background: rgba(10,14,12,0.6);
  border: 1px solid var(--line-1);
  border-radius: 14px;
  padding: 22px;
}
.trend-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 14px; }
.trend-title { font-size: 15px; font-weight: 600; color: var(--fg-0); }
.trend-period { font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-4); letter-spacing: 0.04em; }
.trend-val-row { display: flex; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.trend-val {
  font-family: var(--font-display);
  font-size: 42px;
  font-weight: 700;
  color: var(--fg-0);
  letter-spacing: -0.025em;
  line-height: 1;
}
.trend-delta {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--accent-bright);
}
.trend-delta::before { content: "▲"; font-size: 8px; }
.trend-chart { position: relative; height: 130px; margin-top: 14px; }
.trend-chart svg { width: 100%; height: 100%; }
.trend-x { display: grid; grid-template-columns: repeat(7, 1fr); margin-top: 6px; font-family: var(--font-mono); font-size: 10px; color: var(--fg-4); text-align: center; }
.trend-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--line-1);
}
.trend-stat { text-align: left; }
.trend-stat-l { font-family: var(--font-mono); font-size: 9.5px; color: var(--fg-4); letter-spacing: 0.10em; text-transform: uppercase; }
.trend-stat-v { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--fg-0); margin-top: 4px; font-variant-numeric: tabular-nums; }
.trend-stat-v.neg { color: var(--neg); }

/* ════════════════════════════════════════════════════════════════
   PRODUCTS PAGE
   ════════════════════════════════════════════════════════════════ */
.product-hero {
  padding: 72px 0 32px;
}
.product-block {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 56px;
  align-items: center;
  padding: 64px 0;
  border-bottom: 1px solid var(--line-1);
}
.product-block:last-of-type { border-bottom: none; }
.product-block.flip > :first-child { order: 2; }
@media (max-width: 980px) {
  .product-block { grid-template-columns: 1fr; gap: 32px; }
  .product-block.flip > :first-child { order: 0; }
}
.product-block .pill { margin-bottom: 22px; }
.product-block h2 { margin-bottom: 18px; }
.product-block p { font-size: 15px; color: var(--fg-2); line-height: 1.6; margin-bottom: 24px; }
.product-features { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }
.product-feat { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; }
.product-feat-check {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: rgba(var(--evra-primary-rgb),0.08);
  color: var(--accent);
  display: grid; place-items: center;
}
.product-feat-check svg { width: 11px; height: 11px; }
.product-feat-text { font-size: 13.5px; color: var(--fg-1); line-height: 1.5; }
.product-feat-text strong { font-weight: 600; }

/* ════════════════════════════════════════════════════════════════
   REVEAL
   ════════════════════════════════════════════════════════════════ */
[data-reveal] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
[data-reveal].is-revealed { opacity: 1; transform: translateY(0); }


/* ════════════════════════════════════════════════════════════════
   ABOUT.HTML + PRODUCTS.HTML LAYOUT — restored foundational classes
   ════════════════════════════════════════════════════════════════ */

/* Brand: the .brand-mark in about/products is the WORDMARK, not an icon. */
.brand .brand-mark {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--fg-0);
  white-space: nowrap;
  width: auto; height: auto;
}
.brand .brand-mark .dash { color: var(--accent); margin: 0 1px; }
.brand .brand-wave {
  display: inline-flex;
  width: 56px; height: 18px;
  margin-right: 6px;
  color: var(--accent);
}
.brand .brand-wave svg { width: 100%; height: 100%; }
.brand-tag {
  display: inline-flex;
  align-items: center;
  margin-left: 14px;
  padding-left: 14px;
  border-left: 1px solid var(--line-2);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--fg-3);
  text-transform: lowercase;
}
.brand-tag .sep { margin: 0 6px; color: var(--fg-4); }
.brand-tag .accent { color: var(--accent-bright); }
@media (max-width: 1080px) {
  .brand-tag { display: none; }
}

.btn-sm-login { font-size: 12px; padding: 7px 14px; }

/* Eyebrow — small uppercase teal label */
.eyebrow {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: var(--accent-bright);
  text-transform: uppercase;
  margin-bottom: 16px;
}

/* Section heading group */
.section-head {
  max-width: 880px;
  margin: 0 auto 56px;
}
.section-title {
  font-family: var(--font-display);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.025em;
  color: var(--fg-0);
  margin: 0 0 18px;
}
.section-title .green { color: var(--accent); }
.section-sub {
  font-size: 16px;
  color: var(--fg-2);
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
  letter-spacing: -0.003em;
}

/* About hero block */
.about-hero {
  padding: 80px 0 24px;
  max-width: 920px;
}
.about-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(44px, 6vw, 80px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: var(--fg-0);
  margin: 0 0 24px;
}
.about-hero h1 .green { color: var(--accent); }
.about-hero p {
  font-size: 17px;
  color: var(--fg-2);
  line-height: 1.6;
  max-width: 760px;
  margin: 0;
}

/* Card grid */
.card-grid {
  display: grid;
  gap: 16px;
}
.card-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.card-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px) {
  .card-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  .card-grid.cols-3, .card-grid.cols-4 { grid-template-columns: 1fr; }
}

.card {
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-radius: 16px;
  padding: 28px 24px;
  transition: border-color .2s, transform .2s, background .2s;
}
.card:hover {
  border-color: var(--line-3);
  background: rgba(10,14,12,0.75);
  transform: translateY(-2px);
}
.card .card-ico,
.card span.card-ico,
.card div.card-ico {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(var(--evra-primary-rgb),0.08);
  border: 1px solid rgba(var(--evra-primary-rgb),0.25);
  color: var(--accent-bright);
  margin-bottom: 18px;
}
.card .card-ico svg,
.card span.card-ico svg,
.card div.card-ico svg {
  width: 20px !important;
  height: 20px !important;
  display: block;
}
.card h3 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--fg-0);
  margin: 0 0 10px;
}
.card p {
  font-size: 14px;
  color: var(--fg-2);
  line-height: 1.55;
  margin: 0;
}

/* Spec table (about) */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-radius: 14px;
  overflow: hidden;
}
.spec-table thead th {
  text-align: left;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-bright);
  padding: 18px 24px;
  border-bottom: 1px solid var(--line-2);
  background: rgba(var(--evra-primary-rgb),0.04);
}
.spec-table tbody td {
  padding: 16px 24px;
  border-bottom: 1px solid var(--line-1);
  font-size: 14px;
  color: var(--fg-2);
  line-height: 1.5;
  vertical-align: top;
}
.spec-table tbody td:first-child {
  font-weight: 600;
  color: var(--fg-0);
  white-space: nowrap;
  width: 36%;
  font-family: var(--font-display);
  letter-spacing: -0.005em;
}
.spec-table tbody tr:last-child td { border-bottom: none; }
.spec-table tbody tr:hover td { background: rgba(var(--evra-primary-rgb),0.03); }

/* About .stat-band — different from index's homepage stat-band; restore the simple version */
section .stat-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 40px;
  border: 1px solid var(--line-1);
  border-radius: 16px;
  background: rgba(10,14,12,0.55);
  overflow: hidden;
}
@media (max-width: 880px) {
  section .stat-band { grid-template-columns: repeat(2, 1fr); }
}
section .stat-band .stat {
  padding: 28px 22px;
  text-align: center;
  border-right: 1px solid var(--line-1);
}
section .stat-band .stat:last-child { border-right: none; }
@media (max-width: 880px) {
  section .stat-band .stat:nth-child(2) { border-right: none; }
  section .stat-band .stat:nth-child(odd) { border-right: 1px solid var(--line-1); }
}
section .stat-band .stat-v {
  font-family: var(--font-display);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--accent-bright);
  line-height: 1;
  margin-bottom: 10px;
}
section .stat-band .stat-l {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--fg-3);
  text-transform: uppercase;
}

/* Pull quote */
.pull-quote {
  max-width: 920px;
  margin: 40px auto 0;
  padding: 32px 36px 32px 64px;
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-1);
  border-radius: 16px;
  position: relative;
}
.pull-quote .qmark {
  position: absolute;
  top: 8px; left: 24px;
  font-family: serif;
  font-size: 100px;
  line-height: 1;
  color: var(--accent);
  opacity: 0.4;
}
.pull-quote p {
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 500;
  line-height: 1.45;
  color: var(--fg-0);
  letter-spacing: -0.015em;
  margin: 0;
}
.pull-quote p .green { color: var(--accent-bright); }

/* CTA band — restore the .ctas inner block layout that about/products use */
.cta-band .ctas {
  display: inline-flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8px;
}
.cta-band {
  text-align: center;
  padding: 64px 48px;
  background: linear-gradient(180deg, rgba(var(--evra-primary-rgb),0.05), rgba(10,14,12,0.65));
  border: 1px solid var(--line-2);
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
.cta-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(var(--evra-primary-rgb),0.15), transparent 70%);
  pointer-events: none;
}
.cta-band > * { position: relative; z-index: 1; }
.cta-band h2 {
  font-family: var(--font-display);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: var(--fg-0);
  margin: 0 0 14px;
}
.cta-band h2 .green { color: var(--accent); }
.cta-band p {
  font-size: 15.5px;
  color: var(--fg-2);
  max-width: 600px;
  margin: 0 auto 28px;
  line-height: 1.6;
}

/* PRODUCT BLOCKS — restore the proper layout (product-info | product-vis) */
.product-block {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 56px;
  padding: 72px 0;
  border-bottom: 1px solid var(--line-1);
  align-items: center;
}
.product-block:last-of-type { border-bottom: none; }
.product-block.flip { grid-template-columns: 1.1fr 1fr; }
.product-block.flip .product-info { order: 2; }
.product-block.flip .product-vis { order: 1; }
@media (max-width: 980px) {
  .product-block, .product-block.flip {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .product-block.flip .product-info { order: 0; }
  .product-block.flip .product-vis { order: 0; }
}

.product-info {}
.product-num {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: var(--accent-bright);
  text-transform: uppercase;
  margin-bottom: 16px;
}
.product-info h3 {
  font-family: var(--font-display);
  font-size: clamp(30px, 3.6vw, 44px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.025em;
  color: var(--fg-0);
  margin: 0 0 18px;
}
.product-info h3 .green { color: var(--accent); }
.product-tagline {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 500;
  color: var(--accent-bright);
  letter-spacing: -0.01em;
  margin: 0 0 14px;
  font-style: italic;
}
.product-info p {
  font-size: 15.5px;
  color: var(--fg-2);
  line-height: 1.65;
  margin: 0 0 24px;
}

.product-features {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-features li {
  position: relative;
  padding-left: 28px;
  font-size: 14.5px;
  color: var(--fg-2);
  line-height: 1.55;
}
.product-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid var(--accent);
}
.product-features li::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 6px;
  height: 3px;
  border-left: 1.5px solid var(--accent-bright);
  border-bottom: 1.5px solid var(--accent-bright);
  transform: rotate(-45deg);
}
.product-features li strong {
  color: var(--fg-0);
  font-weight: 600;
}

.use-cases {
  background: rgba(var(--evra-primary-rgb),0.04);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  padding: 16px 18px;
  font-size: 13.5px;
  color: var(--fg-2);
  line-height: 1.65;
}
.use-cases strong {
  display: block;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--accent-bright);
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* Product visual — dashboard frame / image */
.product-vis {
  background: rgba(10,14,12,0.55);
  border: 1px solid var(--line-2);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 30px 80px -30px rgba(0,0,0,0.6), 0 0 0 1px rgba(var(--evra-primary-rgb),0.04);
  position: relative;
  overflow: hidden;
}
.product-vis::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(var(--evra-primary-rgb),0.06), transparent 60%);
  pointer-events: none;
}
.product-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.product-vis-avatar {
  background: linear-gradient(180deg, rgba(var(--evra-primary-rgb),0.04), rgba(10,14,12,0.65));
  padding: 0;
  overflow: hidden;
  aspect-ratio: 1;
}
.product-img-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

/* Product hero (above product blocks) */
.product-hero { padding-top: 64px; padding-bottom: 32px; }

/* Footer — restore footer-grid layout */
.site-footer {
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.7));
  border-top: 1px solid var(--line-1);
  padding: 64px 0 32px;
  margin-top: 80px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 48px;
}
@media (max-width: 980px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .footer-grid { grid-template-columns: 1fr; }
}
.footer-brand .brand {
  color: var(--fg-0);
  margin-bottom: 16px;
}
.footer-brand p {
  font-size: 13.5px;
  color: var(--fg-3);
  line-height: 1.6;
  margin: 0;
  max-width: 280px;
}
.footer-col h5 {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--accent-bright);
  text-transform: uppercase;
  margin: 0 0 16px;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-col li { margin: 0; }
.footer-col a {
  font-size: 14px;
  color: var(--fg-2);
  transition: color .15s;
}
.footer-col a:hover { color: var(--accent-bright); }

/* Contact form */
.contact-form {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 20px;
}
@media (max-width: 720px) {
  .contact-form { grid-template-columns: 1fr; }
}
.contact-form .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.contact-form .field.full {
  grid-column: 1 / -1;
}
.contact-form .field label {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--accent-bright);
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-0);
  background: rgba(0,0,0,0.45);
  border: 1px solid var(--line-2);
  border-radius: 10px;
  padding: 12px 14px;
  outline: none;
  transition: border-color .15s, background .15s;
  width: 100%;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--accent);
  background: rgba(0,0,0,0.55);
}
.contact-form textarea {
  resize: vertical;
  min-height: 110px;
  font-family: inherit;
}
.contact-form .submit-row {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.contact-form .submit-row .muted {
  color: var(--fg-3);
}
.contact-form .submit-row .hi {
  color: var(--accent-bright);
  border-bottom: 1px dotted var(--accent);
}

/* Footer bottom row */
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 24px;
  border-top: 1px solid var(--line-1);
  font-size: 12.5px;
  color: var(--fg-3);
  flex-wrap: wrap;
}
.footer-bottom a { color: var(--fg-3); transition: color .15s; }
.footer-bottom a:hover { color: var(--fg-0); }

.socials {
  display: flex;
  gap: 8px;
}
.socials a {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--line-2);
  color: var(--fg-3);
  transition: color .15s, border-color .15s, background .15s;
}
.socials a:hover {
  color: var(--accent-bright);
  border-color: var(--accent);
  background: rgba(var(--evra-primary-rgb),0.06);
}
.socials a svg {
  width: 14px;
  height: 14px;
}


/* ════════════════════════════════════════════════════════════════
   DARK-THEME NEUTRALIZATION
   Per design direction: dark theme, green ONLY in text accents
   (primary CTA stays green as the single brand button)
   ════════════════════════════════════════════════════════════════ */

/* Background page tint / radial wash — removed */
.constellation-bg::before { background: transparent !important; filter: none !important; }

/* Hero canvas — kill green halo behind cyborg */
.hero-vis::before { background: radial-gradient(circle, rgba(255,255,255,0.04), transparent 65%) !important; }
.hero-vis img { filter: none !important; }

/* All neutral-dark backgrounds where green-tint was used */
.pill,
.eyebrow,
.console-pill,
.cs-step,
.console-chip,
.console-video-cta,
.console-card,
.pillar-ico,
.cap-ico, .agent-portrait-card,
.reports-disposition.sold,
.reports-page.on,
.trust-card-ico,
.tuning-knob-foot .val,
.form-step-ico,
.product-features li::before,
.use-cases,
.card .card-ico, .card span.card-ico, .card div.card-ico,
.stat-band-ico,
.spec-table thead th,
.cta-band,
.cta-band::before {
  background-color: rgba(255,255,255,0.04) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.10) !important;
}

/* Buttons — primary stays green; outline/ghost lose green tint */
.btn-primary {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.2), 0 8px 24px -6px rgba(0,0,0,0.6) !important;
}
.btn-primary:hover {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.2), 0 12px 32px -6px rgba(0,0,0,0.7) !important;
}
.btn-outline:hover {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.30) !important;
  color: var(--fg-0) !important;
}
.btn-outline:hover .arrow { background: rgba(255,255,255,0.08) !important; }

/* Active states — replace green tint backgrounds with subtle neutral */
.cs-item.active .cs-step,
.cw-step.on,
.cw-step.on .cw-step-n,
.ss-row.active,
.reports-tab.on .count {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.18) !important;
}
/* But keep the TEXT green on active state — the indicator */
.cs-item.active .cs-label { color: var(--accent-bright) !important; }

/* Card hover glow — kill green shadow */
.pillar-card:hover { box-shadow: 0 20px 50px -20px rgba(0,0,0,0.6) !important; }

/* Console card glow — neutralize */
.console-card {
  box-shadow:
    0 60px 100px -40px rgba(0,0,0,0.85),
    inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}
.console-card::before { background: none !important; }

/* Engine dashboard glow */
.engine-dash { box-shadow: 0 30px 60px -20px rgba(0,0,0,0.7) !important; }

/* CTA band — image-2 clone: dark with green-particle + diagonal streak bg */
.cta-band {
  background: radial-gradient(ellipse at 50% 50%, rgba(8,18,14,0.95), rgba(0,0,0,0.85)) !important;
  border: 1px solid rgba(var(--evra-primary-rgb),0.22) !important;
  border-radius: 20px !important;
  padding: 92px 56px 100px !important;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cta-band::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background:
    radial-gradient(1.5px 1.5px at 8% 28%, rgba(var(--evra-primary-rgb),0.85) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 4% 60%, rgba(var(--evra-primary-rgb),0.7) 50%, transparent 51%),
    radial-gradient(1.8px 1.8px at 14% 78%, rgba(var(--evra-primary-rgb),0.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 10% 42%, rgba(var(--evra-primary-rgb),0.55) 50%, transparent 51%),
    radial-gradient(1.4px 1.4px at 18% 18%, rgba(var(--evra-primary-rgb),0.7) 50%, transparent 51%),
    radial-gradient(1.6px 1.6px at 21% 56%, rgba(var(--evra-primary-rgb),0.6) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 6% 88%, rgba(var(--evra-primary-rgb),0.7) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 92% 30%, rgba(var(--evra-primary-rgb),0.85) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 88% 64%, rgba(var(--evra-primary-rgb),0.65) 50%, transparent 51%),
    radial-gradient(1.8px 1.8px at 96% 80%, rgba(var(--evra-primary-rgb),0.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 82% 20%, rgba(var(--evra-primary-rgb),0.5) 50%, transparent 51%),
    radial-gradient(1.4px 1.4px at 78% 84%, rgba(var(--evra-primary-rgb),0.7) 50%, transparent 51%),
    radial-gradient(1.6px 1.6px at 94% 48%, rgba(var(--evra-primary-rgb),0.6) 50%, transparent 51%) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  pointer-events: none;
  z-index: 0;
}
.cta-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0%, transparent 6%, rgba(var(--evra-primary-rgb),0.10) 9%, transparent 12%, transparent 18%, rgba(var(--evra-primary-rgb),0.08) 21%, transparent 24%, transparent 100%),
    linear-gradient(245deg, transparent 0%, transparent 6%, rgba(var(--evra-primary-rgb),0.10) 9%, transparent 12%, transparent 18%, rgba(var(--evra-primary-rgb),0.08) 21%, transparent 24%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
.cta-band > * { position: relative; z-index: 1; }
.cta-band-inner { position: relative; z-index: 1; }
.cta-band h2 {
  font-size: clamp(48px, 5.5vw, 78px) !important;
  letter-spacing: -0.035em !important;
  line-height: 1.05 !important;
  margin: 0 auto 22px !important;
  max-width: 14ch;
}
.cta-band p {
  font-size: 17px !important;
  color: var(--fg-2) !important;
  max-width: 620px !important;
  margin: 0 auto 36px !important;
  line-height: 1.55 !important;
}
.cta-band .btn-primary {
  padding: 16px 30px !important;
  font-size: 15px !important;
  box-shadow: 0 0 32px rgba(var(--evra-primary-rgb),0.45), 0 0 0 1px rgba(var(--evra-primary-rgb),0.4) !important;
}
.cta-band .btn-outline {
  padding: 16px 30px !important;
  font-size: 15px !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* Enterprise list cards — circular icons (image 2) */
.enterprise-list { padding: 28px 28px !important; gap: 22px !important; }
.enterprise-item { grid-template-columns: 52px 1fr !important; gap: 18px !important; align-items: center; }
.enterprise-item-ico {
  width: 52px !important; height: 52px !important;
  border-radius: 50% !important;
  background: rgba(var(--evra-primary-rgb),0.08) !important;
  border: 1px solid rgba(var(--evra-primary-rgb),0.20) !important;
}
.enterprise-item-ico svg { width: 22px !important; height: 22px !important; }
.enterprise-item-name { font-size: 15px !important; }
.enterprise-item-desc { font-size: 12.5px !important; }

/* ════════════════════════════════════════════════════════════════
   SURFACE CONTRAST — charcoal grey for the 7 UI preview surfaces
   so they lift off the pure-black canvas
   ════════════════════════════════════════════════════════════════ */
.console-card,
.ba-window,
.ba-testcard,
.engine-dash,
.gs2-table,
.gs2-reports,
.reports-overview,
.reports-table-card,
.footer-form {
  background: var(--evra-surface-1) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.025) inset, 0 30px 60px -30px rgba(0,0,0,0.6) !important;
}
/* Talk to enterprise sales — wrap the form in the same charcoal panel */
.footer-form {
  padding: 32px 32px !important;
  border-radius: 16px !important;
}

/* ════════════════════════════════════════════════════════════════
   FLATTEN EVERYTHING NOT IN THE WHITELIST
   The 7 surfaces stay carded; the rest is flat-on-canvas.
   Whitelist: .console-card, .ba-window, .ba-testcard, .engine-dash,
   .gs2-table, .gs2-reports, .reports-overview, .reports-table-card,
   .footer-form, .gs2-th (CAPABILITY / ENTERPRISE STANDARD header).
   ════════════════════════════════════════════════════════════════ */
.pillar-card,
.stat-band-item,
.stat-band,
.ba-band,
.ba-band-row,
.ba-band-item,
.reports-feat,
.reports-features,
.reports-cta,
.reports-cta-card,
.engine-quote,
.engine-caps,
.engine-cap,
.ba-examples,
.ba-ex-card,
.ba-cert,
.ba-rating,
.ba-cert-row,
.product-vis,
.product-vis-avatar,
.feature-card,
.feature-tile,
.feature-row,
.spec-card,
.spec-row,
.enterprise-list,
.enterprise-item,
.cta-band,
.trust-card,
.testimonial-card,
.console-feat,
.console-feature,
.engine-feat,
.ba-feature,
.ba-bullet,
.brochure-card,
.callout-card,
.callout,
.hx-features,
.hx-feat,
.hx-feature,
.hx-stat,
.hx-stats,
.cw-rail,
.cw-step,
.cw-panel,
.dash-card,
.engine-dash-bot,
.engine-dash-top {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* CTA band — flatten completely, no particle/streak art either */
.cta-band {
  padding: 60px 24px !important;
  border-radius: 0 !important;
}
.cta-band::before,
.cta-band::after { display: none !important; content: none !important; }

/* Enterprise list — flatten, ungroup the items into a clean row */
.enterprise-list { padding: 0 !important; gap: 24px !important; }
.enterprise-item { padding: 0 !important; }

/* ════════════════════════════════════════════════════════════════
   OUTSIDE-CARD TYPOGRAPHY — brighten + scale up all copy that sits
   on the flat canvas (everything NOT inside the 7 whitelisted cards).
   ════════════════════════════════════════════════════════════════ */
/* Section section paragraphs, ledes, descriptors */
.hx-lede,
.console-lede,
.ba-lede,
.engine-head p,
.gs2-lede,
.reports-left p,
.cta-band p {
  color: var(--fg-0) !important;
  font-size: 32px !important;
  line-height: 1.5 !important;
}
/* Engine section: right column aligns to top of heading (extra reinforcement) */
.engine-grid { align-items: start !important; }
.console-lede {
  color: var(--fg-2) !important;
  font-size: 22px !important;
  line-height: 1.65 !important;
  max-width: 56ch !important;
  margin-bottom: 32px !important;
}
.cs-step { width: 64px !important; height: 64px !important; }
.cs-step svg { width: 26px !important; height: 26px !important; }
.cs-label { font-size: 13px !important; margin-top: 8px !important; }

/* ════════════════════════════════════════════════════════════════
   ICON DESATURATION — strip green from all icons + badges, scale up
   ════════════════════════════════════════════════════════════════ */
.reports-feat-ico,
.enterprise-item-ico,
.console-step,
.cs-step,
.pillar-ico,
.engine-feat-ico,
.ba-band-ico,
.hx-trust svg,
.console-pill svg,
.gs2-eye svg,
.reports-feat-ico svg,
.enterprise-item-ico svg,
.ch-ico,
.ch-ico svg,
.gs2-kpi-ico,
.gs2-kpi-ico svg,
.ro-stat-ico,
.ro-stat-ico svg {
  color: var(--fg-0) !important;
  stroke: var(--fg-0) !important;
}
.reports-feat-ico,
.enterprise-item-ico {
  width: 56px !important; height: 56px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}
.reports-feat-ico svg,
.enterprise-item-ico svg {
  width: 26px !important; height: 26px !important;
}
.ch-ico {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--fg-0) !important;
}
.ch-ico.ch-avatar,
.ch-ico.ch-chat {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--fg-0) !important;
}
.gs2-kpi-ico {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--fg-0) !important;
}
.ro-stat-ico {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: var(--fg-0) !important;
}
/* Green delta badges → neutral */
.ro-stat-delta {
  background: rgba(255,255,255,0.06) !important;
  color: var(--fg-0) !important;
}
.ro-stat-delta svg { stroke: var(--fg-0) !important; }
/* Live dot pulse — keep green ONLY on text-accent words, strip from icon-like badges */
.gs2-live-dot { background: var(--fg-0) !important; box-shadow: 0 0 6px rgba(255,255,255,0.5) !important; }
/* Pillar icons */
.pillar-ico {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--fg-0) !important;
}
.pillar-ico svg { color: var(--fg-0) !important; width: 28px !important; height: 28px !important; }

/* Console step icons — scale up & white */
.cs-step { color: var(--fg-0) !important; }
.cs-step svg { color: var(--fg-0) !important; }

/* Build Agent band icons */
.ba-band-ico { color: var(--fg-0) !important; }
.ba-band-ico svg { width: 26px !important; height: 26px !important; color: var(--fg-0) !important; stroke: var(--fg-0) !important; }

/* Reports KPI delta arrows — neutral */
.reports-table .row-act svg { color: var(--fg-1) !important; }

.hx-feat { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; padding-right: 24px; position: relative; }
.hx-feat::before {
  content: counter(hxFeat, decimal-leading-zero);
  counter-increment: hxFeat;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: var(--evra-text-4);
}
.hx-features { counter-reset: hxFeat; }
.hx-feat-ico { display: none !important; }
.hx-feat-body { display: flex; flex-direction: column; gap: 12px; }
.hx-feat-name {
  font-family: var(--font-display) !important;
  font-size: clamp(30px, 2.6vw, 40px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.1 !important;
  background: linear-gradient(90deg, var(--evra-primary) 0%, var(--evra-info-bright) 20%, var(--evra-dv-violet) 40%, var(--evra-dv-5) 60%, var(--evra-primary) 80%, var(--evra-info-bright) 100%) !important;
  background-size: 400% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: hxEyeFlow 3s linear infinite, hxFeatBounce 1.8s ease-in-out infinite;
  display: inline-block;
  transform-origin: left center;
}
.hx-feat:nth-child(1) .hx-feat-name { animation-delay: 0s, 0s; }
.hx-feat:nth-child(2) .hx-feat-name { animation-delay: 0.2s, 0.15s; }
.hx-feat:nth-child(3) .hx-feat-name { animation-delay: 0.4s, 0.3s; }
.hx-feat:nth-child(4) .hx-feat-name { animation-delay: 0.6s, 0.45s; }
@keyframes hxFeatBounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}
.hx-feat-desc { color: var(--fg-0) !important; font-size: 17px !important; line-height: 1.6 !important; max-width: 32ch; opacity: 0.85; }
.hx-feat::after {
  content: "";
  position: absolute;
  left: 0;
  top: 32px;
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--evra-primary-rgb),0.6), transparent);
}

/* Section headers — bigger, breathing room above so they aren't crammed against the hero */
section { padding-top: 110px !important; padding-bottom: 0 !important; }
.console-section,
.ba-section,
.engine-section,
.gs2-section,
.reports-section,
.uc-section,
.av-section { padding-top: 110px !important; }

/* Hero: reduce excessive top dead zone */
.hx-hero { padding-top: 0 !important; }
.hx-eye { margin-bottom: 16px !important; }

/* Standardize eyebrow → H2 gap across all sections */
.pill,
.console-pill,
.ba-eye,
.engine-head .pill,
.gs2-eye,
.reports-section .pill { margin-bottom: 16px !important; }

/* H1 / H2 hierarchy: stronger differential */
.hx-headline { font-size: clamp(56px, 6.4vw, 92px) !important; }
.h-section,
.console-title,
.ba-title,
.gs2-h2,
.engine-head h2,
.reports-left h2 {
  font-size: clamp(40px, 4.2vw, 58px) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
}

/* Stats bar sub-labels — legibility floor */
.stat-band-sub { font-size: 13px !important; color: var(--fg-1) !important; }
.ba-band-s { font-size: 14px !important; }

/* Footer body text minimum */
.site-footer .footer-brand p { font-size: 13px !important; line-height: 1.65 !important; color: var(--fg-1) !important; }

/* Engine section: right column aligns to top of heading */
.engine-grid { align-items: start !important; }
.engine-dash { align-self: start !important; }

/* Global Scale section — image-verbatim clone */
.gs2-grid { grid-template-columns: 360px 1fr !important; gap: 48px !important; align-items: start !important; }
.gs2-h2 { font-size: clamp(54px, 4.6vw, 72px) !important; line-height: 1.04 !important; letter-spacing: -0.03em !important; margin-bottom: 22px !important; }
.gs2-lede { font-size: 18px !important; line-height: 1.6 !important; color: var(--fg-1) !important; margin-bottom: 32px !important; max-width: 36ch !important; }

/* Capability table */
.gs2-table .gs2-th { padding: 10px 16px !important; font-size: 10px !important; letter-spacing: 0.14em !important; }
.gs2-table .gs2-tr { padding: 10px 16px !important; display: grid !important; grid-template-columns: 1fr 1.4fr !important; gap: 14px !important; align-items: center !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
.gs2-table .gs2-tn { font-size: 12.5px !important; color: var(--fg-0) !important; font-weight: 500 !important; padding: 0 !important; }
.gs2-table .gs2-td { font-size: 11.5px !important; line-height: 1.4 !important; color: var(--fg-2) !important; padding: 0 !important; }

/* Reports panel */
.gs2-reports { padding: 28px 32px !important; }
.gs2-rep-head { margin-bottom: 18px !important; }
.gs2-crumb { font-size: 10.5px !important; letter-spacing: 0.14em !important; }
.gs2-rep-title { font-size: 26px !important; font-weight: 700 !important; margin: 6px 0 4px !important; }
.gs2-rep-sub { font-size: 12.5px !important; color: var(--fg-3) !important; }
.gs2-date { padding: 7px 13px !important; font-size: 12px !important; }

/* KPI cards */
.gs2-kpis { gap: 14px !important; margin-bottom: 14px !important; }
.gs2-kpi { padding: 16px 18px 0 !important; height: 132px !important; border-radius: 10px !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.08) !important; }
.gs2-kpi-row { gap: 10px !important; margin-bottom: 8px !important; }
.gs2-kpi-ico { width: 26px !important; height: 26px !important; border-radius: 6px !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.18) !important; }
.gs2-kpi-ico svg { width: 13px !important; height: 13px !important; color: var(--fg-0) !important; stroke: var(--fg-0) !important; }
.gs2-kpi-label { font-family: var(--font-mono) !important; font-size: 10.5px !important; letter-spacing: 0.12em !important; color: var(--fg-3) !important; }
.gs2-kpi-delta { font-size: 11px !important; color: var(--accent) !important; }
.gs2-kpi-v { font-size: 30px !important; margin-top: 4px !important; }

/* Trend cards */
.gs2-trends { gap: 14px !important; }
.gs2-trend { padding: 16px 18px !important; border-radius: 10px !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.08) !important; }
.gs2-trend-title { font-size: 15px !important; }
.gs2-trend-sub { font-size: 11px !important; }
.gs2-trend-v { font-size: 20px !important; }
.gs2-trend-vsub { font-size: 10.5px !important; }
.gs2-chart { height: 150px !important; }

/* Extras: funnel + objections */
.gs2-extras { gap: 14px !important; margin-top: 14px !important; }
.gs2-funnel, .gs2-obj { background: transparent !important; border: 1px solid rgba(255,255,255,0.08) !important; padding: 16px 18px !important; border-radius: 10px !important; }
.gs2-x-title { font-size: 14px !important; margin-bottom: 12px !important; }
.gs2-funnel-rows { gap: 7px !important; }
.gs2-fn-row { grid-template-columns: 70px 1fr 38px !important; gap: 10px !important; }
.gs2-fn-l { font-size: 11.5px !important; }
.gs2-fn-bar { height: 22px !important; }
.gs2-fn-v { font-size: 11px !important; }
.gs2-fn-p { font-size: 11px !important; }
.gs2-obj-rows { gap: 11px !important; }
.gs2-ob-row { grid-template-columns: 24px minmax(140px, 1.15fr) 1fr 36px 40px !important; gap: 12px !important; }
.gs2-ob-name { font-size: 14.5px !important; }
.gs2-ob-tags { font-size: 11.5px !important; }
.gs2-ob-v { font-size: 14.5px !important; }
.gs2-ob-p { font-size: 10px !important; }
.gs2-ob-foot { margin-top: 10px !important; padding-top: 9px !important; font-size: 10px !important; gap: 10px !important; }

/* Capability table body text — lift contrast */
.gs2-table .gs2-td { color: var(--fg-1) !important; }

/* Test EVRA — moved to bottom of page as full-width strip */
.testevra-section { padding: 60px 0 !important; }
.testevra-strip {
  max-width: 1100px;
  margin: 0 auto;
  padding: 36px 40px !important;
  background: var(--evra-surface-1) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 16px !important;
}
.testevra-strip .ba-testcard-title { font-size: 30px !important; margin-bottom: 8px !important; }
.testevra-strip .ba-testcard-sub { font-size: 16px !important; margin-bottom: 26px !important; color: var(--fg-2) !important; }
.testevra-strip .ba-phone-row { gap: 12px !important; margin-bottom: 16px !important; }
.testevra-strip .ba-phone-input { font-size: 15px !important; padding: 14px 16px !important; }
.testevra-strip .ba-testbtn { padding: 14px 26px !important; font-size: 14.5px !important; }

/* CTA band — bigger emotional weight */
.cta-band {
  padding: 96px 64px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.cta-band h2 { font-size: clamp(56px, 5.6vw, 80px) !important; }
.cta-band p { font-size: 18px !important; max-width: 600px !important; margin: 0 auto 40px !important; }
.cta-band .btn-primary { padding: 18px 34px !important; font-size: 16px !important; }
.cta-band .btn-outline { padding: 18px 34px !important; font-size: 16px !important; }

/* Build Agent right column — fill the space below the agent panel */
.ba-right { gap: 24px !important; }
.ba-window { min-height: 720px; }

.engine-grid { grid-template-columns: 1fr !important; align-items: start !important; gap: 32px !important; }
.engine-caps { grid-template-columns: repeat(3, 1fr) !important; gap: 28px 56px !important; padding-top: 0 !important; padding-bottom: 16px; border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }
.engine-cap-desc { font-size: 14px !important; line-height: 1.55 !important; color: var(--fg-1) !important; }
.engine-dash { min-height: 480px !important; }
.engine-quote-attr { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 24px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fg-3); }
.engine-quote-attr .eq-name { color: var(--fg-1); font-weight: 600; }
.engine-quote-attr .eq-sep { opacity: 0.4; }
.engine-caps {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}
.engine-cap {
  position: relative;
  background: var(--evra-surface-1) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 16px !important;
  padding: 26px 26px 24px !important;
  margin-bottom: 0 !important;
  border-right: 1px solid rgba(255,255,255,0.10) !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  display: grid !important;
  grid-template-columns: 80px 1fr !important;
  gap: 22px !important;
  align-items: flex-start !important;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6) !important;
}
.engine-cap:nth-child(3n) { border-right: 1px solid rgba(255,255,255,0.10) !important; }
.engine-cap::before { display: none !important; }
.engine-cap-num { margin-bottom: 0 !important; font-size: 13px !important; color: var(--accent) !important; font-family: var(--font-mono) !important; font-weight: 700 !important; letter-spacing: 0.06em !important; }
.engine-cap-title { margin-bottom: 0 !important; font-size: 22px !important; line-height: 1.18 !important; font-weight: 700 !important; color: var(--fg-0) !important; }
.engine-cap-desc { margin: 4px 0 14px !important; font-size: 14px !important; line-height: 1.55 !important; color: var(--fg-2) !important; }

/* Orbital icon — concentric rings */
.ecap-orbit {
  position: relative;
  width: 80px; height: 80px;
  display: none;
  flex-shrink: 0;
}

/* New bespoke AI visualizations replacing the orbital icons */
.ecap-viz {
  width: 100%;
  height: 72px;
  margin-bottom: 16px;
  position: relative;
  display: block;
}
.ecap-viz svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Atmospheric card background — flat charcoal matching the rest of the site */
.engine-cap {
  position: relative;
  background: var(--evra-surface-1) !important;
  overflow: hidden;
}
.engine-cap::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(var(--evra-primary-rgb),0.05) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: 0.35;
  pointer-events: none;
  mask-image: radial-gradient(ellipse at 80% 20%, black 0%, transparent 65%);
  -webkit-mask-image: radial-gradient(ellipse at 80% 20%, black 0%, transparent 65%);
}
.engine-cap > * { position: relative; z-index: 1; }

/* 01 — Conversation pulse: typing dots */
.ecap-viz-pulse .ecap-dot-row circle { animation: ecapDotBlink 1.4s ease-in-out infinite; }
.ecap-viz-pulse .ecap-dot-row circle:nth-child(2) { animation-delay: 0.18s; }
.ecap-viz-pulse .ecap-dot-row circle:nth-child(3) { animation-delay: 0.36s; }
@keyframes ecapDotBlink {
  0%, 100% { opacity: 0.3; }
  50%      { opacity: 1; }
}

/* 02 — Adaptive sentiment wave (three layers) */
.ecap-viz-wave .ecap-wave-a { animation: ecapWaveA 3.6s ease-in-out infinite; transform-origin: center; }
.ecap-viz-wave .ecap-wave-b { animation: ecapWaveB 4.2s ease-in-out infinite; transform-origin: center; }
.ecap-viz-wave .ecap-wave-c { animation: ecapWaveC 5.4s ease-in-out infinite; transform-origin: center; }
@keyframes ecapWaveA { 0%,100% { transform: scaleY(1);   } 50% { transform: scaleY(0.35); } }
@keyframes ecapWaveB { 0%,100% { transform: scaleY(0.6); } 50% { transform: scaleY(1.2);  } }
@keyframes ecapWaveC { 0%,100% { transform: scaleY(0.4); } 50% { transform: scaleY(1);    } }

/* 03 — Memory layers — float in/out */
.ecap-viz-memory .ecap-mem-layers ellipse { animation: ecapMemPulse 4.8s ease-in-out infinite; transform-origin: center; }
.ecap-viz-memory .ecap-mem-layers ellipse:nth-child(2) { animation-delay: 0.5s; }
.ecap-viz-memory .ecap-mem-layers ellipse:nth-child(3) { animation-delay: 1s; }
.ecap-viz-memory .ecap-mem-nodes circle { animation: ecapDotBlink 2.6s ease-in-out infinite; }
.ecap-viz-memory .ecap-mem-nodes circle:nth-child(2) { animation-delay: 0.4s; }
.ecap-viz-memory .ecap-mem-nodes circle:nth-child(3) { animation-delay: 0.8s; }
.ecap-viz-memory .ecap-mem-nodes circle:nth-child(4) { animation-delay: 1.2s; }
@keyframes ecapMemPulse { 0%,100% { opacity: 0.5; } 50% { opacity: 1; } }

/* 04 — Routing — paths flow */
.ecap-viz-route .ecap-route-paths path {
  stroke-dasharray: 28 200;
  animation: ecapRouteFlow 3s linear infinite;
}
.ecap-viz-route .ecap-route-paths path:nth-child(2) { animation-delay: 0.25s; }
.ecap-viz-route .ecap-route-paths path:nth-child(3) { animation-delay: 0.5s; }
.ecap-viz-route .ecap-route-paths path:nth-child(4) { animation-delay: 0.75s; }
.ecap-viz-route .ecap-route-paths path:nth-child(5) { animation-delay: 1s; }
.ecap-viz-route .ecap-route-paths path:nth-child(6) { animation-delay: 1.25s; }
@keyframes ecapRouteFlow { 0% { stroke-dashoffset: 220; } 100% { stroke-dashoffset: 0; } }
.ecap-viz-route .ecap-route-nodes circle { animation: ecapDotBlink 2.2s ease-in-out infinite; }

/* 05 — Radar sweep */
.ecap-viz-latency .ecap-radar-sweep { animation: ecapRadarSpin 2.4s linear infinite; transform-origin: 0 0; }
@keyframes ecapRadarSpin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }

/* 06 — Globe orbit */
.ecap-viz-globe .ecap-globe-rot { animation: ecapRadarSpin 18s linear infinite; transform-origin: 0 0; }
.ecap-viz-globe .ecap-globe-orbit { animation: ecapRadarSpin 12s linear infinite reverse; transform-origin: 0 0; }

/* Telemetry strip (replaces flat green rule) */
.ecap-telemetry {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 14px;
}
.ecap-tel-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.55);
  animation: ucDotPulse 1.6s ease-in-out infinite;
  flex-shrink: 0;
}
.ecap-tel-dash {
  display: block;
  width: 14px;
  height: 2px;
  border-radius: 2px;
  background: rgba(var(--evra-primary-rgb),0.30);
}
.ecap-tel-dash:nth-child(2) { width: 20px; background: rgba(var(--evra-primary-rgb),0.45); animation: ecapDashBlink 2.4s ease-in-out infinite; }
.ecap-tel-dash:nth-child(3) { width: 10px; background: rgba(var(--evra-primary-rgb),0.20); animation: ecapDashBlink 2.4s ease-in-out infinite 0.4s; }
.ecap-tel-dash:nth-child(4) { width: 16px; background: rgba(var(--evra-primary-rgb),0.35); animation: ecapDashBlink 2.4s ease-in-out infinite 0.8s; }
.ecap-tel-dash:nth-child(5) { width: 8px;  background: rgba(var(--evra-primary-rgb),0.18); animation: ecapDashBlink 2.4s ease-in-out infinite 1.2s; }
@keyframes ecapDashBlink {
  0%, 100% { opacity: 0.4; }
  50%      { opacity: 1; }
}
.ecap-rule { display: none; }
  display: grid; place-items: center;
  flex-shrink: 0;
}
.ecap-orbit::before,
.ecap-orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(var(--evra-primary-rgb),0.18);
  pointer-events: none;
}
.ecap-orbit::before { width: 80px; height: 80px; }
.ecap-orbit::after  { width: 62px; height: 62px; border-color: rgba(var(--evra-primary-rgb),0.30); }
.ecap-ico {
  position: relative;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: rgba(8,12,14,0.85);
  border: 1px solid rgba(var(--evra-primary-rgb),0.50);
  display: grid; place-items: center;
  color: var(--accent);
  box-shadow: inset 0 0 16px rgba(var(--evra-primary-rgb),0.18);
}
.ecap-ico svg { width: 22px; height: 22px; color: var(--accent); stroke: var(--accent); }

.ecap-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ecap-rule {
  display: block;
  width: 48px; height: 2px;
  background: linear-gradient(90deg, var(--accent), transparent);
  border-radius: 2px;
  margin-top: auto;
}
.engine-dash { width: 100% !important; }
.engine-quote { max-width: 900px !important; margin: 64px auto 0 !important; text-align: center !important; padding: 56px 40px !important; background: rgba(20,25,29,0.5) !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.06) !important; }

/* Build Agent section — verbatim image layout */
.ba-grid { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.4fr) !important; align-items: start !important; gap: 80px !important; }
.ba-copy { display: flex !important; flex-direction: column !important; gap: 18px !important; }
.ba-title { font-size: clamp(48px, 5vw, 76px) !important; line-height: 1.04 !important; letter-spacing: -0.03em !important; margin-bottom: 12px !important; }
.ba-lede { font-size: 17px !important; line-height: 1.55 !important; color: var(--fg-1) !important; max-width: 44ch; margin-bottom: 18px !important; }
.ba-bullets { display: flex !important; flex-direction: column !important; gap: 14px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }
.ba-bullets li { display: flex !important; align-items: center !important; gap: 14px !important; font-size: 15px !important; color: var(--fg-0) !important; }
.ba-bul-ico { width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 1.5px solid var(--accent) !important; background: transparent !important; color: var(--accent) !important; display: grid !important; place-items: center !important; flex-shrink: 0 !important; }
.ba-bul-ico svg { width: 12px !important; height: 12px !important; color: var(--accent) !important; stroke: var(--accent) !important; }

/* 2×2 feature cards (replaces flat bullet list) */
.ba-fcards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 8px;
  margin-right: 0;
  position: relative;
  z-index: 2;
}
.ba-fcard {
  position: relative;
  display: grid;
  grid-template-columns: 36px 1fr 18px;
  gap: 12px;
  align-items: flex-start;
  padding: 16px 16px 22px;
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  text-decoration: none;
  transition: border-color .15s, transform .15s, background .15s;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
  min-height: 132px;
}
.ba-fcard::before {
  content: "";
  position: absolute;
  left: 12px; bottom: 0;
  width: 40px; height: 2px;
  background: linear-gradient(90deg, var(--accent), transparent);
  opacity: 0;
  transition: opacity .15s;
}
.ba-fcard:hover { border-color: rgba(var(--evra-primary-rgb),0.45); transform: translateY(-2px); }
.ba-fcard:hover::before { opacity: 1; }
.ba-fc-ico {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.40);
  display: grid; place-items: center;
  color: var(--fg-0);
  flex-shrink: 0;
}
.ba-fc-ico svg { width: 16px; height: 16px; color: var(--fg-0); stroke: var(--fg-0); }
.ba-fc-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ba-fc-t {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--fg-0);
  line-height: 1.2;
  letter-spacing: -0.005em;
}
.ba-fc-s {
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--accent);
  line-height: 1.4;
}
.ba-fcard:nth-child(2) .ba-fc-s,
.ba-fcard:nth-child(3) .ba-fc-s,
.ba-fcard:nth-child(4) .ba-fc-s { color: var(--fg-2); }
.ba-fc-arr {
  align-self: flex-end;
  width: 18px; height: 18px;
  display: grid; place-items: center;
  color: var(--accent);
}
.ba-fc-arr svg { width: 14px; height: 14px; color: var(--accent); stroke: var(--accent); }

/* Right column — examples header + cards row + builder window */
.ba-right { display: flex !important; flex-direction: column !important; gap: 32px !important; }
.ba-examples { padding: 0 !important; border: none !important; background: transparent !important; }
.ba-examples-head { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 24px !important; }
.ba-examples-eye { font-family: var(--font-mono) !important; font-size: 12px !important; letter-spacing: 0.16em !important; color: var(--fg-3) !important; }
.ba-examples-nav { display: flex !important; gap: 10px !important; }
.ba-nav-btn { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.18) !important; color: var(--fg-1) !important; display: grid !important; place-items: center !important; cursor: pointer !important; }
.ba-examples-row { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 18px !important; }
.ba-ex-card { padding: 0 !important; background: transparent !important; border: none !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.ba-ex-ico { width: 36px !important; height: 36px !important; color: var(--accent) !important; display: grid !important; place-items: center !important; background: transparent !important; border: none !important; }
.ba-ex-ico svg { width: 26px !important; height: 26px !important; color: var(--accent) !important; stroke: var(--accent) !important; }
.ba-ex-name { font-size: 17px !important; font-weight: 700 !important; color: var(--fg-0) !important; line-height: 1.2 !important; }
.ba-ex-sub { font-size: 14px !important; line-height: 1.5 !important; color: var(--fg-2) !important; }

/* Builder window */
.ba-window { width: 100% !important; min-height: 0 !important; }

/* 4-feature strip at the bottom */
.ba-band { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 32px !important; padding: 28px 32px !important; background: rgba(14,18,20,0.55) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 14px !important; margin-top: 56px !important; }
.ba-band-item { display: flex !important; align-items: center !important; gap: 16px !important; padding: 0 !important; background: transparent !important; border: none !important; }
.ba-band-ico { width: 52px !important; height: 52px !important; border-radius: 50% !important; border: 1.5px solid rgba(var(--evra-primary-rgb),0.45) !important; display: grid !important; place-items: center !important; flex-shrink: 0 !important; color: var(--accent) !important; }
.ba-band-ico svg { width: 22px !important; height: 22px !important; color: var(--accent) !important; stroke: var(--accent) !important; }
.ba-band-t { font-size: 16px !important; font-weight: 700 !important; color: var(--fg-0) !important; margin-bottom: 3px !important; }
.ba-band-s { font-size: 13px !important; color: var(--fg-2) !important; line-height: 1.4 !important; }

/* Capability table rows */
.gs2-table .gs2-tr {
  padding: 10px 14px !important;
}
.gs2-table .gs2-tn,
.gs2-table .gs2-td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}
.gs2-table .gs2-th { padding: 8px 14px !important; font-size: 10.5px !important; letter-spacing: 0.12em !important; }
.gs2-grid { grid-template-columns: 28% 72% !important; align-items: start !important; }

/* Console chips — fix blank-text primary chip + bigger size */
.console-chip { padding: 12px 22px !important; font-size: 14px !important; gap: 10px !important; }
.console-chip.primary { background: var(--accent) !important; color: var(--accent-ink) !important; border-color: var(--accent) !important; }
.console-chip.primary svg { color: var(--accent-ink) !important; stroke: var(--accent-ink) !important; }
.console-chip:not(.primary) { color: var(--fg-0) !important; }
.console-chip:not(.primary) svg { color: var(--accent) !important; stroke: var(--accent) !important; }

/* Stat band — more breathing room + stronger typography hierarchy */
.stat-band { padding: 32px 0 !important; gap: 48px !important; }
.stat-band-item { padding: 8px 0 !important; }
.stat-band-val { font-size: 64px !important; font-weight: 700 !important; color: var(--accent) !important; line-height: 1 !important; }
.stat-band-label { font-size: 18px !important; font-weight: 600 !important; color: var(--fg-0) !important; }
.stat-band-sub { font-size: 13px !important; font-weight: 400 !important; color: var(--fg-3) !important; }

/* Console step icons — soften inactive states, emphasize active */
.cs-item { opacity: 0.55; transition: opacity .2s; }
.cs-item.active { opacity: 1; }
.cs-item .cs-step { transition: transform .2s, box-shadow .2s; }
.cs-item.active .cs-step { transform: scale(1.08); box-shadow: 0 0 24px rgba(var(--evra-primary-rgb),0.45); border-color: var(--accent) !important; }
.cs-label { font-size: 14.5px !important; margin-top: 8px !important; color: var(--fg-1) !important; font-weight: 500 !important; }
.cs-item.active .cs-label { color: var(--accent) !important; font-weight: 600 !important; }
.reports-section .reports-head { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.6fr) !important; gap: 48px !important; align-items: start !important; padding-top: 0 !important; }
.reports-left { display: block !important; align-self: start !important; min-width: 0 !important; overflow: hidden !important; padding-top: 0 !important; }
.reports-left .pill { margin-bottom: 18px !important; }
.reports-right { align-self: start !important; padding-top: 0 !important; min-width: 0 !important; }

/* Table — reduce internal density so columns don't clip */
.reports-table-card { padding: 0 !important; }
.reports-table-card .reports-tabs { padding: 4px 18px 0 !important; }
.reports-table-card .reports-table { font-size: 12.5px !important; table-layout: auto !important; width: 100% !important; }
.reports-table-card .reports-table th { padding: 10px 12px !important; font-size: 10px !important; }
.reports-table-card .reports-table td { padding: 12px 12px !important; font-size: 12.5px !important; }
.reports-table-card .reports-table th:nth-child(1),
.reports-table-card .reports-table td:nth-child(1) { width: 92px !important; padding-left: 18px !important; white-space: nowrap !important; }
.reports-table-card .reports-table th:nth-child(2),
.reports-table-card .reports-table td:nth-child(2) { width: 175px !important; white-space: nowrap !important; }
.reports-table-card .reports-table th:nth-child(3),
.reports-table-card .reports-table td:nth-child(3) { width: 130px !important; white-space: nowrap !important; }
.reports-table-card .reports-table th:nth-child(4),
.reports-table-card .reports-table td:nth-child(4) { width: 100px !important; white-space: nowrap !important; }
.reports-table-card .reports-table th:nth-child(5),
.reports-table-card .reports-table td:nth-child(5) { width: 100px !important; white-space: nowrap !important; }
.reports-table-card .reports-table th:nth-child(6),
.reports-table-card .reports-table td:nth-child(6) { width: 66px !important; white-space: nowrap !important; }
.reports-table-card .reports-table th:nth-child(7),
.reports-table-card .reports-table td:nth-child(7) { width: 74px !important; white-space: nowrap !important; }
.reports-table-card .reports-table th:nth-child(8),
.reports-table-card .reports-table td:nth-child(8) { width: auto !important; min-width: 240px !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; }
.reports-table-card .reports-table th:nth-child(9),
.reports-table-card .reports-table td:nth-child(9) { width: 44px !important; padding-right: 16px !important; }
.channel-cell { font-size: 12.5px !important; gap: 9px !important; }
.ch-ico { width: 26px !important; height: 26px !important; flex: 0 0 26px !important; }
.ch-ico svg { width: 12px !important; height: 12px !important; }
.reports-table-card .reports-table .mono { font-size: 11.5px !important; }
.reports-disposition { padding: 3px 8px !important; font-size: 10.5px !important; }
.reports-table-card .reports-foot { padding: 12px 18px !important; font-size: 11.5px !important; }

/* Overview card — relaxed spacing */
.reports-right .reports-overview { padding: 22px 22px !important; }
.reports-overview-grid { grid-template-columns: 160px repeat(5, minmax(0, 1fr)) !important; gap: 14px !important; }
.reports-overview .ro-stat-val { font-size: 22px !important; }
.reports-overview .ro-stat-lbl { font-size: 11.5px !important; line-height: 1.3 !important; }
.reports-cta { margin-top: 24px !important; padding: 0 !important; background: transparent !important; border: none !important; }
.reports-left h2 {
  font-size: clamp(40px, 3.4vw, 56px) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.05 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}
.reports-left { min-width: 0 !important; overflow: hidden !important; }

/* Feature list — 2×2 grid for better balance */
.reports-features { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 22px 28px !important; margin-bottom: 28px !important; }
.reports-feat { padding: 0 !important; margin-bottom: 0 !important; display: grid !important; grid-template-columns: 36px 1fr !important; gap: 12px !important; align-items: start !important; background: transparent !important; border: none !important; }
.reports-feat-ico { width: 36px !important; height: 36px !important; border-radius: 8px !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.18) !important; color: var(--fg-0) !important; display: grid !important; place-items: center !important; }
.reports-feat-ico svg { width: 16px !important; height: 16px !important; color: var(--fg-0) !important; stroke: var(--fg-0) !important; }
.reports-feat-name { font-size: 13.5px !important; font-weight: 700 !important; color: var(--fg-0) !important; margin-bottom: 2px !important; line-height: 1.2 !important; }
.reports-feat-desc { font-size: 11.5px !important; line-height: 1.4 !important; color: var(--fg-2) !important; margin: 0 !important; }

/* Table — more breathing room in rows */
.reports-table-card .reports-table th { padding: 12px 10px !important; font-size: 10px !important; }
.reports-table-card .reports-table td { padding: 12px 10px !important; font-size: 12.5px !important; }
.reports-table-card .reports-table th:nth-child(2),
.reports-table-card .reports-table td:nth-child(2) { width: 175px !important; }
.reports-table-card .reports-table th:nth-child(3),
.reports-table-card .reports-table td:nth-child(3) { width: 130px !important; }
.reports-table-card .reports-table th:nth-child(8),
.reports-table-card .reports-table td:nth-child(8) { width: auto !important; min-width: 160px !important; }
.channel-cell { font-size: 12.5px !important; gap: 9px !important; }
.ch-ico { width: 26px !important; height: 26px !important; flex: 0 0 26px !important; }
.ch-ico svg { width: 12px !important; height: 12px !important; }
.reports-table-card .reports-table .mono { font-size: 12px !important; }
.reports-disposition { padding: 3px 8px !important; font-size: 10.5px !important; }

/* Supporting stat strip extending the reports left column */
.reports-substats {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,0.08);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
}
.reports-substat .rs-v {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 6px;
}
.reports-substat .rs-l {
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--fg-3);
  line-height: 1.3;
}

/* Final CTA — bigger emotional weight + ambient glow */
.cta-band {
  padding: 120px 80px !important;
  max-width: 1200px !important;
  position: relative;
  overflow: hidden;
}
.cta-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(var(--evra-primary-rgb),0.10), transparent 60%),
    radial-gradient(ellipse at 50% 100%, rgba(var(--evra-primary-rgb),0.06), transparent 55%);
  pointer-events: none;
}
.cta-band > * { position: relative; z-index: 1; }
.cta-band h2 { font-size: clamp(64px, 6vw, 92px) !important; line-height: 1.02 !important; }
.cta-band p { font-size: 19px !important; max-width: 640px !important; margin: 0 auto 44px !important; line-height: 1.55 !important; }

/* Tighten gap between Test EVRA strip and CTA */
.testevra-section { padding: 48px 0 32px !important; }

/* Footer — more vertical breathing room */
.site-footer { padding: 80px 0 48px !important; }
.footer-top { gap: 56px !important; padding-bottom: 48px !important; margin-bottom: 56px !important; }
.footer-form-section { gap: 56px !important; padding-top: 16px !important; padding-bottom: 32px !important; }

/* Enterprise trust stack — stronger hierarchy */
.enterprise-list { gap: 36px !important; padding: 8px 0 0 24px !important; }
.enterprise-item { gap: 20px !important; grid-template-columns: 56px 1fr !important; align-items: center !important; }
.enterprise-item-ico { width: 56px !important; height: 56px !important; }
.enterprise-item-ico svg { width: 24px !important; height: 24px !important; }
.enterprise-item-name { font-size: 17px !important; font-weight: 700 !important; margin-bottom: 6px !important; }
.enterprise-item-desc { font-size: 13.5px !important; line-height: 1.5 !important; color: var(--fg-3) !important; max-width: 32ch !important; }

/* Enterprise sales form — bigger surface */
.footer-form { padding: 44px 44px !important; }
.footer-form h3 { font-size: 28px !important; margin-bottom: 10px !important; }
.footer-form-lede { font-size: 14.5px !important; margin-bottom: 28px !important; }
.footer-form .form-input,
.footer-form .form-select,
.footer-form .form-textarea { padding: 14px 16px !important; font-size: 14px !important; }
.footer-form .form-textarea { min-height: 110px !important; }

/* ════════════════════════════════════════════════════════════════
   CINEMATIC GLOBAL VOICE NETWORK — full-bleed atmospheric moment
   ════════════════════════════════════════════════════════════════ */
.cinema-section {
  position: relative;
  padding: 160px 0 180px !important;
  overflow: hidden;
  isolation: isolate;
}
.cinema-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.cinema-orbits {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.cinema-arc {
  transform-origin: 800px 400px;
  animation: cinemaSpin 28s linear infinite;
}
.cinema-arc-2 {
  animation: cinemaSpin 18s linear infinite reverse;
}
@keyframes cinemaSpin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.cinema-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(var(--evra-primary-rgb),0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--evra-primary-rgb),0.04) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);
  opacity: 0.5;
}
.cinema-content {
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
  position: relative;
}
.cinema-eye {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: 0.22em;
  color: var(--accent);
  margin-bottom: 28px;
}
.cinema-h {
  font-family: var(--font-display);
  font-size: clamp(56px, 6vw, 96px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: var(--fg-0);
  margin: 0 0 28px;
  text-wrap: balance;
}
.cinema-h .green { color: var(--accent); }
.cinema-lede {
  font-size: 19px;
  line-height: 1.6;
  color: var(--fg-1);
  max-width: 640px;
  margin: 0 auto 64px;
}
.cinema-pins {
  position: relative;
  height: 240px;
  margin-top: 24px;
}
.cpin {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.06em;
  color: var(--fg-1);
  line-height: 1.4;
  text-align: center;
}
.cpin em {
  font-style: normal;
  font-size: 10.5px;
  color: var(--fg-3);
  letter-spacing: 0.10em;
}
.cpin-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(var(--evra-primary-rgb),0.18), 0 0 16px rgba(var(--evra-primary-rgb),0.6);
  animation: cinemaPulse 2.4s ease-in-out infinite;
}
@keyframes cinemaPulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(var(--evra-primary-rgb),0.18), 0 0 16px rgba(var(--evra-primary-rgb),0.6); }
  50%      { box-shadow: 0 0 0 8px rgba(var(--evra-primary-rgb),0.05), 0 0 24px rgba(var(--evra-primary-rgb),0.9); }
}
.cpin-1 { left: 12%; top: 30%; animation-delay: 0s; }
.cpin-2 { left: 26%; top: 70%; }
.cpin-3 { left: 50%; top: 18%; transform: translateX(-50%); }
.cpin-4 { left: 72%; top: 62%; }
.cpin-5 { left: 86%; top: 30%; }
.cpin-1 .cpin-dot { animation-delay: 0s; }
.cpin-2 .cpin-dot { animation-delay: 0.4s; }
.cpin-3 .cpin-dot { animation-delay: 0.8s; }
.cpin-4 .cpin-dot { animation-delay: 1.2s; }
.cpin-5 .cpin-dot { animation-delay: 1.6s; }

/* CTA band — wrap in ambient glow + particle haze */
.cta-band {
  padding: 120px 80px !important;
  max-width: 1200px !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(var(--evra-primary-rgb),0.10) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(var(--evra-primary-rgb),0.08) 0%, transparent 55%),
    rgba(20,25,29,0.55) !important;
  border: 1px solid rgba(var(--evra-primary-rgb),0.20) !important;
  border-radius: 24px !important;
  box-shadow: 0 0 80px rgba(var(--evra-primary-rgb),0.10), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
.cta-band h2 {
  font-size: clamp(64px, 6vw, 92px) !important;
  line-height: 1.02 !important;
  position: relative;
  z-index: 2;
}
.cta-band p {
  font-size: 19px !important;
  max-width: 640px !important;
  margin: 0 auto 44px !important;
  line-height: 1.55 !important;
  position: relative;
  z-index: 2;
}
.cta-band-ctas { position: relative; z-index: 2; }

/* Enterprise items — single unified intelligence panel */
.enterprise-list {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

/* Compact Test EVRA card — docked under enterprise panel */
.testevra-compact {
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
}
.tec-head { margin-bottom: 14px; }
.tec-title {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  color: var(--fg-0);
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}
.tec-sub {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.4;
}
.tec-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  margin-bottom: 12px;
}
.tec-cc {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 0 11px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 8px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-1);
}
.tec-flag { display: inline-flex; }
.tec-input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 8px;
  color: var(--fg-0);
  font-family: var(--font-body);
  font-size: 13px;
  outline: none;
}
.tec-input::placeholder { color: var(--fg-4); }
.tec-input:focus { border-color: var(--accent); }
.tec-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  height: 40px;
  background: var(--accent);
  color: var(--accent-ink);
  border: none;
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 0 16px rgba(var(--evra-primary-rgb),0.30);
}
.tec-btn:hover { filter: brightness(1.05); }
.tec-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 4px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-3);
  letter-spacing: 0.04em;
}
.tec-secure,
.tec-rating { display: inline-flex; align-items: center; gap: 6px; }
/* ════════════════════════════════════════════════════════════════
   USE CASES SECTION
   ════════════════════════════════════════════════════════════════ */
.uc-section { padding: 80px 0 !important; }

/* Section header */
.uc-head {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  align-items: end;
  gap: 56px;
  margin-bottom: 32px;
}
.uc-head .pill { margin-bottom: 22px; display: inline-flex; }
.uc-head h2 {
  font-size: clamp(48px, 4.8vw, 76px) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.04 !important;
  margin: 0 !important;
}
.uc-lede {
  font-size: 18.5px !important;
  line-height: 1.6 !important;
  color: var(--fg-1) !important;
  margin: 0 0 12px !important;
  max-width: 44ch;
}

/* Filter chips */
.uc-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
}
.uc-chip {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 10px 18px;
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  color: var(--fg-1);
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color .15s, background .15s, color .15s;
}
.uc-chip svg { width: 15px; height: 15px; color: var(--accent); stroke: var(--accent); }
.uc-chip:hover { border-color: rgba(255,255,255,0.22); }
.uc-chip.on {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-ink);
}
.uc-chip.on svg { color: var(--accent-ink); stroke: var(--accent-ink); }

/* Card grid */
.uc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}
@media (max-width: 1180px) { .uc-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 780px) { .uc-grid { grid-template-columns: 1fr; } }

/* Card */
.uc-card {
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  padding: 22px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
}
.uc-card-head { display: flex; flex-direction: column; gap: 8px; }
.uc-card-meta { display: flex; align-items: center; gap: 14px; margin-bottom: 4px; }
.uc-card-ico {
  width: 32px; height: 32px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.30);
  display: grid; place-items: center;
  color: var(--fg-0);
}
.uc-card-ico svg { width: 16px; height: 16px; color: var(--fg-0); stroke: var(--fg-0); }
/* Keep the first card's icon green for emphasis */
.uc-card:nth-child(1) .uc-card-ico { border-color: rgba(var(--evra-primary-rgb),0.45); color: var(--accent); }
.uc-card:nth-child(1) .uc-card-ico svg { color: var(--accent); stroke: var(--accent); }
.uc-card:nth-child(4) .uc-card-ico { border-color: rgba(var(--evra-primary-rgb),0.45); color: var(--accent); }
.uc-card:nth-child(4) .uc-card-ico svg { color: var(--accent); stroke: var(--accent); }
.uc-card-num {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--accent);
}
.uc-card-title {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--fg-0);
  line-height: 1.2;
}
.uc-card-desc {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}

/* Visualization area */
.uc-vis { display: flex; flex-direction: column; gap: 10px; flex: 1; }
.uc-panel {
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 12px 14px;
}
.uc-panel-head {
  display: flex; align-items: center; justify-content: space-between;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-1);
  font-weight: 600;
  margin-bottom: 10px;
}
.uc-panel-row { display: grid; grid-template-columns: 90px 1fr; align-items: center; gap: 12px; }
.uc-deal-v {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  color: var(--accent);
  line-height: 1;
  letter-spacing: -0.02em;
}
.uc-deal-l { font-size: 12px; color: var(--fg-2); margin-top: 4px; line-height: 1.3; }
.uc-chart-line { width: 100%; height: 60px; display: block; }
.uc-chart-sentiment { width: 100%; height: 60px; display: block; }
.uc-chart-foot { display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: 11px; color: var(--fg-3); margin-top: 4px; }

/* Lead Generation — bubbles + qualification */
.uc-vis-tight .uc-bubbles { display: flex; flex-direction: column; gap: 6px; }
.uc-bubble {
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--fg-1);
}
.uc-bubble .uc-b-t { font-family: var(--font-mono); font-size: 11px; color: var(--fg-3); flex-shrink: 0; }

.uc-qual {
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 12px;
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 12px;
  align-items: center;
}
.uc-qual-l { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.uc-qual-ring { position: relative; width: 64px; height: 64px; }
.uc-qual-ring svg { width: 100%; height: 100%; animation: ucRingSpin 12s linear infinite; }
@keyframes ucRingSpin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.uc-qual-ring::after {
  content: "";
  position: absolute; inset: -2px;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(var(--evra-primary-rgb),0.45);
  animation: ucRingPulse 2.2s ease-out infinite;
  pointer-events: none;
}
@keyframes ucRingPulse {
  0%   { box-shadow: 0 0 0 0 rgba(var(--evra-primary-rgb),0.40); }
  70%  { box-shadow: 0 0 0 10px rgba(var(--evra-primary-rgb),0); }
  100% { box-shadow: 0 0 0 0 rgba(var(--evra-primary-rgb),0); }
}
.uc-qual-val {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 22px; font-weight: 700; color: var(--accent); line-height: 1;
}
.uc-qual-val em { font-style: normal; font-family: var(--font-body); font-size: 10px; font-weight: 500; color: var(--fg-3); margin-top: 3px; letter-spacing: 0.04em; }
.uc-qual-title { font-size: 12px; color: var(--fg-1); text-align: center; line-height: 1.2; font-weight: 600; }
.uc-qual-rows { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.uc-qual-rows li { display: grid; grid-template-columns: 64px 1fr 36px; align-items: center; gap: 9px; font-size: 12px; color: var(--fg-1); }
.uc-qual-rows .v { text-align: right; font-family: var(--font-mono); color: var(--accent); font-size: 11.5px; font-weight: 600; }
.uc-mini-bar { display: block; height: 5px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden; position: relative; }
.uc-mini-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--evra-primary), var(--evra-primary)); border-radius: 3px; }

/* Sales — chips */
.uc-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.uc-ch {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 6px 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-0);
}
.uc-ch svg { width: 11px; height: 11px; color: var(--fg-0); stroke: var(--fg-0); }
.uc-chips-plain .uc-ch { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); color: var(--fg-1); }

.uc-suggest {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(var(--evra-primary-rgb),0.05);
  border: 1px solid rgba(var(--evra-primary-rgb),0.18);
  border-radius: 10px;
}
.uc-suggest-ico {
  width: 26px; height: 26px;
  border-radius: 6px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.25);
  display: grid; place-items: center;
  color: var(--accent);
  flex-shrink: 0;
}
.uc-suggest-ico svg { width: 13px; height: 13px; }
.uc-suggest-t { font-size: 13px; font-weight: 700; color: var(--fg-0); margin-bottom: 3px; }
.uc-suggest-s { font-size: 12.5px; color: var(--fg-2); line-height: 1.45; }

/* Customer service — sentiment + intent/resolution */
.uc-tag-pos {
  padding: 4px 11px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.20);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-0);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.uc-tag-pos::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--fg-0);
  box-shadow: 0 0 8px rgba(255,255,255,0.5);
  animation: ucDotPulse 1.6s ease-in-out infinite;
}
@keyframes ucDotPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.55; transform: scale(1.25); }
}

/* Pulsing accents on dashboard live indicators */
.gs2-live-dot { animation: ucDotPulse 1.8s ease-in-out infinite; }
.ep-dot { animation: ucDotPulse 2.4s ease-in-out infinite; }

/* Faint shimmer across funnel bars */
.gs2-fn-fill {
  position: relative;
  overflow: hidden;
}
.gs2-fn-fill::after {
  content: "";
  position: absolute;
  top: 0; left: -40%;
  width: 40%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  animation: ucShimmer 3.6s ease-in-out infinite;
}
@keyframes ucShimmer {
  0%   { transform: translateX(0); }
  60%  { transform: translateX(380%); }
  100% { transform: translateX(380%); }
}
.uc-intent {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg-0);
}
.uc-intent-ico {
  width: 24px; height: 24px;
  border-radius: 6px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.18);
  display: grid; place-items: center;
  color: var(--fg-0);
}
.uc-intent-ico svg { width: 12px; height: 12px; color: var(--fg-0); stroke: var(--fg-0); }
.uc-resolved { font-size: 13px; line-height: 1.5; color: var(--fg-1); }

/* Debt collection — payment + recovery */
.uc-pay-row { display: grid; grid-template-columns: 1.4fr 1fr; gap: 10px; }
.uc-pay-v {
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 700;
  color: var(--accent);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-top: 4px;
}
.uc-pay-l { font-size: 12px; color: var(--fg-2); margin-bottom: 10px; }
.uc-checks { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 5px; }
.uc-checks li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--fg-1);
}
.uc-checks li svg { width: 12px; height: 12px; color: var(--accent); stroke: var(--accent); flex-shrink: 0; }
.uc-checks-spaced li { font-size: 13.5px; gap: 10px; padding: 3px 0; }
.uc-checks-spaced li svg { width: 14px; height: 14px; }
.uc-recover {
  display: grid;
  place-items: center;
  padding: 8px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
}
.uc-recover-ring { position: relative; width: 120px; height: 120px; }
.uc-recover-ring svg { width: 100%; height: 100%; animation: ucRingSpin 14s linear infinite reverse; }
.uc-recover-ring::after {
  content: "";
  position: absolute; inset: -4px;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(var(--evra-primary-rgb),0.40);
  animation: ucRingPulse 2.6s ease-out infinite;
  pointer-events: none;
}
.uc-recover-v {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 28px; font-weight: 700; color: var(--accent); line-height: 1;
}
.uc-recover-v em { font-style: normal; font-family: var(--font-body); font-size: 10.5px; font-weight: 500; color: var(--fg-2); margin-top: 5px; line-height: 1.2; text-align: center; }

/* Surveys — bar chart */
.uc-survey-row { grid-template-columns: 100px 1fr; }
.uc-bars { display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; gap: 6px; height: 64px; }
.uc-bars span {
  display: block;
  background: linear-gradient(180deg, var(--evra-primary), var(--evra-primary));
  border-radius: 3px 3px 0 0;
  min-height: 6px;
}

/* KPI strip at bottom of each card */
.uc-kpis {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.uc-kpis > div { display: flex; flex-direction: column; gap: 2px; }
.uc-k-v {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  color: var(--fg-0);
  letter-spacing: -0.02em;
  line-height: 1;
}
.uc-kpis > div:first-child .uc-k-v { color: var(--accent); }
.uc-k-l { font-size: 12px; color: var(--fg-2); line-height: 1.3; }

/* Bottom one-platform strip */
.uc-platform {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(var(--evra-primary-rgb),0.06) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(var(--evra-primary-rgb),0.05) 0%, transparent 50%),
    var(--evra-surface-1) !important;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  padding: 36px 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
  position: relative;
  overflow: hidden;
}
.uc-platform::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(var(--evra-primary-rgb),0.06) 1px, transparent 1px);
  background-size: 18px 18px;
  mask-image: radial-gradient(ellipse at 85% 0%, black 0%, transparent 60%);
  -webkit-mask-image: radial-gradient(ellipse at 85% 0%, black 0%, transparent 60%);
  pointer-events: none;
  opacity: 0.5;
}
.uc-platform > * { position: relative; z-index: 1; }
.uc-platform-l { display: grid; grid-template-columns: 100px 1.4fr 1fr; gap: 28px; align-items: center; }
.uc-platform-pillars { display: none !important; }

/* ════════════════════════════════════════════════════════════════
   ENTERPRISE INFRASTRUCTURE CONTROL LAYER
   ════════════════════════════════════════════════════════════════ */
.uc-infra { display: flex; flex-direction: column; gap: 16px; }
.uc-infra-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.uc-infra-eye {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--accent);
  font-weight: 600;
}
.uc-infra-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px rgba(var(--evra-primary-rgb),0.7);
  animation: ucDotPulse 1.8s ease-in-out infinite;
}
.uc-infra-status {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--fg-2);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.uc-infra-status em { color: var(--fg-4); font-style: normal; }
.uc-infra-status-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.55);
}

.uc-infra-grid {
  display: grid;
  grid-template-columns: 1.85fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 14px;
}
.uc-infra-card {
  position: relative;
  background: rgba(20,25,29,0.65);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}
.uc-infra-hero {
  grid-row: span 1;
  background:
    radial-gradient(ellipse at 100% 0%, rgba(var(--evra-primary-rgb),0.10) 0%, transparent 60%),
    rgba(20,25,29,0.85);
  border-color: rgba(var(--evra-primary-rgb),0.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 0 28px rgba(var(--evra-primary-rgb),0.04);
}
.uc-infra-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.uc-infra-card-title {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--fg-0);
  letter-spacing: -0.01em;
}
.uc-infra-card-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  background: rgba(var(--evra-primary-rgb),0.12);
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.10em;
  color: var(--accent);
}
.uc-infra-card-tag-quiet {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.10);
  color: var(--fg-2);
}
.uc-infra-pulse {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.7);
  animation: ucDotPulse 1.6s ease-in-out infinite;
}
.uc-infra-card-meta {
  font-family: var(--font-body);
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--fg-3);
}

/* Hero visualization */
.uc-infra-hero-vis {
  position: relative;
  margin-top: 4px;
  height: 110px;
}
.uc-infra-hero-vis svg { width: 100%; height: 100%; display: block; }
.uc-infra-pins { position: absolute; inset: 0; pointer-events: none; }
.uc-infra-pin {
  position: absolute;
  width: 6px; height: 6px;
  background: var(--accent);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(var(--evra-primary-rgb),0.18), 0 0 10px rgba(var(--evra-primary-rgb),0.6);
  animation: ucDotPulse 2.4s ease-in-out infinite;
}
.uc-infra-pin em {
  position: absolute;
  left: 12px; top: -6px;
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.06em;
  color: var(--fg-3);
  white-space: nowrap;
}
.uc-infra-pin:nth-child(1) { animation-delay: 0s; }
.uc-infra-pin:nth-child(2) { animation-delay: 0.3s; }
.uc-infra-pin:nth-child(3) { animation-delay: 0.6s; }
.uc-infra-pin:nth-child(4) { animation-delay: 0.9s; }
.uc-infra-pin:nth-child(5) { animation-delay: 1.2s; }

.uc-infra-hero-foot {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.uc-infra-hero-foot > div { display: flex; flex-direction: column; gap: 2px; }
.uc-infra-hero-foot .k { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.10em; text-transform: uppercase; color: var(--fg-4); }
.uc-infra-hero-foot .v { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: var(--fg-0); font-variant-numeric: tabular-nums; }

/* Secondary cards */
.uc-infra-mini {
  height: 56px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.04);
  margin-top: auto;
}
.uc-infra-mini svg { width: 100%; height: 100%; display: block; }
.uc-infra-mini-layers .uc-infra-stack rect { animation: ucDotPulse 4.2s ease-in-out infinite; }
.uc-infra-mini-layers .uc-infra-stack rect:nth-child(2) { animation-delay: 0.5s; }
.uc-infra-mini-layers .uc-infra-stack rect:nth-child(3) { animation-delay: 1s; }
.uc-infra-sweep { animation: ecapRadarSpin 2.4s linear infinite; transform-origin: 0 0; }

.uc-infra-foot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px dashed rgba(255,255,255,0.08);
}
.uc-infra-foot > div { display: flex; flex-direction: column; gap: 1px; }
.uc-infra-foot .k { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-4); }
.uc-infra-foot .v { font-family: var(--font-mono); font-size: 11px; color: var(--fg-1); font-weight: 600; }

@media (max-width: 1180px) {
  .uc-infra-grid { grid-template-columns: 1fr 1fr; }
  .uc-infra-hero { grid-column: span 2; }
  .uc-platform-l { grid-template-columns: 80px 1fr; }
  .uc-platform-lede { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .uc-infra-grid { grid-template-columns: 1fr; }
  .uc-infra-hero { grid-column: span 1; }
}
.uc-platform-l { display: grid; grid-template-columns: 130px 1fr 1fr; gap: 24px; align-items: center; }
.uc-orbit { position: relative; width: 130px; height: 130px; }
.uc-orbit svg { width: 100%; height: 100%; animation: ucOrbit 22s linear infinite; }
@keyframes ucOrbit { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
.uc-orbit-ico {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  color: var(--accent);
}
.uc-orbit-ico::before {
  content: ""; position: absolute;
  width: 50px; height: 50px;
  border-radius: 50%;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  box-shadow: 0 0 24px rgba(var(--evra-primary-rgb),0.20);
}
.uc-orbit-ico svg { width: 22px; height: 22px; position: relative; z-index: 1; }
.uc-platform-copy h3 {
  font-family: var(--font-display);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.05;
  color: var(--fg-0);
  margin: 0;
}
.uc-platform-copy h3 .green { color: var(--accent); }
.uc-platform-lede {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
  max-width: 38ch;
}

.uc-platform-pillars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.uc-pillar { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; }
.uc-pillar-ico {
  width: 38px; height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  background: rgba(var(--evra-primary-rgb),0.06);
  display: grid; place-items: center;
  color: var(--accent);
}
.uc-pillar-ico svg { width: 16px; height: 16px; color: var(--accent); stroke: var(--accent); }
.uc-pillar-t {
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 700;
  color: var(--fg-0);
  margin-bottom: 3px;
  line-height: 1.2;
}
.uc-pillar-s {
  font-size: 12.5px;
  color: var(--fg-2);
  line-height: 1.4;
}

@media (max-width: 1180px) {
  .uc-head { grid-template-columns: 1fr; gap: 24px; }
  .uc-platform { grid-template-columns: 1fr; }
  .uc-platform-l { grid-template-columns: 100px 1fr; }
  .uc-platform-lede { grid-column: 1 / -1; max-width: none; }
  .uc-platform-pillars { grid-template-columns: 1fr 1fr; }
}

/* Unified enterprise infrastructure panel */
.enterprise-panel {
  position: relative;
  padding: 24px 26px 22px;
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ep-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.ep-eye {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.16em;
  color: var(--fg-2);
  text-transform: uppercase;
}
.ep-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.55);
  animation: epPulse 2.4s ease-in-out infinite;
}
@keyframes epPulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.55; }
}
.ep-status {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--accent);
  letter-spacing: 0.10em;
}

.ep-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 22px;
}
.ep-cell {
  position: relative;
  padding: 8px 0 8px 14px;
  border-left: 1px solid rgba(var(--evra-primary-rgb),0.20);
}
.ep-v {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  color: var(--accent);
  line-height: 1;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
}
.ep-l {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-0);
  margin-bottom: 3px;
}
.ep-s {
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--fg-3);
  line-height: 1.45;
}

/* Telemetry foot */
.ep-foot {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.ep-foot-row {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ep-foot-k {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--fg-4);
}
.ep-foot-v {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  color: var(--fg-0);
  font-variant-numeric: tabular-nums;
}

/* Form card — match the rest of the site's charcoal surface */
.footer-form {
  position: relative !important;
  background: var(--evra-surface-1) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6) !important;
  overflow: hidden;
}
.footer-form > * { position: relative; z-index: 1; }
.footer-form-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  margin-bottom: 24px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--fg-2);
  text-transform: uppercase;
}
.footer-form-trust span { display: inline-flex; align-items: center; gap: 8px; }
.ff-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.55);
}
.footer-form h3 {
  font-family: var(--font-display) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.05 !important;
  margin: 0 0 10px !important;
  color: var(--fg-0) !important;
}
/* ════════════════════════════════════════════════════════════════
   REPORTS v3 — vertical layered enterprise intelligence section
   ════════════════════════════════════════════════════════════════ */
.reports-stack { display: flex; flex-direction: column; gap: 64px; align-items: stretch; }

/* Centered hero */
.reports-hero {
  text-align: center;
  max-width: 880px;
  margin: 0 auto;
  padding-top: 32px;
}
.reports-hero .pill { margin-bottom: 22px; display: inline-flex; }
.reports-hero h2 {
  font-size: clamp(56px, 5.4vw, 88px) !important;
  letter-spacing: -0.035em !important;
  line-height: 1.04 !important;
  margin-bottom: 24px !important;
  text-wrap: balance;
}
.reports-hero p {
  font-size: 19px !important;
  line-height: 1.55 !important;
  color: var(--fg-2) !important;
  max-width: 640px;
  margin: 0 auto;
}

/* Full-width dashboard canvas */
.reports-canvas {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  position: relative;
}
.reports-canvas .reports-overview {
  padding: 28px 32px !important;
  border-radius: 16px !important;
}
.reports-canvas .reports-overview-head { margin-bottom: 22px !important; }
.reports-canvas .reports-overview-grid {
  grid-template-columns: 200px repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.reports-canvas .ro-stat-val { font-size: 26px !important; }
.reports-canvas .ro-stat-lbl { font-size: 12.5px !important; }

/* Reports table card breathes wider */
.reports-canvas .reports-table-card { border-radius: 16px !important; }
.reports-canvas .reports-table-card .reports-tabs { padding: 8px 24px 0 !important; }
.reports-canvas .reports-table-card .reports-table th { padding: 14px 16px !important; font-size: 10.5px !important; }
.reports-canvas .reports-table-card .reports-table td { padding: 16px 16px !important; font-size: 13.5px !important; }
.reports-canvas .reports-table-card .reports-table th:nth-child(1),
.reports-canvas .reports-table-card .reports-table td:nth-child(1) { padding-left: 24px !important; }
.reports-canvas .reports-table-card .reports-table th:nth-child(9),
.reports-canvas .reports-table-card .reports-table td:nth-child(9) { padding-right: 24px !important; }
.reports-canvas .reports-table-card .reports-foot { padding: 16px 24px !important; font-size: 12.5px !important; }

/* Capability cards row beneath dashboard */
.reports-caps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 16px;
}
.reports-cap {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.rcap-ico {
  width: 44px; height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.18);
  background: transparent;
  display: grid; place-items: center;
  color: var(--fg-0);
}
.rcap-ico svg { width: 20px; height: 20px; }
.rcap-name {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--fg-0);
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.rcap-desc {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--fg-1);
  line-height: 1.55;
  max-width: 36ch;
}

/* KPI strip + CTA at the bottom */
.reports-base {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 32px 0 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.reports-base-stats {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 48px;
}
.rb-stat .rb-v {
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 700;
  color: var(--accent);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}
.rb-stat .rb-l {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.3;
}
.reports-base-cta {
  padding: 14px 26px !important;
  font-size: 14.5px !important;
  white-space: nowrap;
}

@media (max-width: 1080px) {
  .reports-caps { grid-template-columns: 1fr 1fr; }
  .reports-base { flex-direction: column; align-items: stretch; }
  .reports-base-stats { grid-template-columns: 1fr 1fr; gap: 24px; }
}

/* Curate the table — show only 5 rows, fade the rest into nothing */
.reports-table-card .reports-table tbody tr:nth-child(n+6) { display: none !important; }
.reports-table-card { position: relative; }
.reports-table-card::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: 56px;
  height: 80px;
  background: linear-gradient(180deg, rgba(20,25,29,0) 0%, var(--evra-surface-1) 90%);
  pointer-events: none;
  z-index: 1;
}
.reports-table-card .reports-foot { position: relative; z-index: 2; }
.reports-left p { font-size: 14.5px !important; line-height: 1.55 !important; color: var(--fg-2) !important; margin-bottom: 32px !important; max-width: 36ch !important; }

/* Right column wrapper */
.reports-right { display: flex !important; flex-direction: column !important; gap: 24px !important; }

/* Overview card */
.reports-right .reports-overview { padding: 24px 28px !important; border-radius: 14px !important; }
.reports-overview-head { margin-bottom: 16px !important; }
.reports-overview-grid { grid-template-columns: 180px repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; }
.ro-chart-title { font-size: 11px !important; color: var(--fg-3) !important; line-height: 1.3 !important; margin-bottom: 8px !important; font-family: var(--font-body) !important; letter-spacing: 0 !important; }
.ro-week-rows { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.ro-week-row { display: grid !important; grid-template-columns: 32px 1fr !important; align-items: center !important; gap: 8px !important; }
.ro-week-d { font-family: var(--font-mono) !important; font-size: 10.5px !important; color: var(--fg-3) !important; }
.ro-week-bar { height: 6px !important; background: var(--accent) !important; border-radius: 3px !important; }

/* KPI tiles */
.reports-overview .ro-stat { padding: 4px 12px 4px 0 !important; border-left: none !important; align-items: flex-start !important; }
.reports-overview .ro-stat-ico { width: 30px !important; height: 30px !important; border-radius: 6px !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.18) !important; margin-bottom: 14px !important; }
.reports-overview .ro-stat-ico svg { width: 14px !important; height: 14px !important; color: var(--fg-0) !important; stroke: var(--fg-0) !important; }
.reports-overview .ro-stat-val { font-size: 22px !important; font-weight: 700 !important; line-height: 1 !important; color: var(--fg-0) !important; letter-spacing: -0.01em !important; }
.reports-overview .ro-stat-lbl { font-size: 12px !important; color: var(--fg-2) !important; margin-top: 4px !important; line-height: 1.3 !important; }
.reports-overview .ro-stat-delta { margin-top: 12px !important; padding: 1px 7px 1px 5px !important; gap: 3px !important; background: transparent !important; border: 1px solid rgba(var(--evra-primary-rgb),0.25) !important; border-radius: 5px !important; color: var(--accent) !important; font-size: 10.5px !important; font-weight: 600 !important; align-self: flex-start !important; }
.reports-overview .ro-stat-delta svg { width: 9px !important; height: 9px !important; color: var(--accent) !important; stroke: var(--accent) !important; }

/* Feature list — square icons, image-verbatim */
.reports-features { gap: 18px !important; margin-bottom: 28px !important; }
.reports-feat { padding: 0 !important; margin-bottom: 0 !important; display: grid !important; grid-template-columns: 38px 1fr !important; gap: 14px !important; align-items: center !important; background: transparent !important; border: none !important; }
.reports-feat-ico { width: 38px !important; height: 38px !important; border-radius: 8px !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.18) !important; color: var(--fg-0) !important; display: grid !important; place-items: center !important; }
.reports-feat-ico svg { width: 17px !important; height: 17px !important; color: var(--fg-0) !important; stroke: var(--fg-0) !important; }
.reports-feat-name { font-size: 13.5px !important; font-weight: 700 !important; color: var(--fg-0) !important; margin-bottom: 1px !important; line-height: 1.2 !important; }
.reports-feat-desc { font-size: 11.5px !important; line-height: 1.4 !important; color: var(--fg-2) !important; margin: 0 !important; }

.reports-cta { margin-top: 24px !important; padding: 0 !important; background: transparent !important; border: none !important; }
.reports-cta h4 { font-size: 17px !important; font-weight: 700 !important; color: var(--fg-0) !important; margin: 0 0 6px !important; }
.reports-cta p { font-size: 13.5px !important; line-height: 1.5 !important; color: var(--fg-2) !important; margin: 0 0 16px !important; }
.reports-cta-btn { padding: 10px 20px !important; font-size: 13.5px !important; }

/* Reports grid columns top-aligned */
.reports-head { align-items: start !important; }
.reports-right { align-self: start !important; }
.h-section,
.console-title,
.ba-title,
.gs2-h2,
.engine-head h2 {
  font-size: clamp(48px, 5.4vw, 80px) !important;
  letter-spacing: -0.035em !important;
  line-height: 1.04 !important;
}

/* Icon circle borders — white across all icon badges */
.reports-feat-ico,
.enterprise-item-ico,
.ch-ico,
.gs2-kpi-ico,
.ro-stat-ico,
.pillar-ico,
.cs-step,
.console-step {
  border: 1.5px solid rgba(255,255,255,0.55) !important;
}

/* Eyebrows / badges / pills outside cards — neutral text/background */
.hx-eye span:first-child,
.hx-eye-rule,
.ba-eye,
.engine-eye,
.console-pill,
.reports-section .pill,
.engine-head .pill {
  color: var(--fg-2) !important;
}
.hx-eye-rule { background: rgba(255,255,255,0.30) !important; }
.console-pill {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}
.console-pill svg { color: var(--fg-0) !important; }
.pill {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: var(--fg-0) !important;
}
/* Brand mark glow — keep brand star green; everything else flat */
.cta-band .arrow svg { color: var(--accent-ink) !important; }
.stat-band-ico { display: none !important; }
.stat-band-item { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; padding: 20px 0 !important; }
.stat-band-val { font-size: 56px !important; color: var(--accent) !important; line-height: 1 !important; margin: 0 !important; }
.stat-band-label { font-size: 22px !important; color: var(--fg-0) !important; margin: 0 !important; font-weight: 600 !important; }
.stat-band-sub { font-size: 16px !important; color: var(--fg-2) !important; margin: 0 !important; }

/* Build Agent band (Unlimited Agents etc) */
.ba-band-t { font-size: 22px !important; color: var(--fg-0) !important; font-weight: 600 !important; }
.ba-band-s { font-size: 16px !important; color: var(--fg-2) !important; line-height: 1.5 !important; }

/* Reports left feature rows */
.reports-feat-name { font-size: 30px !important; color: var(--fg-0) !important; }
.reports-feat-desc { font-size: 24px !important; color: var(--fg-1) !important; }
.reports-cta h4 { font-size: 32px !important; color: var(--fg-0) !important; }
.reports-cta p { font-size: 24px !important; color: var(--fg-1) !important; }

/* Enterprise items (footer right) */
.enterprise-item-name { font-size: 30px !important; color: var(--fg-0) !important; }
.enterprise-item-desc { font-size: 24px !important; color: var(--fg-1) !important; }

/* Engine quote */
.engine-quote blockquote { font-size: 44px !important; color: var(--fg-0) !important; line-height: 1.45 !important; }

/* Engine caps (flattened row) */
.engine-cap-title { font-size: 32px !important; color: var(--fg-0) !important; }
.engine-cap-desc { font-size: 26px !important; color: var(--fg-1) !important; }
.engine-cap-num { font-size: 22px !important; color: var(--accent) !important; }

/* Footer copy */
.site-footer .footer-brand p { font-size: 26px !important; color: var(--fg-0) !important; line-height: 1.55 !important; }
.site-footer .footer-col a { font-size: 26px !important; color: var(--fg-0) !important; }
.site-footer .footer-col a.email { color: var(--accent) !important; }
.footer-bottom { font-size: 22px !important; color: var(--fg-1) !important; }

/* Talk to enterprise sales LEDE (just under the heading, INSIDE the card — leave alone)
   — but the form labels OUTSIDE-look feel should be bumped too if outside.
   The form is whitelisted so don't touch its inner text. */
.gs2-table .gs2-th {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 8px !important;
}
/* Capability table body rows: flat, just a thin separator */
.gs2-table .gs2-tr {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 0 !important;
}
.console-card *:not(svg):not(path):not(input):not(textarea):not(select),
.ba-window .ba-tabs,
.engine-dash .dash-card,
.gs2-reports .gs2-kpi,
.gs2-reports .gs2-trend,
.gs2-reports .gs2-funnel,
.gs2-reports .gs2-obj,
.reports-table-card thead th {
  /* placeholder so cascade below wins */
}

/* Specific inner backgrounds that were dark/black — lift to transparent so parent shows */
.engine-dash .dash-card { background: transparent !important; border-color: rgba(255,255,255,0.07) !important; }
.engine-dash .engine-dash-bot { background: transparent !important; border-color: rgba(255,255,255,0.07) !important; padding: 18px 18px !important; }
.engine-dash { padding: 18px !important; }

.gs2-reports .gs2-kpi,
.gs2-reports .gs2-trend,
.gs2-reports .gs2-funnel,
.gs2-reports .gs2-obj { background: transparent !important; border-color: rgba(255,255,255,0.07) !important; }

.gs2-reports .gs2-date,
.gs2-reports .gs2-live { background: rgba(255,255,255,0.05) !important; }

.gs2-reports .gs2-fn-bar { background: rgba(255,255,255,0.06) !important; }
.gs2-reports .gs2-ob-bar { background: rgba(255,255,255,0.06) !important; }

.reports-table-card thead th { background: rgba(255,255,255,0.025) !important; }
.reports-table-card .reports-tabs { background: transparent !important; }
.reports-table-card .reports-foot { background: transparent !important; }
.reports-table-card .field {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.10) !important;
}

/* Reports overview KPI tiles — flatten */
.reports-overview .ro-stat { background: transparent !important; }

/* Capability table — header strip + rows */
.gs2-table .gs2-th { background: rgba(255,255,255,0.03) !important; }
.gs2-table .gs2-tr { background: transparent !important; }

/* Build Agent window — internal panels */
.ba-window .ba-tabs,
.ba-window .ba-win-chrome { background: rgba(255,255,255,0.02) !important; border-color: rgba(255,255,255,0.06) !important; }
.ba-window .ba-tab.on { background: rgba(255,255,255,0.04) !important; }
.ba-window .ba-win-btn { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important; }

/* Test EVRA card — phone row pieces */
.ba-testcard .ba-cc,
.ba-testcard .ba-phone-row input { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important; }

/* Console card — inner steps strip + chips */
.console-card .console-card-head + *,
.console-card form input,
.console-card form select,
.console-card form textarea { background: rgba(255,255,255,0.03) !important; border-color: rgba(255,255,255,0.10) !important; }

/* Talk to enterprise sales — inputs lift slightly off the charcoal */
.footer-form .form-input,
.footer-form .form-select,
.footer-form .form-textarea { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important; }
.footer-brand-mark { display: inline-flex; align-items: center; gap: 16px; margin-bottom: 18px !important; text-decoration: none; }
.footer-logo { height: 48px; width: auto; display: block; }

/* ════════════════════════════════════════════════════════════════
   AVATAR / LIVE TEST SECTION
   ════════════════════════════════════════════════════════════════ */
.av-section { padding: 80px 0 !important; }
.av-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 56px;
  align-items: start;
}
.av-pill {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 7px 16px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: var(--accent);
  margin-bottom: 24px;
}
.av-pill-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.6);
  animation: ucDotPulse 1.6s ease-in-out infinite;
}
.av-h {
  font-family: var(--font-display);
  font-size: clamp(48px, 4.6vw, 68px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: var(--fg-0);
  margin: 0 0 18px;
  text-wrap: balance;
  max-width: 16ch;
}
.av-h .green { color: var(--accent); }
.av-sub {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 500;
  color: var(--fg-1);
  margin: 0 0 24px;
}
.av-rule {
  display: block;
  width: 80px;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
  margin-bottom: 28px;
}
.av-intro {
  font-family: var(--font-body);
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--fg-1);
  margin: 0 0 22px;
  max-width: 50ch;
}

/* Override the slider icon inner dots to white-on-dark since the icons row is white */
.av-pt-ico svg circle[fill="#0E1216"] { fill: var(--fg-0) !important; }
/* And the icon-row checkmark dots inside the slider svg should sit on the white stroke */
.av-pt-ico svg circle { stroke: none; }
.av-points {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.av-points li {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  align-items: center;
  padding: 0;
}
.av-pt-ico {
  width: 56px; height: 56px;
  border-radius: 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.18);
  display: grid; place-items: center;
  color: var(--fg-0);
  flex-shrink: 0;
}
.av-pt-ico svg { width: 28px; height: 28px; color: var(--fg-0); stroke: var(--fg-0); }
.av-pt-body { display: flex; flex-direction: column; gap: 3px; }
.av-pt-t {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 700;
  color: var(--fg-0);
  letter-spacing: -0.005em;
  line-height: 1.25;
}
.av-pt-s {
  font-family: var(--font-body);
  font-size: 15.5px;
  line-height: 1.55;
  color: var(--fg-2);
}

/* 4 KPI boxes at the bottom */
.av-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.av-kpi {
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  padding: 18px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.av-kpi-ico {
  width: 26px; height: 26px;
  display: grid; place-items: center;
  color: var(--accent);
}
.av-kpi-ico svg { width: 22px; height: 22px; color: var(--accent); stroke: var(--accent); }
.av-kpi-v {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: -0.02em;
  line-height: 1;
  margin-top: 4px;
}
.av-kpi-l {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.3;
}

/* Chat conversation */
.av-chat {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px 18px 16px;
  background: rgba(0,0,0,0.20);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
}
.av-chat-row { display: flex; align-items: flex-start; gap: 12px; position: relative; }
.av-chat-av {
  width: 36px; height: 36px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: rgba(255,255,255,0.05);
}
.av-chat-av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.av-chat-av-user {
  display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,0.10);
  color: var(--fg-3);
}
.av-chat-av-user svg { width: 14px; height: 14px; }
.av-chat-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.av-chat-name {
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--accent);
  letter-spacing: 0;
}
.av-chat-msg {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--fg-0);
}
.av-chat-user { justify-content: flex-end; padding-top: 4px; }
.av-chat-bubble {
  display: inline-block;
  padding: 10px 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-0);
  line-height: 1.4;
}
.av-chat-typing {
  position: absolute;
  right: 0;
  top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.22);
  border-radius: 999px;
}
.av-chat-typing span {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--accent);
  animation: avTypeBlink 1.4s ease-in-out infinite;
}
.av-chat-typing span:nth-child(2) { animation-delay: 0.18s; }
.av-chat-typing span:nth-child(3) { animation-delay: 0.36s; }
@keyframes avTypeBlink {
  0%, 100% { opacity: 0.3; }
  50%      { opacity: 1; }
}

/* Bottom inline indicators */
.av-lt-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.av-lt-foot span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-1);
}
.av-lt-foot span svg { width: 14px; height: 14px; color: var(--accent); stroke: var(--accent); flex-shrink: 0; }

/* LIVE badge — bottom-left of the avatar video */
.av-lt-live { right: auto !important; left: 14px !important; }

@media (max-width: 1180px) {
  .av-kpis { grid-template-columns: 1fr 1fr; }
  .av-lt-foot { flex-wrap: wrap; }
}
@media (max-width: 720px) {
  .av-kpis { grid-template-columns: 1fr; }
}
.av-feats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 22px;
}
.av-feat {
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 20px 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.av-feat-ico { color: var(--accent); width: 28px; height: 28px; }
.av-feat-ico svg { width: 100%; height: 100%; color: var(--accent); stroke: var(--accent); }
.av-feat-t {
  font-family: var(--font-display);
  font-size: 13.5px;
  font-weight: 700;
  color: var(--fg-0);
  line-height: 1.2;
  letter-spacing: -0.005em;
}
.av-feat-s {
  font-family: var(--font-body);
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--fg-3);
  margin: 0;
}

/* Right column — Live Test */
.av-r { display: flex; flex-direction: column; gap: 16px; }
.av-livetest {
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 18px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
}
.av-lt-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.av-lt-eye {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--fg-0);
}
.av-lt-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px rgba(var(--evra-primary-rgb),0.7);
  animation: ucDotPulse 1.4s ease-in-out infinite;
}
.av-lt-listen {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-2);
  letter-spacing: 0.04em;
}
.av-lt-video {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--evra-canvas);
}
.av-lt-video img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.av-lt-live {
  position: absolute;
  right: 14px; bottom: 14px;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 12px;
  background: rgba(0,0,0,0.65);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-0);
  letter-spacing: 0.14em;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.av-lt-live-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.7);
  animation: ucDotPulse 1.4s ease-in-out infinite;
}
.av-lt-msg {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  background: rgba(0,0,0,0.20);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
}
.av-lt-msg-av {
  width: 44px; height: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.av-lt-msg-av img { width: 100%; height: 100%; object-fit: cover; }
.av-lt-msg-body {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--fg-0);
}
.av-lt-input {
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: 10px;
  align-items: center;
  padding: 6px 6px 6px 18px;
  background: rgba(0,0,0,0.20);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
}
.av-lt-input input {
  background: transparent;
  border: none;
  outline: none;
  height: 44px;
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-0);
  width: 100%;
}
.av-lt-input input::placeholder { color: var(--fg-4); }
.av-lt-send {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--accent-ink);
  border: none;
  cursor: pointer;
  display: grid; place-items: center;
  box-shadow: 0 0 16px rgba(var(--evra-primary-rgb),0.40);
}
.av-lt-send svg { width: 18px; height: 18px; }

.av-trust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 6px 0;
}
.av-trust span {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-1);
}
.av-trust-ico {
  width: 26px; height: 26px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.18);
  display: grid; place-items: center;
  color: var(--accent);
}
.av-trust-ico svg { width: 13px; height: 13px; }
.av-trust-ico-line svg { width: 14px; height: 14px; }

@media (max-width: 1180px) {
  .av-grid { grid-template-columns: 1fr; gap: 36px; }
  .av-h { max-width: none; }
  .av-feats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .av-feats { grid-template-columns: 1fr; }
  .av-trust { flex-wrap: wrap; }
}

/* ════════════════════════════════════════════════════════════════
   ENGINE SECTION v2 — Patent-pending live engine
   ════════════════════════════════════════════════════════════════ */
.engine-section-v2 .engine-head { display: none !important; }
.engine-section-v2 .engine-quote { display: none !important; }

/* Top intro */
.ev2-top {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 56px;
  align-items: start;
  margin-bottom: 36px;
}
.ev2-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--accent);
  margin-bottom: 22px;
}
.ev2-pill svg { width: 12px; height: 12px; }
.ev2-h {
  font-family: var(--font-display);
  font-size: clamp(44px, 4.2vw, 64px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--fg-0);
  margin: 0 0 22px;
  text-wrap: balance;
}
.ev2-h .green { color: var(--accent); }
.ev2-lede {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.65;
  color: var(--fg-1);
  margin: 0;
  max-width: 58ch;
}

/* Expandable technical brief */
.ev2-deep {
  margin-top: 26px;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 22px;
}
.ev2-deep summary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px 14px 26px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  color: var(--fg-0);
  letter-spacing: 0.01em;
  transition: border-color .15s, background .15s;
}
.ev2-deep summary::-webkit-details-marker { display: none; }
.ev2-deep summary:hover { border-color: rgba(var(--evra-primary-rgb),0.45); background: rgba(255,255,255,0.06); }
.ev2-deep-arr {
  display: inline-grid; place-items: center;
  width: 22px; height: 22px;
  color: var(--accent);
  transition: transform .25s ease;
}
.ev2-deep-arr svg { width: 18px; height: 18px; }
.ev2-deep[open] .ev2-deep-arr { transform: rotate(180deg); }
.ev2-deep-body {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 26px;
}
.ev2-deep-intro {
  font-family: var(--font-body);
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--fg-1);
  margin: 0;
  max-width: 72ch;
}
.ev2-deep-intro em { font-style: italic; color: var(--accent); }
.ev2-deep-intro strong { color: var(--fg-0); font-weight: 600; }
.ev2-deep-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.ev2-deep-item {
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 18px 20px 20px;
}
.ev2-deep-num {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--accent);
  margin-bottom: 8px;
}
.ev2-deep-item h4 {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  color: var(--fg-0);
  margin: 0 0 8px;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.ev2-deep-item p {
  font-family: var(--font-body);
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}
.ev2-deep-item p em { color: var(--accent); font-style: italic; }
.ev2-deep-close {
  padding: 22px 0 4px;
  border-top: 1px solid rgba(255,255,255,0.06);
  max-width: 76ch;
}
.ev2-deep-close h4 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  color: var(--fg-0);
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}
.ev2-deep-close p {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--fg-2);
  margin: 0 0 14px;
}
.ev2-deep-close p em { color: var(--accent); font-style: italic; }

@media (max-width: 1180px) {
  .ev2-deep-grid { grid-template-columns: 1fr; }
}
.ev2-top-r-lede {
  font-family: var(--font-body);
  font-size: 16.5px;
  line-height: 1.65;
  color: var(--fg-1);
  margin: 0 0 22px;
  max-width: 58ch;
}
.ev2-pillars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.ev2-pillar {
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ev2-pillar-ico {
  width: 46px; height: 46px;
  border-radius: 50%;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.22);
  display: grid; place-items: center;
  color: var(--fg-0);
}
.ev2-pillar-ico svg { width: 22px; height: 22px; color: var(--fg-0); stroke: var(--fg-0); }
.ev2-pillar-t {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 700;
  color: var(--fg-0);
  line-height: 1.2;
  letter-spacing: -0.005em;
}
.ev2-pillar-s {
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}

/* Live conversation dashboard */
.ev2-dash {
  display: grid;
  grid-template-columns: 320px 1fr 280px;
  gap: 0;
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  padding: 24px 28px;
  margin-bottom: 24px;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
}
.ev2-dash > div { padding: 0 24px; }
.ev2-dash > div:first-child { padding-left: 0; }
.ev2-dash > div:last-child { padding-right: 0; }
.ev2-dash > div + div { border-left: 1px solid rgba(255,255,255,0.06); }
.ev2-dash-eye {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--fg-3);
  margin-bottom: 18px;
}
.ev2-dash-l .ev2-dash-eye { color: var(--accent); }
.ev2-dash-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.6);
  animation: ucDotPulse 1.6s ease-in-out infinite;
}
.ev2-caller {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}
.ev2-avatar {
  width: 60px; height: 60px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.ev2-avatar svg { width: 100%; height: 100%; display: block; }
.ev2-caller-name { font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--fg-0); }
.ev2-caller-sub { font-family: var(--font-body); font-size: 11.5px; color: var(--fg-3); margin: 2px 0 6px; }
.ev2-caller-wave svg { width: 160px; height: 18px; display: block; opacity: 0.85; }
.ev2-caller-rows { display: flex; flex-direction: column; gap: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.06); }
.ev2-cr { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 10px; font-size: 12.5px; color: var(--fg-2); }
.ev2-cr-ico svg { width: 14px; height: 14px; color: var(--fg-3); stroke: var(--fg-3); }
.ev2-cr-k { color: var(--fg-2); }
.ev2-cr-v { color: var(--fg-0); font-weight: 600; text-align: right; }
.ev2-cr-v-on { color: var(--accent); }

/* Emotional trajectory */
.ev2-dash-c { display: flex; flex-direction: column; }
.ev2-traj { display: grid; grid-template-columns: 56px 1fr; grid-template-rows: 1fr auto; gap: 0 8px; height: 230px; position: relative; }
.ev2-traj-y { display: flex; flex-direction: column; justify-content: space-between; padding: 6px 0 22px; font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-4); text-align: right; }
.ev2-traj-svg { grid-column: 2; grid-row: 1; width: 100%; height: 100%; display: block; }
.ev2-traj-x { grid-column: 2; grid-row: 2; display: flex; justify-content: space-between; font-family: var(--font-body); font-size: 11px; color: var(--fg-3); padding-top: 4px; }
.ev2-traj-x .on { color: var(--accent); font-weight: 600; }
.ev2-policy { display: grid; grid-template-columns: 1fr 24px 1fr; gap: 12px; align-items: stretch; margin-top: 18px; }
.ev2-policy-card { background: rgba(0,0,0,0.20); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 12px 14px; }
.ev2-policy-head { font-family: var(--font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; color: var(--fg-4); margin-bottom: 10px; }
.ev2-policy-body { display: grid; grid-template-columns: 30px 1fr; gap: 12px; align-items: center; }
.ev2-policy-ico { width: 30px; height: 30px; display: grid; place-items: center; color: var(--accent); }
.ev2-policy-ico svg { width: 22px; height: 22px; }
.ev2-policy-t { font-size: 13px; font-weight: 700; color: var(--fg-0); margin-bottom: 2px; }
.ev2-policy-s { font-size: 11.5px; color: var(--fg-3); line-height: 1.4; }
.ev2-policy-arr { display: grid; place-items: center; color: var(--fg-3); }
.ev2-policy-arr svg { width: 18px; height: 18px; }

/* Conversation impact */
.ev2-impact { display: flex; flex-direction: column; gap: 16px; }
.ev2-imp { display: flex; flex-direction: column; gap: 6px; }
.ev2-imp-l { font-family: var(--font-body); font-size: 11.5px; color: var(--fg-3); letter-spacing: 0.02em; }
.ev2-imp-row { display: flex; align-items: center; gap: 12px; }
.ev2-imp-v { font-family: var(--font-display); font-size: 22px; font-weight: 700; color: var(--fg-0); line-height: 1; letter-spacing: -0.02em; min-width: 64px; }
.ev2-imp-spark { width: 90px; height: 26px; flex: 1; }
.ev2-imp-delta { font-family: var(--font-mono); font-size: 11px; font-weight: 600; color: var(--accent); white-space: nowrap; }
.ev2-imp-bars { display: flex; align-items: end; gap: 3px; height: 22px; }
.ev2-imp-bars span { display: block; width: 5px; background: var(--accent); border-radius: 1px; }
.ev2-imp-bars span:nth-child(1) { opacity: 0.30; }
.ev2-imp-bars span:nth-child(2) { opacity: 0.45; }
.ev2-imp-bars span:nth-child(3) { opacity: 0.65; }
.ev2-imp-bars span:nth-child(4) { opacity: 0.85; }
.ev2-imp-bars span:nth-child(5) { opacity: 1; }
.ev2-imp-dots { display: flex; gap: 6px; }
.ev2-imp-dots span { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,0.10); }
.ev2-imp-dots span.on { background: var(--accent); box-shadow: 0 0 6px rgba(var(--evra-primary-rgb),0.5); }
.ev2-imp-bar { position: relative; flex: 1; height: 7px; background: rgba(255,255,255,0.08); border-radius: 4px; overflow: hidden; }
.ev2-imp-bar span { display: block; height: 100%; background: var(--accent); border-radius: 4px; }

/* Bottom 6-card capability strip */
.ev2-caps {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}
.ev2-cap {
  position: relative;
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 18px 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ev2-cap-ico { width: 36px; height: 36px; display: grid; place-items: center; color: var(--fg-0); }
.ev2-cap-ico svg { width: 28px; height: 28px; color: var(--fg-0); stroke: var(--fg-0); }
.ev2-cap-t { font-family: var(--font-display); font-size: 17px; font-weight: 700; color: var(--fg-0); line-height: 1.2; letter-spacing: -0.005em; }
.ev2-cap-s { font-family: var(--font-body); font-size: 14px; line-height: 1.55; color: var(--fg-2); margin: 0; flex: 1; }
.ev2-cap-rule { display: block; width: 36px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--accent), transparent); margin-top: 4px; }
/* Keep emphasis green only on Emotional Intelligence + Outcome First */
.ev2-caps .ev2-cap:nth-child(1) .ev2-cap-ico,
.ev2-caps .ev2-cap:nth-child(1) .ev2-cap-ico svg,
.ev2-caps .ev2-cap:nth-child(6) .ev2-cap-ico,
.ev2-caps .ev2-cap:nth-child(6) .ev2-cap-ico svg { color: var(--accent); stroke: var(--accent); }

/* Closing line */
.ev2-close {
  text-align: center;
  font-family: var(--font-display);
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 500;
  color: var(--fg-0);
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.ev2-close-ico { width: 28px; height: 28px; display: grid; place-items: center; color: var(--accent); }
.ev2-close-ico svg { width: 22px; height: 22px; }
.ev2-close strong { font-weight: 700; }
.ev2-close .ev2-brand { font-weight: 700; color: var(--fg-0); letter-spacing: 0.06em; }
.ev2-close .green { color: var(--accent); font-weight: 700; }

/* ════════════════════════════════════════════════════════════════
   WORKFLOW AUTOMATION SECTION
   ════════════════════════════════════════════════════════════════ */
.wf-section { padding: 80px 0 !important; }
.wf-grid {
  display: grid;
  grid-template-columns: 1fr 1.85fr;
  gap: 32px;
  align-items: stretch;
}
.wf-l { margin-top: -38px; display: flex; flex-direction: column; }
.wf-l .wf-callout { margin-top: auto; }
.wf-pill {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 7px 16px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: var(--accent);
  margin-bottom: 18px;
}
.wf-l { margin-top: -38px; display: flex; flex-direction: column; }
.wf-l .wf-callout { margin-top: auto; }
.wf-pill-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.6);
  animation: ucDotPulse 1.6s ease-in-out infinite;
}
.wf-h {
  font-family: var(--font-display);
  font-size: clamp(44px, 4.4vw, 64px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: var(--fg-0);
  margin: 0 0 14px;
  text-wrap: balance;
}
.wf-h .green { color: var(--accent); }
.wf-tagline {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 600;
  color: var(--fg-0);
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: 0 0 10px;
}
.wf-tagline .green { color: var(--accent); }
.wf-sub {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 500;
  color: var(--fg-1);
  margin: 0 0 18px;
}
.wf-rule {
  display: block;
  width: 80px;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
  margin-bottom: 26px;
}
.wf-para {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.65;
  color: var(--fg-1);
  margin: 0 0 22px;
  max-width: 52ch;
}

.wf-callout {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 16px;
  align-items: center;
  padding: 18px 22px;
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  margin-top: 12px;
}
.wf-callout-ico {
  width: 48px; height: 48px;
  border-radius: 10px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  display: grid; place-items: center;
  color: var(--accent);
}
.wf-callout-ico svg { width: 22px; height: 22px; }
.wf-callout-t {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  color: var(--fg-0);
  margin-bottom: 4px;
}
.wf-callout-s {
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: var(--accent);
  letter-spacing: 0.04em;
}

/* Right — workflow board */
.wf-board {
  background: var(--evra-surface-1);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 0 18px 18px;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.wf-board-chrome {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 -18px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.30);
}
.wf-board-light {
  width: 13px; height: 13px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25), 0 0 8px rgba(0,0,0,0.20);
}
.wf-board-light-r { background: var(--evra-danger); }
.wf-board-light-y { background: var(--evra-warning); }
.wf-board-light-g { background: var(--evra-primary); }

.av-livetest {
  position: relative;
}
.av-lt-chrome {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -22px -24px 16px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.30);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.av-lt-light {
  width: 13px; height: 13px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25), 0 0 8px rgba(0,0,0,0.20);
}
.av-lt-light-r { background: var(--evra-danger); }
.av-lt-light-y { background: var(--evra-warning); }
.av-lt-light-g { background: var(--evra-primary); }
.wf-board-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wf-board-title {
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: 0.16em;
  font-weight: 600;
  color: var(--fg-0);
}
.wf-board-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-1);
}
.wf-board-live-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(var(--evra-primary-rgb),0.6);
  animation: ucDotPulse 1.4s ease-in-out infinite;
}

.wf-board-grid {
  display: grid;
  grid-template-columns: 1fr 14px 1fr 14px 1.25fr;
  gap: 8px;
  align-items: stretch;
}
.wf-col {
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 12px 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wf-col-num {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--fg-2);
}
.wf-col-lede {
  font-family: var(--font-body);
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--fg-3);
  margin: 0;
}
.wf-arrow-col {
  display: grid; place-items: center;
  color: var(--accent);
  font-size: 18px;
  font-weight: 700;
}

/* 1. Conversation */
.wf-conv { display: flex; flex-direction: column; gap: 12px; align-items: center; }
.wf-conv-orb {
  width: 64px; height: 64px;
  border-radius: 50%;
  display: grid; place-items: center;
  background: radial-gradient(circle at 50% 50%, rgba(var(--evra-primary-rgb),0.10) 0%, transparent 70%);
}
.wf-conv-orb svg { width: 60px; height: 60px; }
.wf-conv-msg {
  text-align: center;
  font-family: var(--font-body);
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--fg-2);
  margin: 0;
  max-width: 22ch;
}
.wf-fields {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
.wf-fields li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;
  align-items: center;
  padding: 5px 10px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 6px;
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--fg-1);
}
.wf-fld-ico svg { width: 13px; height: 13px; color: var(--fg-3); stroke: var(--fg-3); }

/* 2. Disposition */
.wf-disps { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.wf-disp {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: center;
  padding: 7px 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-0);
}
.wf-disp-ico {
  width: 24px; height: 24px;
  border-radius: 50%;
  display: grid; place-items: center;
  color: #fff;
}
.wf-disp-ico svg { width: 12px; height: 12px; }
.wf-disp-sold .wf-disp-ico { background: var(--evra-primary); }
.wf-disp-call .wf-disp-ico { background: var(--evra-info); }
.wf-disp-dnq  .wf-disp-ico { background: var(--evra-warning); }
.wf-disp-ni   .wf-disp-ico { background: var(--evra-danger); }
.wf-disp-obj  .wf-disp-ico { background: var(--evra-warning); }
.wf-trigger-note {
  display: flex; align-items: flex-start; gap: 8px;
  font-family: var(--font-body);
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--accent);
  margin: 6px 0 0;
}
.wf-trigger-note::before {
  content: "";
  flex-shrink: 0;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--accent);
  margin-top: 5px;
}

/* 3. Automated actions */
.wf-actions { display: flex; flex-direction: column; gap: 8px; }
.wf-act {
  display: grid;
  grid-template-columns: 36px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 7px 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
}
.wf-act-logos {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 56px;
}
.wf-act-logo {
  width: 28px; height: 28px;
  display: grid; place-items: center;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.wf-act-logo svg { width: 24px; height: 24px; display: block; }
.wf-act-logo.wf-logo-gm,
.wf-act-logo.wf-logo-cal { background: #fff; }
.wf-act-logo.wf-logo-sl { background: #fff; }
.wf-act-logo.wf-logo-hs,
.wf-act-logo.wf-logo-hb { background: #fff; }
.wf-act-body {
  font-family: var(--font-body);
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--fg-1);
}
.wf-act-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 11px;
  background: rgba(var(--evra-primary-rgb),0.10);
  border: 1px solid rgba(var(--evra-primary-rgb),0.25);
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 11.5px;
  font-weight: 600;
  color: var(--accent);
  white-space: nowrap;
}
.wf-act-check {
  width: 14px; height: 14px;
  display: grid; place-items: center;
}
.wf-act-check svg { width: 11px; height: 11px; color: var(--accent); stroke: var(--accent); }

/* 4. Log & Report */
.wf-log {
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: 20px;
  align-items: center;
  padding: 16px 22px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
}
.wf-log-l { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; }
.wf-log-ico {
  width: 44px; height: 44px;
  border-radius: 10px;
  background: rgba(167,139,250,0.10);
  border: 1px solid rgba(167,139,250,0.30);
  display: grid; place-items: center;
  color: var(--evra-dv-violet);
}
.wf-log-ico svg { width: 20px; height: 20px; }
.wf-log-t {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--fg-0);
}
.wf-log-s {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.4;
  margin-top: 2px;
}
.wf-log-r {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.wf-log-item { display: grid; grid-template-columns: 32px 1fr; gap: 10px; align-items: center; }
.wf-log-i-ico {
  width: 32px; height: 32px;
  border-radius: 8px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  display: grid; place-items: center;
  color: var(--fg-1);
}
.wf-log-i-ico svg { width: 15px; height: 15px; color: var(--fg-1); stroke: var(--fg-1); }
.wf-log-item span:last-child {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-1);
  line-height: 1.3;
}

/* Bottom 4 trust bar */
.wf-bottom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.wf-bot { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; }
.wf-bot-ico {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(var(--evra-primary-rgb),0.30);
  display: grid; place-items: center;
  color: var(--accent);
}
.wf-bot-ico svg { width: 20px; height: 20px; color: var(--accent); stroke: var(--accent); }
.wf-bot-t {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--fg-0);
  margin-bottom: 3px;
  line-height: 1.2;
}
.wf-bot-s {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.4;
  margin: 0;
  max-width: 28ch;
}

.wf-bottom-inline { display: none !important; }
@media (max-width: 1280px) {
  .wf-grid { grid-template-columns: 1fr; gap: 36px; }
  .wf-board-grid { grid-template-columns: 1fr; }
  .wf-arrow-col { transform: rotate(90deg); height: 24px; }
  .wf-log { grid-template-columns: 1fr; }
  .wf-bottom { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .wf-bottom { grid-template-columns: 1fr; }
  .wf-log-r { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1180px) {
  .ev2-top { grid-template-columns: 1fr; gap: 32px; }
  .ev2-dash { grid-template-columns: 1fr; gap: 24px; padding: 24px; }
  .ev2-dash > div { padding: 0 !important; }
  .ev2-dash > div + div { border-left: none !important; border-top: 1px solid rgba(255,255,255,0.06); padding-top: 24px !important; }
  .ev2-caps { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 720px) {
  .ev2-pillars { grid-template-columns: 1fr; }
  .ev2-caps { grid-template-columns: 1fr 1fr; }
}
.footer-star { width: 28px; height: 28px; filter: drop-shadow(0 0 8px rgba(var(--evra-primary-rgb),0.55)); flex-shrink: 0; }
.footer-brand-name {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--fg-0);
  line-height: 1;
}
.footer-brand-dash { color: var(--fg-0); margin: 0 2px; opacity: 0.6; }
.footer-brand-s { color: var(--fg-0); }
.site-footer .footer-brand p { font-size: 13.5px !important; color: var(--fg-3) !important; line-height: 1.65 !important; max-width: 30ch; }
.site-footer .footer-col h4 {
  color: var(--accent) !important;
  font-family: var(--font-mono) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  margin: 0 0 18px !important;
}
.site-footer .footer-col ul { display: flex; flex-direction: column; gap: 12px; list-style: none; padding: 0; margin: 0; }
.site-footer .footer-col a { color: var(--fg-1) !important; font-size: 14px !important; text-decoration: none; transition: color 160ms; }
.site-footer .footer-col a:hover { color: var(--fg-0) !important; }
.site-footer .footer-col a.email { color: var(--accent) !important; }
.site-footer .footer-top { gap: 36px !important; padding-bottom: 32px; border-bottom: 1px solid var(--line-soft); margin-bottom: 36px !important; }

/* Spec-table header — neutral */
.spec-table thead th { background: rgba(255,255,255,0.03) !important; }
.spec-table tbody tr:hover td { background: rgba(255,255,255,0.02) !important; }

/* Product cards / visuals — kill green shadow/glow */
.product-vis,
.product-vis-avatar {
  background: rgba(255,255,255,0.02) !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 30px 80px -30px rgba(0,0,0,0.6) !important;
}
.product-vis::before { background: none !important; }

/* Console chip on hover — neutral */
.console-chip:hover { background: rgba(255,255,255,0.06) !important; }

/* Reports & dashboard preview — neutral row hovers */
.reports-table tr:hover td { background: rgba(255,255,255,0.02) !important; }

/* Forms — input focus ring, neutral */
.form-input:focus, .form-select:focus, .form-textarea:focus,
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
  border-color: rgba(255,255,255,0.40) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.06) !important;
}

/* Trust / social hovers — neutral, not green tint */
.socials a:hover {
  border-color: rgba(255,255,255,0.30) !important;
  background: rgba(255,255,255,0.05) !important;
}

/* Card icons — keep teal stroke but kill teal-tinted background */
.card .card-ico,
.card span.card-ico,
.card div.card-ico {
  background: rgba(255,255,255,0.03) !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: var(--accent-bright) !important;
}

/* Stat band — neutral background, green numbers only */
section .stat-band { background: rgba(255,255,255,0.02) !important; border-color: rgba(255,255,255,0.08) !important; }

/* Pull quote — neutral panel */
.pull-quote { background: rgba(255,255,255,0.02) !important; border-color: rgba(255,255,255,0.08) !important; }

/* Apc test/play badge */
.apc-live { background: rgba(0,0,0,0.85) !important; border-color: rgba(255,255,255,0.20) !important; }

/* Use-cases callout — neutral */
.use-cases { background: rgba(255,255,255,0.03) !important; border-color: rgba(255,255,255,0.08) !important; }

/* Product features check bullets — keep green check, neutral bg */
.product-features li::before {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.20) !important;
}

/* Page background remains pure dark */
html, body { background: var(--evra-canvas) !important; }


/* ════════════════════════════════════════════════════════════════
   ABOUT — FEATURE SECTIONS WITH DASHBOARD IFRAMES
   ════════════════════════════════════════════════════════════════ */
.about-feature { padding: 56px 0; }
.about-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 56px;
  align-items: center;
}
.about-feature-grid.flip { grid-template-columns: 1.15fr 1fr; }
.about-feature-grid.flip .about-feature-copy { order: 2; }
.about-feature-grid.flip .about-feature-vis  { order: 1; }
@media (max-width: 1080px) {
  .about-feature-grid, .about-feature-grid.flip {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .about-feature-grid.flip .about-feature-copy { order: 0; }
  .about-feature-grid.flip .about-feature-vis  { order: 0; }
}
.about-feature-copy { min-width: 0; }
.about-feature-copy .eyebrow { margin-bottom: 14px; }
.about-feature-title {
  font-family: var(--font-display);
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--fg-0);
  margin: 0 0 18px;
}
.about-feature-title .green { color: var(--accent); }
.about-feature-copy p {
  font-size: 15.5px;
  color: var(--fg-2);
  line-height: 1.6;
  max-width: 480px;
  margin: 0 0 20px;
}
.about-feature-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 480px;
}
.about-feature-bullets li {
  position: relative;
  padding-left: 26px;
  font-size: 14.5px;
  color: var(--fg-2);
  line-height: 1.55;
}
.about-feature-bullets li::before {
  content: "";
  position: absolute;
  left: 0; top: 7px;
  width: 14px; height: 14px;
  border: 1.5px solid var(--accent);
  border-radius: 4px;
  background: rgba(255,255,255,0.03);
}
.about-feature-bullets li::after {
  content: "";
  position: absolute;
  left: 4px; top: 10px;
  width: 6px; height: 3px;
  border-left: 1.5px solid var(--accent-bright);
  border-bottom: 1.5px solid var(--accent-bright);
  transform: rotate(-45deg);
}
.about-feature-bullets li strong {
  color: var(--fg-0);
  font-weight: 600;
}
.about-feature-vis { min-width: 0; }

/* Dashboard frame — for about-feature iframes (3D tilt, drop shadow) */
.about-feature-vis .dash-frame {
  position: relative;
  background: linear-gradient(180deg, rgba(20,25,32,0.85), rgba(8,11,14,0.95));
  border: 1px solid var(--line-2);
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 60px 100px -40px rgba(0,0,0,0.85),
    0 0 0 1px rgba(255,255,255,0.04) inset;
  transform-origin: center;
  transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.45s;
}
.about-feature-vis .dash-frame.tilt-l {
  transform: perspective(2000px) rotateY(4deg) rotateX(2deg);
}
.about-feature-vis .dash-frame.tilt-r {
  transform: perspective(2000px) rotateY(-4deg) rotateX(2deg);
}
.about-feature-vis .dash-frame:hover {
  transform: perspective(2000px) rotateY(0deg) rotateX(0deg) translateY(-4px);
  box-shadow:
    0 80px 120px -40px rgba(0,0,0,0.95),
    0 0 0 1px rgba(255,255,255,0.06) inset;
}
@media (max-width: 1080px) {
  .about-feature-vis .dash-frame.tilt-l,
  .about-feature-vis .dash-frame.tilt-r {
    transform: perspective(2000px) rotateY(0deg) rotateX(1.5deg);
  }
}

.about-feature-vis .dash-frame-chrome {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 14px;
  background: rgba(8,11,14,0.7);
  border-bottom: 1px solid var(--line-1);
}
.about-feature-vis .dash-frame-dots { display: flex; gap: 5px; }
.about-feature-vis .dash-frame-dots span {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,0.18);
}
.about-feature-vis .dash-frame-dots span:nth-child(1) { background: var(--evra-danger); }
.about-feature-vis .dash-frame-dots span:nth-child(2) { background: var(--evra-warning); }
.about-feature-vis .dash-frame-dots span:nth-child(3) { background: var(--evra-primary); }
.about-feature-vis .dash-frame-url {
  flex: 1;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-3);
  text-align: center;
  letter-spacing: 0.04em;
  padding: 3px 10px;
  background: rgba(255,255,255,0.04);
  border-radius: 5px;
  border: 1px solid var(--line-1);
}
.about-feature-vis .dash-frame-tag {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--accent-bright);
  padding: 2px 7px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 3px;
  text-transform: uppercase;
}
.about-feature-vis .dash-iframe-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--evra-canvas);
}
.about-feature-vis .dash-iframe-wrap iframe {
  position: absolute;
  top: 0; left: 0;
  border: 0;
  display: block;
  background: var(--evra-canvas);
  pointer-events: none;
  transform-origin: top left;
}

/* ════════════════════════════════════════════════════════════════
   ABOUT PAGE · UI/UX AUDIT FIXES  (scoped to .page-about)
   ════════════════════════════════════════════════════════════════ */

/* — Hero: kill trapped whitespace; headline enters the first viewport — */
.page-about section:first-of-type { padding-top: 40px !important; padding-bottom: 32px !important; }
.page-about .about-hero { padding: 8px 0 0 !important; }

/* — Vertical rhythm: one consistent section cadence everywhere — */
.page-about section { padding-top: 72px !important; padding-bottom: 72px !important; }
.page-about .about-feature { padding-top: 72px !important; padding-bottom: 72px !important; }

/* — Two-column blocks: locked ratio, gap & alignment; mockup always wider — */
.page-about .about-feature-grid {
  grid-template-columns: 1fr 1.12fr !important;
  gap: 64px !important;
  align-items: center !important;
}
.page-about .about-feature-grid.flip { grid-template-columns: 1.12fr 1fr !important; }
@media (max-width: 1080px) {
  .page-about .about-feature-grid,
  .page-about .about-feature-grid.flip { grid-template-columns: 1fr !important; gap: 36px !important; }
}

/* — Body-copy measure: cap reading width to a comfortable ~64ch — */
.page-about .about-hero p,
.page-about .section-sub { max-width: 64ch !important; }
.page-about .section-head { max-width: 780px !important; }
.page-about .about-feature-copy p { max-width: 52ch !important; }

/* — Eyebrow labels: one step up in size/weight, tighter tracking, full-bright — */
.page-about .eyebrow {
  color: var(--accent-bright) !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 16px !important;
}

/* — Footer column headers: brighter & a touch larger for legibility — */
.page-about .footer-col h5 {
  color: var(--accent-bright) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
}
/* Footer: balance the tagline column against the link rows */
.page-about .footer-grid { align-items: start !important; }
.page-about .footer-brand .brand { margin-bottom: 18px !important; }
.page-about .footer-brand p { color: var(--fg-2) !important; max-width: 30ch; }

/* — CTA band: flat charcoal panel + 1px hairline, NO glow/halo/particles — */
.page-about .cta-band {
  background: var(--evra-surface-1) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 72px 48px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.page-about .cta-band::before,
.page-about .cta-band::after { display: none !important; content: none !important; }
.page-about .cta-band h2 { font-size: clamp(40px, 4.4vw, 60px) !important; }
.page-about .cta-band p {
  color: var(--fg-2) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  max-width: 60ch !important;
  margin: 0 auto 32px !important;
}

/* — Primary buttons: solid fill, flat hover, no green bloom — */
.page-about .cta-band .btn-primary,
.page-about .contact-form .btn-primary {
  box-shadow: none !important;
}
.page-about .cta-band .btn-primary:hover,
.page-about .contact-form .btn-primary:hover {
  background: var(--accent-bright) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* — Contained mockups: soft bottom fade so the cropped peek reads intentional — */
.page-about .about-feature-vis .dash-iframe-wrap { position: relative; }
.page-about .about-feature-vis .dash-iframe-wrap::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 52px;
  background: linear-gradient(to bottom, rgba(8,11,14,0), rgba(8,11,14,0.94));
  pointer-events: none;
  z-index: 3;
}