/* IDN-001/005/007: the Ecosystem shares one quiet, connected visual environment. */
:root body.vb-ecosystem-brand{background:#070709;color:#f3f1ed}
:root body.vb-ecosystem-brand main{background:#070709}
:root body.vb-ecosystem-brand :is(.page-hero,.price-hero,.cm-hero,.community-service-overview){background:radial-gradient(ellipse at 100% 0%,#59bcc812,transparent 52%),radial-gradient(ellipse at 0% 100%,#78319212,transparent 58%),#070709}
:root body.vb-ecosystem-brand .community-first-hero{background:#070709;isolation:isolate}
.vb-brand-field{position:absolute;inset:0;z-index:-3;background:url('ecosystem-brand-field.svg') right center/cover no-repeat;pointer-events:none}
:root body.vb-ecosystem-brand .hero-bg-overlay{background:linear-gradient(90deg,#070709 0%,#070709f5 35%,#070709a6 63%,#07070938 100%),linear-gradient(0deg,#070709,transparent 35%);pointer-events:none}
:root body.vb-ecosystem-brand :is(.solution-card,.principle-card,.trust-card,.price-card,.case-library-card,.eco-grid article,.eco-directory>a,.eco-planner,.brand-path){background:#111116;border-color:#34313c;box-shadow:none}
:root body.vb-ecosystem-brand :is(.vt-topology,.vb-topology,.community-topology,.community-setup-route){background:#0d0d10;border-color:#3c3545}
.vb-brand-section{padding:64px 0;background:#0d0d10;border-block:1px solid #29262f}
.vb-brand-section>.container{display:grid;gap:24px}.vb-brand-section .lead{max-width:65ch}
.vb-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.brand-path{display:grid;align-content:start;gap:14px;padding:26px;border:1px solid #34313c;border-radius:18px;min-width:0}
.brand-path h3{font-size:1.375rem;line-height:1.3}.brand-path p{color:#c7c4cc}.brand-path a{color:#91dbe4;text-decoration:underline;text-underline-offset:4px}
.brand-path a:focus-visible{outline:2px solid #6ff3ff;outline-offset:5px;border-radius:3px}
.vb-brand-index{font:600 .875rem/1.5 Inter,system-ui,sans-serif;color:#c18bd8;letter-spacing:.08em}
.vb-brand-subline{font-size:.875rem;color:#c7c4cc;max-width:68ch;line-height:1.65}
.vb-brand-note{border-left:2px solid #59bcc8;padding:14px 18px;background:#111116;color:#d8d3df;line-height:1.65}
:root body.vb-ecosystem-brand .hero-orbit{display:none}
@media(max-width:700px){.vb-brand-grid{grid-template-columns:1fr}.vb-brand-section{padding-block:40px}.brand-path{padding:22px}.vb-brand-field{background-position:65% center;opacity:.55}:root body.vb-ecosystem-brand .hero-bg-overlay{background:linear-gradient(90deg,#070709f5,#070709d9),linear-gradient(0deg,#070709,transparent)} }
:root body.vb-ecosystem-brand .brand-path h3{font-size:clamp(1.25rem,calc(1rem + .5vw),1.5rem);line-height:1.3}
:root body.vb-ecosystem-brand :is(.brand-path,.vb-brand-section>.container) :is(h2,h3)+p{margin-block-start:0}
/* The first screen is readable immediately, without waiting for scroll-reveal scripts. */
:root body.vb-ecosystem-brand :is(.community-first-hero,.page-hero,.price-hero,.cm-hero) .reveal{opacity:1;transform:none;transition:none}