/* pricing public CSS. Generated by scripts/export-next-public.mjs. */

/* Source: pricing; hash: f54094f97e */
body { background-color: #0f172a; color: #f8fafc; margin: 0; }
        html { scroll-padding-top: 100px; }
        a { text-decoration: none; }

        .content-shell { max-width: 80rem; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; }
        @media (max-width: 640px) { .content-shell { padding-left: 16px; padding-right: 16px; } }
        @media (min-width: 641px) and (max-width: 1024px) { .content-shell { padding-left: 24px; padding-right: 24px; } }

        .text-gradient { background: linear-gradient(to right, #22d3ee, #38bdf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

        .btn { position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; font-weight: 600; letter-spacing: .1px; transition: all .18s; overflow: hidden; transform: translateZ(0); user-select: none; }
        .btn span { position: relative; z-index: 2; }
        .btn::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(96, 165, 250, 1), rgba(34, 211, 238, 1)); transform: translateX(-110%); transition: transform .22s; z-index: 1; }
        .btn:hover::before { transform: translateX(0); }
        .btn:hover { transform: translateY(-2px); }
        .btn:active { transform: translateY(0); }

        .btn-solid { background: rgba(34, 211, 238, .95); color: #0f172a; box-shadow: 0 0 22px rgba(34, 211, 238, .22); border: 1px solid rgba(255, 255, 255, .06); }
        .btn-solid:hover { color: #0f172a; box-shadow: 0 0 32px rgba(96, 165, 250, .24); }

        .btn-nav-outline { background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .92); border: 1px solid rgba(255, 255, 255, .18); }
        .btn-nav-outline:hover { background: rgba(96, 165, 250, .18); border-color: rgba(255, 255, 255, .18); color: #fff; box-shadow: 0 0 22px rgba(96, 165, 250, .12); }

        .glass-card { background: rgba(30, 41, 59, .6); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, .08); transition: all .3s; }
        .glass-card:hover { transform: translateY(-5px); border-color: rgba(34, 211, 238, .5); box-shadow: 0 0 25px rgba(34, 211, 238, .15); }
        .featured-card { box-shadow: 0 0 0 1px rgba(34, 211, 238, .3), 0 20px 60px -40px rgba(0,0,0,.9); border-color: rgba(34, 211, 238, .6); }

        .badge-popular { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(90deg, #22d3ee, #60a5fa); color: #0f172a; padding: 4px 16px; border-radius: 999px; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 0 4px 12px rgba(34,211,238,.4); white-space: nowrap; }

        .trial-card { border: 1px solid rgba(34, 211, 238, 0.4); box-shadow: 0 0 30px rgba(34, 211, 238, 0.1); }

        .bg-tech-grid { background-size: 40px 40px; background-image: linear-gradient(to right, rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, .03) 1px, transparent 1px); mask-image: radial-gradient(circle at center, black 40%, transparent 80%); -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 80%); }
        .pricing-stack-card { background: rgba(30, 41, 59, 0.4); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); border-radius: 1.5rem; padding: 2rem; transition: all 0.2s; text-align: center; }
        .pricing-stack-card:hover { border-color: rgba(34, 211, 238, 0.3); transform: translateY(-3px); }
        .pricing-featured { background: rgba(15, 23, 42, 0.85); border: 1px solid rgba(34, 211, 238, 0.5); box-shadow: 0 0 25px rgba(34, 211, 238, 0.15); position: relative; z-index: 10; }

        .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }