.halo-background[data-astro-cid-ifa7552u] {
    position: absolute;
    width: var(--halo-size);
    height: var(--halo-size);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    --halo-opacity: var(--halo-opacity-light)
}

.halo-pos-center[data-astro-cid-ifa7552u] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.halo-pos-top-right[data-astro-cid-ifa7552u] {
    top: -20%;
    right: -20%
}

.halo-pos-top-left[data-astro-cid-ifa7552u] {
    top: -20%;
    left: -20%
}

.halo-pos-bottom-right[data-astro-cid-ifa7552u] {
    bottom: -20%;
    right: -20%
}

.halo-pos-bottom-left[data-astro-cid-ifa7552u] {
    bottom: -20%;
    left: -20%
}

.text-white {
    color:#ffffff;
}
@media(max-width:768px) {
    .halo-pos-top-right[data-astro-cid-ifa7552u] {
        top: -10%;
        right: -10%
    }

    .halo-pos-top-left[data-astro-cid-ifa7552u] {
        top: -10%;
        left: -10%
    }

    .halo-pos-bottom-right[data-astro-cid-ifa7552u] {
        bottom: -10%;
        right: -10%
    }

    .halo-pos-bottom-left[data-astro-cid-ifa7552u] {
        bottom: -10%;
        left: -10%
    }
}

[data-theme=dark] .halo-background[data-astro-cid-ifa7552u] {
    --halo-opacity: var(--halo-opacity-dark)
}

.halo-background[data-astro-cid-ifa7552u][data-color=gold] {
    background: radial-gradient(circle, rgba(200, 168, 106, var(--halo-opacity)) 0%, transparent 70%)
}

.halo-background[data-astro-cid-ifa7552u][data-color=blue] {
    background: radial-gradient(circle, rgba(147, 197, 253, var(--halo-opacity)) 0%, transparent 70%)
}

.halo-background[data-astro-cid-ifa7552u][data-color=purple] {
    background: radial-gradient(circle, rgba(167, 139, 250, var(--halo-opacity)) 0%, transparent 70%)
}

.halo-background[data-astro-cid-ifa7552u][data-color=teal] {
    background: radial-gradient(circle, rgba(94, 234, 212, var(--halo-opacity)) 0%, transparent 70%)
}

.halo-background[data-astro-cid-ifa7552u][data-color=mixed] {
    background: radial-gradient(circle at 30% 30%, rgba(200, 168, 106, var(--halo-opacity)) 0%, transparent 50%), radial-gradient(circle at 70% 70%, rgba(147, 197, 253, var(--halo-opacity)) 0%, transparent 50%)
}

.halo-animate[data-astro-cid-ifa7552u] {
    animation: halo-pulse 8s ease-in-out infinite
}

@keyframes halo-pulse {

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

    50% {
        opacity: .7;
        transform: translate(-50%, -50%) scale(1.05)
    }
}

.halo-background[data-astro-cid-ifa7552u]:not(.halo-pos-center).halo-animate {
    animation: halo-pulse-simple 8s ease-in-out infinite
}

@keyframes halo-pulse-simple {

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

    50% {
        opacity: .7;
        transform: scale(1.05)
    }
}

@media(prefers-reduced-motion:reduce) {
    .halo-animate[data-astro-cid-ifa7552u] {
        animation: none
    }
}

.hero-section[data-astro-cid-4scbmkvj] {
    background: var(--theme-bg)
}

.hero-content[data-astro-cid-4scbmkvj] {
    animation: fadeSlideUp .8s ease-out forwards
}

@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

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

.hero-image-container[data-astro-cid-4scbmkvj] {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    perspective: 1000px;
    animation: heroImageDrop .8s .3s ease-out both
}

@keyframes heroImageDrop {
    0% {
        opacity: 0;
        transform: translateY(-40px)
    }

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

.hero-image[data-astro-cid-4scbmkvj] {
    width: 100%;
    height: auto;
    border-radius: 1rem;
    transform: rotateY(-8deg) rotateX(5deg) scale(1.05);
    transform-origin: center center;
    box-shadow: 0 25px 50px -12px #00000040, 0 0 0 1px #c8a86a1a;
    transition: transform .4s ease
}

.hero-image[data-astro-cid-4scbmkvj]:hover {
    transform: rotateY(-4deg) rotateX(2deg) scale(1.08)
}

.hero-image-shadow[data-astro-cid-4scbmkvj] {
    position: absolute;
    inset: 0;
    border-radius: 1rem;
    pointer-events: none;
    box-shadow: inset 0 0 60px 20px #00000026, inset 0 -20px 40px -10px #0000001a
}

[data-theme=dark] .hero-image-shadow[data-astro-cid-4scbmkvj] {
    box-shadow: inset 0 0 80px 30px #0006, inset 0 -30px 60px -15px #0000004d
}

.floating-badge[data-astro-cid-4scbmkvj] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: .375rem;
    padding: .5rem .75rem;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 500;
    background: var(--theme-card-bg);
    border: 1px solid var(--theme-border);
    box-shadow: 0 4px 16px #0000001a;
    color: var(--theme-text);
    z-index: 20
}

