.font-hero {
    font-family: Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
}

.section-fade {
    animation: fade-up .8s ease-out both
}

.logo-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-animation: logo-marquee 28s linear infinite;
    -moz-animation: logo-marquee 28s linear infinite;
    -o-animation: logo-marquee 28s linear infinite;
    animation: logo-marquee 28s linear infinite
}

.logo-track-reverse {
    animation-direction: reverse
}

@-webkit-keyframes logo-marquee {
    from {
  -webkit-transform: translatex(0);
  transform: translatex(0)
    }

    to {
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%)
    }
}

@-moz-keyframes logo-marquee {
    from {
  -moz-transform: translatex(0);
  transform: translatex(0)
    }

    to {
  -moz-transform: translatex(-50%);
  transform: translatex(-50%)
    }
}

@-o-keyframes logo-marquee {
    from {
  -o-transform: translatex(0);
  transform: translatex(0)
    }

    to {
  -o-transform: translatex(-50%);
  transform: translatex(-50%)
    }
}

@keyframes logo-marquee {
    from {
  -webkit-transform: translatex(0);
  -moz-transform: translatex(0);
  -o-transform: translatex(0);
  transform: translatex(0)
    }

    to {
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%)
    }
}

.hero-section {
    min-height: 660px;
    background: #eeebff
}

.hero-video {
    -o-object-position: center center;
    object-position: center center
}

.hero-video-overlay {
    background: linear-gradient(180deg, #eeebff, #fefdff00 75%, #fff)
}

.trust-title-reveal {
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    isolation: isolate
}

.trust-title-line {
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(26px) scale(.98);
    filter: blur(10px);
    animation: trust-title-rise 1.5s cubic-bezier(.2, .7, .2, 1) forwards;
    will-change: transform, opacity, filter
}

.trust-title-line-primary {
    animation-delay: .18s
}

.trust-title-line-accent {
    margin-left: 2px;
    animation-delay: .52s
}

.trust-title-line-accent:after {
    content: "";
    position: absolute;
    inset: -8px -18px;
    background: linear-gradient(105deg, transparent 12%, hsla(0, 0%, 100%, .15) 42%, hsla(0, 0%, 100%, .72) 50%, hsla(0, 0%, 100%, .18) 58%, transparent 88%);
    mix-blend-mode: screen;
    opacity: 0;
    transform: translateX(-36%) skewX(-16deg);
    animation: trust-title-shimmer 3.8s ease-in-out 1.35s infinite;
    pointer-events: none
}

.trust-title-glow {
    position: absolute;
    left: 50%;
    top: -18px;
    z-index: 0;
    height: 112px;
    width: 356px;
    transform: translateX(-50%);
    border-radius: 9999px;
    background: radial-gradient(circle, rgba(174, 121, 255, .22) 0, rgba(76, 152, 255, .14) 42%, rgba(76, 152, 255, 0) 76%);
    filter: blur(34px);
    opacity: 0;
    animation: trust-title-glow-in 1.9s ease-out .24s forwards, trust-title-glow-breathe 6s ease-in-out 2.4s infinite;
    pointer-events: none
}

.trust-subtitle-reveal {
    opacity: 0;
    transform: translateY(16px);
    filter: blur(8px);
    animation: trust-subtitle-rise 1.2s ease-out .9s forwards
}

.trust-card-art-wrap {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none
}

.trust-card-panel {
    --trust-mx: 72%;
    --trust-my: 28%;
    transition: transform .32s ease, box-shadow .32s ease, filter .32s ease;
    will-change: transform, box-shadow
}

.trust-card-spotlight {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(240px circle at var(--trust-mx) var(--trust-my), hsla(0, 0%, 100%, .46), hsla(0, 0%, 100%, .12) 28%, hsla(0, 0%, 100%, 0) 62%);
    mix-blend-mode: screen;
    transition: opacity .26s ease
}

.trust-card-panel:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 38px rgba(102, 124, 255, .12), inset 0 0 0 1px hsla(0, 0%, 100%, .55);
    filter: saturate(1.04)
}

.trust-card-panel:hover .trust-card-spotlight {
    opacity: 1
}

.trust-card-art {
    opacity: .94;
    filter: saturate(1.04);
    transform-origin: center;
    animation: trust-card-art-float 8.5s ease-in-out infinite;
    will-change: transform, opacity, filter
}

.trust-card-art-glow {
    opacity: .34;
    filter: blur(14px) saturate(1.18);
    mix-blend-mode: screen;
    transform-origin: center;
    animation: trust-card-art-glow 7.2s ease-in-out infinite;
    will-change: transform, opacity
}

