.presentation-section{padding:30px 0 65px}
.presentation-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}
.presentation-heading>div{max-width:690px}
.presentation-heading h2{margin:16px 0 0;line-height:1.12}
.presentation-heading>p{max-width:330px;margin:0}
.presentation-player{position:relative;overflow:hidden;border-radius:22px;background:#172d36;border:1px solid #dce3e4;box-shadow:0 18px 50px #172d3610}
.presentation-play{position:absolute;left:50%;top:76%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;white-space:nowrap;border:0;border-radius:40px;background:#dcf986;color:#172d36;font-weight:700;font-size:15px}
.presentation-play[hidden]{display:none}
.presentation-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#172d36}
.presentation-alternative{margin:16px 0 0;font-size:14px;text-align:center}
.presentation-alternative a{text-decoration:underline;text-underline-offset:4px;font-weight:600}
/* Interactive elements stay inside the picture, above native playback controls. */
.video-companion{position:absolute;inset:0;pointer-events:none;z-index:2}
.video-companion[hidden],.video-companion [hidden]{display:none!important}
.video-chapters,.video-context-copy{display:none}
.video-context{position:absolute;left:4%;right:4%;bottom:62px;display:flex;flex-direction:column;align-items:center;gap:10px}
.video-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px}
.video-chips:empty{display:none}
.video-chip{pointer-events:auto;cursor:pointer;padding:10px 16px;border:1px solid #ffffff70;border-radius:30px;background:#172d36ed;color:white;font-size:14px;box-shadow:0 3px 16px #0002;backdrop-filter:blur(12px);transition:background .18s,transform .18s;animation:video-chip-in .35s ease-out both}
.video-chip:hover,.video-chip[aria-expanded=true]{background:#dcf986;color:#172d36;transform:translateY(-2px)}
.video-chip:after{content:' +';font-weight:700;margin-left:8px}
.video-demo{pointer-events:auto;font-size:13px;padding:10px 18px;background:#dcf986;color:#172d36;border-radius:30px}
.video-feature-detail{pointer-events:auto;position:absolute;inset:8% 12% 62px;overflow:auto;padding:26px;border:1px solid #ffffff60;border-radius:18px;background:#172d36f5;color:white;box-shadow:0 10px 50px #0004;backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:center;gap:18px}
.video-feature-detail .eyebrow{color:#dcf986;font-size:11px}
.video-feature-detail h3{font-size:26px;margin:10px 0;color:white}
.video-feature-detail p{font-size:15px;line-height:1.5;margin:0 0 14px;color:#f1f5f3}
.video-feature-detail .text-link{font-size:14px;color:#dcf986}
.video-detail-close{align-self:flex-start;cursor:pointer;border:1px solid #ffffff60;background:transparent;color:white;border-radius:25px;padding:9px 16px;font-size:13px;flex-shrink:0}
.video-companion:has(.video-feature-detail:not([hidden])) .video-context{visibility:hidden}
@keyframes video-chip-in{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.video-chip{animation:none;transition:none}}
@media(max-width:700px){.video-context{bottom:40px;left:3%;right:3%;gap:6px}.video-chips{gap:5px}.video-chip{font-size:10px;padding:6px 9px}.video-chip:after{margin-left:3px}.video-demo{font-size:10px;padding:6px 10px;min-height:0}.video-feature-detail{inset:5px 5px 35px;padding:12px;gap:10px;display:block;border-radius:10px}.video-feature-detail .eyebrow{font-size:9px}.video-feature-detail h3{font-size:17px;margin:6px 0}.video-feature-detail p{font-size:12px;line-height:1.35;margin-bottom:8px}.video-feature-detail .text-link{font-size:11px}.video-detail-close{font-size:11px;padding:6px 10px;margin-top:10px}}
@media(max-width:700px){.presentation-section{padding:15px 0 45px}.presentation-heading{display:block;margin-bottom:22px}.presentation-heading h2{font-size:34px}.presentation-heading>p{margin-top:18px;max-width:none}.presentation-player{border-radius:12px}.presentation-alternative{font-size:13px}}
@media(max-width:700px){.video-feature-detail{padding-top:30px}.video-detail-close{position:sticky;bottom:0;background:#172d36;box-shadow:0 -5px 12px #172d36;display:block}.video-feature-detail h3{margin-top:0}}