/* ===== Hope glass theme (light) — landing pages ===== */
html.glass body > div[style*="background: #ffffff"],
html.glass main{background:transparent !important}

/* header and footer bands */
html.glass header[style*="border-bottom"]{position:sticky;top:0;z-index:20;background:var(--g-light),var(--g-t1) !important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--g-line) !important;box-shadow:var(--g-shadow),0 1px 0 var(--g-hair) !important}
html.glass footer[style*="border-top"]{background:var(--g-t2) !important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--g-line) !important;box-shadow:0 -1px 0 var(--g-hair)}
html.glass section[style*="border-top: 1.5px solid #000000"]{border-color:var(--g-hair) !important}

/* Tier 2: feature cards and supporting panels */
html.glass [style*="border: 1.5px solid #000000"]{background:var(--g-light),var(--g-t2) !important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--g-line) !important;box-shadow:var(--g-edge) !important;border-radius:14px !important}
/* Tier 1: hero preview and pricing card */
html.glass [aria-label="Preview of a Hope day page"],
html.glass [style*="border: 3px solid #000000"]{background:var(--g-light),var(--g-t1) !important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--g-line) !important;box-shadow:var(--g-shadow),var(--g-edge) !important;border-radius:18px !important}
/* Tier 3: nested elements, inputs */
html.glass [style*="border: 1.5px solid #000000"] [style*="border: 1.5px solid #000000"],
html.glass [aria-label="Preview of a Hope day page"] [style*="border: 1.5px solid #000000"],
html.glass [style*="border: 1.5px dashed #000000"],
html.glass input[style]{background:var(--g-t3) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--g-line) !important;box-shadow:var(--g-edge) !important;border-radius:10px !important}

/* black buttons stay black: strongest contrast on light glass */
html.glass a[style*="background: #000000"],html.glass button[style*="background: #000000"]{border-radius:999px !important;box-shadow:0 6px 18px rgba(0,0,0,.18)}
html.glass nav a[style*="border: 1.5px solid #000000"]{border-radius:999px !important}

/* legal page */
html.glass main nav a{background:var(--g-light),var(--g-t2);border:1px solid var(--g-line) !important;box-shadow:var(--g-edge);border-radius:999px !important}
html.glass .note{background:var(--g-t2);border:1px solid var(--g-line) !important;box-shadow:var(--g-edge);border-radius:12px}
html.glass main section{background:var(--g-light),var(--g-t2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--g-line) !important;box-shadow:var(--g-edge);border-radius:14px;padding:20px !important}

/* solid black buttons win over card glass */
html.glass a[style*="background: #000000"],html.glass button[style*="background: #000000"],html.glass span[style*="background: #000000"]{background:#000 !important;color:#fff !important;border-color:#000 !important}