.trust-card-aura {
    right: -18px;
    height: 168px;
    width: 168px;
    filter: blur(34px);
    opacity: .34;
    animation: trust-card-aura-breathe 7s ease-in-out infinite
}

.trust-card-aura,
.trust-card-sweep {
    position: absolute;
    top: -18px;
    border-radius: 9999px
}

.trust-card-sweep {
    right: 34px;
    height: 230px;
    width: 72px;
    filter: blur(12px);
    opacity: 0;
    mix-blend-mode: screen;
    transform: rotate(18deg) translate3d(36px, -10px, 0);
    animation: trust-card-sweep 6.8s ease-in-out infinite
}

.trust-card-aura-blue {
    background: radial-gradient(circle, rgba(76, 152, 255, .22) 0, rgba(124, 99, 255, .16) 42%, rgba(76, 152, 255, 0) 76%)
}

.trust-card-aura-pink {
    background: radial-gradient(circle, rgba(191, 64, 255, .16) 0, rgba(248, 143, 255, .14) 42%, rgba(191, 64, 255, 0) 76%)
}

.trust-card-aura-blue.trust-card-sweep {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(140, 190, 255, .28), hsla(0, 0%, 100%, 0))
}

.trust-card-aura-pink.trust-card-sweep {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(239, 171, 255, .24), hsla(0, 0%, 100%, 0))
}

.trust-card-panel:hover .trust-card-aura {
    opacity: .54;
    transform: scale(1.18)
}

.trust-card-panel:hover .trust-card-art {
    opacity: 1;
    filter: saturate(1.08) brightness(1.03)
}

.trust-card-panel:hover .trust-card-art-glow {
    opacity: .56;
    filter: blur(16px) saturate(1.26)
}

.trust-card-panel:hover .trust-card-sweep {
    opacity: .82;
    animation-duration: 3.2s
}

.playground-title-reveal {
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    isolation: isolate
}

.playground-title-line {
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(28px) scale(.97);
    filter: blur(12px);
    will-change: transform, opacity, filter
}

.playground-title-line-primary {
    animation-delay: .16s
}

.playground-title-line-accent {
    margin-left: 2px;
    animation-delay: .52s
}

.playground-title-line-accent:after {
    content: "";
    position: absolute;
    inset: -8px -20px;
    background: linear-gradient(106deg, transparent 10%, hsla(0, 0%, 100%, .1) 36%, hsla(0, 0%, 100%, .76) 50%, hsla(0, 0%, 100%, .14) 62%, transparent 88%);
    mix-blend-mode: screen;
    opacity: 0;
    transform: translateX(-42%) skewX(-16deg);
    animation: playground-title-shimmer 3.9s ease-in-out 1.4s infinite;
    pointer-events: none
}

.playground-title-glow {
    position: absolute;
    left: 50%;
    top: -20px;
    z-index: 0;
    height: 118px;
    width: 348px;
    transform: translateX(-50%);
    border-radius: 9999px;
    background: radial-gradient(circle, rgba(201, 80, 255, .18) 0, rgba(92, 116, 255, .16) 44%, rgba(92, 116, 255, 0) 76%);
    filter: blur(34px);
    opacity: 0;
    pointer-events: none
}

.playground-subtitle-reveal {
    opacity: 0;
    transform: translateY(16px);
    filter: blur(8px)
}

.playground-image-shell {
    position: relative;
    isolation: isolate
}

.playground-image-glow {
    position: absolute;
    inset: 34px 62px auto;
    z-index: 0;
    height: 220px;
    border-radius: 9999px;
    background: radial-gradient(circle at 25% 45%, rgba(92, 116, 255, .18), transparent 34%), radial-gradient(circle at 68% 35%, rgba(201, 80, 255, .16), transparent 30%);
    filter: blur(46px);
    opacity: 0;
    pointer-events: none
}

.playground-image-reveal {
    position: relative;
    z-index: 1;
    transform-origin: center center;
    opacity: 0;
    transform: perspective(1800px) rotateX(12deg) rotate(-5deg) scale(.92);
    filter: blur(10px);
    will-change: transform, opacity, filter
}

.playground-section-visible .playground-title-line {
    animation: playground-title-rise 1.7s cubic-bezier(.2, .7, .2, 1) forwards
}

.playground-section-visible .playground-title-glow {
    animation: playground-title-glow-in 1.9s ease-out .26s forwards, playground-title-glow-breathe 6.2s ease-in-out 2.2s infinite
}

.playground-section-visible .playground-subtitle-reveal {
    animation: playground-subtitle-rise 1.2s ease-out .92s forwards
}

