.feed-stream-section {
    --feed-green: #00f2bf;
    --feed-cyan: #00d7f6;
    --feed-text: #f8f9fc;
    --feed-muted: #b6c9ed;
    --feed-border: #006271;
    position: relative;
    background: transparent;
    color: var(--feed-text);
}
.feed-stream-stage { position: relative; max-width: 1250px; margin-inline: auto; container-type: inline-size; }
.feed-stream-art { display: block; width: 100%; height: auto; }
.feed-stream-copy { position: absolute; top: 13.7%; left: 4.96%; width: 33%; font-family: Inter, sans-serif; }
.feed-stream-copy .feed-stream-eyebrow { margin: 0 0 .85cqw; font-size: 1.08cqw; font-weight: 600; letter-spacing: .24cqw; line-height: 1.5; text-transform: uppercase; color: var(--feed-green); }
.feed-stream-copy h2 { margin: 0; font-family: Inter, sans-serif; font-size: 5.5cqw; font-weight: 800; line-height: .94; letter-spacing: -.13cqw; color: var(--feed-text); }
.feed-stream-copy h2 span { display: inline-block; color: var(--feed-green); }
.feed-stream-copy .feed-stream-intro { margin: .7cqw 0 0; font-size: 1.67cqw; line-height: 1.24; letter-spacing: -.03cqw; color: var(--feed-muted); }
.feed-stream-benefits { display: grid; gap: 1.4cqw; margin: 2.25cqw 0 0; padding: 0; list-style: none; }
.feed-stream-benefits li { display: flex; align-items: center; gap: 1.8cqw; }
.feed-stream-icon { display: grid; place-items: center; flex: 0 0 4.55cqw; width: 4.55cqw; height: 4.55cqw; border: 1px solid var(--feed-border); border-radius: 1cqw; background: transparent; }
.feed-stream-icon svg { width: 2.75cqw; height: 2.75cqw; fill: none; stroke: var(--feed-green); stroke-width: 2.7; }
.feed-stream-icon .feed-stream-solid { fill: var(--feed-green); stroke: none; }
.feed-stream-benefits strong { font-size: max(16px, 1.3cqw); line-height: 1.3; font-weight: 700; }
.feed-stream-benefits p { margin: .22cqw 0 0; color: var(--feed-muted); font-size: max(14px, 1.16cqw); line-height: 1.4; white-space: nowrap; }
.feed-stream-mobile-board { display: none; }
@media (max-width: 1040px) {
    .feed-stream-stage { padding: 28px 20px; }
    .feed-stream-art { display: none; }
    .feed-stream-copy { position: relative; inset: auto; width: 100%; max-width: 570px; margin-inline: auto; }
    .feed-stream-copy .feed-stream-eyebrow { margin-bottom: 12px; font-size: 11px; letter-spacing: 2.2px; }
    .feed-stream-copy h2 { font-size: clamp(34px, 9vw, 52px); letter-spacing: -1.3px; line-height: 1; }
    .feed-stream-copy .feed-stream-intro { margin-top: 12px; font-size: 16px; line-height: 1.45; letter-spacing: 0; }
    .feed-stream-desktop-break { display: none; }
    .feed-stream-benefits { gap: 12px; margin-top: 20px; }
    .feed-stream-benefits li { gap: 12px; }
    .feed-stream-benefits li > div { min-width: 0; }
    .feed-stream-icon { flex-basis: 40px; width: 40px; height: 40px; border-radius: 8px; }
    .feed-stream-icon svg { width: 24px; height: 24px; }
    .feed-stream-benefits strong { font-size: 16px; }
    .feed-stream-benefits p { margin-top: 2px; font-size: 13px; line-height: 1.4; white-space: normal; }
    .feed-stream-mobile-board { display: block; width: 100%; max-width: 570px; margin: 24px auto 0; padding: 12px 8px 10px; border: 1px solid #007ead; border-radius: 12px; background: transparent; font: 12px/1.35 Inter, sans-serif; }
    .feed-stream-mobile-head { padding-inline: 4px; }
    .feed-stream-mobile-head strong { font-size: 16px; color: #78e9f4; }
    .feed-stream-mobile-head strong span, .feed-stream-mobile-status span { color: var(--feed-green); margin-right: 6px; }
    .feed-stream-mobile-head p { margin: 6px 0 12px; color: var(--feed-muted); font-size: 12px; line-height: 1.4; }
    .feed-stream-mobile-row { display: grid; grid-template-columns: 64px minmax(0, 1fr) 40px; align-items: center; gap: 4px 8px; margin-top: 6px; padding: 8px; border: 1px solid #084156; border-radius: 8px; }
    .feed-stream-brand { grid-column: 1; grid-row: 1 / 3; display: block; width: 64px; max-width: 100%; height: 24px; object-fit: contain; object-position: left center; }
    .feed-stream-mobile-event { grid-column: 2; grid-row: 1; display: grid; gap: 2px; min-width: 0; }
    .feed-stream-mobile-event span { color: var(--feed-muted); font-size: 11px; line-height: 1.3; }
    .feed-stream-mobile-event strong { font-size: 12px; line-height: 1.35; font-weight: 500; overflow-wrap: anywhere; }
    .feed-stream-mobile-price { grid-column: 3; grid-row: 1 / 3; align-self: center; display: grid; gap: 3px; text-align: right; white-space: nowrap; }
    .feed-stream-mobile-price strong { font-size: 17px; line-height: 1.2; }
    .feed-stream-mobile-price span { font-size: 10px; }
    .feed-stream-up { color: var(--feed-green); }
    .feed-stream-down { color: #ff6868; }
    .feed-stream-mobile-time { grid-column: 2; grid-row: 2; color: var(--feed-muted); font-size: 10px; line-height: 1.3; }
    .feed-stream-mobile-status { margin: 12px 4px 0; font-size: 11px; text-align: right; color: var(--feed-muted); }
}
@media (max-width: 359px) {
    .feed-stream-stage { padding-inline: 16px; }
    .feed-stream-mobile-row { grid-template-columns: 52px minmax(0, 1fr) 36px; column-gap: 6px; padding: 7px; }
    .feed-stream-brand { width: 52px; height: 22px; }
    .feed-stream-mobile-price strong { font-size: 16px; }
}

@media (min-width: 761px) and (max-width: 1040px) {
    .feed-stream-stage { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 24px; padding: 32px 28px; }
    .feed-stream-copy { max-width: none; }
    .feed-stream-copy h2 { font-size: clamp(38px, 5vw, 52px); }
    .feed-stream-mobile-board { min-width: 0; max-width: none; margin: 0; }
    .feed-stream-mobile-row { grid-template-columns: 56px minmax(0, 1fr) 40px; column-gap: 6px; }
    .feed-stream-brand { width: 56px; }
}
