/* apex2030 · 20260807-apex2030 · tip-safe apex seal
 * Full top-tier ecosystem landing · cascade-LAST
 * DENY: purple/indigo AI · cream+terracotta · broadsheet · dark default
 * DENY: hero cards/overlays/stats · Inter/Roboto · tip steal Voice/Msg
 */

html[data-vy-apex2030="20260807-apex2030"] {
  --a30-ink: #0f172a;
  --a30-muted: #475569;
  --a30-line: #d5e0ec;
  --a30-fog: #f3f7fb;
  --a30-paper: #fbfdff;
  --a30-cobalt: #1d4ed8;
  --a30-sky: #38bdf8;
  --a30-mint: #2ccf9b;
  --a30-deep: #12306b;
  --a30-font-display: "Unbounded", "Avenir Next", "Trebuchet MS", sans-serif;
  --a30-font-body: "Onest", "Segoe UI", "Helvetica Neue", sans-serif;
  --a30-ease: cubic-bezier(0.22, 0.7, 0.14, 1);
  color-scheme: light;
  background: var(--a30-fog);
}

html[data-vy-apex2030="20260807-apex2030"],
html[data-vy-apex2030="20260807-apex2030"] body {
  font-family: var(--a30-font-body) !important;
  background:
    radial-gradient(ellipse 900px 420px at 8% -10%, rgba(56, 189, 248, 0.12), transparent 60%),
    radial-gradient(ellipse 700px 360px at 96% 8%, rgba(29, 78, 216, 0.08), transparent 55%),
    linear-gradient(180deg, #fbfdff 0%, var(--a30-fog) 48%, #eef4f8 100%) !important;
  color: var(--a30-ink);
}

/* Kill dual chrome: product switcher / ecobond hub / injected nav CTAs */
html[data-vy-apex2030="20260807-apex2030"] body > .vy-product-switcher,
html[data-vy-apex2030="20260807-apex2030"] .vy-product-switcher,
html[data-vy-apex2030="20260807-apex2030"] .vy-os-shell,
html[data-vy-apex2030="20260807-apex2030"] .vy-top-chrome,
html[data-vy-apex2030="20260807-apex2030"] .vy-ecobond1-hub,
html[data-vy-apex2030="20260807-apex2030"] #vy-ecobond1-hub,
html[data-vy-apex2030="20260807-apex2030"] .vy-ecobond1-cta,
html[data-vy-apex2030="20260807-apex2030"] a[data-vy-ecobond1-cta],
html[data-vy-apex2030="20260807-apex2030"] .vy-eco-assistant,
html[data-vy-apex2030="20260807-apex2030"] #vy-eco-assistant,
html[data-vy-apex2030="20260807-apex2030"] .vy-eco-sheet,
html[data-vy-apex2030="20260807-apex2030"] [data-vy-eco-assistant] {
  display: none !important;
}

/* Single slim nav */
html[data-vy-apex2030="20260807-apex2030"] .nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  border-bottom: 1px solid rgba(213, 224, 236, 0.9) !important;
  background: rgba(251, 253, 255, 0.82) !important;
  backdrop-filter: blur(14px) saturate(1.1);
}

html[data-vy-apex2030="20260807-apex2030"] .nav-in {
  min-height: 60px !important;
  gap: 12px !important;
}

html[data-vy-apex2030="20260807-apex2030"] .brand,
html[data-vy-apex2030="20260807-apex2030"] .brand-word {
  font-family: var(--a30-font-display) !important;
  letter-spacing: -0.03em !important;
}

html[data-vy-apex2030="20260807-apex2030"] .links {
  gap: 4px 14px !important;
}

