/* === PBA home: glass, one radius, one accent, quiet reveal (delete to roll back) === */ :root { --pba-r: 16px; --pba-glass: rgba(20, 14, 18, 0.55); --pba-line: rgba(255,255,255,0.10); --pba-line-top: rgba(255,255,255,0.22); } /* 1. Glass cards: translucent over the video, hairline light edge, deep soft shadow */ .member-card.luxe, .mbr7x-card.luxe, .inf-card-v4, .stat-item-v4y, #home-proof-section .hpv1-counter-row { background: var(--pba-glass) !important; -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); border: 1px solid var(--pba-line) !important; border-top-color: var(--pba-line-top) !important; border-radius: var(--pba-r) !important; box-shadow: 0 18px 40px rgba(0,0,0,0.45) !important; } /* 3. One accent: gradient lives on buttons only, everything else white on black */ h2, h3 { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; } h2 span, h3 span { -webkit-text-fill-color: inherit !important; } /* 4. Buttons: one radius, no outline stroke, one shadow */ #customHeroButton, .cta-btn, .pba2-cta, .moving-glow-cta, .hsdm-cta-v9, .pba-home-faq-cta-btn, .btn--solid, .form-btn { border-radius: var(--pba-r) !important; text-shadow: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 8px 24px rgba(255,0,102,0.30) !important; } /* Light-section cards keep white; only radius and shadow change */ .vetting-card { border-radius: var(--pba-r) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.10) !important; border: 1px solid rgba(0,0,0,0.06) !important; } /* 5. Phone mocks and chips match the radius */ [class*="phone-frame"] { border-radius: 28px !important; border: 1px solid var(--pba-line) !important; } .chip, .pill-v4y, .header-pill-v2 { border-radius: 999px !important; } /* 6. Quiet reveal: sections fade up 12px once as they enter. No bounce. */ .pba-reveal { opacity: 0; transform: translateY(12px); transition: opacity 600ms cubic-bezier(0.22,0.61,0.36,1), transform 600ms cubic-bezier(0.22,0.61,0.36,1); will-change: opacity, transform; } .pba-reveal.is-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .pba-reveal { transform: none; transition: opacity 200ms ease; } } @media (prefers-reduced-transparency: reduce) { .member-card.luxe, .mbr7x-card.luxe, .inf-card-v4, .stat-item-v4y { background: #141014 !important; -webkit-backdrop-filter: none; backdrop-filter: none; } }