.playground-section-visible .playground-image-glow {
    animation: playground-image-glow-in 1.7s ease-out .8s forwards, playground-image-glow-breathe 7s ease-in-out 2.5s infinite
}

.playground-section-visible .playground-image-reveal {
    animation: playground-image-enter 1.9s cubic-bezier(.18, .76, .2, 1) .48s forwards, playground-image-float 8s ease-in-out 2.6s infinite
}

.infra-title-reveal {
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    isolation: isolate
}

.infra-title-line {
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(28px) scale(.97);
    filter: blur(12px);
    will-change: transform, opacity, filter
}

.infra-title-line-primary {
    animation-delay: .16s
}

.infra-title-line-accent {
    margin-left: 2px;
    animation-delay: .52s
}

.infra-title-line-accent:after {
    content: "";
    position: absolute;
    inset: -8px -20px;
    background: linear-gradient(106deg, transparent 10%, hsla(0, 0%, 100%, .1) 36%, hsla(0, 0%, 100%, .78) 50%, hsla(0, 0%, 100%, .14) 62%, transparent 88%);
    mix-blend-mode: screen;
    opacity: 0;
    transform: translateX(-42%) skewX(-16deg);
    animation: infra-title-shimmer 3.9s ease-in-out 1.4s infinite;
    pointer-events: none
}

.infra-title-glow {
    position: absolute;
    left: 50%;
    top: -18px;
    z-index: 0;
    height: 118px;
    width: 370px;
    transform: translateX(-50%);
    border-radius: 9999px;
    background: radial-gradient(circle, rgba(201, 80, 255, .18) 0, rgba(92, 116, 255, .16) 44%, rgba(92, 116, 255, 0) 76%);
    filter: blur(34px);
    opacity: 0;
    pointer-events: none
}

.infra-subtitle-reveal {
    opacity: 0;
    transform: translateY(16px);
    filter: blur(8px)
}

.infra-card-reveal {
    opacity: 0;
    transform: translateY(36px) scale(.97);
    filter: blur(12px);
    will-change: transform, opacity, filter
}

.infra-section-visible .infra-title-line {
    animation: infra-title-rise 1.7s cubic-bezier(.2, .7, .2, 1) forwards
}

.infra-section-visible .infra-title-glow {
    animation: infra-title-glow-in 1.9s ease-out .26s forwards, infra-title-glow-breathe 6.2s ease-in-out 2.2s infinite
}

.infra-section-visible .infra-subtitle-reveal {
    animation: infra-subtitle-rise 1.2s ease-out .92s forwards
}

.infra-section-visible .infra-card-reveal {
    animation: infra-card-rise 1.05s cubic-bezier(.2, .72, .2, 1) forwards
}

.about-card-reveal,
.about-copy-reveal,
.about-hero-visual,
.about-image-reveal,
.about-panel-reveal,
.about-section-title,
.about-stat-reveal,
.about-title-reveal {
    opacity: 0;
    will-change: transform, opacity, filter
}

.about-section-title,
.about-title-reveal {
    transform: translateY(28px) scale(.98);
    filter: blur(10px)
}

.about-copy-reveal {
    transform: translateY(20px);
    filter: blur(8px)
}

.about-card-reveal,
.about-stat-reveal {
    transform: translateY(34px) scale(.97);
    filter: blur(10px)
}

.about-hero-visual,
.about-image-reveal,
.about-panel-reveal {
    transform: translateY(30px) scale(.98);
    filter: blur(12px)
}

.about-section-visible .about-section-title,
.about-section-visible .about-title-reveal {
    animation: about-title-rise 1.45s cubic-bezier(.2, .72, .2, 1) forwards
}

.about-section-visible .about-copy-reveal {
    animation: about-copy-rise 1s ease-out .16s forwards
}

.about-section-visible .about-card-reveal,
.about-section-visible .about-stat-reveal {
    animation: about-card-rise .95s cubic-bezier(.2, .72, .2, 1) forwards
}

.about-section-visible .about-hero-visual,
.about-section-visible .about-image-reveal,
.about-section-visible .about-panel-reveal {
    animation: about-visual-rise 1.2s cubic-bezier(.2, .72, .2, 1) .08s forwards
}

:root {
    color-scheme: light;
    --background: #f4f7fb;
    --background-secondary: hsla(0, 0%, 100%, .72);
    --foreground: #0f172a;
    --muted-foreground: #475569;
    --line: rgba(148, 163, 184, .18);
    --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: "Inter", "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif
}

