@layer base {
            body { 
                font-family: 'Manrope', sans-serif; 
                @apply bg-white text-slate-900;
            }
        }
        .font-inter {
            font-family: 'Inter', sans-serif;
        }
        .text-primary {
            color: var(--site-primary) !important;
        }
        .text-brand-blue {
            color: var(--site-primary-deep) !important;
        }
        .bg-primary {
            background-color: var(--site-primary) !important;
        }
        .bg-primary\/5 {
            background-color: rgba(var(--site-primary-rgb), 0.05) !important;
        }
        .bg-primary\/10 {
            background-color: rgba(var(--site-primary-rgb), 0.10) !important;
        }
        .border-primary {
            border-color: var(--site-primary) !important;
        }
        .border-primary\/15 {
            border-color: rgba(var(--site-primary-rgb), 0.15) !important;
        }
        .from-primary\/5 {
            --tw-gradient-from: rgba(var(--site-primary-rgb), 0.05) var(--tw-gradient-from-position) !important;
            --tw-gradient-to: rgba(var(--site-primary-rgb), 0) var(--tw-gradient-to-position) !important;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
        }
        .hover\:text-primary:hover {
            color: var(--site-primary) !important;
        }
        .hover\:bg-primary\/5:hover {
            background-color: rgba(var(--site-primary-rgb), 0.05) !important;
        }
        .hover\:border-primary\/30:hover {
            border-color: rgba(var(--site-primary-rgb), 0.30) !important;
        }
        .shadow-primary\/20 {
            --tw-shadow-color: rgba(var(--site-primary-rgb), 0.20) !important;
        }
        .shadow-primary\/25 {
            --tw-shadow-color: rgba(var(--site-primary-rgb), 0.25) !important;
        }
        .glass-effect { 
            background: rgba(255, 255, 255, 0.95); 
            backdrop-filter: blur(12px); 
        }
        .offer-card {
            isolation: isolate;
        }
        .offer-card .cta-glow {
            box-shadow:
                0 12px 28px rgba(var(--site-primary-rgb), 0.16),
                0 3px 0 rgba(var(--site-primary-deeper-rgb), 0.05);
        }
        .offer-card .cta-glow:hover {
            box-shadow:
                0 18px 40px rgba(var(--site-primary-rgb), 0.22),
                0 8px 18px rgba(var(--site-primary-deeper-rgb), 0.10);
        }
        .offer-results-stack__hero {
            margin-bottom: 0.9rem;
        }
        .offer-results-stack__divider {
            position: relative;
            height: 1px;
            margin: 0 1rem 1rem;
            background: linear-gradient(90deg, rgba(148, 163, 184, 0), rgba(148, 163, 184, 0.26) 18%, rgba(var(--site-primary-rgb), 0.22) 50%, rgba(148, 163, 184, 0.26) 82%, rgba(148, 163, 184, 0));
        }
        .offer-results-stack__divider::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 84px;
            height: 3px;
            border-radius: 9999px;
            transform: translate(-50%, -50%);
            background: linear-gradient(90deg, rgba(var(--site-primary-rgb), 0), rgba(var(--site-primary-rgb), 0.4) 38%, rgba(245, 158, 11, 0.26) 62%, rgba(245, 158, 11, 0));
            opacity: 0.7;
        }
        @media (max-width: 767px) {
            .offer-results-stack__hero {
                margin-bottom: 0.75rem;
            }
            .offer-results-stack__divider {
                margin: 0 0.5rem 0.85rem;
            }
            .offer-results-stack__divider::after {
                width: 68px;
            }
        }
        .sash-popular {
            position: absolute;
            top: 20px;
            right: -54px;
            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 28px;
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            transform: rotate(45deg);
            transform-origin: center;
            width: 190px;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            z-index: 10;
        }
        @media (max-width: 767px) {
            .sash-popular {
                top: 16px;
                right: -60px;
                width: 174px;
                height: 24px;
                font-size: 9px;
                letter-spacing: 0.06em;
            }
        }
        .cta-glow {
            box-shadow:
                0 10px 24px rgba(var(--site-primary-rgb), 0.13),
                0 2px 0 rgba(var(--site-primary-deeper-rgb), 0.04);
        }
        .cta-glow:hover {
            box-shadow:
                0 16px 36px rgba(var(--site-primary-rgb), 0.18),
                0 6px 18px rgba(var(--site-primary-deeper-rgb), 0.08);
        }
        .cta-glow-blue:hover {
            box-shadow: 0 12px 30px rgba(var(--site-primary-deep-rgb), 0.2);
        }
        .emerald-gradient {
            background:
                linear-gradient(132deg, var(--site-primary-glow) 0%, var(--site-primary-bright) 28%, var(--site-primary) 64%, var(--site-primary-button-end) 100%);
            color: var(--site-on-primary);
        }
        .offer-page-hero {
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at 84% 18%, rgba(var(--site-primary-rgb), 0.22), transparent 22%),
                radial-gradient(circle at 94% 42%, rgba(var(--site-primary-rgb), 0.14), transparent 16%),
                linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
        }
        .offer-page-hero::after {
            content: "";
            position: absolute;
            top: 36px;
            right: max(3vw, 24px);
            width: min(420px, 34vw);
            height: min(420px, 34vw);
            border-radius: 9999px;
            background: radial-gradient(circle, rgba(var(--site-primary-rgb), 0.18) 0%, rgba(var(--site-primary-rgb), 0.1) 34%, rgba(var(--site-primary-rgb), 0.03) 58%, transparent 74%);
            filter: blur(10px);
            pointer-events: none;
            opacity: 0.95;
        }
        .offer-page-hero-panel {
            position: relative;
            overflow: hidden;
            border-radius: 2rem;
            border: 1px solid rgba(var(--site-primary-rgb), 0.14);
            background:
                radial-gradient(circle at 88% 30%, rgba(var(--site-primary-rgb), 0.18), transparent 24%),
                radial-gradient(circle at 98% 52%, rgba(var(--site-primary-rgb), 0.12), transparent 18%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(var(--site-primary-rgb), 0.05) 58%, rgba(var(--site-primary-rgb), 0.1) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.86),
                0 18px 48px rgba(var(--site-primary-rgb), 0.06);
        }
        .offer-card--emphasis,
        .offer-page-featured {
            position: relative;
            border-color: rgba(var(--site-primary-rgb), 0.34) !important;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(var(--site-primary-rgb), 0.045) 100%);
            box-shadow:
                0 0 0 1px rgba(var(--site-primary-rgb), 0.12),
                0 0 0 6px rgba(var(--site-primary-rgb), 0.08),
                0 22px 54px rgba(var(--site-primary-rgb), 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.7);
        }
        .offer-card--emphasis::before,
        .offer-page-featured::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            padding: 1px;
            background: linear-gradient(135deg, rgba(var(--site-primary-rgb), 0.82), rgba(var(--site-primary-rgb), 0.24) 34%, rgba(var(--site-primary-rgb), 0.12) 68%, rgba(var(--site-primary-rgb), 0.58));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite: exclude;
            pointer-events: none;
        }
        .offer-card--emphasis::after,
        .offer-page-featured::after {
            content: "";
            position: absolute;
            inset: -22px;
            z-index: -1;
            border-radius: calc(1rem + 22px);
            background:
                radial-gradient(circle at 82% 18%, rgba(var(--site-primary-rgb), 0.22), transparent 34%),
                radial-gradient(circle at 18% 100%, rgba(var(--site-primary-rgb), 0.16), transparent 32%);
            filter: blur(18px);
            opacity: 0.9;
            pointer-events: none;
        }
        .offer-card--highlighted,
        .offer-card--highlighted.offer-page-featured {
            border-color: rgba(var(--site-primary-rgb), 0.62) !important;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.998) 0%, rgba(var(--site-primary-rgb), 0.065) 100%);
            box-shadow:
                0 0 0 2px rgba(var(--site-primary-rgb), 0.22),
                0 0 0 8px rgba(var(--site-primary-rgb), 0.14),
                0 0 42px rgba(var(--site-primary-rgb), 0.24),
                0 24px 52px rgba(var(--site-primary-rgb), 0.18),
                inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
        }
        .offer-card--highlighted::before,
        .offer-card--highlighted.offer-page-featured::before {
            padding: 2px;
            background: linear-gradient(135deg, rgba(var(--site-primary-rgb), 0.95), rgba(var(--site-primary-rgb), 0.42) 34%, rgba(var(--site-primary-rgb), 0.2) 68%, rgba(var(--site-primary-rgb), 0.74));
        }
        .offer-card--highlighted::after,
        .offer-card--highlighted.offer-page-featured::after {
            inset: -28px;
            background:
                radial-gradient(circle at 92% 6%, rgba(var(--site-primary-rgb), 0.62), transparent 26%),
                radial-gradient(circle at 74% 18%, rgba(var(--site-primary-rgb), 0.34), transparent 24%),
                radial-gradient(circle at 18% 92%, rgba(var(--site-primary-rgb), 0.18), transparent 28%);
            filter: blur(28px);
            opacity: 1;
        }
        .offer-card--highlighted .sash-popular {
            background: linear-gradient(135deg, var(--site-primary-glow) 0%, var(--site-primary-bright) 28%, var(--site-primary) 66%, var(--site-primary-button-end) 100%);
            box-shadow: 0 12px 26px rgba(var(--site-primary-rgb), 0.28);
        }
        .offer-card--featured {
            border-color: rgba(245, 158, 11, 0.34) !important;
            box-shadow:
                0 0 0 1px rgba(245, 158, 11, 0.12),
                0 0 0 5px rgba(245, 158, 11, 0.05),
                0 14px 34px rgba(245, 158, 11, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.72);
        }
        .offer-card--featured::after {
            inset: -18px;
            background:
                radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.24) 0%, rgba(251, 191, 36, 0.16) 18%, rgba(245, 158, 11, 0.08) 30%, transparent 44%),
                radial-gradient(circle at 76% 18%, rgba(var(--site-primary-rgb), 0.18), transparent 24%),
                linear-gradient(135deg, rgba(var(--site-primary-rgb), 0) 56%, rgba(var(--site-primary-rgb), 0.12) 68%, rgba(var(--site-primary-rgb), 0.18) 76%, rgba(var(--site-primary-rgb), 0.08) 84%, rgba(var(--site-primary-rgb), 0) 94%);
            filter: blur(15px);
            opacity: 0.88;
        }
        .offer-card--featured .sash-popular,
        .offer-page-featured .sash-popular {
            box-shadow: 0 12px 24px rgba(245, 158, 11, 0.24);
        }
        .offer-card--emphasis .sash-popular,
        .offer-page-featured .sash-popular {
            top: 20px;
            right: -54px;
            transform: rotate(45deg);
        }
        @media (max-width: 767px) {
            .offer-card--emphasis .sash-popular,
            .offer-page-featured .sash-popular {
                top: 16px;
                right: -60px;
            }
            .offer-card {
                border-radius: 1.5rem;
            }
            .offer-card--emphasis,
            .offer-page-featured {
                box-shadow:
                    0 0 0 1px rgba(var(--site-primary-rgb), 0.10),
                    0 0 0 4px rgba(var(--site-primary-rgb), 0.06),
                    0 16px 34px rgba(var(--site-primary-rgb), 0.10),
                    inset 0 1px 0 rgba(255, 255, 255, 0.72);
            }
            .offer-card--emphasis::after,
            .offer-page-featured::after {
                inset: -16px;
                filter: blur(14px);
            }
            .offer-card--highlighted,
            .offer-card--highlighted.offer-page-featured {
                box-shadow:
                    0 0 0 2px rgba(var(--site-primary-rgb), 0.20),
                    0 0 0 5px rgba(var(--site-primary-rgb), 0.12),
                    0 0 28px rgba(var(--site-primary-rgb), 0.18),
                    0 18px 36px rgba(var(--site-primary-rgb), 0.14),
                    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
            }
            .offer-card--highlighted::after,
            .offer-card--highlighted.offer-page-featured::after {
                inset: -18px;
                filter: blur(18px);
            }
            .offer-card--featured {
                box-shadow:
                    0 0 0 1px rgba(245, 158, 11, 0.12),
                    0 0 0 4px rgba(245, 158, 11, 0.05),
                    0 12px 28px rgba(245, 158, 11, 0.08),
                    inset 0 1px 0 rgba(255, 255, 255, 0.72);
            }
            .offer-card--featured::after {
                inset: -14px;
                filter: blur(12px);
            }
        }
        .brand-surface {
            background: var(--site-primary-soft-alt);
        }
        .brand-border {
            border-color: var(--site-primary-border);
        }
        details > summary::-webkit-details-marker {
            display: none;
        }