@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

        body {
            font-family: 'Inter', sans-serif;
        }
.gradient-bg{
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
.gradient-bg-dark{
            background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
        }
.feature-card{
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
.feature-card:hover{
            transform: translateY(-8px);
        }
.icon-pulse{
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
.animate-on-scroll{
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
.animate-on-scroll.animated{
            opacity: 1;
            transform: translateY(0);
        }
.glass-effect{
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
.hero-gradient{
            background: linear-gradient(135deg, #7041ff 0%, #6366f1 50%, #a801db 100%);
        }

        @keyframes gradient-shift {

            0%,
            100% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }
        }
.animated-gradient{
            background: linear-gradient(135deg, #7041ff 0%, #6366f1 50%, #a801db 100%);
            background-size: 400% 400%;
        }
.feature-item{
            transition: all 0.2s ease;
        }
.feature-item:hover{
            transform: translateX(4px);
        }
.vs-meeting-capabilities{
            background: linear-gradient(180deg, #ffffff 0%, #f8f7ff 55%, #ffffff 100%);
        }
.vs-meeting-eyebrow{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            margin: 0 0 1.25rem;
            padding: .5rem 1rem;
            border: 1px solid #e0e7ff;
            border-radius: 999px;
            background: #eef2ff;
            color: #4f46e5;
            font-size: .75rem;
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: .12em;
            text-transform: uppercase;
        }
.vs-meeting-eyebrow svg{
            width: 1rem;
            height: 1rem;
        }
.vs-meeting-feature-card{
            border: 1px solid #e8e7f2;
            box-shadow: 0 14px 38px rgba(51, 45, 103, 0.08);
        }
.vs-meeting-feature-card:hover{
            border-color: #cfc9ff;
            box-shadow: 0 22px 48px rgba(79, 70, 229, 0.13);
        }
.vs-meeting-feature-icon{
            background: linear-gradient(135deg, #eef2ff, #ede9fe) !important;
            color: #5b4ff5;
        }
.vs-meeting-feature-icon svg{
            color: inherit !important;
        }
.vs-meeting-ai{
            background: linear-gradient(135deg, #f8f7ff 0%, #ffffff 48%, #eef4ff 100%);
            color: #111827;
        }
.vs-meeting-ai .vs-meeting-orb{
            opacity: .58;
        }
.vs-meeting-call-panel,.vs-meeting-recording-panel{
            border: 1px solid #e4e7ec;
            background: rgba(255, 255, 255, .92);
            box-shadow: 0 24px 65px rgba(67, 56, 150, .12);
        }
.vs-meeting-call-panel > .grid > div{
            overflow: hidden;
            border-color: #e5e7eb;
            background: #f4f5fb;
        }
.vs-meeting-call-panel > .grid img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
.vs-meeting-call-panel button{
            border-color: #e2e5ee;
            background: #f5f6fb;
        }
.vs-meeting-call-panel button:hover{
            background: #eceefe;
        }
.vs-meeting-call-panel button svg[stroke="white"]{
            stroke: #475467;
        }
.vs-meeting-call-panel [class~="bg-white/10"]{
            background: #e5e7eb;
        }
.vs-meeting-ai-card{
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            padding: 1rem 1.1rem;
            border: 1px solid #e7e5f2;
            border-radius: 1rem;
            background: rgba(255, 255, 255, .9);
            box-shadow: 0 10px 28px rgba(49, 46, 129, .06);
        }
.vs-meeting-ai-card h3{
            color: #111827;
        }
.vs-meeting-ai-card svg{
            color: #5b4ff5 !important;
        }
.vs-meeting-ai-card p{
            color: #667085 !important;
        }
.vs-meeting-recording{
            background: linear-gradient(180deg, #ffffff 0%, #f7f5ff 100%);
            color: #111827;
        }
.vs-meeting-recording .vs-meeting-orb{
            opacity: .34;
        }
.vs-meeting-recording-copy{
            color: #667085 !important;
        }
.vs-meeting-recording-checks > div{
            padding: .8rem 1rem;
            border: 1px solid #eceaf5;
            border-radius: .9rem;
            background: rgba(255, 255, 255, .82);
        }
.vs-meeting-recording-checks span{
            color: #475467 !important;
        }
.vs-meeting-recording-checks svg{
            color: #16a34a !important;
        }
.vs-meeting-recording-panel{
            color: #344054;
        }
.vs-meeting-recording-panel > div > .grid > div{
            border-color: #e6e8f0;
            background: #f8f8fc;
        }
.vs-meeting-recording-panel p,.vs-meeting-recording-panel .text-gray-400{
            color: #667085 !important;
        }
.vs-meeting-recording-panel button:last-child{
            border: 1px solid #e1e4ed;
            background: #f4f5f9;
            color: #475467;
        }
.vs-meeting-workflow{
            position: relative;
            overflow: hidden;
            padding: 5rem 1rem;
            background: #fff;
        }
.vs-meeting-workflow::before{
            position: absolute;
            width: 28rem;
            height: 28rem;
            top: -14rem;
            left: 50%;
            border-radius: 999px;
            background: rgba(224, 231, 255, .7);
            filter: blur(70px);
            content: "";
            transform: translateX(-50%);
        }
.vs-meeting-workflow__grid{
            position: relative;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1.25rem;
            max-width: 72rem;
            margin: 3rem auto 0;
        }
.vs-meeting-workflow__card{
            padding: 1.75rem;
            border: 1px solid #e8e7f2;
            border-radius: 1.25rem;
            background: rgba(255, 255, 255, .94);
            box-shadow: 0 16px 42px rgba(51, 45, 103, .08);
        }
.vs-meeting-workflow__number{
            display: inline-grid;
            width: 2.5rem;
            height: 2.5rem;
            place-items: center;
            margin-bottom: 1.25rem;
            border-radius: .8rem;
            background: #eef2ff;
            color: #5b4ff5;
            font-weight: 800;
        }
.vs-meeting-workflow__card h3{
            margin-bottom: .65rem;
            color: #111827;
            font-size: 1.2rem;
            font-weight: 700;
        }
.vs-meeting-workflow__card p{
            color: #667085;
            line-height: 1.7;
        }
.vs-meeting-use-cases{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: .65rem;
            max-width: 52rem;
            margin: 2rem auto 0;
        }
.vs-meeting-use-cases span{
            padding: .6rem .9rem;
            border: 1px solid #e4e2f0;
            border-radius: 999px;
            background: #faf9ff;
            color: #514b73;
            font-size: .9rem;
            font-weight: 600;
        }

        @media (max-width: 767px) {
.vs-meeting-workflow{
                padding: 4rem 1rem;
            }
.vs-meeting-workflow__grid{
                grid-template-columns: 1fr;
                margin-top: 2rem;
            }
.vs-meeting-call-panel,.vs-meeting-recording-panel{
                padding: 1rem !important;
            }
.vs-meeting-call-panel .inline-flex{
                max-width: 100%;
                overflow-x: auto;
            }
        }