.dark {
    color-scheme: dark;
    --background: #07111f;
    --background-secondary: rgba(10, 17, 34, .72);
    --foreground: #f8fafc;
    --muted-foreground: rgba(226, 232, 240, .72);
    --line: hsla(0, 0%, 100%, .1)
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    min-width: 320px;
    font-family: var(--font-sans);
    color: var(--foreground);
    background: radial-gradient(circle at top, rgba(96, 165, 250, .12), transparent 32%), linear-gradient(180deg, var(--background) 0, color-mix(in srgb, var(--background) 92%, #fff 8%) 100%);
    transition: background-color .3s ease, color .3s ease, background .5s ease
}

a {
    color: inherit;
    text-decoration: none
}

@keyframes fade-up {
    0% {
  opacity: 0;
  transform: translateY(24px)
    }

    to {
  opacity: 1;
  transform: translateY(0)
    }
}

@keyframes hero-ambient-float {

    0%,
    to {
  transform: translateZ(0) scale(1)
    }

    50% {
  transform: translate3d(0, -12px, 0) scale(1.04)
    }
}

@keyframes hero-bg-drift {

    0%,
    to {
  transform: translateZ(0) scale(1)
    }

    50% {
  transform: translate3d(0, 10px, 0) scale(1.016)
    }
}

@keyframes hero-device-float {

    0%,
    to {
  transform: translateZ(0)
    }

    50% {
  transform: translate3d(0, -10px, 0)
    }
}

@keyframes hero-icon-idle {

    0%,
    to {
  transform: translateZ(0)
    }

    50% {
  transform: translate3d(0, -6px, 0)
    }
}

@keyframes hero-light-sweep {

    0%,
    to {
  transform: translate3d(-24px, -8px, 0);
  opacity: .2
    }

    50% {
  transform: translate3d(36px, 14px, 0);
  opacity: .58
    }
}

@keyframes hero-device-glow {

    0%,
    to {
  transform: scale(.98);
  opacity: .82
    }

    50% {
  transform: scale(1.08);
  opacity: 1
    }
}

@keyframes hero-icon-pulse {

    0%,
    to {
  transform: scale(.92);
  opacity: .52
    }

    50% {
  transform: scale(1.08);
  opacity: .92
    }
}

@keyframes trust-title-rise {
    0% {
  opacity: 0;
  transform: translateY(26px) scale(.98);
  filter: blur(10px)
    }

    60% {
  opacity: 1
    }

    to {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0)
    }
}

@keyframes trust-title-shimmer {

    0%,
    16% {
  opacity: 0;
  transform: translateX(-38%) skewX(-16deg)
    }

    28%,
    64% {
  opacity: 1
    }

    to {
  opacity: 0;
  transform: translateX(42%) skewX(-16deg)
    }
}

@keyframes trust-title-glow-in {
    0% {
  opacity: 0;
  transform: translateX(-50%) scale(.92)
    }

    to {
  opacity: 1;
  transform: translateX(-50%) scale(1)
    }
}

@keyframes trust-title-glow-breathe {

    0%,
    to {
  opacity: .72;
  transform: translateX(-50%) scale(1)
    }

    50% {
  opacity: 1;
  transform: translateX(-50%) scale(1.06)
    }
}

@keyframes trust-subtitle-rise {
    0% {
  opacity: 0;
  transform: translateY(16px);
  filter: blur(8px)
    }

    to {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0)
    }
}

@keyframes trust-card-art-float {

    0%,
    to {
  transform: translateZ(0) scale(1);
  opacity: .9
    }

    50% {
  transform: translate3d(0, -5px, 0) scale(1.02);
  opacity: 1
    }
}

@keyframes trust-card-art-glow {

    0%,
    to {
  transform: translateZ(0) scale(.98);
  opacity: .2
    }

    50% {
  transform: translate3d(-3px, -4px, 0) scale(1.06);
  opacity: .44
    }
}

@keyframes trust-card-aura-breathe {

    0%,
    to {
  transform: scale(.96);
  opacity: .22
    }

    50% {
  transform: scale(1.12);
  opacity: .4
    }
}

@keyframes trust-card-sweep {

    0%,
    to {
  opacity: 0;
  transform: rotate(18deg) translate3d(38px, -12px, 0)
    }

    20% {
  opacity: .08
    }

    45%,
    62% {
  opacity: .46
    }

    to {
  opacity: 0;
  transform: rotate(18deg) translate3d(-154px, 20px, 0)
    }
}

@keyframes playground-title-rise {
    0% {
  opacity: 0;
  transform: translateY(28px) scale(.97);
  filter: blur(12px)
    }

    58% {
  opacity: 1
    }

    to {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0)
    }
}

