/* VEA Technologies brand foundation */
:root {
  --vea-red: #E84A4A;
  --vea-red-dark: #C73838;
  --vea-teal: #3FBFC4;
  --vea-teal-dark: #2FA5AA;
  --vea-charcoal: #434342;
  --vea-charcoal-2: #3A3A3F;
  --vea-night: #0A0E1A;
  --vea-night-2: #11141F;
  --vea-bg: #EEF1F2;
  --vea-bg-2: #F5F7F8;
  --vea-ink: #1A1A1F;
  --vea-ink-soft: #4A4A52;
  --vea-line: #E2E5E7;
  --vea-line-dark: rgba(255,255,255,0.08);
  --vea-radius-card: 16px;
  --vea-radius-pill: 999px;
  --vea-shadow-soft: 0 1px 2px rgba(20,20,30,0.04), 0 8px 24px rgba(20,20,30,0.06);
  --vea-shadow-lift: 0 2px 4px rgba(20,20,30,0.06), 0 16px 40px rgba(20,20,30,0.10);
  --vea-container: 1200px;
}

/*html, body { background: #fff; color: var(--vea-ink); font-family: 'Mulish', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
body { margin: 0; }*/

.vea-container { max-width: var(--vea-container); margin: 0 auto; padding: 0 32px; }

.vea-eyebrow { color: var(--vea-red); font-weight: 800; letter-spacing: 0.14em; font-size: 13px; text-transform: uppercase; }
/*.vea-h1 { font-family: 'Mulish', sans-serif; font-weight: 800; font-size: clamp(40px, 5.4vw, 72px); line-height: 1.04; letter-spacing: -0.02em; color: var(--vea-ink); margin: 0; }
.vea-h2 { font-family: 'Mulish', sans-serif; font-weight: 800; font-size: clamp(32px, 3.6vw, 48px); line-height: 1.08; letter-spacing: -0.018em; color: var(--vea-ink); margin: 0; }
.vea-h3 { font-family: 'Mulish', sans-serif; font-weight: 700; font-size: 20px; line-height: 1.25; letter-spacing: -0.005em; color: var(--vea-ink); margin: 0; } */
.vea-body { font-size: 17px; line-height: 1.55; color: var(--vea-ink-soft); }
.vea-body-sm { font-size: 15px; line-height: 1.55; color: var(--vea-ink-soft); }
.eng-tab-cols li{ color: var(--vea-ink); }

.vea-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 28px; border-radius: var(--vea-radius-pill); font-weight: 800; font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; cursor: pointer; border: 0; font-family: inherit; }
.vea-btn-teal { background: var(--vea-teal); color: #fff; box-shadow: 0 6px 18px rgba(63,191,196,0.25); }
.vea-btn-teal:hover { background: var(--vea-teal-dark); transform: translateY(-1px); box-shadow: 0 10px 22px rgba(63,191,196,0.32); }
.vea-btn-ghost { background: transparent; color: var(--vea-teal); padding: 16px 8px; }
.vea-btn-ghost:hover { color: var(--vea-teal-dark); }
.vea-btn-ghost .arr { width: 28px; height: 28px; border-radius: 999px; background: var(--vea-teal); color:#fff; display:inline-grid; place-items:center; transition: transform .2s ease, background .15s ease; }
.vea-btn-ghost:hover .arr { transform: translateX(4px); background: var(--vea-teal-dark); }

/* Card hover */
.vea-card-hover { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.vea-card-hover:hover { transform: translateY(-4px); box-shadow: var(--vea-shadow-lift); }

/* Diagonal striped fill (used in hero bg accent) */
.vea-diagonal-stripes {
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.55) 0 1px, transparent 1px 24px);
}

/* Starfield (Unfair Advantage section) */
.vea-stars { position: relative; background: radial-gradient(ellipse at 30% 20%, #1a1f30 0%, #0A0E1A 50%, #05060B 100%); overflow: hidden; }
.vea-stars::before, .vea-stars::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 12% 18%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 28% 84%, rgba(255,255,255,0.7) 50%, transparent 51%),
    radial-gradient(1px 1px at 76% 32%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 88% 70%, rgba(255,255,255,0.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 44% 50%, rgba(255,255,255,0.6) 50%, transparent 51%),
    radial-gradient(1px 1px at 6% 60%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 60% 12%, rgba(255,255,255,0.8) 50%, transparent 51%),
    radial-gradient(1px 1px at 18% 38%, #fff 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 92% 22%, rgba(255,255,255,0.85) 50%, transparent 51%),
    radial-gradient(1px 1px at 36% 14%, rgba(255,255,255,0.7) 50%, transparent 51%);
  background-size: 800px 600px, 600px 500px, 700px 600px, 900px 700px, 800px 600px, 1100px 800px, 700px 600px, 800px 600px, 600px 500px, 900px 700px;
}
.vea-stars::after { animation: vea-twinkle 4s ease-in-out infinite alternate; opacity: .55; }
@keyframes vea-twinkle { from { opacity: .4 } to { opacity: .7 } }

/* Big V watermark */
.vea-v-watermark { color: var(--vea-red); opacity: 0.92; }

/* Section spacing */
.vea-section { padding: clamp(72px, 9vw, 120px) 0; }
.vea-section-sm { padding: clamp(56px, 7vw, 88px) 0; }

/* Utility */
.vea-grid-bg {
  background-image:
    linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
}

/* Pulses */
@keyframes vea-pulse { 0%, 100% { transform: scale(1); opacity: 1 } 50% { transform: scale(1.08); opacity: .85 } }
.vea-pulse { animation: vea-pulse 2.4s ease-in-out infinite; }

/* Reveal on scroll */
.vea-reveal { opacity: 0; transform: translateY(16px); transition: opacity .7s ease, transform .7s ease; }
.vea-reveal.in { opacity: 1; transform: none; }

/* Focus ring */
:focus-visible { outline: 2px solid var(--vea-teal); outline-offset: 3px; border-radius: 4px; }

/* Hero entrance + ambient motion */
@keyframes vea-bar-grow { from { width: 0 } to { width: 48px } }
@keyframes vea-fade-up { from { opacity: 0; transform: translateY(14px) } to { opacity: 1; transform: none } }
.vea-fade-up { animation: vea-fade-up 0.9s cubic-bezier(0.22, 1, 0.36, 1) backwards; }
@keyframes vea-h1-in { from { opacity: 0; transform: translateY(20px); letter-spacing: -0.04em } to { opacity: 1; transform: none; letter-spacing: -0.02em } }
.vea-h1-anim { animation: vea-h1-in 1s cubic-bezier(0.22, 1, 0.36, 1) 0.1s backwards; }
@keyframes vea-draw { to { stroke-dashoffset: 0 } }
@keyframes vea-award-in { from { opacity: 0; transform: scale(0.6) translateY(40px) rotate(-8deg) } to { opacity: 1; transform: none } }
@keyframes vea-award-bob { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-6px) } }
@keyframes vea-orbit { 0%, 100% { transform: translate(-50%, -50%) translateY(0) } 50% { transform: translate(-50%, -50%) translateY(-8px) } }

/* Button shine sweep */
.vea-btn-shine { position: relative; overflow: hidden; }
.vea-btn-shine::after {
  content: ""; position: absolute; top: 0; left: -120%;
  width: 60%; height: 100%;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.45) 50%, transparent 100%);
  transform: skewX(-20deg);
  animation: vea-btn-shine 3.5s ease-in-out infinite;
}
@keyframes vea-btn-shine { 0% { left: -120% } 60% { left: 130% } 100% { left: 130% } }