@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
        
        *, *::before, *::after { box-sizing: border-box; }

        html, body {
            width: 100%;
            max-width: 100%;
            overflow-x: clip;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background: linear-gradient(135deg, #fff5f0 0%, #fff 50%, #fdf2f8 100%);
            min-height: 100vh;
            color: #1e293b;
            scroll-behavior: smooth;
        }

        .bg-blob {
            position: fixed;
            z-index: -1;
            filter: blur(80px);
            opacity: 0.3;
            border-radius: 50%;
        }
        .blob-1 { width: 600px; height: 600px; background: #fed7aa; top: -200px; right: -100px; animation: drift 20s infinite alternate; }
        .blob-2 { width: 500px; height: 500px; background: #fbcfe8; bottom: -100px; left: -100px; animation: drift 25s infinite alternate-reverse; }

        @keyframes drift {
            from { transform: translate(0, 0); }
            to { transform: translate(50px, 80px); }
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.6);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .glass-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.05);
        }

        .btn-primary {
            background: linear-gradient(to right, #f97316, #ea580c);
            box-shadow: 0 10px 15px -3px rgba(249, 115, 22, 0.2);
        }

        .btn-buy {
            background: linear-gradient(to right, #fb923c, #f97316);
            color: #fff;
            box-shadow: 0 8px 12px -6px rgba(249, 115, 22, 0.28);
        }

        .bg-highlight {
            background: #f28c6a;
            color: white;
        }

        .qr-placeholder {
            background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
            background-size: 10px 10px;
        }

        .choice-card {
            background: rgba(255,255,255,0.86);
            border-color: rgba(251, 146, 60, 0.15);
            transition: transform .25s ease, box-shadow .25s ease;
        }

        .choice-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 30px -20px rgba(249,115,22,0.45);
        }

        .choice-pro {
            background: linear-gradient(180deg, rgba(255,247,237,.95) 0%, rgba(255,255,255,.9) 100%);
        }

        .choice-max {
            background: linear-gradient(180deg, rgba(255,237,213,.95) 0%, rgba(255,255,255,.9) 100%);
        }

        .choice-api {
            background: linear-gradient(180deg, rgba(248,250,252,.95) 0%, rgba(255,255,255,.9) 100%);
        }

        .menu-toggle {
            width: 42px;
            height: 42px;
            border: 1px solid rgba(148, 163, 184, 0.25);
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.9);
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            gap: 5px;
            padding: 8px;
        }

        .menu-toggle span {
            display: block;
            width: 100%;
            height: 2px;
            background: #334155;
            transition: transform .22s ease, opacity .22s ease;
        }

        .menu-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
        .menu-toggle.is-open span:nth-child(2) { opacity: 0; }
        .menu-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

        .menu-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(15, 23, 42, 0.36);
            z-index: 30;
        }

        .mobile-menu {
            position: fixed;
            right: 0;
            top: 0;
            height: 100dvh;
            width: min(82vw, 320px);
            padding: 84px 20px 20px;
            background: #fff;
            box-shadow: -8px 0 30px rgba(0,0,0,.12);
            z-index: 40;
            display: flex;
            flex-direction: column;
            gap: 14px;
            transform: translateX(100%);
            transition: transform .24s ease;
        }

        .mobile-menu.open { transform: translateX(0); }

        .mobile-link {
            display: block;
            padding: 10px 12px;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            color: #475569;
            font-size: 14px;
            font-weight: 600;
            background: #fff;
        }

        body.menu-open {
            overflow: hidden;
            touch-action: none;
        }

        @media (min-width: 768px) {
            .menu-backdrop, .mobile-menu { display: none !important; }
        }