/* Each product film retains its composition and its own playback controls. */
.claim-visual>.feature-film{position:relative;width:100%;max-width:800px;aspect-ratio:var(--film-aspect,16/9);border:1px solid #dfe3df;border-radius:14px;overflow:hidden;background:#f6f8f6;isolation:isolate}
/* The third chapter carries one film per website mode; only the selected mode's film is shown. */
.feature-film[data-film-mode=construction],body[data-site-mode=construction] .feature-film[data-film-mode=operation]{display:none}
body[data-site-mode=construction] .feature-film[data-film-mode=construction]{display:block}
.feature-film>video{display:block;width:100%;height:100%;object-fit:contain;background:#f6f8f6}
.feature-film-controls{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;z-index:2}
.feature-film-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;background:#202522eb;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0002;transition:background .18s}
.feature-film-controls button:hover{background:#070a08}
.feature-film-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.feature-film-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feature-film-controls [data-play-icon]{display:none}.feature-film.is-paused [data-play-icon]{display:block}.feature-film.is-paused [data-pause-icon]{display:none}
.feature-video-dialog{width:min(1160px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #ffffff2b;border-radius:16px;background:#202522;color:#fff;overflow:auto}
.feature-video-dialog::backdrop{background:#111713dc;backdrop-filter:blur(8px)}
.feature-video-dialog .film-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 20px}
.feature-video-dialog .film-dialog-header h2{font-size:16px;font-weight:500;letter-spacing:0;line-height:1.4;margin:0}
.feature-video-dialog .close-dialog{position:static;width:44px;height:44px;min-width:44px;border-radius:50%;color:#fff;background:#ffffff12;line-height:1}
.feature-video-dialog>video{display:block;width:100%;height:auto;max-height:calc(100dvh - 128px);aspect-ratio:var(--film-aspect,16/9);object-fit:contain;background:#f6f8f6}
.intelligence-claims{counter-reset:filmchapter}.intelligence-claim{counter-increment:filmchapter}
.claim-label{display:flex;align-items:center;gap:12px;color:#626b64;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.01em;margin-bottom:18px}
.claim-label:before{content:'0' counter(filmchapter);font:10px 'JetBrains Mono',monospace;border:1px solid #dfe3df;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex:none;color:#404d43}
/* Stack the copy above a full-width film before small UI text becomes illegible. */
@media(min-width:601px) and (max-width:1100px){
 .intelligence-claim{display:flex;flex-direction:column;align-items:stretch;gap:30px;min-height:0}
 .intelligence-claim .claim-copy{order:0;max-width:800px}.intelligence-claim .claim-visual{order:1;justify-content:flex-start}
}
@media(max-width:700px){.claim-visual>.feature-film{max-width:800px}.feature-video-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.feature-video-dialog .film-dialog-header{padding:8px 12px;gap:12px}.feature-video-dialog .film-dialog-header h2{font-size:14px}.claim-label{margin-bottom:15px}}
@media(max-width:600px){
 .claim-visual>.feature-film{aspect-ratio:auto}
 /* Only a film with a portrait phone cut reserves the portrait shape before the script runs. */
 .claim-visual>.feature-film:has(>video[data-src-mobile]){--film-aspect:1080/1350}
 .feature-film>video{height:auto;aspect-ratio:var(--film-aspect,16/9)}
 .feature-film .feature-film-controls{position:static;justify-content:flex-end;gap:8px;padding:0 10px 10px}
}
@media(prefers-reduced-motion:reduce){.feature-film-controls button{transition:none}}