.product-ecosystem-preview{position:relative;background:linear-gradient(180deg,#fff 0%,#f7fcfc 48%,#f2faf9 100%);overflow:hidden}
.product-ecosystem-preview:before{content:"";position:absolute;left:50%;top:54%;width:760px;height:440px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(76,218,204,.16),rgba(92,174,242,.07) 42%,transparent 72%);pointer-events:none}
.product-ecosystem-preview .center-intro{position:relative;z-index:2;max-width:780px;margin-inline:auto}
.product-ecosystem-preview .center-intro p{max-width:620px;margin-inline:auto}
.preview-orbit{position:relative;width:min(100%,900px);height:570px;margin:22px auto 0}
.preview-orbit>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.preview-orbit>svg circle,.preview-orbit>svg line{fill:none;stroke:#a9d6d3;stroke-width:.42;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;transition:stroke .2s ease,opacity .2s ease}
.preview-orbit>svg circle{stroke:#d2e9e7;stroke-dasharray:1.2 2.2}
.preview-orbit-core,.preview-product{position:absolute;background:rgba(255,255,255,.98);border:1px solid #d9e8e9;box-shadow:0 20px 52px rgba(7,27,54,.1)}
.preview-orbit-core{z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:140px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 24px 58px rgba(24,167,170,.14),0 0 0 9px rgba(255,255,255,.45)}
.preview-orbit-core:before{content:"";position:absolute;inset:-22px;border:1px solid rgba(43,190,196,.12);border-radius:45px;pointer-events:none}
.preview-orbit-core .brand-mark{width:34px;height:34px;margin-bottom:3px}
.preview-orbit-core>strong{font-size:16px;letter-spacing:-.045em}
.preview-orbit-core>strong span{color:#25b9c6}
.preview-orbit-core small{font-size:8px;letter-spacing:.16em;color:#66758a;font-weight:850}
.preview-product{z-index:3;width:154px;min-height:110px;border-radius:18px;padding:13px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;row-gap:3px;align-content:center;align-items:center;text-decoration:none;color:#071b36;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;background:linear-gradient(145deg,#fff,#fbfefe)}
.preview-product:hover,.preview-product:focus-visible{transform:translate(-50%,-50%) translateY(-5px);box-shadow:0 27px 62px rgba(7,27,54,.16);border-color:#29c2c6;outline:0}
.preview-product:focus-visible{box-shadow:0 0 0 4px rgba(41,194,198,.18),0 27px 62px rgba(7,27,54,.16)}
.preview-product i{grid-row:1/4;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#def9f5,#e4f5f9);color:#118d99;font-style:normal;font-size:10px;font-weight:900}
.preview-product i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.preview-product:nth-of-type(even) i{background:linear-gradient(145deg,#e6f5ff,#e8efff);color:#3289d3}
.preview-product b{font-size:11px;line-height:1.12;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.preview-product small{font-size:7px;line-height:1.3;color:#718096;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:18px}
.preview-product span{font-size:8px;color:#168f9d;font-weight:800;letter-spacing:.01em;margin-top:5px}
.preview-product span:after{content:" →";transition:margin-left .2s ease}
.preview-product:hover span:after{margin-left:3px}
.preview-product.slot-0{left:50%;top:9%;transform:translate(-50%,-50%)}
.preview-product.slot-1{left:76%;top:16%;transform:translate(-50%,-50%)}
.preview-product.slot-2{left:88%;top:37%;transform:translate(-50%,-50%)}
.preview-product.slot-3{left:88%;top:67%;transform:translate(-50%,-50%)}
.preview-product.slot-4{left:70%;top:85%;transform:translate(-50%,-50%)}
.preview-product.slot-5{left:50%;top:92%;transform:translate(-50%,-50%)}
.preview-product.slot-6{left:30%;top:85%;transform:translate(-50%,-50%)}
.preview-product.slot-7{left:12%;top:67%;transform:translate(-50%,-50%)}
.preview-product.slot-8{left:12%;top:37%;transform:translate(-50%,-50%)}
.preview-product.slot-9{left:24%;top:16%;transform:translate(-50%,-50%)}
.ecosystem-admin-badge{position:relative;z-index:2;width:max-content;max-width:100%;margin:4px auto 0;padding:8px 13px;border:1px solid #d7e8e8;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 9px 25px rgba(7,27,54,.06);display:flex;align-items:center;gap:7px;color:#627286;font-size:10px}
.ecosystem-admin-badge i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e2f8f5;color:#168f99;font-style:normal;font-size:9px}
.ecosystem-admin-badge strong{color:#0a7680;font-size:10px}.ecosystem-admin-badge small{font-size:9px;color:#8190a0}
@media(max-width:900px){
  .product-ecosystem-preview:before{top:50%;width:100%;height:520px}
  .preview-orbit{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;background:none;margin-top:38px}
  .preview-orbit>svg{display:none}
  .preview-orbit .preview-orbit-core,.preview-orbit .preview-product{position:static;inset:auto;transform:none!important;width:auto;min-width:0}
  .preview-orbit .preview-orbit-core{grid-column:1/-1;height:122px;min-height:122px;border-radius:24px}.preview-orbit-core:before{display:none}
  .preview-orbit .preview-product{min-height:96px;padding:14px;grid-template-columns:40px minmax(0,1fr);border-radius:17px;box-shadow:0 12px 30px rgba(7,27,54,.08)}
  .preview-orbit .preview-product i{width:40px;height:40px;border-radius:12px}
  .preview-orbit .preview-product:hover,.preview-orbit .preview-product:focus-visible{transform:translateY(-3px)!important}
}
@media(max-width:520px){
  .product-ecosystem-preview{padding-top:68px;padding-bottom:68px}
  .preview-orbit{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
  .preview-orbit .preview-orbit-core{grid-column:1/-1;height:108px;min-height:108px}
  .preview-orbit .preview-product{min-height:106px;padding:11px 9px;grid-template-columns:34px minmax(0,1fr);gap:3px 8px}
  .preview-orbit .preview-product i{width:34px;height:34px;font-size:8px}
  .preview-orbit .preview-product b{font-size:10px}.preview-orbit .preview-product small{font-size:7px}.preview-orbit .preview-product span{font-size:7px}
  .ecosystem-admin-badge{margin-top:18px;padding:7px 10px}.ecosystem-admin-badge small{display:none}
}
@media(max-width:340px){.preview-orbit{grid-template-columns:1fr}.preview-orbit .preview-orbit-core{grid-column:auto}}