.cx-features { position:relative; --cx-feature-mint: var(--_base-collection---colors--mint); }
.cx-features-intro { display:flex; flex-direction:column; align-items:center; gap:1.5rem; max-width:49rem; margin:0 auto 2.5rem; text-align:center; }
.cx-features-intro > p { max-width:45rem; }
.cx-feature-filters { display:flex; justify-content:center; flex-wrap:wrap; gap:.625rem; }
.cx-feature-filter { display:inline-flex; align-items:center; gap:.625rem; border:1px solid var(--_base-collection---colors--white-17); border-radius:999px; background:transparent; padding:.65rem 1rem; color:var(--_base-collection---colors--grey-lighter); font:inherit; font-size:.875rem; cursor:pointer; transition:background .2s,border-color .2s,color .2s; }
.cx-feature-filter > span { font-family:var(--_base-collection---font-family--font-family_jetbrains),monospace; font-size:.7rem; opacity:.65; }
.cx-feature-filter[aria-pressed="true"] { background:rgba(99,242,210,.12); color:var(--cx-feature-mint); border-color:rgba(99,242,210,.55); }
.cx-feature-filter:hover { border-color:var(--cx-feature-mint); color:var(--_base-collection---colors--white-soft); }
.cx-feature-filter:focus-visible,.cx-feature-more:focus-visible { outline:2px solid var(--cx-feature-mint); outline-offset:4px; }
.cx-feature-status { min-height:1.25rem; margin:1.4rem 0 .9rem; text-align:center; font-size:.75rem; color:var(--_base-collection---colors--grey); }
.cx-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding:0; margin:0; list-style:none; }
.cx-feature-grid > li { min-width:0; }
.cx-feature-grid > li[hidden],.cx-features [hidden] { display:none!important; }
.cx-feature-card { position:relative; display:flex; align-items:flex-start; gap:1rem; height:100%; padding:1.35rem; border:1px solid var(--_base-collection---colors--white-17); border-radius:1rem; background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s,background .24s; }
.cx-feature-card::after { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; box-shadow:0 .9rem 2rem rgba(0,22,41,.22); opacity:0; transition:opacity .24s; pointer-events:none; }
.cx-feature-icon { flex:0 0 2.65rem; width:2.65rem; height:2.65rem; display:grid; place-items:center; border-radius:50%; color:var(--cx-feature-mint); border:1px solid rgba(99,242,210,.25); background:radial-gradient(circle at 35% 25%,rgba(99,242,210,.16),rgba(99,242,210,.025)); }
.cx-feature-icon svg { width:1.35rem; height:1.35rem; }
.cx-feature-card h3 { margin:0 0 .55rem; color:var(--_base-collection---colors--white-soft); font-family:var(--_base-collection---font-family--font-family_inter); font-size:1rem; line-height:1.4; font-weight:500; letter-spacing:-.015em; }
.cx-feature-card p { margin:0; color:var(--_base-collection---colors--grey-lighter); font-size:.875rem; line-height:1.6; }
@media (hover:hover) and (pointer:fine) {
  .cx-feature-card:hover { transform:translateY(-5px); border-color:rgba(99,242,210,.65); background:linear-gradient(135deg,rgba(99,242,210,.09),rgba(255,255,255,.025)); }
  .cx-feature-card:hover::after { opacity:1; }
}
.cx-feature-more { display:flex; align-items:center; justify-content:center; gap:1rem; padding:.85rem 1.3rem; margin:2rem auto 0; border:1px solid rgba(99,242,210,.45); border-radius:.5rem; color:var(--cx-feature-mint); background:rgba(99,242,210,.035); font:inherit; font-size:.875rem; cursor:pointer; transition:background .2s; }
.cx-feature-more:hover { background:rgba(99,242,210,.12); }
.cx-feature-more span { font-size:1.1rem; }
.cx-feature-ecosystem { position:relative; display:grid; grid-template-columns:10rem 1fr 2.5rem; gap:2rem; align-items:center; margin-top:3rem; padding:2rem; border:1px solid rgba(99,242,210,.25); border-radius:1rem; background:radial-gradient(ellipse at 0% 50%,rgba(99,242,210,.09),transparent 65%); }
.cx-ecosystem-mark { display:grid; place-items:center; min-height:6rem; padding-right:1.5rem; border-right:1px solid var(--_base-collection---colors--white-17); }
.cx-ecosystem-mark img { display:block; width:100%; max-width:8.5rem; height:auto; }
.cx-ecosystem-eyebrow { margin:0 0 .6rem; color:var(--cx-feature-mint); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; }
.cx-feature-ecosystem h3 { margin:0 0 .75rem; color:var(--_base-collection---colors--white-soft); font-size:1.5rem; font-weight:500; letter-spacing:-.025em; line-height:1.25; }
.cx-feature-ecosystem p:last-child { margin:0; color:var(--_base-collection---colors--grey-lighter); font-size:.9375rem; line-height:1.65; }
.cx-ecosystem-plus { color:var(--cx-feature-mint); font-size:3rem; font-weight:300; text-align:center; }
@media screen and (max-width:991px) {
  .cx-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cx-feature-ecosystem { grid-template-columns:8rem 1fr; gap:1.5rem; }
  .cx-ecosystem-plus { display:none; }
}
@media screen and (max-width:600px) {
  .cx-features-intro { gap:1.25rem; margin-bottom:2rem; }
  .cx-features-intro h2 br { display:none; }
  .cx-feature-filters { gap:.5rem; }
  .cx-feature-filter { font-size:.8rem; padding:.6rem .8rem; gap:.4rem; }
  .cx-feature-grid { grid-template-columns:1fr; gap:.75rem; }
  .cx-feature-card { padding:1.15rem; }
  .cx-feature-ecosystem { grid-template-columns:1fr; gap:1rem; padding:1.5rem; }
  .cx-ecosystem-mark { min-height:0; padding:0; border:0; justify-items:start; }
}
@media (prefers-reduced-motion:reduce) {
  .cx-features *, .cx-features *::after { transition:none!important; animation:none!important; }
  .cx-feature-card:hover { transform:none; }
}

.cx-feature-icon img { display: block; width: 1.8rem; height: 1.8rem; object-fit: contain; }