/* About surface map. Load after glass-core.css. Body: class="glass gp". */
>
  /* About surface map (on top of glass-core.css product rules) */
  body.glass.gp main > section.ab-proof { background: transparent !important; }
  body.glass .ab-proof-grid {
    background:
      radial-gradient(60% 120% at 0% 0%, rgba(63,186,115,0.22) 0%, transparent 60%),
      radial-gradient(60% 120% at 100% 100%, rgba(70,180,205,0.20) 0%, transparent 60%),
      linear-gradient(180deg, #1C2436 0%, #121624 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 6px rgba(18,22,36,0.10), 0 30px 60px -20px rgba(18,22,36,0.40) !important; }
  body.glass .ab-lead, body.glass .ab-ccard, body.glass .ab-ccta {
    background: var(--g-frost) !important;
    -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur);
    border: 1px solid var(--g-edge) !important;
    box-shadow: var(--g-hi), var(--g-depth) !important; }
  body.glass a.ab-ccard:hover { background: rgba(255,255,255,0.8) !important; border-color: rgba(63,186,115,0.45) !important; }
  /* Security: navy with glows, dark glass cards */
  body.glass.gp main > section.ab-sec { background:
      radial-gradient(40% 60% at 10% 10%, rgba(63,186,115,0.20) 0%, transparent 70%),
      radial-gradient(40% 60% at 92% 90%, rgba(70,180,205,0.18) 0%, transparent 70%), #0F172A !important; }
  body.glass .ab-sec-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.09) 0%, rgba(255,255,255,0.03) 100%) !important;
    -webkit-backdrop-filter: var(--g-blur-sm); backdrop-filter: var(--g-blur-sm);
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 20px 40px -20px rgba(0,0,0,0.5) !important; }
  body.glass .ab-link {
    background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.04) 100%) !important;
    border: 1px solid rgba(255,255,255,0.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.16); }
  body.glass .ab-link:hover { background: rgba(255,255,255,0.16) !important; border-color: rgba(255,255,255,0.4) !important; }
  @media (max-width: 640px) {
    body.glass.gp main > section.ab-sec { background:
        radial-gradient(360px 320px at 0% 0%, rgba(63,186,115,0.20) 0%, transparent 70%),
        radial-gradient(360px 360px at 100% 100%, rgba(70,180,205,0.18) 0%, transparent 70%), #0F172A !important; }
  }
