.page-section{animation:fadeIn .35s ease-in-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
.faq-icon{transition:transform .25s ease}
details[open] summary .faq-icon{transform:rotate(180deg)}
.video-vertical,.video-wide{display:block;width:100%;height:auto;margin-inline:auto;background:#111;object-fit:cover}
.video-vertical{aspect-ratio:9/16;max-width:min(100%,320px);max-height:560px}
.video-wide{aspect-ratio:16/9;max-width:720px}
.feature-video.video-wide{max-width:100%}
.feature-video.video-vertical{max-width:min(100%,360px);max-height:640px}
@media (max-width:640px){.video-vertical{max-width:min(100%,280px);max-height:500px}.video-wide{max-width:100%}}
.product-img,.hero-img,.scene-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#e5e7eb}
.h-64.overflow-hidden.relative{height:auto;aspect-ratio:1/1}
/* Accessibility and interaction safeguards for SEO-friendly public pages. */
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:#1e3a8a;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-weight:700;transition:top .18s ease}
.skip-link:focus{top:1rem}
:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.page-section,.faq-icon{animation:none!important;transition:none!important}}