:root {
            --pg-green:   #09cd91;
            --pg-green-d: #07b07c;
            --pg-blue:    #4fc3f7;
            --pg-purple:  #7c6dfa;
            --pg-amber:   #ffb74d;
            --pg-rose:    #f06292;
            --card-bg:    rgba(255,255,255,0.035);
            --card-border:rgba(255,255,255,0.07);
            --muted:      rgba(200,208,220,0.65);
            --rx:         20px;
            --tr:         0.25s ease;
        }
        .pg-grad {
            background: linear-gradient(135deg, var(--pg-green) 0%, var(--pg-blue) 100%);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
        }
        .pg-divider { border: none; border-top: 1px solid rgba(255,255,255,.06); margin: 0; }
        .pg-label {
            display: inline-flex; align-items: center; gap: 6px;
            font-size: 11.5px; font-weight: 700; color: var(--pg-green);
            letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px;
        }
        .pg-section-title {
            font-size: clamp(1.75rem,3.5vw,2.6rem); font-weight: 800;
            color: #f0f4f8; line-height: 1.2; letter-spacing: -.02em; margin-bottom: 16px;
        }
        .pg-section-sub {
            font-size: .98rem; color: var(--muted); line-height: 1.75; max-width: 580px; margin: 0 auto;
        }
        .pg-section     { padding: 96px 20px; }
        .pg-section-alt { padding: 96px 20px; background: rgba(255,255,255,.018); border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }

        /* Buttons */
        .pg-btn-primary {
            display: inline-flex; align-items: center; gap: 8px;
            background: linear-gradient(135deg, var(--pg-green) 0%, var(--pg-green-d) 100%);
            color: #050e1c; font-weight: 700; font-size: .9rem; padding: 13px 30px;
            border-radius: 10px; text-decoration: none; transition: opacity var(--tr), transform var(--tr); letter-spacing: .02em;
        }
        .pg-btn-primary:hover { opacity:.88; transform:translateY(-2px); color:#050e1c; text-decoration:none; }
        .pg-btn-secondary {
            display: inline-flex; align-items: center; gap: 8px;
            background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
            color: #d8e0ec; font-weight: 600; font-size: .9rem; padding: 13px 28px;
            border-radius: 10px; text-decoration: none; transition: background var(--tr), border-color var(--tr), transform var(--tr);
        }
        .pg-btn-secondary:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); transform:translateY(-2px); color:#f0f4f8; text-decoration:none; }

        /* Hero */
        .pg-hero { min-height:100vh; display:flex; align-items:center; padding:130px 20px 90px; position:relative; overflow:hidden; }
        .pg-hero-orb { position:absolute; border-radius:50%; pointer-events:none; }
        .pg-orb-1 { top:-8%; right:-6%; width:640px; height:640px; background:radial-gradient(circle, rgba(79,195,247,.1) 0%, transparent 68%); }
        .pg-orb-2 { bottom:5%; left:-10%; width:520px; height:520px; background:radial-gradient(circle, rgba(9,205,145,.09) 0%, transparent 68%); }
        .pg-orb-3 { top:35%; left:42%; width:340px; height:340px; background:radial-gradient(circle, rgba(124,109,250,.07) 0%, transparent 68%); }
        .pg-hero-inner { position:relative; z-index:1; }
        .pg-hero-badge {
            display:inline-flex; align-items:center; gap:7px;
            background:rgba(9,205,145,.08); border:1px solid rgba(9,205,145,.22);
            border-radius:50px; padding:5px 16px; font-size:11.5px;
            font-weight:600; color:var(--pg-green); letter-spacing:.06em;
            text-transform:uppercase; margin-bottom:28px;
        }
        .pg-badge-dot {
            width:6px; height:6px; border-radius:50%;
            background:var(--pg-green); animation:pg-pulse 1.8s ease-in-out infinite;
        }
        @keyframes pg-pulse {
            0%,100%{ opacity:1; transform:scale(1); }
            50%    { opacity:.4; transform:scale(.7); }
        }
        .pg-hero-title {
            font-size: clamp(2.4rem,5.5vw,3.8rem); font-weight:800;
            color:#f0f4f8; line-height:1.12; letter-spacing:-.02em; margin-bottom:22px;
        }
        .pg-hero-sub {
            font-size:1.1rem; color:var(--muted); line-height:1.75; max-width:520px; margin-bottom:40px;
        }
        .pg-hero-stats {
            display:flex; flex-wrap:wrap; gap:32px; margin-top:52px;
        }
        .pg-stat-val { font-size:1.8rem; font-weight:800; color:var(--pg-green); line-height:1; }
        .pg-stat-lbl { font-size:.78rem; color:var(--muted); margin-top:4px; }

        /* Gateway Card */
        .pg-gateway-card {
            background: var(--card-bg); border: 1px solid var(--card-border);
            border-radius: var(--rx); padding: 28px;
            transition: border-color var(--tr), transform var(--tr), box-shadow var(--tr);
        }
        .pg-gateway-card:hover {
            border-color: rgba(9,205,145,.25); transform: translateY(-4px);
            box-shadow: 0 16px 48px rgba(9,205,145,.06);
        }
        .pg-gateway-icon {
            width:50px; height:50px; border-radius:12px;
            background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
            display:flex; align-items:center; justify-content:center; margin-bottom:16px;
            font-size:1.4rem;
        }
        .pg-gateway-name { font-size:1rem; font-weight:800; color:#f0f4f8; margin-bottom:6px; }
        .pg-gateway-desc { font-size:.84rem; color:var(--muted); line-height:1.65; margin-bottom:14px; }
        .pg-badge {
            display:inline-block; font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:5px;
            background:rgba(9,205,145,.08); border:1px solid rgba(9,205,145,.15); color:var(--pg-green);
            letter-spacing:.05em; text-transform:uppercase; margin-right:4px; margin-bottom:4px;
        }
        .pg-badge-blue { background:rgba(79,195,247,.08); border-color:rgba(79,195,247,.15); color:var(--pg-blue); }
        .pg-badge-purple { background:rgba(124,109,250,.08); border-color:rgba(124,109,250,.15); color:var(--pg-purple); }
        .pg-badge-amber { background:rgba(255,183,77,.08); border-color:rgba(255,183,77,.15); color:var(--pg-amber); }

        /* Feature cards */
        .pg-feature-card {
            background: var(--card-bg); border: 1px solid var(--card-border);
            border-radius: var(--rx); padding: 28px;
            transition: border-color var(--tr), transform var(--tr);
        }
        .pg-feature-card:hover { border-color:rgba(9,205,145,.2); transform:translateY(-3px); }
        .pg-icon-wrap {
            width:48px; height:48px; border-radius:12px;
            background:rgba(9,205,145,.1); border:1px solid rgba(9,205,145,.2);
            display:flex; align-items:center; justify-content:center; margin-bottom:16px; flex-shrink:0;
        }

        /* Comparison table */
        .pg-table { border-collapse:separate; border-spacing:0; width:100%; }
        .pg-table thead th { background:rgba(255,255,255,.04); color:rgba(255,255,255,.7); font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.07); }
        .pg-table tbody td { padding:14px 16px; font-size:.87rem; color:var(--muted); border-bottom:1px solid rgba(255,255,255,.04); }
        .pg-table tbody tr:hover td { background:rgba(255,255,255,.02); }
        .pg-table tbody td:first-child { color:#f0f4f8; font-weight:600; }
        .pg-check-y { color:var(--pg-green); font-weight:800; }
        .pg-check-n { color:rgba(255,255,255,.2); }

        /* Hero Graphic */
        .pg-glass-card {
            background: rgba(255,255,255,.042);
            border: 1px solid rgba(255,255,255,.08);
            border-radius: var(--rx);
            padding: 22px 24px;
            backdrop-filter: blur(12px);
        }
        .pg-graphic-title {
            font-size: .75rem; color: var(--muted);
            text-transform: uppercase; letter-spacing: .08em; margin-bottom: 16px;
        }
        .pg-graphic-row {
            display: flex; align-items: center; justify-content: space-between;
            padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.05);
        }
        .pg-graphic-row:last-child { border-bottom: none; }
        .pg-graphic-label {
            font-size: .82rem; color: rgba(200,208,220,.8);
            display: flex; align-items: center; gap: 8px;
        }
        .pg-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
        .pg-status { font-size: .75rem; font-weight: 600; padding: 3px 9px; border-radius: 20px; }
        .pg-s-green  { background: rgba(9,205,145,.12);   color: var(--pg-green);  }
        .pg-s-blue   { background: rgba(79,195,247,.12);  color: var(--pg-blue);   }
        .pg-s-purple { background: rgba(124,109,250,.12); color: var(--pg-purple); }
        .pg-s-amber  { background: rgba(255,183,77,.12);  color: var(--pg-amber);  }
        .pg-float-badge {
            z-index: 2; position: absolute; display: inline-flex; align-items: center; gap: 6px;
            background: rgba(9,205,145,.1); border: 1px solid rgba(9,205,145,.25);
            border-radius: 8px; padding: 7px 12px; font-size: .75rem; font-weight: 600;
            color: var(--pg-green); white-space: nowrap; backdrop-filter: blur(8px);
            animation: pg-float 3s ease-in-out infinite;
        }
        .pg-float-badge-b {
            background: rgba(79,195,247,.1); border-color: rgba(79,195,247,.25); color: var(--pg-blue);
            animation-delay: 1.5s;
        }
        @keyframes pg-float {
            0%,100%{ transform: translateY(0); }
            50%    { transform: translateY(-7px); }
        }

        /* CTA */
        .pg-cta-section {
            background: linear-gradient(135deg, rgba(9,205,145,.08) 0%, rgba(79,195,247,.05) 100%);
            border-top: 1px solid rgba(9,205,145,.15); border-bottom: 1px solid rgba(9,205,145,.08);
            padding: 96px 20px;
        }
        .fade-up { opacity:0; transform:translateY(28px); transition:opacity .6s ease,transform .6s ease; }
        .fade-up.visible { opacity:1; transform:none; }

        @media(max-width:767px){
            .pg-hero { padding:120px 20px 70px; }
            .pg-hero-stats { gap:24px; }
        }
        .pg-faq-accordion .accordion-item{background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.07);border-radius:12px !important;margin-bottom:10px;overflow:hidden;}
        .pg-faq-accordion .accordion-button{background:transparent;color:#ecf0f8;font-weight:600;font-size:.93rem;padding:18px 22px;box-shadow:none;}
        .pg-faq-accordion .accordion-button:not(.collapsed){background:rgba(9,205,145,.06);color:#ecf0f8;box-shadow:none;}
        .pg-faq-accordion .accordion-button::after{filter:invert(1) sepia(1) saturate(3) hue-rotate(90deg);}
        .pg-faq-accordion .accordion-button:focus{box-shadow:0 0 0 3px rgba(9,205,145,.25);}
        .pg-faq-accordion .accordion-body{background:transparent;color:rgba(200,208,220,.75);font-size:.875rem;line-height:1.75;padding:4px 22px 20px;}