.glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.8);
        }
        .glass-dark {
            background: rgba(7, 17, 32, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .calc-tile-active {
            border-color: #059669 !important;
            background-color: #f0fdf4 !important;
            box-shadow: 0 10px 25px -5px rgba(5, 150, 105, 0.15) !important;
        }
        .intent-card-active {
            border-color: #059669 !important;
            background-color: #ffffff !important;
            box-shadow: 0 10px 25px -5px rgba(5, 150, 105, 0.2) !important;
            transform: translateY(-4px);
        }
    /* Production static-Tailwind compatibility: reproduce original navy hero and emerald banner gradients. */
section.bg-gradient-to-b.from-navy-950.via-navy-900.to-slate-900 {
  background: linear-gradient(155deg, #030812 0%, #071120 60%, #0f172a 100%) !important;
}
#cashback-banner.bg-gradient-to-r {
  background: linear-gradient(95deg, #064e3b, #071120 75%, #030812) !important;
  color: #fff !important;
}
#cashback-banner .text-slate-300,#cashback-banner .text-white { color: #e8f6ef !important; }

/* Make the original gradient heading legible without depending on CDN-generated gradient variables. */
h1 span.bg-clip-text {background-image:linear-gradient(90deg,#34d399,#5eead4,#ffffff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.om-hero-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.om-hero-actions a {border-radius:999px;padding:10px 18px;background:#10b981;color:#071120;text-decoration:none;font-weight:800;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.om-hero-actions a+a {background:transparent;color:white;border:1px solid #5eead4}
/* If icon CDN is unavailable, keep social share controls visibly labelled. */
button[data-om-event-0]:not(:has(svg))::before,button[data-om-event-35]:not(:has(svg))::before {content:'f';font-weight:900;font-size:16px}
button[data-om-event-1]:not(:has(svg))::before,button[data-om-event-36]:not(:has(svg))::before {content:'◎';font-weight:900;font-size:16px}
button[data-om-event-2]:not(:has(svg))::before,button[data-om-event-37]:not(:has(svg))::before {content:'in';font-weight:900;font-size:12px}