[data-theme=dark] .floating-badge[data-astro-cid-4scbmkvj] {
    background: #0f172acc;
    border-color: #94a3b833;
    backdrop-filter: blur(8px)
}

.badge-1[data-astro-cid-4scbmkvj] {
    top: 5%;
    right: -5%;
    animation: floatBadge1 5s ease-in-out infinite
}

.badge-2[data-astro-cid-4scbmkvj] {
    bottom: 25%;
    right: -10%;
    animation: floatBadge2 6s ease-in-out infinite .5s
}

.badge-3[data-astro-cid-4scbmkvj] {
    bottom: 5%;
    left: -5%;
    animation: floatBadge1 5.5s ease-in-out infinite 1s
}

@keyframes floatBadge1 {

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

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

@keyframes floatBadge2 {

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

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

.trust-badge[data-astro-cid-4scbmkvj] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem 1rem;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 500;
    background: var(--theme-border-subtle);
    border: 1px solid var(--theme-border);
    color: var(--theme-text);
    transition: all .2s ease
}

.trust-badge[data-astro-cid-4scbmkvj]:hover {
    background: var(--theme-accent);
    color: var(--color-cloud-dancer);
    border-color: var(--theme-accent)
}

[data-theme=dark] .trust-badge[data-astro-cid-4scbmkvj] {
    background: #c8a86a1a;
    border-color: #c8a86a40
}

@media(max-width:1024px) {
    .floating-badge[data-astro-cid-4scbmkvj] {
        display: none
    }
}

@media(max-width:640px) {
    .trust-badges[data-astro-cid-4scbmkvj] {
        gap: .5rem
    }

    .trust-badge[data-astro-cid-4scbmkvj] {
        padding: .5rem .75rem;
        font-size: .625rem
    }
}

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

    .hero-content[data-astro-cid-4scbmkvj],
    .hero-image-container[data-astro-cid-4scbmkvj],
    .hero-image[data-astro-cid-4scbmkvj],
    .floating-badge[data-astro-cid-4scbmkvj] {
        animation: none;
        transform: none
    }
}

.stats-section[data-astro-cid-62sf5uqo] {
    background: linear-gradient(180deg, var(--theme-bg-alt), var(--theme-bg));
    border-top: 1px solid var(--theme-border);
    border-bottom: 1px solid var(--theme-border)
}

.stat-item[data-astro-cid-62sf5uqo] {
    animation: fadeIn .6s ease-out both;
    animation-delay: var(--delay, 0ms)
}

