/* Product-page-only additions; shared landing surfaces remain untouched. */
.edge-platform-preview { padding: 24px 0; border-block: 1px solid rgba(186,230,253,.12); background: rgba(8,20,38,.56); }
.edge-platform-preview__inner { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; align-items: center; gap: 24px; }
.edge-platform-preview h2 { margin: 0 0 5px; color: #edf5fa; font-size: clamp(17px, 2vw, 21px); font-weight: 600; letter-spacing: -.025em; }
.edge-platform-preview p { margin: 0; color: #93a9bd; font-size: 13px; line-height: 1.5; }
.edge-platform-preview__list { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.edge-platform-preview__list li { display: flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(186,230,253,.13); border-radius: 7px; color: #c6d5df; font-size: 12px; white-space: nowrap; }
.edge-platform-preview__list img { object-fit: contain; }
.edge-platform-preview__list .is-primary { border-color: rgba(56,189,248,.38); color: #f3f8fb; }
.edge-platform-preview__list .is-featured { border-color: rgba(112,143,255,.46); background: rgba(112,143,255,.08); color: #edf0ff; }
.edge-platform-preview__hl { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: #202950; color: #c3ceff; font: 600 10px/1 var(--mono); }
/* Official Hyperliquid brand-kit blob, painted through the mask in its own
   hex — the same normalised mark the integrations wall uses. */
.edge-platform-preview__mark { display: block; width: 15px; height: 15px; background-color: var(--mark-color, #c3ceff); -webkit-mask: var(--mark-src) center / contain no-repeat; mask: var(--mark-src) center / contain no-repeat; }
.edge-platform-preview__link { color: #9edafa; font-size: 12px; white-space: nowrap; }
.edge-integration-groups { display: grid; gap: 10px; margin-top: 28px; }
.edge-integration-group { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #081426; }
.edge-integration-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; color: #edf5fa; cursor: pointer; font-size: 15px; font-weight: 600; list-style: none; }
.edge-integration-group > summary::-webkit-details-marker { display: none; }
.edge-integration-group > summary::after { content: '+'; margin-left: auto; color: #93a9bd; font-size: 20px; font-weight: 400; }
.edge-integration-group[open] > summary::after { content: '−'; }
.edge-integration-group > summary:focus-visible { outline: 2px solid #7dd3fc; outline-offset: -3px; }
.edge-integration-count { color: #8196a8; font: 500 11px/1 var(--mono); }
.edge-integration-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 10px; padding: 0 14px 14px; }
.edge-integration-card { min-width: 0; padding: 14px; border: 1px solid rgba(186,230,253,.1); border-radius: 7px; background: rgba(5,11,22,.58); }
.edge-integration-card.is-planned { border-style: dashed; }
.edge-integration-card__head { display: flex; align-items: center; gap: 9px; min-height: 30px; }
.edge-integration-card__head img { width: 26px; height: 26px; object-fit: contain; }
.edge-integration-card__head h3 { margin: 0; color: #e6f0f6; font-size: 14px; font-weight: 600; }
.edge-integration-status { margin-left: auto; padding: 3px 7px; border-radius: 999px; background: rgba(147,169,189,.12); color: #a9bac8; font-size: 10px; white-space: nowrap; }
.edge-integration-status.is-beta { background: rgba(230,200,102,.13); color: #e6c866; }
.edge-integration-method { margin: 12px 0 0; color: #9edafa; font-size: 12px; font-weight: 600; }
.edge-integration-note { margin: 5px 0 0; color: #9babb9; font-size: 12px; line-height: 1.5; }
.edge-plan-panels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 28px 0 24px; text-align: left; }
.edge-plan-panels article { padding: 20px 22px; border: 1px solid var(--line); border-radius: 9px; background: rgba(8,20,38,.74); }
.edge-plan-panels h3 { margin: 0 0 9px; color: #dbeaf4; font: 500 11px/1.2 var(--mono); letter-spacing: .08em; }
.edge-plan-panels p { margin: 0; color: #a9bac8; font-size: 14px; line-height: 1.6; }
.edge-plan-choice .disclaimer { max-width: 820px; margin-inline: auto; }
@media (max-width: 900px) { .edge-platform-preview__inner { grid-template-columns: 1fr auto; gap: 15px; } .edge-platform-preview__list { grid-column: 1 / -1; grid-row: 2; } .edge-platform-preview__link { grid-column: 2; grid-row: 1; } }
@media (max-width: 600px) { .edge-platform-preview__inner { grid-template-columns: 1fr; } .edge-platform-preview__list { grid-column: 1; grid-row: auto; gap: 7px; } .edge-platform-preview__list li { flex: 1 1 calc(50% - 7px); min-width: 0; white-space: normal; } .edge-platform-preview__link { grid-column: 1; grid-row: auto; } .edge-plan-panels { grid-template-columns: 1fr; } .edge-integration-grid { grid-template-columns: 1fr; } .edge-integration-group > summary { padding: 16px; } }