/* Streaming discovery, using the existing KEN website palette and typography. */
.features-page .marketing-toc-track { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 960px) {
  .features-page .marketing-toc-track { grid-template-columns: repeat(5, minmax(205px, 1fr)); }
}
.ken-streaming-section { padding: 100px var(--ken-gutter); scroll-margin-top: 100px; background: var(--ken-paper); color: var(--ken-ink); }
.ken-streaming-layout { max-width: var(--ken-shell); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(270px, .8fr); gap: clamp(36px, 7vw, 112px); align-items: center; }
.ken-streaming-copy h2 { font-size: clamp(46px, 6vw, 86px); line-height: 1.02; letter-spacing: -.045em; margin: 16px 0 24px; font-weight: 600; }
.ken-streaming-copy h2 em { font-style: normal; color: var(--ken-blue); }
.ken-streaming-lede { font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; max-width: 34em; color: var(--ken-ink-soft); }
.ken-streaming-copy h3 { font-size: 16px; font-weight: 600; margin: 30px 0 8px; }
.ken-streaming-services { list-style: none; padding: 0; margin: 0 0 32px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.ken-streaming-services li { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--ken-line); }
.ken-streaming-services img { width: 44px; height: 44px; object-fit: cover; border-radius: 11px; flex: 0 0 44px; }
.ken-streaming-services strong { display: block; font-size: 17px; line-height: 1.3; font-weight: 600; }
.ken-streaming-services small { display: block; font-size: 13px; line-height: 1.5; margin-top: 3px; color: var(--ken-ink-soft); }
.ken-streaming-note, .ken-streaming-request { max-width: 43em; font-size: 13px; line-height: 1.65; color: var(--ken-ink-soft); }
.ken-streaming-copy .ken-streaming-note { margin: 20px 0 10px; }
.ken-streaming-copy .ken-streaming-request { margin: 0; }
.ken-streaming-preview { margin: 0; justify-self: center; width: min(100%, 340px); }
.ken-streaming-phone { border: 7px solid #172534; border-radius: 38px; padding: 2px; background: #172534; overflow: hidden; box-shadow: 0 30px 65px -30px #273e6670, 0 3px 7px #273e6624; }
.ken-streaming-phone img { display: block; width: 100%; height: auto; border-radius: 28px; }
.ken-streaming-preview figcaption { text-align: center; font-size: 12px; line-height: 1.5; color: var(--ken-ink-soft); margin-top: 18px; }
.ken-streaming-copy a:focus-visible { outline: 3px solid var(--ken-blue); outline-offset: 5px; }
@media (max-width: 720px) {
  .ken-streaming-section { padding: 60px 24px; }
  .ken-streaming-layout { grid-template-columns: minmax(0, 1fr); gap: 42px; }
  .ken-streaming-copy h2 { font-size: clamp(44px, 12vw, 68px); }
  .ken-streaming-services { gap: 0 16px; }
  .ken-streaming-services li { gap: 10px; }
  .ken-streaming-services strong { font-size: 15px; }
  .ken-streaming-services small { font-size: 12px; }
  .ken-streaming-preview { width: min(78%, 300px); }
}
@media (max-width: 359px) {
  .ken-streaming-services { grid-template-columns: 1fr; }
}

.ken-streaming-services-heading { display: flex; align-items: center; gap: 4px; position: relative; margin-top: 20px; }
.ken-streaming-services-heading h3 { margin: 0; }
.ken-streaming-info summary { list-style: none; display: grid; place-items: center; width: 44px; height: 44px; cursor: pointer; color: var(--ken-ink-soft); border-radius: 50%; }
.ken-streaming-info summary::-webkit-details-marker { display: none; }
.ken-streaming-info summary span { display: grid; place-items: center; width: 18px; height: 18px; border: 1.5px solid currentColor; border-radius: 50%; font-size: 12px; font-weight: 600; line-height: 1; }
.ken-streaming-info summary:hover, .ken-streaming-info[open] summary { color: var(--ken-blue); background: #4263eb0c; }
.ken-streaming-info summary:focus-visible { outline: 3px solid var(--ken-blue); outline-offset: 2px; }
.ken-streaming-info .ken-streaming-request { position: absolute; z-index: 3; top: 100%; left: 0; width: min(100%, 360px); padding: 18px; margin: 0; border: 1px solid var(--ken-line); border-radius: 14px; background: var(--ken-paper); box-shadow: 0 12px 30px -12px #273e6650; }
