@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

[v-cloak] {
    display: none;
}

body {
    font-family: 'Manrope', sans-serif;
}

.gradient-bg {
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 25%, #f0fdfa 50%, #f0f9ff 75%, #f0fdfa 100%);
}

.hero-gradient {
    background: linear-gradient(135deg, #059669 0%, #2563eb 100%);
}

.cta-gradient {
    background: linear-gradient(90deg, #ea580c 0%, #dc2626 100%);
}

.pricing-gradient {
    background: linear-gradient(135deg, #fed7aa 0%, #fecaca 50%, #fbcfe8 100%);
}

.transform-hover:hover {
    transform: scale(1.05);
}

.text-markdown {
    p {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    ol {
        list-style: none;
        padding-left: 0;
    }

    ol li {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><circle cx="5" cy="5" r="4" fill="orange"/></svg>') no-repeat left center;
        padding-left: 25px;
        background-size: 15px 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        font-weight: bold;
        color: #333333;
    }

    ul {
        list-style: disc;
        padding-left: 25px;
    }
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}