.v9-ecosystem-section{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 30%,rgba(0,204,235,.12),transparent 38%),radial-gradient(circle at 10% 70%,rgba(242,31,47,.1),transparent 35%),#05080b}.v9-ecosystem-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,197,225,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,197,225,.035) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.v9-ecosystem-grid{position:relative;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);align-items:center;gap:58px}.v9-ecosystem-copy h2{margin:15px 0 22px;font:900 clamp(42px,5vw,72px)/.94 var(--font-display);text-transform:uppercase}.v9-ecosystem-copy h2 span{color:#16d4f2}.v9-ecosystem-copy>p:not(.eyebrow){color:#aeb8c7;line-height:1.75}.v9-flow{display:flex;align-items:center;gap:11px;margin:28px 0;padding:15px;border:1px solid rgba(22,212,242,.28);background:#071116}.v9-flow span{display:grid;gap:3px;color:#fff;font:800 10px var(--font-display);text-transform:uppercase}.v9-flow b{color:#16d4f2;font-size:16px}.v9-flow i{color:#e2ad2f;font-style:normal}.v9-ecosystem-copy ul{display:grid;gap:10px;margin:0 0 28px;padding:0;list-style:none}.v9-ecosystem-copy li{color:#c5ccd5}.v9-ecosystem-copy li:before{content:"✓";margin-right:9px;color:#00df9a;font-weight:900}.v9-ecosystem-screen{position:relative;padding:10px;border:1px solid rgba(22,212,242,.45);background:#04070a;box-shadow:0 30px 75px rgba(0,0,0,.55)}.v9-ecosystem-screen:before{content:"";position:absolute;inset:-1px -1px auto;height:3px;background:linear-gradient(90deg,#f21f2f,#e2ad2f,#16d4f2)}.v9-ecosystem-screen>span{display:block;padding:10px 12px;color:#e2ad2f;font:800 9px var(--font-display);letter-spacing:1.7px}.v9-ecosystem-screen img{display:block;width:100%;height:auto}.pro-app-hero .app-frame img,.feature-screen img{width:100%;height:auto}@media(max-width:980px){.v9-ecosystem-grid{grid-template-columns:1fr;gap:34px}.v9-ecosystem-screen{order:-1}}@media(max-width:600px){.v9-flow{align-items:stretch;flex-direction:column}.v9-flow i{transform:rotate(90deg);align-self:flex-start}.v9-ecosystem-copy h2{font-size:38px}}