@keyframes playground-title-shimmer {

    0%,
    18% {
  opacity: 0;
  transform: translateX(-42%) skewX(-16deg)
    }

    30%,
    62% {
  opacity: 1
    }

    to {
  opacity: 0;
  transform: translateX(44%) skewX(-16deg)
    }
}

@keyframes playground-title-glow-in {
    0% {
  opacity: 0;
  transform: translateX(-50%) scale(.92)
    }

    to {
  opacity: 1;
  transform: translateX(-50%) scale(1)
    }
}

@keyframes playground-title-glow-breathe {

    0%,
    to {
  opacity: .72;
  transform: translateX(-50%) scale(1)
    }

    50% {
  opacity: 1;
  transform: translateX(-50%) scale(1.05)
    }
}

@keyframes playground-subtitle-rise {
    0% {
  opacity: 0;
  transform: translateY(16px);
  filter: blur(8px)
    }

    to {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0)
    }
}

@keyframes playground-image-enter {
    0% {
  opacity: 0;
  transform: perspective(1800px) rotateX(12deg) rotate(-5deg) scale(.92);
  filter: blur(10px)
    }

    68% {
  opacity: 1
    }

    to {
  opacity: 1;
  transform: perspective(1800px) rotateX(0deg) rotate(0deg) scale(1);
  filter: blur(0)
    }
}

@keyframes playground-image-float {

    0%,
    to {
  transform: perspective(1800px) rotateX(0deg) rotate(0deg) translateZ(0) scale(1)
    }

    50% {
  transform: perspective(1800px) rotateX(1deg) rotate(.45deg) translate3d(0, -6px, 0) scale(1.006)
    }
}

@keyframes playground-image-glow-in {
    0% {
  opacity: 0;
  transform: scale(.9)
    }

    to {
  opacity: 1;
  transform: scale(1)
    }
}

@keyframes playground-image-glow-breathe {

    0%,
    to {
  opacity: .66;
  transform: scale(1)
    }

    50% {
  opacity: 1;
  transform: scale(1.04)
    }
}

@keyframes infra-title-rise {
    0% {
  opacity: 0;
  transform: translateY(28px) scale(.97);
  filter: blur(12px)
    }

    58% {
  opacity: 1
    }

    to {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0)
    }
}

@keyframes infra-title-shimmer {

    0%,
    18% {
  opacity: 0;
  transform: translateX(-42%) skewX(-16deg)
    }

    30%,
    62% {
  opacity: 1
    }

    to {
  opacity: 0;
  transform: translateX(44%) skewX(-16deg)
    }
}

@keyframes infra-title-glow-in {
    0% {
  opacity: 0;
  transform: translateX(-50%) scale(.92)
    }

    to {
  opacity: 1;
  transform: translateX(-50%) scale(1)
    }
}

@keyframes infra-title-glow-breathe {

    0%,
    to {
  opacity: .72;
  transform: translateX(-50%) scale(1)
    }

    50% {
  opacity: 1;
  transform: translateX(-50%) scale(1.05)
    }
}

@keyframes infra-subtitle-rise {
    0% {
  opacity: 0;
  transform: translateY(16px);
  filter: blur(8px)
    }

    to {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0)
    }
}

@keyframes infra-card-rise {
    0% {
  opacity: 0;
  transform: translateY(36px) scale(.97);
  filter: blur(12px)
    }

    65% {
  opacity: 1
    }

    to {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0)
    }
}

@keyframes about-title-rise {
    0% {
  opacity: 0;
  transform: translateY(28px) scale(.98);
  filter: blur(10px)
    }

    60% {
  opacity: 1
    }

    to {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0)
    }
}

@keyframes about-copy-rise {
    0% {
  opacity: 0;
  transform: translateY(20px);
  filter: blur(8px)
    }

    to {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0)
    }
}

@keyframes about-card-rise {
    0% {
  opacity: 0;
  transform: translateY(34px) scale(.97);
  filter: blur(10px)
    }

    65% {
  opacity: 1
    }

    to {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0)
    }
}

@keyframes about-visual-rise {
    0% {
  opacity: 0;
  transform: translateY(30px) scale(.98);
  filter: blur(12px)
    }

    68% {
  opacity: 1
    }

    to {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0)
    }
}

@media (max-width: 1023px) {
    .hero-section {
  min-height: 640px
    }

    .hero-ambient,
    .hero-device-glow,
    .hero-float-icon,
    .hero-light-sweep {
  display: none
    }

    .hero-bg-motion,
    .hero-device-motion,
    .playground-image-reveal,
    .trust-card-art,
    .trust-card-art-glow {
  animation: none
    }

    .infra-title-glow,
    .playground-title-glow,
    .trust-title-glow {
  width: min(80vw, 320px)
    }
}