.stat-number[data-astro-cid-62sf5uqo] {
    background: linear-gradient(135deg, var(--theme-accent), #93c5fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.stat-label[data-astro-cid-62sf5uqo] {
    color: var(--theme-text-muted)
}

.count-badge[data-astro-cid-62sf5uqo],
.count-badge[data-astro-cid-peb2s5sl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.25rem;
    padding: 0 .375rem;
    border-radius: 9999px;
    font-size: .625rem;
    font-weight: 700;
    background: var(--theme-accent);
    color: var(--color-charcoal-ink)
}

.highlight-box[data-astro-cid-peb2s5sl] {
    background: linear-gradient(135deg, #c8a86a14, #93c5fd0d);
    border: 1px solid rgba(200, 168, 106, .2)
}

.highlight-box[data-astro-cid-peb2s5sl] p[data-astro-cid-peb2s5sl] {
    color: var(--theme-text)
}

.glow-border-card[data-astro-cid-oflgdmoa] {
    position: relative;
    border-radius: 1rem;
    padding: var(--border-width);
    background: conic-gradient(from 0deg, transparent 0deg, rgba(200, 168, 106, var(--glow-opacity)) 60deg, rgba(147, 197, 253, var(--glow-opacity)) 120deg, transparent 180deg, rgba(167, 139, 250, var(--glow-opacity)) 240deg, rgba(200, 168, 106, var(--glow-opacity)) 300deg, transparent 360deg);
    animation: glow-rotate var(--animation-duration) linear infinite
}

.glow-border-card[data-astro-cid-oflgdmoa]:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: inherit;
    filter: blur(12px);
    opacity: .4;
    z-index: -1
}

.glow-border-inner[data-astro-cid-oflgdmoa] {
    background: var(--theme-card-bg);
    border-radius: calc(1rem - var(--border-width));
    height: 100%;
    width: 100%
}

[data-theme=dark] .glow-border-inner[data-astro-cid-oflgdmoa] {
    background: #0f172af2
}

@keyframes glow-rotate {
    0% {
        background: conic-gradient(from 0deg, transparent 0deg, rgba(200, 168, 106, var(--glow-opacity)) 60deg, rgba(147, 197, 253, var(--glow-opacity)) 120deg, transparent 180deg, rgba(167, 139, 250, var(--glow-opacity)) 240deg, rgba(200, 168, 106, var(--glow-opacity)) 300deg, transparent 360deg)
    }

    to {
        background: conic-gradient(from 360deg, transparent 0deg, rgba(200, 168, 106, var(--glow-opacity)) 60deg, rgba(147, 197, 253, var(--glow-opacity)) 120deg, transparent 180deg, rgba(167, 139, 250, var(--glow-opacity)) 240deg, rgba(200, 168, 106, var(--glow-opacity)) 300deg, transparent 360deg)
    }
}

@media(prefers-reduced-motion:reduce) {
    .glow-border-card[data-astro-cid-oflgdmoa] {
        animation: none;
        background: linear-gradient(135deg, #c8a86a4d, #93c5fd4d)
    }

    .glow-border-card[data-astro-cid-oflgdmoa]:before {
        display: none
    }
}

.app-nav-item[data-astro-cid-y7k4tk5z] {
    display: block;
    padding: 1rem;
    border-radius: .75rem;
    background: var(--theme-card-bg);
    border: 1px solid var(--theme-border);
    cursor: pointer;
    transition: all .3s ease
}

.app-nav-item[data-astro-cid-y7k4tk5z]:hover {
    background: var(--theme-border-subtle);
    transform: translate(4px)
}

.app-nav-item[data-astro-cid-y7k4tk5z].active {
    background: linear-gradient(135deg, #c8a86a1a, #93c5fd0d);
    border-color: var(--theme-accent)
}

[data-theme=dark] .app-nav-item[data-astro-cid-y7k4tk5z] {
    background: #0f172a80
}

[data-theme=dark] .app-nav-item[data-astro-cid-y7k4tk5z].active {
    background: #c8a86a1a
}

.app-slides-container[data-astro-cid-y7k4tk5z] {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    border-radius: .75rem
}

.app-slide[data-astro-cid-y7k4tk5z] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translate(30px);
    transition: all .4s ease
}

.app-slide[data-astro-cid-y7k4tk5z].active {
    opacity: 1;
    transform: translate(0)
}

@keyframes float {

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

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

.animate-float[data-astro-cid-po7f6do6] {
    animation: float 6s ease-in-out infinite
}

.no-scrollbar[data-astro-cid-po7f6do6]::-webkit-scrollbar {
    display: none
}

.no-scrollbar[data-astro-cid-po7f6do6] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.mobile-showcase-swiper[data-astro-cid-ylkval2h] {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.swiper-slide[data-astro-cid-ylkval2h] {
    width: 300px;
    height: auto
}

@media(min-width:768px) {
    .swiper-slide[data-astro-cid-ylkval2h] {
        width: 340px
    }
}

.animate-marquee-left[data-astro-cid-u4s5wo3k] {
    animation: marquee-left 40s linear infinite
}

.animate-marquee-right[data-astro-cid-u4s5wo3k] {
    animation: marquee-right 45s linear infinite
}

@keyframes marquee-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes marquee-right {
    0% {
        transform: translate(-50%)
    }

    to {
        transform: translate(0)
    }
}

.layout-cat-btn[data-astro-cid-uiho2uey] svg[data-astro-cid-uiho2uey] {
    transition: color .3s ease
}

.layout-cat-btn[data-astro-cid-uiho2uey]:not(.active) svg[data-astro-cid-uiho2uey] {
    color: currentColor
}

.tech-badge[data-astro-cid-l73lwyu4] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .5rem .875rem;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 500;
    background: var(--theme-border-subtle);
    border: 1px solid var(--theme-border);
    color: var(--theme-text);
    transition: all .2s ease
}

.tech-badge[data-astro-cid-l73lwyu4]:hover {
    background: var(--theme-accent);
    color: var(--color-charcoal-ink);
    border-color: var(--theme-accent)
}

[data-theme=dark] .tech-badge[data-astro-cid-l73lwyu4] {
    background: #c8a86a1a;
    border-color: #c8a86a40;
    color: var(--theme-accent)
}

.tech-version[data-astro-cid-l73lwyu4] {
    opacity: .6;
    font-size: .625rem
}

.tech-tab[data-astro-cid-l73lwyu4] {
    padding: .5rem 1rem;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 500;
    background: var(--theme-border-subtle);
    border: 1px solid var(--theme-border);
    color: var(--theme-text-muted);
    cursor: pointer;
    transition: all .2s ease
}

.tech-tab[data-astro-cid-l73lwyu4]:hover {
    background: var(--theme-border);
    color: var(--theme-text)
}

.tech-tab[data-astro-cid-l73lwyu4].active {
    background: var(--theme-accent);
    color: var(--color-charcoal-ink);
    border-color: var(--theme-accent)
}

.tech-code-panels[data-astro-cid-l73lwyu4] {
    position: relative
}

.tech-panel[data-astro-cid-l73lwyu4] {
    display: none;
    padding: 1rem
}

.tech-panel[data-astro-cid-l73lwyu4].active {
    display: block;
    animation: fadeIn .4s ease-out
}

.tech-icon-box[data-astro-cid-l73lwyu4] {
    background: var(--theme-card-bg);
    box-shadow: var(--theme-card-shadow);
    border: 1px solid var(--theme-card-border)
}

.tech-icon-box[data-astro-cid-l73lwyu4]:hover {
    box-shadow: var(--theme-card-shadow-hover)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dev-feature[data-astro-cid-l73lwyu4] span[data-astro-cid-l73lwyu4] {
    color: var(--theme-text)
}

.code-gallery-tab[data-astro-cid-goqxkjn2] {
    padding: .5rem 1rem;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 500;
    background: var(--theme-border-subtle);
    border: 1px solid var(--theme-border);
    color: var(--theme-text-muted);
    cursor: pointer;
    transition: all .2s ease
}

.code-gallery-tab[data-astro-cid-goqxkjn2]:hover {
    background: var(--theme-border);
    color: var(--theme-text)
}

.code-gallery-tab[data-astro-cid-goqxkjn2].active {
    background: var(--theme-accent);
    color: var(--color-charcoal-ink);
    border-color: var(--theme-accent)
}

.code-gallery-item[data-astro-cid-goqxkjn2] {
    display: none
}

.code-gallery-item[data-astro-cid-goqxkjn2].active {
    display: block;
    animation: fadeIn .4s ease-out
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

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

.code-gallery-image[data-astro-cid-goqxkjn2] {
    min-height: 300px;
    background: var(--theme-border-subtle)
}

.code-tag-badge[data-astro-cid-goqxkjn2] {
    display: inline-block;
    padding: .25rem .5rem;
    border-radius: 9999px;
    font-size: .625rem;
    font-weight: 600;
    background: #c8a86a26;
    color: var(--theme-accent)
}

.price-tag[data-astro-cid-xdwglsyf] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: .25rem
}

.price-currency[data-astro-cid-xdwglsyf] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--theme-accent);
    margin-top: .5rem
}

.price-amount[data-astro-cid-xdwglsyf] {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(135deg, var(--theme-accent), #93c5fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.pricing-feature[data-astro-cid-xdwglsyf] span[data-astro-cid-xdwglsyf] {
    color: var(--theme-text)
}

.faq-trigger[data-astro-cid-rcpl5gxx] {
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background .2s ease
}

.faq-trigger[data-astro-cid-rcpl5gxx]:hover {
    background: var(--theme-border-subtle)
}

.faq-chevron[data-astro-cid-rcpl5gxx] {
    color: var(--theme-text-muted)
}

.faq-item[data-astro-cid-rcpl5gxx][data-expanded=true] .faq-chevron[data-astro-cid-rcpl5gxx] {
    transform: rotate(180deg)
}

.faq-item[data-astro-cid-rcpl5gxx][data-expanded=true] {
    border-color: var(--theme-accent)
}

.final-cta[data-astro-cid-ue6tkk3t] {
    background: var(--theme-bg-alt)
}

.trust-item[data-astro-cid-ue6tkk3t] span[data-astro-cid-ue6tkk3t] {
    color: var(--theme-text)
}