html[data-vy-apex2030="20260807-apex2030"] .links a {
  color: var(--a30-muted) !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  padding: 6px 2px !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[data-vy-apex2030="20260807-apex2030"] .links a:hover {
  color: var(--a30-ink) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .actions .theme {
  display: none !important; /* one composition; no emoji theme clutter */
}

html[data-vy-apex2030="20260807-apex2030"] .btn {
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: transform 180ms var(--a30-ease), background 180ms var(--a30-ease), border-color 180ms var(--a30-ease) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .btn:hover {
  transform: translateY(-1px) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .btn.primary {
  background: var(--a30-cobalt) !important;
  border-color: var(--a30-cobalt) !important;
  color: #fff !important;
}

/* ——— HERO: one full-bleed composition ——— */
html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero {
  position: relative !important;
  min-height: min(100svh, 860px) !important;
  display: grid !important;
  align-items: end !important;
  overflow: hidden !important;
  isolation: isolate;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: #d7e8f8 !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero__plane {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero__media {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 70% 40% !important;
  display: block !important;
  transform: scale(1.02);
  animation: a30-drift 18s var(--a30-ease) infinite alternate;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero__veil {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  /* Keep brand readable; leave tower plane dominant on the right */
  background:
    linear-gradient(105deg, rgba(251, 253, 255, 0.88) 0%, rgba(251, 253, 255, 0.55) 34%, rgba(251, 253, 255, 0.08) 58%, rgba(251, 253, 255, 0) 76%),
    linear-gradient(180deg, rgba(243, 247, 251, 0.05) 0%, rgba(243, 247, 251, 0.28) 100%);
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero__content {
  position: relative !important;
  z-index: 2 !important;
  width: min(720px, calc(100% - 40px)) !important;
  margin: 0 auto 0 0 !important;
  padding: clamp(88px, 14vh, 140px) 0 clamp(48px, 8vh, 88px) !important;
  display: grid !important;
  gap: 18px !important;
  justify-items: start !important;
}

html[data-vy-apex2030="20260807-apex2030"] .wrap.apex2030-hero__content {
  width: min(1180px, calc(100% - 40px)) !important;
  margin-inline: auto !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-brand {
  margin: 0 !important;
  font-family: var(--a30-font-display) !important;
  font-weight: 800 !important;
  font-size: clamp(3.4rem, 11vw, 6.4rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.055em !important;
  color: var(--a30-ink) !important;
  animation: a30-rise 700ms var(--a30-ease) both;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-headline {
  margin: 0 !important;
  max-width: 16ch !important;
  font-family: var(--a30-font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(1.35rem, 3.4vw, 2rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  color: var(--a30-deep) !important;
  animation: a30-rise 800ms 80ms var(--a30-ease) both;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-line {
  margin: 0 !important;
  max-width: 36ch !important;
  font-size: clamp(1rem, 2.2vw, 1.15rem) !important;
  line-height: 1.45 !important;
  color: var(--a30-muted) !important;
  animation: a30-rise 850ms 120ms var(--a30-ease) both;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 6px !important;
  animation: a30-rise 900ms 160ms var(--a30-ease) both;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-cta .btn {
  min-height: 48px !important;
  padding: 0 20px !important;
  font-weight: 750 !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-cta .btn:not(.primary) {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  color: var(--a30-ink) !important;
}

/* Hide legacy hero leftovers if any remain in DOM */
html[data-vy-apex2030="20260807-apex2030"] .hero-surface,
html[data-vy-apex2030="20260807-apex2030"] .hero-aurora,
html[data-vy-apex2030="20260807-apex2030"] .hero-grid-glow,
html[data-vy-apex2030="20260807-apex2030"] .brand-hero,
html[data-vy-apex2030="20260807-apex2030"] .hero-trust,
html[data-vy-apex2030="20260807-apex2030"] .hero-grid > .auth-card,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero .auth-card,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero .eyebrow,
html[data-vy-apex2030="20260807-apex2030"] .vy-trust-pill {
  display: none !important;
}

/* ——— Post-hero entry (login) ——— */
html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter {
  padding: clamp(36px, 6vw, 64px) 0 !important;
  border-top: 1px solid var(--a30-line);
  background: rgba(255, 255, 255, 0.55);
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) !important;
  gap: clamp(24px, 4vw, 48px) !important;
  align-items: end !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter__copy h2 {
  margin: 0 0 10px !important;
  font-family: var(--a30-font-display) !important;
  font-size: clamp(1.35rem, 2.8vw, 1.75rem) !important;
  letter-spacing: -0.03em !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter__copy p {
  margin: 0 !important;
  color: var(--a30-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-width: 42ch;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card--live {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  padding: 22px 22px 18px !important;
  border: 1px solid var(--a30-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card__pulse,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card::before {
  display: none !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card__head {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card__head h2 {
  margin: 0 !important;
  font-family: var(--a30-font-display) !important;
  font-size: 1.1rem !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card__head p,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-live__hint,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card__note,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-card__alt {
  color: var(--a30-muted) !important;
  font-size: 13.5px !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-live__field span {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-live__field input {
  width: 100% !important;
  min-height: 46px !important;
  border: 1px solid var(--a30-line) !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  background: #f8fbff !important;
  font: inherit !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter .auth-live__field input:focus {
  outline: 3px solid rgba(29, 78, 216, 0.28) !important;
  border-color: var(--a30-cobalt) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter #landingAuthSubmit {
  width: 100% !important;
  margin-top: 8px !important;
}

/* ——— Ecosystem map ——— */
html[data-vy-apex2030="20260807-apex2030"] .services,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-eco {
  padding: clamp(40px, 7vw, 72px) 0 !important;
  background: transparent !important;
}

html[data-vy-apex2030="20260807-apex2030"] .services-head .eyebrow,
html[data-vy-apex2030="20260807-apex2030"] .eco-msg-seo {
  display: none !important;
}

html[data-vy-apex2030="20260807-apex2030"] .services-head h2,
html[data-vy-apex2030="20260807-apex2030"] .apex2030-eco__title {
  margin: 0 0 8px !important;
  font-family: var(--a30-font-display) !important;
  font-size: clamp(1.4rem, 3vw, 1.9rem) !important;
  letter-spacing: -0.03em !important;
}

html[data-vy-apex2030="20260807-apex2030"] .services-note {
  margin: 0 0 22px !important;
  max-width: 52ch !important;
  color: var(--a30-muted) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .svc-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--a30-line) !important;
  background: transparent !important;
}

html[data-vy-apex2030="20260807-apex2030"] .svc {
  display: grid !important;
  grid-template-columns: 40px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 16px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--a30-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 64px !important;
  transition: background 160ms var(--a30-ease) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .svc:hover {
  background: rgba(255, 255, 255, 0.7) !important;
  transform: none !important;
}

html[data-vy-apex2030="20260807-apex2030"] .svc-ico {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: rgba(29, 78, 216, 0.08) !important;
  color: var(--a30-cobalt) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .svc-ico svg {
  width: 18px !important;
  height: 18px !important;
}

html[data-vy-apex2030="20260807-apex2030"] .svc b {
  font-family: var(--a30-font-body) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  color: var(--a30-ink) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .svc small {
  justify-self: end !important;
  color: var(--a30-muted) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

html[data-vy-apex2030="20260807-apex2030"] .svc.svc-hero {
  background: transparent !important;
}

html[data-vy-apex2030="20260807-apex2030"] .svc.svc-hero b {
  color: var(--a30-deep) !important;
}

/* Softer consent banner (keep functional) */
html[data-vy-apex2030="20260807-apex2030"] .cookie-note,
html[data-vy-apex2030="20260807-apex2030"] [data-vy-consent],
html[data-vy-apex2030="20260807-apex2030"] .vy-consent,
html[data-vy-apex2030="20260807-apex2030"] #vy-consent,
html[data-vy-apex2030="20260807-apex2030"] .consent-banner {
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
  border: 1px solid var(--a30-line) !important;
  font-family: var(--a30-font-body) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .strip-mini,
html[data-vy-apex2030="20260807-apex2030"] .footer {
  border-top: 1px solid var(--a30-line) !important;
  background: rgba(255, 255, 255, 0.45) !important;
}

html[data-vy-apex2030="20260807-apex2030"] .footer p,
html[data-vy-apex2030="20260807-apex2030"] .foot-mini {
  color: var(--a30-muted) !important;
  font-size: 13.5px !important;
}

@keyframes a30-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes a30-drift {
  from { transform: scale(1.02) translate3d(0, 0, 0); }
  to { transform: scale(1.05) translate3d(-1.2%, -0.6%, 0); }
}

@media (max-width: 820px) {
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-enter__grid {
    grid-template-columns: 1fr !important;
  }
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero__media {
    object-position: 78% 35% !important;
  }
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero__veil {
    background:
      linear-gradient(180deg, rgba(251, 253, 255, 0.28) 0%, rgba(251, 253, 255, 0.72) 52%, rgba(243, 247, 251, 0.9) 100%) !important;
  }
  html[data-vy-apex2030="20260807-apex2030"] .svc-grid {
    grid-template-columns: 1fr !important;
  }
  html[data-vy-apex2030="20260807-apex2030"] .links {
    display: none !important;
  }
}

@media (max-width: 390px) {
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-brand {
    font-size: clamp(2.8rem, 16vw, 3.6rem) !important;
  }
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-cta .btn {
    width: 100% !important;
  }
  html[data-vy-apex2030="20260807-apex2030"] .wrap {
    width: min(100% - 24px, 1180px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-brand,
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-headline,
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-line,
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-cta,
  html[data-vy-apex2030="20260807-apex2030"] .apex2030-hero__media {
    animation: none !important;
  }
}