/* Line sequence: long stripe grows, retracts, then the text appears. */
.hero-title span,.hero-device{animation:none!important}
.js-motion .text-reveal{position:relative}
.js-motion .text-reveal[data-reveal]{opacity:1;transform:none;transition:none}
.bar-word{display:inline-block;font:inherit;letter-spacing:inherit;white-space:nowrap;vertical-align:baseline}
.js-motion .text-reveal .bar-word{opacity:0}
.line-bars{position:absolute!important;inset:0!important;display:block!important;margin:0!important;padding:0!important;overflow:visible!important;pointer-events:none;z-index:2}
.line-bar{position:absolute;display:block;transform:scaleX(0);transform-origin:left center;border-radius:0;pointer-events:none}
.js-motion .hero-device{opacity:1;transition:transform 1.25s cubic-bezier(.16,1,.3,1),clip-path 1.1s cubic-bezier(.65,0,.35,1);transition-delay:.25s;transform:rotate(-13deg);clip-path:inset(0)}
.js-motion:not(.intro-play) .hero-device{opacity:1;transform:translate(12%,18%) rotate(2deg) scale(.9);clip-path:inset(0 0 100% 0)}
.js-motion .nav .brand,.js-motion .nav-right,.js-motion .scroll-cue{transition:opacity .7s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.js-motion .nav-right{transition-delay:.1s}.js-motion .scroll-cue{transition-delay:.85s}
.js-motion:not(.intro-play) .nav .brand,.js-motion:not(.intro-play) .nav-right{opacity:0;transform:translateY(-18px);pointer-events:none}
.js-motion:not(.intro-play) .scroll-cue{opacity:0;transform:translateY(18px)}
/* The supplied UI must keep its original black levels and colors. */
.grain,.device-glint{display:none!important}
.hero-device,.mode-device{filter:none!important}
.device{box-shadow:inset 0 0 0 2px #666c65,inset 0 0 0 13px #111611}
.real-screen{box-shadow:none!important;background:#000}
.ui-screen,.theme-thumb img,.function-visual img{opacity:1;filter:none;mix-blend-mode:normal}
.ui-screen{clip-path:inset(0);transition:clip-path .18s ease,transform .3s ease}
.ui-screen.changing{opacity:1;clip-path:inset(0 0 100% 0)}
.function-visual{background:#080a08}
.function-card[data-reveal],.mode-device[data-reveal],.theme-strip[data-reveal]{opacity:1;clip-path:inset(0 0 100% 0);transition:clip-path .9s cubic-bezier(.65,0,.35,1),transform 1s cubic-bezier(.16,1,.3,1)}
.function-card[data-reveal].is-visible,.mode-device[data-reveal].is-visible,.theme-strip[data-reveal].is-visible{clip-path:inset(0);transform:none}
.motion-fallback .bar-word{opacity:1!important;transform:none!important}
.motion-fallback .line-bars{display:none!important}
@media(prefers-reduced-motion:reduce){
  .js-motion .bar-word,.js-motion .hero-device,.js-motion .nav .brand,.js-motion .nav-right,.js-motion .scroll-cue{transition:none!important;transform:none!important;opacity:1!important;clip-path:none!important}
  .line-bars{display:none!important}
  .function-card[data-reveal],.mode-device[data-reveal],.theme-strip[data-reveal]{clip-path:none;transition:none}
}