*:focus-visible{outline:3px solid #16a8ff;outline-offset:3px}
.carousel-pause{min-width:68px;height:48px;border:1px solid rgba(255,255,255,.35);background:rgba(2,16,27,.72);color:#fff;padding:0 .75rem;cursor:pointer;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.carousel-pause:hover,.carousel-pause:focus-visible{background:#087dd1;border-color:#087dd1}
.carousel-dot[aria-current="true"]{outline:2px solid #fff;outline-offset:3px}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .nav,html[dir="rtl"] .brand,html[dir="rtl"] .links,html[dir="rtl"] .actions,html[dir="rtl"] .site-controls,html[dir="rtl"] .flow-heading,html[dir="rtl"] .flow-actions{direction:rtl}
html[dir="rtl"] .links{margin-left:0;margin-right:auto}
html[dir="rtl"] .site-controls{margin-left:0;margin-right:auto}
html[dir="rtl"] .search-panel{right:auto;left:0}
html[dir="rtl"] .visual-label{text-align:left;right:auto;left:0}
html[dir="rtl"] .carousel-controls{right:auto;left:clamp(1.2rem,7vw,7rem)}
html[dir="rtl"] .arrow{display:inline-flex;direction:rtl}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.carousel-slide,.carousel-dot.active:after{transition:none!important;animation:none!important}}
@media(max-width:400px){.footer-grid{grid-template-columns:1fr}.nav{gap:.6rem}.brand small{letter-spacing:.1em}.pagehero h1,.section h2{overflow-wrap:anywhere}}
