.ecosystem-v4 {
  --v4-ink: #080b10;
  --v4-panel: #10151c;
  --v4-text: #f4f3ec;
  --v4-muted: #b2b9c2;
  --v4-accent: #d8ff63;
  --v4-line: #303740;
  --v4-radius: 18px;
  --v4-width: 1240px;
  --home-lime: var(--v4-accent);
  color: var(--v4-text);
  background:
    linear-gradient(90deg, rgba(3, 6, 12, .92), rgba(3, 6, 12, .57) 49%, rgba(3, 6, 12, .78)),
    linear-gradient(180deg, rgba(3, 6, 12, .14), #03060c 30%, #03060c),
    var(--site-bg-image) center top / cover no-repeat,
    #03060c !important;
}
.ecosystem-v4 *, .ecosystem-v4 *::before, .ecosystem-v4 *::after { box-sizing: border-box; }
.ecosystem-v4 .home { width: min(var(--v4-width), calc(100% - 40px)); }
.ecosystem-v4 .hero {
  width: 100%;
  min-height: auto;
  margin: 0;
  padding: 56px 0 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  gap: 36px;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.ecosystem-v4 .hero::before, .ecosystem-v4 .hero::after, .ecosystem-v4 .hero-visual::before { display: none; }
.ecosystem-v4 .hero-copy { grid-column: auto; padding: 0; text-align: left; }
.ecosystem-v4 .hero-copy .hero-kicker { font-size: 11px; letter-spacing: .14em; color: var(--v4-accent); line-height: 1.7; }
.ecosystem-v4 .hero-title {
  font-size: clamp(64px, 16vw, 112px);
  line-height: .94;
  letter-spacing: -.065em;
  font-weight: 800;
  text-transform: none;
  text-shadow: none;
  margin: 22px 0;
  white-space: normal;
}
.ecosystem-v4 .hero-title .v4-title-dot { display: inline; margin: 0; font: inherit; letter-spacing: inherit; color: var(--v4-accent); }
.ecosystem-v4 .hero-lead { margin: 24px 0 14px; font-size: clamp(23px, 3vw, 34px); line-height: 1.2; color: var(--v4-text); }
.v4-intro { max-width: 400px; color: var(--v4-muted); line-height: 1.7; font-size: 15px; }
.ecosystem-v4 .hero-actions { justify-content: flex-start; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.ecosystem-v4 .hero-actions .home-button { flex: 0 1 auto; min-height: 48px; padding: 0 17px; font-size: 13px; }
.ecosystem-v4 .home-button { box-shadow: none; backdrop-filter: none; }
.ecosystem-v4 .home-button::after, .ecosystem-v4 .portal-link::after { content: none; }
.ecosystem-v4 .v4-card-action [aria-hidden="true"] { display: none; }
.ecosystem-v4 .hero-actions .cta-full { display: none; }
.ecosystem-v4 .hero-actions .cta-short { display: inline; }
.ecosystem-v4 .hero-visual { width: 100%; max-width: 520px; grid-column: auto; justify-self: center; transform: none; }
.ecosystem-v4 .hero-visual-frame { position: relative; border-radius: var(--v4-radius); box-shadow: none; aspect-ratio: 1; background: var(--v4-panel); }
.ecosystem-v4 .home-hero-video { opacity: 1; width: 100%; height: 100%; object-fit: cover; }
.v4-motion-toggle { position: absolute; right: 12px; bottom: 12px; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: #fff; background: rgba(3,6,12,.65); font: 800 17px/1 inherit; cursor: pointer; }
.v4-motion-toggle[hidden] { display: none; }
.v4-video-status { color: var(--v4-muted); font-size: 13px; }
.v4-video-status a { color: var(--v4-accent); }
.ecosystem-v4 .home-section { padding: 64px 0; }
.ecosystem-v4 .home-section + .home-section { border-top: 1px solid var(--v4-line); }
.ecosystem-v4 .section-kicker { font-size: 11px; letter-spacing: .15em; color: var(--v4-accent); }
.ecosystem-v4 .v4-section-title, .v4-section-heading h2 { margin: 0 0 30px; font-size: clamp(30px, 4vw, 48px); line-height: 1.1; letter-spacing: -.045em; }
.ecosystem-v4 .portal-grid { gap: 20px; }
.ecosystem-v4 .portal-card { border-radius: var(--v4-radius); border-color: var(--v4-line); box-shadow: none; }
.v4-section-heading > p { color: var(--v4-muted); max-width: 350px; line-height: 1.7; margin: 0 0 32px; }
.v4-world-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.v4-world-card { display: flex; flex-direction: column; min-height: 290px; padding: 28px; color: var(--v4-text); text-decoration: none; background: var(--v4-panel); border: 1px solid var(--v4-line); border-radius: var(--v4-radius); transition: border-color .2s ease; }
.v4-world-card:hover { border-color: var(--v4-accent); }
.v4-world-card .card-kicker { font-size: 10px; color: var(--v4-muted); letter-spacing: .1em; }
.v4-world-card h3 { margin: 22px 0 12px; font-size: 28px; line-height: 1.1; letter-spacing: -.035em; }
.v4-world-card p { color: var(--v4-muted); line-height: 1.7; font-size: 14px; margin: 0 0 28px; }
.v4-card-action { display: flex; justify-content: space-between; gap: 16px; margin-top: auto; color: var(--v4-accent); font-size: 13px; }
.ecosystem-v4 .offer-card, .ecosystem-v4 .list-panel { border-radius: var(--v4-radius); border-color: var(--v4-line); background: var(--v4-panel); box-shadow: none; }
.ecosystem-v4 .home-socials a { width: 44px; height: 44px; }
.ecosystem-v4 :is(a, button, input, summary):focus-visible { outline: 2px solid var(--v4-accent); outline-offset: 4px; }
.ecosystem-v4 .v4-skip { position: fixed; top: 10px; left: 20px; z-index: 1100; padding: 14px 20px; color: var(--v4-ink); background: var(--v4-accent); transform: translateY(-180%); }
.ecosystem-v4 .v4-skip:focus { transform: none; }
.ecosystem-v4 #main-content { scroll-margin-top: 80px; }
.ecosystem-v4 #explore { scroll-margin-top: 80px; }
.ecosystem-v4 .modal-close { width: 44px; height: 44px; }
@media (min-width: 700px) {
  .ecosystem-v4 .home { width: min(var(--v4-width), calc(100% - 80px)); }
  .ecosystem-v4 .hero { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 48px; padding: 80px 0 60px; }
  .ecosystem-v4 .hero-title { font-size: clamp(72px, 8vw, 116px); }
  .v4-world-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v4-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
  .ecosystem-v4 .home-section { padding: 80px 0; }
}
@media (min-width: 1100px) {
  .v4-world-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .v4-world-card { padding: 24px; }
  .v4-world-card h3 { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .ecosystem-v4 *, .ecosystem-v4 *::before, .ecosystem-v4 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}