/* ========================================== */
        /* PRICING PAGE — SCOPED STYLES                */
        /* ========================================== */
        .pr-wrap {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem 0 6rem;
        }

        /* ---------- HERO HEADER ---------- */
        .pr-hero {
            position: relative;
            text-align: center;
            padding: 3rem 1.5rem 2.5rem;
            background: linear-gradient(135deg, #1e2a3a 0%, #2b3a67 55%, #3f4f7f 100%);
            border-radius: 26px;
            color: #fff;
            overflow: hidden;
            box-shadow: 0 20px 50px rgba(30, 42, 58, 0.18);
            margin-bottom: 2rem;
        }
        .pr-hero::before {
            content: '';
            position: absolute;
            top: -40%;
            left: 50%;
            transform: translateX(-50%);
            width: 560px;
            height: 560px;
            background: radial-gradient(circle, rgba(212,161,30,0.28) 0%, transparent 70%);
            pointer-events: none;
        }
        .pr-hero-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 72px;
            height: 72px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.12);
            border: 2px solid rgba(212, 161, 30, 0.7);
            color: #d4a11e;
            font-size: 1.9rem;
            margin-bottom: 0.9rem;
            position: relative;
            z-index: 1;
            backdrop-filter: blur(6px);
        }
        .pr-hero-title {
            font-weight: 800;
            font-size: 2rem;
            letter-spacing: -0.02em;
            margin: 0;
            position: relative;
            z-index: 1;
        }
        .pr-hero-sub {
            font-size: 1rem;
            color: rgba(255, 255, 255, 0.85);
            margin: 0.6rem 0 1rem;
            position: relative;
            z-index: 1;
        }
        .pr-hero-event {
            display: inline-block;
            padding: 0.5rem 1.2rem;
            background: rgba(212, 161, 30, 0.18);
            border: 1px solid rgba(212, 161, 30, 0.55);
            border-radius: 40px;
            color: #f0b41d;
            font-weight: 600;
            font-size: 0.92rem;
            letter-spacing: 0.02em;
            position: relative;
            z-index: 1;
        }

        /* ---------- INTRO CALLOUT ---------- */
        .pr-intro {
            background: #fff;
            border-left: 4px solid #d4a11e;
            border-radius: 16px;
            padding: 1.2rem 1.4rem;
            box-shadow: 0 6px 20px rgba(30, 42, 58, 0.06);
            margin-bottom: 2.5rem;
            color: #4b5563;
            font-size: 0.96rem;
            line-height: 1.65;
        }
        .pr-intro strong { color: #1e2a3a; }

        /* ---------- TIER GRID ---------- */
        .pr-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2.5rem;
        }

        /* ---------- TIER CARD ---------- */
        .pr-card {
            position: relative;
            background: #fff;
            border: 2px solid #e5e8ee;
            border-radius: 22px;
            padding: 2rem 1.75rem 1.75rem;
            box-shadow: 0 8px 26px rgba(30, 42, 58, 0.08);
            transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
            display: flex;
            flex-direction: column;
        }
        .pr-card:hover {
            transform: translateY(-6px);
            border-color: #d4a11e;
            box-shadow: 0 18px 42px rgba(212, 161, 30, 0.18);
        }

        /* Featured card (Premium) */
        .pr-card-featured {
            background: linear-gradient(180deg, #fff9ec 0%, #ffffff 40%);
            border-color: #d4a11e;
            box-shadow: 0 14px 36px rgba(212, 161, 30, 0.16);
        }

        /* Ribbon on featured card */
        .pr-ribbon {
            position: absolute;
            top: -14px;
            right: 20px;
            background: linear-gradient(135deg, #f0b41d, #d4a11e);
            color: #1e2a3a;
            font-weight: 800;
            font-size: 0.72rem;
            letter-spacing: 0.05em;
            padding: 0.4rem 0.9rem;
            border-radius: 40px;
            box-shadow: 0 6px 18px rgba(212, 161, 30, 0.35);
            text-transform: uppercase;
        }

        /* Icon at top of card */
        .pr-card-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 54px;
            height: 54px;
            border-radius: 16px;
            background: linear-gradient(135deg, #1e2a3a 0%, #2b3a67 100%);
            color: #d4a11e;
            font-size: 1.4rem;
            margin-bottom: 1rem;
        }
        .pr-card-featured .pr-card-icon {
            background: linear-gradient(135deg, #f0b41d, #d4a11e);
            color: #1e2a3a;
        }

        /* Card title */
        .pr-card-title {
            font-weight: 800;
            font-size: 1.25rem;
            color: #1e2a3a;
            margin: 0 0 0.35rem;
            letter-spacing: -0.01em;
        }
        .pr-card-code {
            display: inline-block;
            font-family: monospace;
            font-size: 0.72rem;
            background: #f0f2f5;
            color: #8890a0;
            padding: 0.15rem 0.5rem;
            border-radius: 6px;
            margin-bottom: 1rem;
        }

        /* Amount */
        .pr-amount {
            display: flex;
            align-items: baseline;
            gap: 4px;
            margin-bottom: 1.2rem;
            padding-bottom: 1.2rem;
            border-bottom: 1px dashed #dbe0ea;
        }
        .pr-amount-currency {
            font-size: 1.5rem;
            font-weight: 700;
            color: #d4a11e;
            line-height: 1;
        }
        .pr-amount-value {
            font-size: 3rem;
            font-weight: 800;
            color: #d4a11e;
            line-height: 1;
            letter-spacing: -0.03em;
        }
        .pr-amount-note {
            font-size: 0.85rem;
            color: #8890a0;
            margin-left: 4px;
        }

        /* Description */
        .pr-desc {
            color: #4b5563;
            font-size: 0.92rem;
            line-height: 1.65;
            margin-bottom: 1.5rem;
            flex-grow: 1;
        }

        /* Button */
        .pr-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            width: 100%;
            padding: 0.85rem 1.4rem;
            border: none;
            border-radius: 13px;
            font-weight: 700;
            font-size: 0.94rem;
            letter-spacing: 0.02em;
            color: #fff;
            background: linear-gradient(135deg, #1e2a3a 0%, #2b3a67 100%);
            text-decoration: none;
            box-shadow: 0 8px 22px rgba(30, 42, 58, 0.22);
            transition: transform 0.12s, box-shadow 0.15s, background 0.15s;
            cursor: pointer;
        }
        .pr-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 28px rgba(30, 42, 58, 0.3);
            color: #fff;
        }
        .pr-card-featured .pr-btn {
            background: linear-gradient(135deg, #f0b41d, #d4a11e);
            color: #1e2a3a;
            box-shadow: 0 8px 22px rgba(212, 161, 30, 0.35);
        }
        .pr-card-featured .pr-btn:hover {
            background: linear-gradient(135deg, #d4a11e, #b88d15);
            color: #1e2a3a;
            box-shadow: 0 12px 28px rgba(212, 161, 30, 0.45);
        }

        /* ---------- EMPTY STATE ---------- */
        .pr-empty {
            text-align: center;
            padding: 4rem 1rem;
            background: #fff;
            border-radius: 22px;
            box-shadow: 0 8px 26px rgba(30, 42, 58, 0.08);
            margin-bottom: 2.5rem;
        }
        .pr-empty i {
            font-size: 3.5rem;
            color: #dbe0ea;
            display: block;
            margin-bottom: 1rem;
        }
        .pr-empty h4 {
            font-weight: 700;
            color: #1e2a3a;
            margin-bottom: 0.4rem;
        }
        .pr-empty p {
            color: #8890a0;
            margin: 0;
        }

        /* ---------- HOW IT WORKS ---------- */
        .pr-how {
            background: #fff;
            border-radius: 22px;
            box-shadow: 0 8px 26px rgba(30, 42, 58, 0.08);
            padding: 2.25rem 1.75rem 2rem;
            margin-bottom: 2.5rem;
        }
        .pr-how-title {
            text-align: center;
            font-weight: 800;
            color: #1e2a3a;
            font-size: 1.5rem;
            margin-bottom: 0.4rem;
            letter-spacing: -0.01em;
        }
        .pr-how-sub {
            text-align: center;
            color: #8890a0;
            font-size: 0.94rem;
            margin-bottom: 2rem;
        }
        .pr-how-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 1.5rem;
        }
        .pr-how-step {
            text-align: center;
            padding: 0.5rem;
        }
        .pr-how-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: linear-gradient(135deg, #1e2a3a 0%, #2b3a67 100%);
            color: #d4a11e;
            font-weight: 800;
            font-size: 1.15rem;
            margin-bottom: 0.75rem;
            box-shadow: 0 8px 22px rgba(30, 42, 58, 0.18);
        }
        .pr-how-step h6 {
            font-weight: 700;
            color: #1e2a3a;
            font-size: 1rem;
            margin-bottom: 0.35rem;
        }
        .pr-how-step p {
            color: #6b7280;
            font-size: 0.86rem;
            line-height: 1.55;
            margin: 0;
        }

        /* ---------- CTA BAND ---------- */
        .pr-cta {
            position: relative;
            text-align: center;
            padding: 2.5rem 1.75rem 2rem;
            background: linear-gradient(135deg, #1e2a3a 0%, #2b3a67 55%, #3f4f7f 100%);
            border-radius: 26px;
            color: #fff;
            overflow: hidden;
            box-shadow: 0 20px 50px rgba(30, 42, 58, 0.18);
        }
        .pr-cta::before {
            content: '';
            position: absolute;
            top: -40%;
            left: 50%;
            transform: translateX(-50%);
            width: 520px;
            height: 520px;
            background: radial-gradient(circle, rgba(212,161,30,0.28) 0%, transparent 70%);
            pointer-events: none;
        }
        .pr-cta-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 62px;
            height: 62px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.12);
            border: 2px solid rgba(212, 161, 30, 0.7);
            color: #d4a11e;
            font-size: 1.65rem;
            margin-bottom: 0.9rem;
            position: relative;
            z-index: 1;
        }
        .pr-cta h3 {
            font-weight: 800;
            font-size: 1.5rem;
            margin: 0 0 0.4rem;
            position: relative;
            z-index: 1;
        }
        .pr-cta p {
            color: rgba(255, 255, 255, 0.82);
            font-size: 0.96rem;
            margin: 0 0 1.5rem;
            position: relative;
            z-index: 1;
        }
        .pr-cta-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 0.9rem 2rem;
            border: none;
            border-radius: 14px;
            font-weight: 700;
            font-size: 0.98rem;
            letter-spacing: 0.02em;
            color: #1e2a3a;
            background: linear-gradient(135deg, #f0b41d, #d4a11e);
            text-decoration: none;
            box-shadow: 0 12px 28px rgba(212, 161, 30, 0.35);
            transition: transform 0.12s, box-shadow 0.15s;
            position: relative;
            z-index: 1;
        }
        .pr-cta-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 36px rgba(212, 161, 30, 0.5);
            color: #1e2a3a;
        }

        /* ---------- RESPONSIVE ---------- */
        @media (max-width: 992px) {
            .pr-wrap { width: 95%; padding: 1.5rem 0 5rem; }
            .pr-hero-title { font-size: 1.6rem; }
        }
        @media (max-width: 576px) {
            .pr-wrap { width: 96%; padding: 1rem 0 5rem; }
            .pr-hero { padding: 2rem 1rem 1.5rem; border-radius: 20px; }
            .pr-hero-icon { width: 58px; height: 58px; font-size: 1.5rem; }
            .pr-hero-title { font-size: 1.35rem; }
            .pr-card { padding: 1.5rem 1.2rem 1.3rem; }
            .pr-amount-value { font-size: 2.4rem; }
            .pr-how { padding: 1.5rem 1.1rem 1.3rem; }
            .pr-cta { padding: 2rem 1.1rem 1.6rem; border-radius: 20px; }
            .pr-cta h3 { font-size: 1.25rem; }
        }