/* Accept For Healing — Premium UI layer */
:root{
  --afh-bg: #0b1114;
  --afh-surface: rgba(255,255,255,.06);
  --afh-border: rgba(255,255,255,.12);
  --afh-text: rgba(255,255,255,.92);
  --afh-muted: rgba(255,255,255,.70);
  --afh-brand: #2a7f7a;
  --afh-brand2:#0c3b4a;
  --afh-accent:#c6b26a; /* soft gold */
}

html{ scroll-behavior:smooth; }
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(42,127,122,.20), transparent 55%),
    radial-gradient(900px 600px at 85% 15%, rgba(198,178,106,.16), transparent 55%),
    radial-gradient(1000px 700px at 40% 90%, rgba(12,59,74,.18), transparent 55%),
    #ffffff;
}

.navbar{
  backdrop-filter: blur(10px);
}
.navbar .nav-link{ font-weight: 500; }
.navbar .btn{ border-radius: 999px; padding-inline: .9rem; }

.afh-hero{
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(42,127,122,.16), rgba(12,59,74,.10)),
    radial-gradient(1200px 600px at 30% 10%, rgba(198,178,106,.18), transparent 60%);
  border: 1px solid rgba(12,59,74,.08);
}
.afh-hero::after{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(900px 500px at 20% 30%, rgba(42,127,122,.18), transparent 60%),
    radial-gradient(800px 480px at 80% 60%, rgba(198,178,106,.16), transparent 65%);
  pointer-events:none;
}
.afh-hero > *{ position:relative; z-index:1; }

.afh-eyebrow{
  display:inline-flex; gap:.5rem; align-items:center;
  padding:.35rem .75rem;
  border-radius: 999px;
  background: rgba(42,127,122,.10);
  border: 1px solid rgba(42,127,122,.18);
  color: var(--afh-brand2);
  font-weight: 600;
  font-size:.85rem;
}
.afh-title{
  font-family: "Playfair Display", ui-serif, Georgia, serif;
  letter-spacing: .2px;
}
.afh-gradient-text{
  background: linear-gradient(135deg, var(--afh-brand2), var(--afh-brand));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}
.afh-card{
  border-radius: 1.25rem !important;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.afh-soft{
  background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.94));
}
.afh-icon{
  width:44px; height:44px; border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(42,127,122,.12);
  border: 1px solid rgba(42,127,122,.16);
}
.afh-section-title{
  font-family: "Playfair Display", ui-serif, Georgia, serif;
}
.afh-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(12,59,74,.20), transparent);
}

.afh-chip{
  display:inline-flex; align-items:center; gap:.4rem;
  border-radius: 999px;
  padding:.35rem .65rem;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
  font-size:.85rem;
}

.afh-float{
  animation: afhFloat 6s ease-in-out infinite;
}
@keyframes afhFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}

[data-afh-reveal]{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
}
[data-afh-reveal].is-visible{
  opacity:1; transform: translateY(0);
}
