.ncni-video { margin: 0; width: 100%; min-width: 0; background: #0b1121; border: 1px solid rgba(103,232,249,.25); border-radius: 18px; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,.12); }
.ncni-video-stage { position: relative; aspect-ratio: 16 / 9; background: #020617; }
.ncni-video-play { display: block; border: 0; padding: 0; width: 100%; height: 100%; position: relative; cursor: pointer; background: #020617; }
.ncni-video .ncni-video-play img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; transform: none; }
.ncni-video-play-label { position: absolute; bottom: 16px; left: 16px; padding: 12px 18px; border-radius: 28px; background: #0f766e; color: white; font: 700 15px/1.3 sans-serif; box-shadow: 0 4px 18px #0006; }
.ncni-video-play:hover .ncni-video-play-label { background: #115e59; }
.ncni-video-play:focus-visible { outline: 3px solid #67e8f9; outline-offset: -4px; }
.ncni-video video { display: block; position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: contain; background: #020617; }
.ncni-video figcaption { padding: 14px 18px; color: #e2e8f0; font-size: .9rem; line-height: 1.6; }
.ncni-video figcaption a { display: block; color: #67e8f9; text-decoration: underline; }
.ncni-triangle-film { min-width: 0; display: flex; align-items: center; padding: 20px; background: #0b1121; }
.ncni-demo { margin: 40px 0; scroll-margin-top: 110px; }
.ncni-demo h3 { color: #f1f5f9; font-size: clamp(1.4rem, 4vw, 2rem); margin-bottom: 16px; }
.ncni-demo > p { margin-bottom: 24px; }
@media (max-width: 480px) { .ncni-triangle-film { padding: 12px; } .ncni-video figcaption { padding: 12px; } }

.ncni-video-stop { display: block; margin-top: 10px; padding: 8px 14px; border: 1px solid #67e8f9; border-radius: 20px; color: #e2e8f0; background: #0b1121; font: inherit; cursor: pointer; }
.ncni-video-stop:focus-visible { outline: 3px solid #67e8f9; outline-offset: 3px; }

.ncni-video-portrait .ncni-video-stage { aspect-ratio: 9 / 16; }
.ncni-adhd-training { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 32px; align-items: center; scroll-margin-top: 110px; }
@media (max-width: 760px) { .ncni-adhd-training { grid-template-columns: 1fr; gap: 24px; padding: 24px; } .ncni-adhd-training .ncni-video { max-width: 340px; margin: 0 auto; } }