/* Kai fixes — trust-first charity UX polish, 2026-06-17 */
:root { scroll-padding-top: 96px; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.site-header, header { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
section[id], .section, .page-hero { scroll-margin-top: 104px; }
.page-hero { min-height: clamp(260px, 38vh, 430px) !important; padding-block: clamp(72px, 10vw, 132px) clamp(44px, 7vw, 84px) !important; }
.page-hero h1 { max-width: 960px; text-wrap: balance; }
.section { padding-block: clamp(56px, 7vw, 96px) !important; }
.stats-band { position: relative; z-index: 2; }
.hero-content .hero-trust-points { margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; list-style: none; }
.hero-content .hero-trust-points li { border: 1px solid rgba(255,255,255,.2); background: rgba(7,13,20,.48); border-radius: 999px; padding: 8px 13px; font-weight: 700; font-size: .82rem; letter-spacing: .03em; color: rgba(255,255,255,.9); }
.kai-proof-band { border-block: 1px solid rgba(255,255,255,.1); background: linear-gradient(90deg, rgba(255,214,10,.10), rgba(255,255,255,.035)); }
.kai-proof-grid { max-width: 1184px; margin: 0 auto; padding: 22px 48px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.kai-proof-grid a, .kai-proof-grid div { color: inherit; text-decoration: none; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 18px; background: rgba(255,255,255,.045); }
.kai-proof-grid strong { display: block; color: #ffd60a; font-size: 1.15rem; margin-bottom: 5px; }
.kai-proof-grid span { color: rgba(255,255,255,.74); font-size: .94rem; }
.filter-bar button { cursor: pointer; }
.filter-bar button.is-active, .filter-bar button[aria-pressed="true"] { background: #ffd60a !important; color: #071018 !important; border-color: #ffd60a !important; }
.instagram-card, .testimonial-card, .report-card, .need-card, .donation-panel { scroll-margin-top: 112px; }
.instagram-card h2, .report-card h3, .testimonial-card h2 { text-transform: none !important; letter-spacing: -.015em !important; line-height: 1.12 !important; }
.instagram-card[hidden], .testimonial-card[hidden], article[hidden] { display: none !important; }
.donation-panel { box-shadow: 0 24px 80px rgba(0,0,0,.22); }
.donation-row code { user-select: all; word-break: break-word; }
[data-copy].is-copied { background: #25d366 !important; color: #06120a !important; border-color: #25d366 !important; }
.kai-donate-note { margin-top: 18px; padding: 14px 16px; border-radius: 16px; background: rgba(255,214,10,.1); border: 1px solid rgba(255,214,10,.25); color: rgba(255,255,255,.84); font-size: .95rem; }
.kai-social-proof { max-width: 1184px; margin: 0 auto; padding: 0 48px 70px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; }
.kai-social-card { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.045); border-radius: 24px; padding: clamp(22px, 3vw, 34px); }
.kai-social-card h2 { margin: 0 0 10px; font-size: clamp(1.8rem, 4vw, 3.3rem); line-height: .95; text-transform: uppercase; }
.kai-social-card p { color: rgba(255,255,255,.76); max-width: 720px; }
.kai-social-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.kai-social-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); color: #fff; text-decoration: none; font-weight: 800; text-transform: uppercase; font-size: .84rem; }
.kai-social-actions a:first-child { background: #ffd60a; color: #071018; border-color: #ffd60a; }
form[data-kai-subscribe] .kai-form-message { margin-top: 10px; color: #ffd60a; font-weight: 700; }
@media (max-width: 760px) {
  :root { scroll-padding-top: 78px; }
  .site-header, header { position: sticky; top: 0; }
  .hero { min-height: 78vh !important; }
  .hero h1 { font-size: clamp(3.3rem, 17vw, 6rem) !important; }
  .page-hero { min-height: auto !important; padding-top: 96px !important; }
  .section { padding-block: 46px !important; }
  .kai-proof-grid, .kai-social-proof { grid-template-columns: 1fr; padding-inline: 20px; }
  .filter-bar { overflow-x: auto; flex-wrap: nowrap !important; padding-bottom: 6px; }
  .filter-bar button { white-space: nowrap; }
}

/* Fail-safe: content must remain visible even if reveal animation/IntersectionObserver fails. */
[data-reveal] { opacity: 1 !important; transform: none !important; visibility: visible !important; }