.clay {
            box-shadow: 0 22px 40px rgba(12, 42, 69, .12), 0 8px 18px rgba(12, 42, 69, .08), inset 0 2px 0 rgba(255, 255, 255, .7)
        }

        .glass {
            backdrop-filter: blur(8px);
            background: rgba(255, 255, 255, .18)
        }

        .obj-shadow {
            filter: drop-shadow(0 2px 4px rgba(12, 42, 69, .16)) drop-shadow(0 2px 4px rgba(12, 42, 69, .12)) drop-shadow(0 2px 4px rgba(12, 42, 69, .10)) will-change:transform, filter;
            transition: transform .25s ease, filter .25s ease;
            transform: translateZ(0)
        }

        .obj-hover:hover {
            transform: translateY(-3px)
        }

        @keyframes floatY {
            0% {
                transform: translateY(0px)
            }

            50% {
                transform: translateY(-10px)
            }

            100% {
                transform: translateY(0px)
            }
        }

        .animate-float-slow {
            animation: floatY 6s ease-in-out infinite
        }

        .animate-float-med {
            animation: floatY 8s ease-in-out infinite
        }

        @media(prefers-reduced-motion:reduce) {

            .animate-float-slow,
            .animate-float-med svg animate {
                animation: none !important
            }
        }

        .scene-wrap::after {
            content: "";
            position: absolute;
            left: 8%;
            right: 8%;
            bottom: 4%;
            height: 18%;
            background: radial-gradient(70% 55% at 50% 50%, rgba(12, 42, 69, .18) 0, rgba(12, 42, 69, .12) 40%, rgba(12, 42, 69, .08) 70%, rgba(12, 42, 69, 0) 100%);
            filter: blur(14px);
            pointer-events: none;
            z-index: 0
        }

        .bg-noise {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 0;
            opacity: .02;
            mix-blend-mode: multiply;
            background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'>\<filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter>\\<rect width='120' height='120' filter='url(#n)' opacity='.5'/></svg>")
        }

        .blob {
            position: absolute;
            border-radius: 9999px;
            filter: blur(28px);
            opacity: .55;
            will-change: transform, opacity;
            animation: blobFloat 16s ease-in-out infinite;
            background: radial-gradient(circle at 30% 30%, rgba(255, 199, 104, .9), rgba(255, 199, 104, 0) 60%), radial-gradient(circle at 70% 70%, rgba(12, 42, 69, .25), rgba(12, 42, 69, 0) 55%), radial-gradient(circle at 55% 45%, rgba(201, 142, 92, .6), rgba(201, 142, 92, 0) 55%)
        }

        .blob-a {
            width: 28rem;
            height: 28rem;
            left: -8rem;
            top: -10rem;
            animation-delay: -2s
        }

        .blob-b {
            width: 22rem;
            height: 22rem;
            right: -6rem;
            top: -3rem;
            animation-delay: -6s
        }

        .blob-c {
            width: 26rem;
            height: 26rem;
            left: 35%;
            bottom: -12rem;
            animation-delay: -10s
        }

        @keyframes blobFloat {
            0% {
                transform: translate3d(0, 0, 0) scale(1);
                opacity: .55
            }

            33% {
                transform: translate3d(8px, -10px, 0) scale(1.06);
                opacity: .6
            }

            66% {
                transform: translate3d(-10px, 6px, 0) scale(0.96);
                opacity: .5
            }

            100% {
                transform: translate3d(0, 0, 0) scale(1);
                opacity: .55
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .blob {
                animation: none;
                opacity: .35
            }
        }

        @keyframes floatY {
            0% {
                transform: translateY(0px)
            }

            50% {
                transform: translateY(-6px)
            }

            100% {
                transform: translateY(0px)
            }
        }

        .animate-float-slow {
            animation: floatY 6s ease-in-out infinite
        }

        .animate-float-med {
            animation: floatY 4.5s ease-in-out infinite
        }
        .drop-shadow {
  filter: drop-shadow(0 10px 18px rgba(12,42,69,.08));
}

/* Animate floating blobs background */
.blob-container {
  background: radial-gradient(
    60% 60% at 50% 50%,
    rgba(31,77,116,.15),
    rgba(255,255,255,0) 70%
  );
}
.d-s{
    background:radial-gradient(60% 60% at 50% 50%,rgba(31,77,116,.15),rgba(255,255,255,0) 70%);
}
#concept,
#features,
#police,#download,
#public{
    content-visibility:auto;contain-intrinsic-size:800px 900px
}