/* OneAIWorld homepage ("Mission Control"). Loaded only by home.html; relies on the tokens in 00-tokens.css. */

html[data-oaiw-ui="new"] .oaiw-home .oaiw-grad { background: linear-gradient(90deg, #8fc7ff, #428bca 62%, #2f7bc7); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- shared bits ---------- */
html[data-oaiw-ui="new"] .oaiw-rank {
  display: inline-grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 10px; font: 700 .9rem var(--oaiw-font-mono);
  background: rgba(var(--oaiw-accent-rgb), .16); color: var(--oaiw-accent);
}
html[data-oaiw-ui="new"] .is-top > .oaiw-rank, html[data-oaiw-ui="new"] tr.is-top .oaiw-rank { background: linear-gradient(180deg, #6db3ff, #3378b8); color: #04101f; }
html[data-oaiw-ui="new"] .oaiw-more { margin: var(--oaiw-space-6) 0 0; text-align: center; font-weight: 600; }
html[data-oaiw-ui="new"] .oaiw-fineprint { font-size: var(--oaiw-text-sm); color: var(--oaiw-text-faint); margin-bottom: var(--oaiw-space-5); }

/* ---------- buttons ---------- */
html[data-oaiw-ui="new"] .oaiw-home .btn-lg { padding: .9rem 1.6rem; font-size: 1.02rem; font-weight: 600; border-radius: 12px; }
html[data-oaiw-ui="new"] .oaiw-home .oaiw-btn-glow, html[data-oaiw-ui="new"] .oaiw-home .oaiw-btn-glow:hover {
  background: linear-gradient(180deg, #5aa6e8, #3378b8); border-color: rgba(150, 200, 255, .5); color: #fff; box-shadow: var(--oaiw-glow);
}
html[data-oaiw-ui="new"] .oaiw-home .oaiw-btn-glow:hover { filter: brightness(1.1); transform: translateY(-1px); }
html[data-oaiw-ui="new"] .oaiw-home .oaiw-btn-ghost {
  color: #d3e5fb; border: 1px solid var(--oaiw-line-strong); background: rgba(255, 255, 255, .04); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
html[data-oaiw-ui="new"] .oaiw-home .oaiw-btn-ghost:hover, html[data-oaiw-ui="new"] .oaiw-home .oaiw-btn-ghost:focus-visible { color: #fff; background: rgba(109, 179, 255, .16); border-color: var(--oaiw-accent); }

/* ---------- hero ---------- */
html[data-oaiw-ui="new"] .oaiw-hero {
  position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column;
  min-height: min(880px, max(640px, calc(100svh - var(--oaiw-nav-h))));
  background: radial-gradient(ellipse 75% 85% at 50% 38%, #0b2447 0%, #071630 46%, #040a16 82%);   /* centered: the globe brings its own glow */
}
.oaiw-hero__stars {
  position: absolute; inset: 0; z-index: -1; opacity: .5;
  background-image: radial-gradient(circle, rgba(255, 255, 255, .75) 1px, transparent 1.4px), radial-gradient(circle, rgba(150, 200, 255, .5) 1px, transparent 1.4px);
  background-size: 97px 83px, 151px 127px; background-position: 0 0, 40px 60px;
  -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent 92%); mask-image: linear-gradient(180deg, #000 30%, transparent 92%);
}
.oaiw-hero__grid {
  position: absolute; left: 0; right: 0; bottom: 0; height: 42%; z-index: -1; opacity: .5; transform-origin: bottom; transform: perspective(500px) rotateX(58deg);
  background-image: linear-gradient(rgba(110, 170, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(110, 170, 255, .12) 1px, transparent 1px); background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(transparent, #000 70%); mask-image: linear-gradient(transparent, #000 70%);
}
.oaiw-hero__globe { position: absolute; aspect-ratio: 1; pointer-events: none; }   /* positioned by the desktop and phone rules below */
.oaiw-hero__globe canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.2s ease; }
.oaiw-hero__globe.is-ready canvas { opacity: 1; }
.oaiw-hero__globe-fallback { position: absolute; inset: 8%; width: 84%; height: 84%; transition: opacity .8s ease; }
.oaiw-hero__globe.is-ready .oaiw-hero__globe-fallback { opacity: 0; }

.oaiw-hero__inner { flex: 1; display: grid; align-items: center; gap: var(--oaiw-space-7); padding-block: var(--oaiw-space-8) var(--oaiw-space-6); }
@media (min-width: 992px) { .oaiw-hero__inner { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); } }
.oaiw-hero__copy { max-width: 42rem; }
.oaiw-hero h1 { font-size: clamp(2.7rem, 1.1rem + 6.2vw, 5.6rem); line-height: .97; letter-spacing: -.045em; color: #fff; margin: var(--oaiw-space-5) 0 var(--oaiw-space-4); }
.oaiw-hero__sub { font-size: clamp(1.05rem, .95rem + .45vw, 1.28rem); line-height: 1.6; color: var(--oaiw-text-muted); max-width: 36rem; margin: 0; }
.oaiw-hero__cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: var(--oaiw-space-6); }
.oaiw-hero__cta--center { justify-content: center; }
.oaiw-hero__micro { list-style: none; padding: 0; margin: var(--oaiw-space-5) 0 0; display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; font-size: .88rem; color: var(--oaiw-text-faint); }
.oaiw-hero__micro li::before { content: "\2713"; color: var(--oaiw-success); margin-right: .45rem; }
.oaiw-hero__side { display: flex; justify-content: stretch; }

/* Desktop: the right-hand column belongs to the globe, centered in it, sized by the column and by the viewport height
   so the hero also fits short laptop screens. The copy and the globe stay inside the same container at every width. */
@media (min-width: 992px) {
  .oaiw-hero__side { --stage-h: clamp(24rem, calc(100svh - 17rem), 34rem); position: relative; height: var(--stage-h); display: block; }
  .oaiw-hero__globe { z-index: 0; right: auto; left: 50%; top: 50%; width: min(calc(100% + 6rem), calc(var(--stage-h) * 1.3)); opacity: 1; transform: translate(-50%, -50%); }
}
@media (min-width: 992px) and (max-width: 1279.98px) { .oaiw-hero__globe { width: min(calc(100% + .5rem), calc(var(--stage-h) * 1.3)); } }   /* narrow laptops have little margin to overhang into */

/* stats row */
.oaiw-hero__stats { display: flex; flex-wrap: wrap; gap: var(--oaiw-space-3) var(--oaiw-space-7); padding-bottom: var(--oaiw-space-6); }

/* model ticker */
.oaiw-ticker { display: flex; align-items: stretch; min-height: 4.2rem; border-top: 1px solid var(--oaiw-line); background: linear-gradient(180deg, rgba(4, 10, 22, .25), rgba(4, 10, 22, .92)); overflow: hidden; }
.oaiw-ticker__label { display: flex; align-items: center; padding: 0 1.5rem; flex: none; font: 500 .7rem var(--oaiw-font-mono); letter-spacing: .14em; color: var(--oaiw-text-faint); border-right: 1px solid var(--oaiw-line); background: rgba(4, 10, 22, .7); position: relative; z-index: 1; }
.oaiw-ticker__track { display: flex; flex: 1; min-width: 0; overflow: hidden; overflow: clip; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.oaiw-ticker__list { display: flex; flex: none; align-items: center; margin: 0; padding: 0; list-style: none; min-width: 100%; animation: oaiw-marquee 70s linear infinite; }
.oaiw-ticker__track:hover .oaiw-ticker__list { animation-play-state: paused; }
.oaiw-ticker__list li { white-space: nowrap; padding-left: 2.6rem; font: 600 1.1rem var(--oaiw-font-display); color: #8aa5c9; }
.oaiw-ticker__list li::after { content: "\2022"; margin-left: 2.6rem; color: #2b4a74; }
@keyframes oaiw-marquee { to { transform: translateX(-100%); } }

/* ---------- how it works ---------- */
.oaiw-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--oaiw-space-5); grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); counter-reset: none; }
.oaiw-step { position: relative; padding: var(--oaiw-space-5); padding-top: var(--oaiw-space-6); border-radius: var(--oaiw-radius-lg); background: var(--oaiw-surface); border: 1px solid var(--oaiw-line); overflow: hidden; }
.oaiw-step::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, var(--oaiw-accent-fill), var(--oaiw-accent), transparent); }
html[data-oaiw-ui="new"] .oaiw-step__n { display: block; font: 700 2.4rem/1 var(--oaiw-font-mono); letter-spacing: -.04em; color: var(--oaiw-accent); margin-bottom: var(--oaiw-space-4); }
.oaiw-step h3 { font-size: 1.3rem; margin-bottom: var(--oaiw-space-2); }
.oaiw-step p { margin: 0; color: var(--oaiw-text-muted); }

/* ---------- product bento ---------- */
.oaiw-bento { display: grid; gap: var(--oaiw-space-4); grid-template-columns: repeat(12, minmax(0, 1fr)); margin-bottom: var(--oaiw-space-8); }
.oaiw-bento > * { grid-column: span 12; }
@media (min-width: 640px) { .oaiw-bento > * { grid-column: span 6; } }
@media (min-width: 992px) {
  .oaiw-bento > * { grid-column: span 4; }
  .oaiw-bento > .oaiw-tile--text { grid-column: span 7; }
  .oaiw-bento > .oaiw-tile--image { grid-column: span 5; }
}
html[data-oaiw-ui="new"] .oaiw-tile { display: flex; flex-direction: column; align-items: flex-start; min-height: 17rem; position: relative; overflow: hidden; }
html[data-oaiw-ui="new"] .oaiw-tile::after { content: ""; position: absolute; inset: auto -20% -60% auto; width: 70%; aspect-ratio: 1; background: radial-gradient(circle, rgba(var(--oaiw-accent-rgb), .18), transparent 65%); pointer-events: none; }
html[data-oaiw-ui="new"] .oaiw-tile p { max-width: 34rem; }
.oaiw-tile__go { margin-top: auto; padding-top: var(--oaiw-space-5); font-weight: 600; color: var(--oaiw-accent); }
.oaiw-tile__go i { display: inline-block; transition: transform var(--oaiw-med) var(--oaiw-ease); }
a.oaiw-card:hover .oaiw-tile__go i { transform: translateX(4px); }
.oaiw-viz { width: 100%; margin-top: var(--oaiw-space-4); }
.oaiw-viz--bars { display: grid; gap: .55rem; }
.oaiw-viz--bars i { display: block; height: 9px; border-radius: 6px; width: var(--w); background: linear-gradient(90deg, var(--oaiw-accent-fill), var(--oaiw-accent)); transform-origin: left; }
.oaiw-viz--bars i:nth-child(2) { opacity: .7; } .oaiw-viz--bars i:nth-child(3) { opacity: .45; }
.oaiw-viz--tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; max-width: 20rem; }
.oaiw-viz--tiles i { aspect-ratio: 1; border-radius: 10px; border: 1px solid var(--oaiw-line); background: radial-gradient(circle at 30% 30%, rgba(var(--oaiw-accent-rgb), .55), rgba(var(--oaiw-primary-rgb), .12) 70%); }
.oaiw-viz--tiles i:nth-child(2) { background: radial-gradient(circle at 70% 40%, rgba(72, 224, 160, .4), rgba(var(--oaiw-primary-rgb), .1) 70%); }
.oaiw-viz--tiles i:nth-child(3) { background: radial-gradient(circle at 40% 70%, rgba(255, 200, 61, .35), rgba(var(--oaiw-primary-rgb), .1) 70%); }
.oaiw-viz--tiles i:nth-child(4) { background: radial-gradient(circle at 60% 30%, rgba(255, 122, 135, .35), rgba(var(--oaiw-primary-rgb), .1) 70%); }
.oaiw-viz--wave { display: flex; align-items: center; gap: 4px; height: 2.6rem; }
.oaiw-viz--wave i { flex: 1; max-width: 6px; border-radius: 4px; background: linear-gradient(180deg, var(--oaiw-accent), var(--oaiw-accent-fill)); height: 30%; animation: oaiw-wave 1.6s ease-in-out infinite; }
.oaiw-viz--wave i:nth-child(3n) { height: 70%; animation-delay: -.4s; } .oaiw-viz--wave i:nth-child(3n+1) { height: 45%; animation-delay: -.9s; } .oaiw-viz--wave i:nth-child(4n) { height: 100%; animation-delay: -1.2s; }
@keyframes oaiw-wave { 50% { transform: scaleY(.45); } }
.oaiw-viz--chat { display: grid; gap: .45rem; }
.oaiw-viz--chat i { display: block; height: 1.1rem; width: 62%; border-radius: 10px 10px 10px 3px; background: rgba(var(--oaiw-accent-rgb), .22); }
.oaiw-viz--chat i:nth-child(2) { justify-self: end; width: 48%; border-radius: 10px 10px 3px 10px; background: rgba(var(--oaiw-accent-rgb), .42); }
.oaiw-viz--avatars { display: flex; }
.oaiw-viz--avatars i { width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 2px solid var(--oaiw-surface); margin-left: -.5rem; background: radial-gradient(circle at 35% 30%, #9fd6ff, #1d5a9a); }
.oaiw-viz--avatars i:first-child { margin-left: 0; } .oaiw-viz--avatars i:nth-child(2) { background: radial-gradient(circle at 35% 30%, #9be8c8, #1a7a5a); } .oaiw-viz--avatars i:nth-child(3) { background: radial-gradient(circle at 35% 30%, #ffe08a, #a86a00); }

.oaiw-section-head--sub { margin-bottom: var(--oaiw-space-4); }
.oaiw-trio { display: grid; gap: var(--oaiw-space-4); grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); }
html[data-oaiw-ui="new"] .oaiw-card--row { display: flex !important; gap: var(--oaiw-space-4); align-items: flex-start; }
html[data-oaiw-ui="new"] .oaiw-card--row .oaiw-icon-chip { flex: none; }
html[data-oaiw-ui="new"] .oaiw-card--row h3 { margin-top: 0; font-size: 1.15rem; }
html[data-oaiw-ui="new"] .oaiw-card--row p { font-size: .95rem; }

/* ---------- story carousel (the original homepage carousel, restyled) ---------- */
html[data-oaiw-ui="new"] .oaiw-story { position: relative; background: #02060f; border-block: 1px solid var(--oaiw-line); }
.oaiw-story__carousel { max-width: 1920px; margin: 0 auto; }
.oaiw-story .carousel-inner { height: clamp(26rem, 44vw, 40rem); }
.oaiw-story .carousel-item { height: 100%; }
.oaiw-story .carousel-item::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(4, 10, 22, .82) 0%, rgba(4, 10, 22, .35) 55%, transparent 80%), linear-gradient(0deg, rgba(4, 10, 22, .75), transparent 45%); }
.oaiw-story .carousel-item img.oaiw-story__img { width: 100%; height: 100%; min-height: 0; max-width: none; max-height: none; margin: 0; border-radius: 0; object-fit: cover; }
.oaiw-story .carousel-item:nth-child(2) img.oaiw-story__img { object-position: 50% 30%; }
.oaiw-story .carousel-item:nth-child(3) img.oaiw-story__img { object-position: 35% 40%; }
.oaiw-story .carousel-caption {
  z-index: 2; left: max(1rem, 5vw); right: auto; bottom: 3.6rem; width: min(38rem, calc(100% - 2rem)); text-align: left; padding: 1.5rem 1.75rem 1.6rem; border-radius: 22px;
  background: linear-gradient(180deg, rgba(20, 44, 84, .7), rgba(8, 20, 42, .8)); border: 1px solid rgba(120, 175, 255, .3);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 30px 80px rgba(0, 0, 0, .5);
}
.oaiw-story .carousel-caption h2 { font-family: var(--oaiw-font-display); font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.7rem); line-height: 1.05; letter-spacing: -.03em; color: #fff; margin: 0 0 .7rem; }
.oaiw-story .carousel-caption p { font-size: clamp(.95rem, .9rem + .2vw, 1.05rem); line-height: 1.6; color: #b9cde8; margin: 0; }
.oaiw-story .carousel-caption a { color: #8fc7ff; text-decoration: underline; text-underline-offset: 3px; }
.oaiw-story .carousel-indicators { z-index: 3; margin-bottom: 1.2rem; }
.oaiw-story .carousel-indicators [data-bs-target] { width: 2.4rem; height: 4px; border: 0; border-radius: 4px; background-color: #fff; opacity: .35; transition: opacity .3s, width .3s; }
.oaiw-story .carousel-indicators .active { opacity: 1; width: 3.4rem; background-color: var(--oaiw-accent); }
/* Bootstrap's dark theme inverts the whole control button (it assumes light-on-dark defaults); this band is dark already. */
.oaiw-story .carousel-control-prev, .oaiw-story .carousel-control-next { z-index: 3; width: 5rem; opacity: 1; filter: none; }
.oaiw-story .carousel-control-prev-icon, .oaiw-story .carousel-control-next-icon {
  width: 2.9rem; height: 2.9rem; background-size: 45%; background-color: rgba(4, 10, 22, .6); border: 1px solid var(--oaiw-line-strong); border-radius: 50%; transition: background-color var(--oaiw-fast), transform var(--oaiw-fast);
}
.oaiw-story .carousel-control-prev:hover .carousel-control-prev-icon, .oaiw-story .carousel-control-next:hover .carousel-control-next-icon { background-color: rgba(66, 139, 202, .7); transform: scale(1.08); }
@media (max-width: 767.98px) {
  .oaiw-story .carousel-inner { height: 34rem; }
  .oaiw-story .carousel-caption { left: 1rem; bottom: 3.2rem; padding: 1.15rem 1.2rem 1.25rem; }
  .oaiw-story .carousel-control-prev, .oaiw-story .carousel-control-next { display: none; }
}

/* ---------- leaderboard teaser ---------- */
.oaiw-split { display: grid; gap: var(--oaiw-space-7); align-items: center; }
@media (min-width: 992px) { .oaiw-split { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } }
.oaiw-board { width: 100%; border-collapse: separate; border-spacing: 0 .5rem; }
.oaiw-board thead th { font: 500 .7rem var(--oaiw-font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--oaiw-text-faint); padding: 0 .9rem .2rem; border: 0; background: transparent; }
.oaiw-board tbody > tr > * { padding: .85rem .9rem; background: var(--oaiw-surface); border-block: 1px solid var(--oaiw-line); vertical-align: middle; }
.oaiw-board tbody > tr > :first-child { border-left: 1px solid var(--oaiw-line); border-radius: 14px 0 0 14px; }
.oaiw-board tbody > tr > :last-child { border-right: 1px solid var(--oaiw-line); border-radius: 0 14px 14px 0; }
.oaiw-board tbody > tr.is-top > * { background: color-mix(in srgb, var(--oaiw-accent-fill) 20%, var(--oaiw-surface)); border-color: var(--oaiw-line-strong); }
.oaiw-board tbody th { font: 600 1rem var(--oaiw-font-display); color: var(--oaiw-text); overflow-wrap: anywhere; text-align: left; }
.oaiw-board__barcol { width: 28%; min-width: 5rem; }
.oaiw-board__time { font: 500 .85rem var(--oaiw-font-mono); color: var(--oaiw-text-muted); }

/* ---------- guides ---------- */
.oaiw-guides { display: grid; gap: var(--oaiw-space-4); grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr)); }
html[data-oaiw-ui="new"] .oaiw-guide { display: flex !important; flex-direction: column; }
.oaiw-guide__n { font: 700 1.6rem var(--oaiw-font-mono); color: var(--oaiw-accent); }
html[data-oaiw-ui="new"] .oaiw-guide h3 { font-size: 1.1rem; line-height: 1.3; }
html[data-oaiw-ui="new"] .oaiw-guide p { font-size: .92rem; }

/* ---------- final CTA ---------- */
html[data-oaiw-ui="new"] .oaiw-finale { position: relative; isolation: isolate; overflow: hidden; text-align: center; padding-block: var(--oaiw-space-9); background: #040a16; }
.oaiw-finale__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; z-index: -2; opacity: .75; }
.oaiw-finale::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 70% 80% at 50% 50%, rgba(4, 10, 22, .78), rgba(4, 10, 22, .55) 60%, rgba(4, 10, 22, .85)); }
.oaiw-finale h2 { font-size: clamp(2.2rem, 1.3rem + 3.6vw, 4rem); line-height: 1.02; letter-spacing: -.04em; color: #fff; margin-bottom: var(--oaiw-space-4); }
.oaiw-finale p { color: #c3d6ef; font-size: 1.15rem; max-width: 34rem; margin: 0 auto; }

/* ---------- reveal on scroll (only when JS is running) ---------- */
.oaiw-js .oaiw-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--oaiw-ease), transform .7s var(--oaiw-ease); }
.oaiw-js .oaiw-reveal.is-in { opacity: 1; transform: none; }
.oaiw-js .oaiw-reveal:not(.is-in) .oaiw-bar > i, .oaiw-js .oaiw-reveal:not(.is-in) .oaiw-viz--bars i { transform: scaleX(0); }
.oaiw-reveal .oaiw-bar > i, .oaiw-reveal .oaiw-viz--bars i { transition: transform 1s .25s var(--oaiw-ease); }
.oaiw-bento > :nth-child(2), .oaiw-steps > :nth-child(2), .oaiw-trio > :nth-child(2), .oaiw-guides > :nth-child(2), .oaiw-plans > :nth-child(2) { transition-delay: .07s; }
.oaiw-bento > :nth-child(3), .oaiw-steps > :nth-child(3), .oaiw-trio > :nth-child(3), .oaiw-guides > :nth-child(3), .oaiw-plans > :nth-child(3) { transition-delay: .14s; }
.oaiw-bento > :nth-child(4), .oaiw-guides > :nth-child(4) { transition-delay: .21s; }
.oaiw-bento > :nth-child(5) { transition-delay: .28s; }

@media (max-width: 991.98px) {
  /* tablets and phones: the globe is its own visual below the copy, fully visible, never a backdrop behind the text */
  .oaiw-hero__side { position: relative; display: block; width: min(100%, 26rem); aspect-ratio: 1; height: auto; margin-inline: auto; }
  .oaiw-hero__globe { right: auto; top: auto; left: -6%; bottom: auto; width: 112%; opacity: 1; z-index: 0; transform: none; }
  .oaiw-hero__inner { gap: var(--oaiw-space-4); padding-bottom: var(--oaiw-space-5); }
  .oaiw-hero__inner { padding-block: var(--oaiw-space-7) var(--oaiw-space-5); }
}
@media (max-width: 575.98px) {
  .oaiw-board__barcol { display: none; }
  .oaiw-hero__cta .btn { flex: 1 1 100%; justify-content: center; }
  .oaiw-ticker__label { display: none; }
  .oaiw-finale { padding-block: var(--oaiw-space-8); }
}

@media (prefers-reduced-motion: reduce) {
  .oaiw-js .oaiw-reveal { opacity: 1; transform: none; transition: none; }
  .oaiw-js .oaiw-reveal:not(.is-in) .oaiw-bar > i, .oaiw-js .oaiw-reveal:not(.is-in) .oaiw-viz--bars i { transform: none; }
  .oaiw-ticker__list, .oaiw-viz--wave i, .oaiw-pill .oaiw-dot { animation: none; }
  .oaiw-ticker__track { overflow-x: auto; }
  .oaiw-ticker__list[aria-hidden="true"] { display: none; }
}
