/* ══════════════════════ Front Page AIM Hero ══════════════════════ */

/* ══ RESET FOR THIS BLOCK ════════════════════════════════════════════ */
.aimhero-block *,
.aimhero-block *::before,
.aimhero-block *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ══ FULL-WIDTH OUTER SHELL ══════════════════════════════════════════ */
.aimhero-block {
  position: relative;
  width: 100%;
  min-height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-family: 'Inter', system-ui, sans-serif;

  /* ── BACKGROUND STACK (bottom → top):
     1. Quran photo (bottom, full cover)
     2. Dark teal overlay (~83% opacity) — image is felt, not seen
     3. Teal + gold radial mesh — atmosphere and depth
  ─────────────────────────────────────────────────────────────────── */
  background-image:
    radial-gradient(ellipse at 20% 50%,  rgba(0,105,92,0.50)  0%, transparent 55%),
    radial-gradient(ellipse at 80% 20%,  rgba(197,160,89,0.16) 0%, transparent 45%),
    radial-gradient(ellipse at 75% 85%,  rgba(0,77,64,0.62)    0%, transparent 55%),
    radial-gradient(ellipse at 5%  10%,  rgba(0,20,14,0.86)    0%, transparent 60%),
    linear-gradient(160deg,
      rgba(0,18,12,0.86)  0%,
      rgba(0,32,24,0.83)  35%,
      rgba(0,55,44,0.79)  65%,
      rgba(0,28,20,0.87)  100%
    ),
    url('https://ahmedalshamsy.com/wp-content/uploads/2025/09/quran.webp');

  background-size:   auto, auto, auto, auto, 100% 100%, cover;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, center 40%;
  background-repeat: no-repeat;
}

/* ── Diagonal texture overlay ────────────────────────────────────── */
.aimhero-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 40px,
    rgba(255,255,255,0.012) 40px,
    rgba(255,255,255,0.012) 41px
  );
  z-index: 0;
  pointer-events: none;
}

/* ── Subtle vignette around edges ────────────────────────────────── */
.aimhero-block::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.45) 100%);
  z-index: 0;
  pointer-events: none;
}

/* ══ GOLD BORDER FRAME ═══════════════════════════════════════════════ */
.aimhero-border-top,
.aimhero-border-bottom {
  position: absolute;
  left: 0; right: 0;
  height: 3px;
  z-index: 3;
}
.aimhero-border-top {
  top: 0;
  background: linear-gradient(90deg, transparent 0%, #C5A059 20%, #D4AF37 50%, #C5A059 80%, transparent 100%);
}
.aimhero-border-bottom {
  bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(197,160,89,0.4) 30%, rgba(197,160,89,0.7) 50%, rgba(197,160,89,0.4) 70%, transparent 100%);
}

/* ══ WATERMARK ═══════════════════════════════════════════════════════ */
.aimhero-wm {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
  z-index: 1;
  line-height: 0.85;
  overflow: hidden;
}
.aimhero-wm span {
  font-family: 'Playfair Display', serif;
  font-size: clamp(4rem, 11vw, 11rem);
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px rgba(197, 160, 89, 0.07);
  letter-spacing: -3px;
  white-space: nowrap;
  display: block;
  animation: aimhero-wm-drift 18s ease-in-out infinite alternate;
}
.aimhero-wm span:nth-child(2) { animation-delay: -6s; }
@keyframes aimhero-wm-drift {
  0%   { transform: translateX(-8px); }
  100% { transform: translateX(8px); }
}

/* ══ FLOATING ORBS ═══════════════════════════════════════════════════ */
.aimhero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
  z-index: 1;
  animation: aimhero-orb-float 12s ease-in-out infinite alternate;
}
.aimhero-orb-1 {
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(0,105,92,0.28) 0%, transparent 70%);
  top: -150px; left: -100px;
  animation-duration: 14s;
}
.aimhero-orb-2 {
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(197,160,89,0.18) 0%, transparent 70%);
  bottom: -100px; right: -80px;
  animation-duration: 10s;
  animation-delay: -4s;
}
.aimhero-orb-3 {
  width: 350px; height: 350px;
  background: radial-gradient(circle, rgba(0,77,64,0.22) 0%, transparent 70%);
  top: 30%; right: 10%;
  animation-duration: 16s;
  animation-delay: -8s;
  contain: paint;
}
@keyframes aimhero-orb-float {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(20px, -20px); }
}

/* ══ CONTENT ═════════════════════════════════════════════════════════ */
.aimhero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 100px 40px 90px;
  text-align: center;
/*  animation: aimhero-fade-up 1s ease both; */
}
@keyframes aimhero-fade-up {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Eyebrow tag ──────────────────────────────────────────────────── */
.aimhero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
  animation: aimhero-fade-up 1s ease 0.1s both;
}
.aimhero-eyebrow-line {
  height: 1px;
  width: 36px;
  background: linear-gradient(to right, transparent, #C5A059);
}
.aimhero-eyebrow-line-r {
  background: linear-gradient(to left, transparent, #C5A059);
}
.aimhero-eyebrow-text {
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  color: #C5A059;
  display: flex;
  align-items: center;
  gap: 8px;
}
.aimhero-eyebrow-gem {
  width: 5px; height: 5px;
  background: #C5A059;
  transform: rotate(45deg);
  display: inline-block;
  box-shadow: 0 0 8px rgba(197,160,89,0.7);
}

/* ── Main heading ─────────────────────────────────────────────────── */
.aimhero-heading {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.9rem, 5.5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.15;
  color: #ffffff !important;
  letter-spacing: -0.5px;
  margin-bottom: 10px;
  animation: aimhero-fade-up 1s ease 0.2s both;
}
/* The "AIM Framework" part in gold */
.aimhero-heading-accent {
  background: linear-gradient(135deg, #C5A059 0%, #D4AF37 50%, #C5A059 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% auto;
  animation: aimhero-gold-shimmer 4s linear infinite;
}
@keyframes aimhero-gold-shimmer {
  0%   { background-position: 0% center; }
  100% { background-position: 200% center; }
}

/* Em dash separator */
.aimhero-em {
  color: rgba(197,160,89,0.6);
  -webkit-text-fill-color: rgba(197,160,89,0.6);
  font-style: normal;
}

/* ── Gold ornament divider ────────────────────────────────────────── */
.aimhero-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 28px auto;
  animation: aimhero-fade-up 1s ease 0.3s both;
}
.aimhero-divider::before,
.aimhero-divider::after {
  content: "";
  height: 1px;
  width: 70px;
}
.aimhero-divider::before { background: linear-gradient(to right, transparent, rgba(197,160,89,0.5)); }
.aimhero-divider::after  { background: linear-gradient(to left,  transparent, rgba(197,160,89,0.5)); }
.aimhero-divider-inner {
  display: flex;
  align-items: center;
  gap: 6px;
}
.aimhero-divider-dot {
  width: 4px; height: 4px;
  background: rgba(197,160,89,0.5);
  border-radius: 50%;
}
.aimhero-divider-gem-mid {
  width: 7px; height: 7px;
  background: #C5A059;
  transform: rotate(45deg);
  box-shadow: 0 0 10px rgba(197,160,89,0.6);
}

/* ── Description text ─────────────────────────────────────────────── */
.aimhero-desc {
  font-size: clamp(0.97rem, 2.2vw, 1.18rem) !important;
  color: rgba(255,255,255,0.72);
  line-height: 1.8;
  max-width: 660px;
  margin: 0 auto 40px;
  animation: aimhero-fade-up 1s ease 0.4s both;
}
.aimhero-desc strong {
  color: rgba(255,255,255,0.92);
  font-weight: 700;
}

/* ── CTA Buttons ──────────────────────────────────────────────────── */
.aimhero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
  animation: aimhero-fade-up 1s ease 0.55s both;
}

.aimhero-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  letter-spacing: 0.4px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
/* Shine sweep on hover */
.aimhero-btn::before {
  content: "";
  position: absolute;
  top: -50%; left: -75%;
  width: 50%; height: 200%;
  background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.12) 50%, transparent 70%);
  transition: left 0.4s ease;
}
.aimhero-btn:hover::before { left: 125%; }
.aimhero-btn:hover { transform: translateY(-3px); }

/* Primary — gold */
.aimhero-btn-primary {
  background: linear-gradient(135deg, #C5A059 0%, #D4AF37 60%, #C5A059 100%);
  color: #fff !important;
  box-shadow: 0 8px 28px rgba(197,160,89,0.4), 0 2px 8px rgba(0,0,0,0.2);
  background-size: 200% auto;
  animation: aimhero-gold-shimmer 5s linear infinite;
}
.aimhero-btn-primary:hover {
  box-shadow: 0 14px 40px rgba(197,160,89,0.55), 0 4px 12px rgba(0,0,0,0.25);
}

/* Secondary — teal ghost */
.aimhero-btn-secondary {
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.92) !important;
  border: 1.5px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.aimhero-btn-secondary:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(197,160,89,0.5);
  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

/* Button SVG icons */
.aimhero-btn svg {
  width: 17px; height: 17px;
  fill: currentColor;
  flex-shrink: 0;
  opacity: 0.9;
}

/* ══ RESPONSIVE ══════════════════════════════════════════════════════ */
@media (max-width: 680px) {
  .aimhero-block { min-height: 88vh; width: 100vw; background-attachment: scroll; background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 80% 30%; }
  .aimhero-content { padding: 80px 24px 70px; }
  .aimhero-btns { flex-direction: column; align-items: stretch; }
  .aimhero-btn { justify-content: center; padding: 14px 24px; }
  .aimhero-divider::before,
  .aimhero-divider::after { width: 40px; }
}

@media (max-width: 420px) {
  .aimhero-content { padding: 70px 18px 60px; }
}

/* ══════════════════════ Front Page AIM Hero Bridge ══════════════════════ */
.aim-hero-bridge {
    max-width: 800px;
    margin: 20px auto;
    padding: 15px 25px;
    background: #ffffff;
    border-left: 4px solid #c5a059; /* Your Accent Gold */
    box-shadow: 0 4px 20px rgba(26, 58, 58, 0.08);
    border-radius: 4px;
    text-align: center;
}

.aim-hero-bridge p {
    font-family: 'Libre Baskerville', serif;
    font-size: 1.25rem;
    color: #1a3a3a; /* Your Primary Teal */
    margin: 0;
    line-height: 1.5;
}

.aim-cta-link {
    color: #c5a059;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid rgba(197, 160, 89, 0.3);
    transition: all 0.3s ease;
}

.aim-cta-link:hover {
    border-bottom: 2px solid #c5a059;
    color: #1a3a3a;
}

/* ══════════════════════ AIM Methodological Badge ══════════════════════ */

/* ── BADGE WRAPPER ─────────────────────────────────────── */
.aim-badge-fp {
  --teal-dark:#004D40;
  --teal-mid:#00695C;
  --gold:#C5A059;
  --gold-light:#D4AF37;
  --text:#0b2f2a;
  --text-muted:#4f6761;

  position: relative;
  font-family: 'Inter', system-ui, sans-serif;
  margin: 40px auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* ── OUTER FRAME — the decorative border shell ─────────── */
.aim-badge-frame {
  position: relative;
  background:
    radial-gradient(ellipse at 0% 0%, rgba(0,105,92,0.12) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(197,160,89,0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 100% 0%, rgba(0,77,64,0.06) 0%, transparent 45%),
    linear-gradient(160deg, #f3faf8 0%, #f8fcfb 48%, #fffaf0 100%);
  border-radius: 18px;
  border: 1px solid rgba(197,160,89,0.22);
  box-shadow:
    0 0 0 1px rgba(0,77,64,0.03),
    0 18px 42px rgba(0,77,64,0.08);
  overflow: hidden;
}

/* Top gradient bar */
.aim-badge-frame::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--teal-dark), var(--gold), var(--teal-mid));
  z-index: 2;
}

/* Diagonal texture */
.aim-badge-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 28px,
    rgba(0, 77, 64, 0.018) 28px,
    rgba(0, 77, 64, 0.018) 29px
  );
  pointer-events: none;
  z-index: 0;
}

/* ── GOLD SIDE PILLARS ──────────────────────────────────── */
.aim-badge-pillar-l,
.aim-badge-pillar-r {
  position: absolute;
  top: 22px;
  bottom: 22px;
  width: 3px;
  border-radius: 4px;
  background: linear-gradient(to bottom, transparent, #C5A059 25%, #C5A059 75%, transparent);
  z-index: 3;
  opacity: 0.72;
}
.aim-badge-pillar-l { left: 16px; }
.aim-badge-pillar-r { right: 16px; }

/* ── WATERMARK ──────────────────────────────────────────── */
.aim-badge-watermark {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  overflow: hidden;
  line-height: 0.9;
  gap: 0;
}
.aim-badge-watermark span {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px rgba(0, 77, 64, 0.05);
  letter-spacing: -1px;
  white-space: nowrap;
  display: block;
}

/* ── INNER CONTENT ──────────────────────────────────────── */
.aim-badge-inner {
  position: relative;
  z-index: 1;
  padding: 38px 52px 30px;
  text-align: center;
  background: rgba(255,255,255,0.42);
  backdrop-filter: blur(2px);
}

/* ── EYEBROW LABEL ──────────────────────────────────────── */
.aim-badge-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #004D40;
  font-family: 'Playfair Display', serif;
  font-weight: 800;
  font-size: 0.72rem;
  letter-spacing: 3px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.aim-badge-eyebrow::before,
.aim-badge-eyebrow::after {
  content: "";
  height: 1px;
  width: 28px;
  background: linear-gradient(to right, transparent, #C5A059);
}
.aim-badge-eyebrow::after {
  background: linear-gradient(to left, transparent, #C5A059);
}

/* ── MAIN TEXT ──────────────────────────────────────────── */
.aim-badge-text {
  font-size: 1.1rem;
  color: #2d3748;
  line-height: 1.75;
  max-width: 600px;
  margin: 0 auto 22px;
}
.aim-badge-hl {
  color: #004D40;
  font-weight: 700;
  position: relative;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
}
.aim-badge-hl::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 5px;
  background: rgba(197, 160, 89, 0.22);
  border-radius: 2px;
  z-index: -1;
}

/* ── ORNAMENT DIVIDER ───────────────────────────────────── */
.aim-badge-ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
.aim-badge-ornament::before,
.aim-badge-ornament::after {
  content: "";
  height: 1px;
  width: 50px;
  background: linear-gradient(to right, transparent, rgba(197, 160, 89, 0.45));
}
.aim-badge-ornament::after {
  background: linear-gradient(to left, transparent, rgba(197, 160, 89, 0.45));
}
.aim-badge-gem {
  width: 6px; height: 6px;
  background: #C5A059;
  transform: rotate(45deg);
  box-shadow: 0 0 8px rgba(197, 160, 89, 0.5);
}

/* ── CREDENTIALS STRIP ──────────────────────────────────── */
.aim-badge-creds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  row-gap: 10px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #4a6b65;
  padding: 16px 20px 4px;
  border-top: 1px solid rgba(197, 160, 89, 0.15);
}

.aim-cred-item {
  display: inline-flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  padding: 4px 12px;
}

.aim-cred-item + .aim-cred-item::before {
  content: "◆";
  color: #C5A059;
  font-size: 0.38rem;
  margin-right: 12px;
  opacity: 0.8;
  flex-shrink: 0;
}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 680px) {
  .aim-badge-fp {
    padding: 0;
    margin: 24px 0;
    max-width: 100%;
  }

  .aim-badge-frame {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(197, 160, 89, 0.18), 0 8px 24px rgba(0, 77, 64, 0.07);
  }

  .aim-badge-inner {
    padding: 30px 20px 22px;
  }

  .aim-badge-pillar-l { left: 10px; }
  .aim-badge-pillar-r { right: 10px; }
  .aim-badge-text { font-size: 1rem; }

  .aim-badge-creds {
    gap: 0;
    row-gap: 8px;
    font-size: 0.63rem;
    letter-spacing: 0.6px;
    padding: 14px 16px 4px;
  }

  .aim-cred-item {
    padding: 3px 8px;
  }

  .aim-badge-watermark span{
    font-size: clamp(3rem, 16vw, 5rem);
  }
}

@media (max-width: 420px) {
  .aim-badge-inner { padding: 26px 16px 20px; }
  .aim-badge-eyebrow { font-size: 0.64rem; letter-spacing: 2px; gap: 8px; }
  .aim-badge-eyebrow::before,
  .aim-badge-eyebrow::after { width: 18px; }
  .aim-badge-creds { font-size: 0.6rem; }
}


/* ══════════════════════ AIM Free Access Badge ══════════════════════ */

/* ── BANNER WRAPPER ──────────────────────────────────────── */
.aim-free-access-banner-wrap {
  max-width: 980px;
  margin: 18px auto;
  padding: 0 20px;
  font-family: 'Inter', system-ui, sans-serif;
  box-sizing: border-box;
}

/* ── FRAME ───────────────────────────────────────────────── */
.aim-free-access-banner-frame {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  /* Rich teal-to-gold mesh gradient */
  background:
    radial-gradient(ellipse at 0% 0%,   rgba(0, 105, 92, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(197, 160, 89, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 0%,  rgba(0, 77, 64, 0.12)  0%, transparent 45%),
    linear-gradient(135deg, #e8f5f2 0%, #f4faf8 40%, #fdf8ee 100%);
  box-shadow:
    0 0 0 1px rgba(197, 160, 89, 0.2),
    0 16px 48px rgba(0, 77, 64, 0.11),
    0 4px 12px rgba(0, 77, 64, 0.07);
}

/* Top accent bar */
.aim-free-access-banner-frame::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #004D40, #C5A059 50%, #004D40);
  z-index: 2;
}

/* Diagonal texture */
.aim-free-access-banner-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 28px,
    rgba(0, 77, 64, 0.022) 28px,
    rgba(0, 77, 64, 0.022) 29px
  );
  pointer-events: none;
  z-index: 0;
}

/* ── WATERMARK ───────────────────────────────────────────── */
.aim-free-access-banner-wm {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-right: 28px;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  line-height: 0.88;
  gap: 0;
  overflow: hidden;
}
.aim-free-access-banner-wm span {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px rgba(0, 77, 64, 0.05);
  letter-spacing: -1px;
  white-space: nowrap;
  display: block;
}

/* ── GOLD SIDE PILLARS ───────────────────────────────────── */
.aim-free-access-banner-pillar-l,
.aim-free-access-banner-pillar-r {
  position: absolute;
  top: 18px; bottom: 18px;
  width: 3px;
  border-radius: 4px;
  background: linear-gradient(to bottom, transparent, #C5A059 30%, #C5A059 70%, transparent);
  opacity: 0.55;
  z-index: 3;
}
.aim-free-access-banner-pillar-l { left: 14px; }
.aim-free-access-banner-pillar-r { right: 14px; }

/* ── INNER LAYOUT ────────────────────────────────────────── */
.aim-free-access-banner-inner {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 22px 38px 20px;
}

/* ── EMBLEM ──────────────────────────────────────────────── */
.aim-free-access-banner-emblem {
  flex: 0 0 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #004D40 0%, #00695C 60%, #C5A059 140%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 6px 20px rgba(0, 77, 64, 0.3),
    inset 0 1px 0 rgba(255,255,255,0.15);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
/* shimmer on emblem */
.aim-free-access-banner-emblem::after {
  content: "";
  position: absolute;
  top: -50%; left: -60%;
  width: 40%; height: 200%;
  background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.12) 50%, transparent 70%);
  animation: emblem-shimmer 4s infinite;
}
@keyframes emblem-shimmer { 0%,100%{left:-60%} 50%{left:120%} }

/* ── TEXT AREA ───────────────────────────────────────────── */
.aim-free-access-banner-content { flex: 1 1 auto; min-width: 0; }

.aim-free-access-banner-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.aim-free-access-banner-heading h2 {
  margin: 0;
  font-family: 'Playfair Display', serif;
  font-size: 1.05rem;
  font-weight: 800;
  color: #0b2f2a;
  line-height: 1.2;
}
.aim-free-access-banner-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: linear-gradient(135deg, #004D40, #00695C);
  color: #C5A059;
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 4px 10px;
  border-radius: 50px;
  border: 1px solid rgba(197,160,89,0.35);
  box-shadow: 0 2px 8px rgba(0,77,64,0.2);
  white-space: nowrap;
}
.aim-free-access-banner-tag::before { content: "◆"; font-size: 0.4rem; opacity: 0.8; }

.aim-free-access-banner-body {
  margin: 0 0 10px;
  color: #27464a;
  font-size: 0.95rem;
  line-height: 1.6;
}
.aim-free-access-banner-link {
  color: #004D40;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.aim-free-access-banner-link::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 4px;
  background: rgba(197, 160, 89, 0.25);
  border-radius: 2px;
  z-index: -1;
  transition: height 0.2s, background 0.2s;
}
.aim-free-access-banner-link:hover::after { height: 100%; background: rgba(197, 160, 89, 0.12); }

/* ── FOOTER NOTE ─────────────────────────────────────────── */
.aim-free-access-banner-note {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.72rem;
  color: #6b8a85;
  line-height: 1.4;
}
.aim-free-access-banner-note::before {
  content: "ℹ";
  flex-shrink: 0;
  width: 16px; height: 16px;
  background: rgba(0,77,64,0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #004D40;
  font-style: normal;
}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 680px) {
  .aim-free-access-banner-wrap {
    padding: 0;
    margin: 14px 0;
    max-width: 100%;
  }
  .aim-free-access-banner-frame {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(197,160,89,0.18), 0 6px 20px rgba(0,77,64,0.08);
  }
  .aim-free-access-banner-inner {
    padding: 20px 26px 18px;
    gap: 14px;
  }
  .aim-free-access-banner-pillar-l { left: 10px; }
  .aim-free-access-banner-pillar-r { right: 10px; }
  .aim-free-access-banner-emblem { flex: 0 0 48px; height: 48px; border-radius: 12px; }
  .aim-free-access-banner-body { font-size: 0.9rem; }
}

@media (max-width: 420px) {
  .aim-free-access-banner-inner { padding: 18px 20px 16px; }
  .aim-free-access-banner-heading h2 { font-size: 0.97rem; }
  .aim-free-access-banner-wm span { font-size: 1.8rem; }
}

/* ══════════════════════ AIM Support Badge ══════════════════════ */

    .aim-mg-support-banner{
      --teal-dark:#004D40;
      --teal-mid:#00695C;
      --gold:#C5A059;
      --gold-light:#D4AF37;
      --text:#0b2f2a;
      --text-muted:#5a7a74;

      max-width: 1260px;
      margin: 0 auto;
      padding: 18px 20px;
      box-sizing: border-box;
      font-family: 'Inter', system-ui, sans-serif;
    }

    .aim-mg-support-panel{
      position: relative;
      overflow: hidden;
      border-radius: 22px;
      background:
        radial-gradient(ellipse at 0% 0%, rgba(0,105,92,0.16) 0%, transparent 55%),
        radial-gradient(ellipse at 100% 100%, rgba(197,160,89,0.14) 0%, transparent 52%),
        radial-gradient(ellipse at 100% 0%, rgba(0,77,64,0.08) 0%, transparent 45%),
        linear-gradient(160deg, #f3faf8 0%, #f8fcfb 48%, #fffaf0 100%);
      border: 1px solid rgba(197,160,89,0.18);
      box-shadow:
        0 0 0 1px rgba(0,77,64,0.04),
        0 18px 50px rgba(0,77,64,0.10),
        0 6px 18px rgba(0,77,64,0.06);
      padding: 22px 22px 20px;
    }

    .aim-mg-support-panel::before{
      content: "";
      position: absolute;
      inset: 0;
      background-image: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 28px,
        rgba(0,77,64,0.018) 28px,
        rgba(0,77,64,0.018) 29px
      );
      pointer-events: none;
    }

    .aim-mg-support-panel::after{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, #004D40, #C5A059 50%, #004D40);
      z-index: 1;
    }

    .aim-mg-support-content{
      position: relative;
      z-index: 2;
      display: grid;
      gap: 18px;
      text-align: center;
    }

    .aim-mg-support-kicker{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin: 0 auto;
      padding: 7px 16px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--teal-dark), var(--teal-mid));
      color: var(--gold);
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 2.2px;
      text-transform: uppercase;
      border: 1px solid rgba(197,160,89,0.35);
      box-shadow: 0 6px 18px rgba(0,77,64,0.16);
      user-select: none;
    }

    .aim-mg-support-kicker::before,
    .aim-mg-support-kicker::after{
      content: "◆";
      font-size: 0.42rem;
      opacity: 0.72;
    }

    .aim-mg-support-text{
      margin: 0 auto;
      max-width: 920px;
      color: var(--text);
      font-size: clamp(1rem, 1.45vw, 1.08rem);
      line-height: 1.8;
      text-wrap: balance;
    }

    .aim-mg-support-text strong{
      color: var(--teal-dark);
      font-weight: 800;
    }

    .aim-mg-support-text .gold{
      color: var(--gold);
      font-weight: 800;
    }

    .aim-mg-support-actions{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 2px;
    }

    .aim-mg-support-cta{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 50px;
      padding: 12px 18px;
      border-radius: 14px;
      text-decoration: none;
      font-weight: 800;
      font-size: 0.88rem;
      letter-spacing: 0.2px;
      line-height: 1.3;
      text-align: center;
      transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
      border: 1px solid transparent;
      box-sizing: border-box;
      flex: 1 1 340px;
      max-width: 430px;
    }

    .aim-mg-support-cta:hover{
      transform: translateY(-2px);
    }

    .aim-mg-support-mission{
      background: linear-gradient(135deg, var(--teal-dark), var(--teal-mid));
      color: #fff !important;
      box-shadow: 0 10px 24px rgba(0,77,64,0.18);
      border-color: rgba(197,160,89,0.22);
    }

    .aim-mg-support-mission:hover{
      box-shadow: 0 14px 30px rgba(0,77,64,0.24);
    }

    .aim-mg-support-subscribe{
      background: linear-gradient(135deg, #ffffff, #f8f4ea);
      color: var(--teal-dark) !important;
      border-color: rgba(197,160,89,0.28);
      box-shadow: 0 10px 24px rgba(197,160,89,0.12);
    }

    .aim-mg-support-subscribe:hover{
      box-shadow: 0 14px 30px rgba(197,160,89,0.18);
    }

    .aim-mg-support-note{
      margin: 0;
      color: var(--text-muted);
      font-size: 0.96rem;
      line-height: 1.7;
      text-align: center;
    }

    .aim-mg-support-note code{
      display: inline-block;
      padding: 0;
      background: transparent;
      color: inherit;
      font-family: inherit;
      font-size: inherit;
      white-space: normal;
    }

    @media (max-width: 720px){
      .aim-mg-support-banner{
        max-width: 100%;
        padding: 0;
      }

      .aim-mg-support-panel{
        border-radius: 0;
        padding: 18px 14px 16px;
      }

      .aim-mg-support-content{
        gap: 14px;
      }

      .aim-mg-support-actions{
        flex-direction: column;
        align-items: stretch;
      }

      .aim-mg-support-cta{
        width: 100%;
        max-width: none;
        flex: 1 1 auto;
        min-height: 52px;
      }

      .aim-mg-support-text{
        font-size: 0.98rem;
      }
    }

    @media (max-width: 400px){
      .aim-mg-support-panel{
        padding: 16px 12px 14px;
      }

      .aim-mg-support-cta{
        font-size: 0.84rem;
        padding: 12px 14px;
      }
    }

/* ══════════════════════ AIM Explore Badge ══════════════════════ */

    .aim-exp-container {
        --teal-dark:#004D40;
        --teal-mid:#00695C;
        --gold:#C5A059;
        --gold-light:#D4AF37;
        background:
          radial-gradient(ellipse at 0% 0%, rgba(0,105,92,0.12) 0%, transparent 55%),
          radial-gradient(ellipse at 100% 100%, rgba(197,160,89,0.12) 0%, transparent 50%),
          radial-gradient(ellipse at 100% 0%, rgba(0,77,64,0.06) 0%, transparent 45%),
          linear-gradient(160deg, #f3faf8 0%, #f8fcfb 48%, #fffaf0 100%);
        padding: 80px 20px;
        font-family: "Inter", system-ui, sans-serif;
        border-top: 1px solid rgba(197, 160, 89, 0.22);
        border-bottom: 1px solid rgba(197, 160, 89, 0.28);
        position: relative;
        overflow: hidden;
        color: #0b2f2a;
    }

    .aim-exp-container::before{
        content:"";
        position:absolute;
        inset:0;
        background-image: repeating-linear-gradient(
          -45deg,
          transparent,
          transparent 30px,
          rgba(0,77,64,0.018) 30px,
          rgba(0,77,64,0.018) 31px
        );
        pointer-events:none;
    }

    .aim-exp-inner {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    /* Header styled to match your h3 treatment */
    .aim-exp-kicker {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
        padding: 7px 16px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--teal-dark), var(--teal-mid));
        color: var(--gold);
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 2.2px;
        text-transform: uppercase;
        border: 1px solid rgba(197,160,89,.30);
        box-shadow: 0 6px 18px rgba(0,77,64,.12);
        user-select: none;
    }

    .aim-exp-kicker::before,
    .aim-exp-kicker::after{
        content:"◆";
        font-size:.42rem;
        opacity:.72;
    }

    .aim-exp-heading {
        color: #004D40;
        font-family: "Playfair Display", serif;
        font-size: clamp(1.4rem, 3vw, 2.15rem);
        margin: 0;
        font-weight: 800;
        line-height: 1.18;
        letter-spacing: -0.4px;
        text-wrap: balance;
    }

    .aim-exp-heading em {
        font-style: normal;
        background: linear-gradient(135deg, var(--gold), var(--gold-light));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .aim-exp-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 16px auto 18px;
    }

    .aim-exp-divider::before,
    .aim-exp-divider::after{
        content:"";
        height:1px;
        width:60px;
        max-width:20vw;
    }

    .aim-exp-divider::before{
        background: linear-gradient(to right, transparent, rgba(197,160,89,0.55));
    }

    .aim-exp-divider::after{
        background: linear-gradient(to left, transparent, rgba(197,160,89,0.55));
    }

    .aim-exp-divider-gem{
        width:7px;
        height:7px;
        background: #C5A059;
        transform: rotate(45deg);
        box-shadow: 0 0 10px rgba(197,160,89,.45);
        flex: 0 0 auto;
    }

    .aim-exp-intro {
        color: #444;
        font-family: "Inter", sans-serif;
        max-width: 750px;
        margin: 0 auto 50px auto;
        line-height: 1.8;
        font-size: 1.05rem;
        opacity: 0.92;
    }

    /* 2. Grid - FORCED 2 PER ROW */
    .aim-exp-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        align-items: stretch;
        margin-bottom: 50px;
        position: relative;
        z-index: 1;
    }

    /* 3. The Card - Styling */
    .aim-exp-card {
        background: #ffffff;
        border: 1px solid rgba(197, 160, 89, 0.2);
        border-top: 4px solid #C5A059;
        padding: 40px 30px;
        border-radius: 8px;
        text-align: center;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
        width: 100%;
        box-sizing: border-box;
    }

    .aim-exp-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 77, 64, 0.1);
        border-color: #004D40;
    }

    /* 4. Icon Wrapper */
    .aim-exp-icon-wrapper {
        width: 80px;
        height: 80px;
        background: rgba(197, 160, 89, 0.08);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
        transition: transform 0.3s ease;
    }

    .aim-exp-card:hover .aim-exp-icon-wrapper {
        transform: rotateY(180deg);
        background: rgba(0, 77, 64, 0.05);
    }

    .aim-exp-card-title {
        color: #004D40;
        font-family: "Playfair Display", serif;
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .aim-exp-card-body {
        color: #666;
        font-family: "Inter", sans-serif;
        font-size: 0.98rem;
        line-height: 1.6;
        flex-grow: 1;
        margin-bottom: 25px;
    }

    /* 5. Modern Button Link */
    .aim-exp-card-link-fp {
        color: #004D40 !important;
        text-decoration: none;
        font-weight: 700;
        font-size: 0.9rem;
        padding: 12px 20px;
        border: 1px solid rgba(0, 77, 64, 0.2);
        border-radius: 4px;
        transition: all 0.3s ease;
        margin-top: auto;
        width: 100%;
        background: transparent;
        box-sizing: border-box;
    }

    .aim-exp-card-link-fp:hover {
        background: #004D40;
        color: #fff !important;
        border-color: #004D40;
    }

    /* 6. Main CTA Button */
    .aim-exp-btn-main {
        background: #004D40;
        color: #fff !important;
        padding: 18px 45px;
        font-weight: 700;
        border-radius: 50px;
        border: 2px solid #C5A059;
        text-decoration: none;
        display: inline-block;
        box-shadow: 0 10px 20px rgba(0, 77, 64, 0.2);
        transition: all 0.3s ease;
    }

    .aim-exp-btn-main:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(0, 77, 64, 0.25);
    }

    /* MOBILE RESPONSIVENESS */
    @media (max-width: 650px) {
        .aim-exp-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        .aim-exp-heading { font-size: 1.75rem; }
        .aim-exp-container { padding: 50px 15px; }
        .aim-exp-card { padding: 30px 20px; }
        .aim-exp-intro { font-size: 1rem; margin-bottom: 36px; }
    }

/* ══════════════════════ AIM H2 Card & Badge ══════════════════════ */


    .aim-vs-h2-wrap{
      max-width: 1100px;
      margin: 0 auto;
      padding: 18px 16px;
      scroll-margin-top: 90px;
    }

    .aim-vs-h2-card{
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      padding: 22px 24px;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(245,248,252,0.92)),
        linear-gradient(135deg, rgba(212,175,55,0.10), rgba(10,77,79,0.08));
      border: 1px solid rgba(10, 77, 79, 0.10);
      box-shadow:
        0 16px 40px rgba(15, 23, 42, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.65);
      text-align: center;
    }

    .aim-vs-h2-card::before{
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at top left, rgba(212,175,55,0.16), transparent 30%),
        radial-gradient(circle at bottom right, rgba(102,199,201,0.18), transparent 32%);
      pointer-events: none;
    }

    .aim-vs-h2-badge{
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
      padding: 8px 14px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(10,77,79,0.96), rgba(7,46,47,0.92));
      color: #f8f4ea;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      box-shadow: 0 10px 24px rgba(10,77,79,0.18);
    }

    .aim-vs-h2-badge svg{
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
      fill: #d4af37;
    }

    .aim-vs-h2-title{
      position: relative;
      margin: 0;
      font-size: clamp(1.35rem, 2.6vw, 2.15rem);
      line-height: 1.15;
      font-weight: 800;
      letter-spacing: -0.02em;
      color: #0f172a;
      text-wrap: balance;
    }

    .aim-vs-h2-title .accent{
      color: #0a4d4f;
    }

    .aim-vs-h2-subtitle{
      position: relative;
      max-width: 820px;
      margin: 12px auto 0;
      font-size: clamp(0.98rem, 1.45vw, 1.12rem);
      line-height: 1.7;
      color: rgba(15, 23, 42, 0.78);
    }

    .aim-vs-h2-line{
      width: 110px;
      height: 4px;
      margin: 18px auto 0;
      border-radius: 999px;
      background: linear-gradient(90deg, #d4af37, #66c7c9, #0a4d4f);
      box-shadow: 0 0 18px rgba(10,77,79,0.12);
    }

    @media (max-width: 640px){
      .aim-vs-h2-wrap{
        padding: 12px 10px;
      }

      .aim-vs-h2-card{
        padding: 18px 14px;
        border-radius: 18px;
      }

      .aim-vs-h2-badge{
        font-size: 0.72rem;
        letter-spacing: 0.10em;
        padding: 7px 12px;
      }
    }

/* ══════════════════════ AIM H3 Card & Badge ══════════════════════ */

    .aim-h3-pricing-section-heading{
      --teal-dark:#004D40;
      --teal-mid:#00695C;
      --gold:#C5A059;
      --gold-light:#D4AF37;
      --text:#0b2f2a;
      max-width:1260px;
      margin:0 auto;
      padding:0 20px 18px;
      text-align:center;
      box-sizing:border-box;
      font-family:'Inter', system-ui, sans-serif;
      color:var(--text);
    }

    .aim-h3-pricing-heading-badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      background:linear-gradient(135deg,var(--teal-dark),var(--teal-mid));
      color:var(--gold);
      font-size:.58rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:2px;
      padding:6px 16px;
      border-radius:50px;
      border:1px solid rgba(197,160,89,.32);
      box-shadow:0 4px 18px rgba(0,77,64,.14), inset 0 1px 0 rgba(255,255,255,.08);
      margin-bottom:12px;
      user-select:none;
    }

    .aim-h3-pricing-heading-badge::before,
    .aim-h3-pricing-heading-badge::after{
      content:"◆";
      font-size:.4rem;
      opacity:.72;
    }

    .aim-h3-pricing-heading-title{
      margin:0;
      font-family:'Playfair Display', serif;
      font-size:clamp(1.2rem, 2.8vw, 1.85rem) !important;
      font-weight:800;
      line-height:1.16;
      letter-spacing:-.35px;
      color:var(--teal-dark);
      text-wrap:balance;
    }

    .aim-h3-pricing-heading-title em{
      font-style:normal;
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
    }

    .aim-h3-pricing-heading-divider{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      margin-top:12px;
    }

    .aim-h3-pricing-heading-divider::before,
    .aim-h3-pricing-heading-divider::after{
      content:"";
      height:1px;
      width:62px;
      max-width:20vw;
      background:linear-gradient(to right, transparent, var(--gold));
    }

    .aim-h3-pricing-heading-divider::after{
      background:linear-gradient(to left, transparent, var(--gold));
    }

    .aim-h3-pricing-heading-gem{
      width:7px;
      height:7px;
      background:var(--gold);
      transform:rotate(45deg);
      box-shadow:0 0 10px rgba(197,160,89,.45);
      flex:0 0 auto;
    }

    @media (max-width:680px){
      .aim-h3-pricing-section-heading{
        padding:0 16px 16px;
      }

      .aim-h3-pricing-heading-badge{
        font-size:.53rem;
        letter-spacing:1.8px;
        padding:6px 14px;
      }

      .aim-h3-pricing-heading-title{
        font-size:clamp(1.1rem, 4.8vw, 1.45rem) !important;
        line-height:1.18;
      }

      .aim-h3-pricing-heading-divider::before,
      .aim-h3-pricing-heading-divider::after{
        width:48px;
      }
    }

    @media (max-width:400px){
      .aim-h3-pricing-section-heading{
        padding-left:14px;
        padding-right:14px;
      }
    }

/* ══════════════════════ AIM AYA Card ══════════════════════ */

    .ahs-aya-hover-block{
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      padding: 18px 16px;
      box-sizing: border-box;
    }

    .ahs-aya-card{
      position: relative;
      width: 100%;
      overflow: hidden;
      border-radius: 24px;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.97), rgba(248,250,252,0.94)),
        linear-gradient(135deg, rgba(10,77,79,0.05), rgba(212,175,55,0.06));
      border: 1px solid rgba(10, 77, 79, 0.10);
      box-shadow:
        0 18px 42px rgba(15, 23, 42, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.75);
      box-sizing: border-box;
      min-height: 260px;
      display: flex;
      align-items: stretch;
    }

    .ahs-aya-card::before{
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at top right, rgba(212,175,55,0.10), transparent 30%),
        radial-gradient(circle at bottom left, rgba(102,199,201,0.12), transparent 34%);
      pointer-events: none;
    }

    .ahs-aya-inner{
      position: relative;
      z-index: 1;
      width: 100%;
      padding: 28px 26px;
      display: grid;
      gap: 18px;
      align-content: center;
      text-align: center;
      box-sizing: border-box;
    }

    .ahs-aya-kicker{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin: 0 auto;
      padding: 8px 14px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(10,77,79,0.96), rgba(7,46,47,0.92));
      color: #f8f4ea;
      font-size: 0.76rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      box-shadow: 0 10px 24px rgba(10,77,79,0.16);
      user-select: none;
    }

    .ahs-aya-kicker svg{
      width: 16px;
      height: 16px;
      fill: #d4af37;
      flex: 0 0 auto;
    }

    .ahs-aya-arabic{
      margin: 0;
      direction: rtl;
      unicode-bidi: plaintext;
      font-size: clamp(1.7rem, 4vw, 3rem) !important;
      line-height: 1.75 !important;
      font-weight: 700;
      color: #0f172a;
      letter-spacing: 0;
      text-wrap: balance;
      font-family: inherit;
      transition: transform 0.25s ease, opacity 0.25s ease, filter 0.25s ease;
    }

    .ahs-aya-meta{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      transition: opacity 0.25s ease, transform 0.25s ease;
    }

    .ahs-aya-pill{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 14px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid rgba(10, 77, 79, 0.10);
      color: rgba(15, 23, 42, 0.82);
      font-size: 0.94rem;
      font-weight: 700;
      box-shadow: 0 8px 18px rgba(15,23,42,0.05);
    }

    .ahs-aya-pill strong{
      color: #0a4d4f;
      font-weight: 800;
    }

    .ahs-aya-overlay{
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      padding: 24px;
      background:
        linear-gradient(135deg, rgba(10,77,79,0.96), rgba(7,46,47,0.94)),
        radial-gradient(circle at top left, rgba(212,175,55,0.18), transparent 35%);
      color: #f8f4ea;
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 0.28s ease, transform 0.28s ease;
      pointer-events: none;
      box-sizing: border-box;
    }

    .ahs-aya-overlay::before{
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at top right, rgba(212,175,55,0.14), transparent 30%),
        radial-gradient(circle at bottom left, rgba(102,199,201,0.14), transparent 32%);
      pointer-events: none;
    }

    .ahs-aya-overlay-inner{
      position: relative;
      z-index: 1;
      max-width: 860px;
      width: 100%;
      text-align: center;
      box-sizing: border-box;
    }

    .ahs-aya-translation{
      margin: 0;
      font-size: clamp(1.05rem, 2vw, 1.45rem);
      line-height: 1.8;
      font-weight: 600;
      color: rgba(248,244,234,0.96);
      text-wrap: balance;
    }

    .ahs-aya-overlay-row{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin-top: 16px;
    }

    .ahs-aya-overlay-chip{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 14px;
      border-radius: 999px;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(212,175,55,0.22);
      color: #f8f4ea;
      font-size: 0.94rem;
      font-weight: 700;
      backdrop-filter: blur(6px);
    }

    .ahs-aya-overlay-chip svg{
      width: 15px;
      height: 15px;
      fill: #d4af37;
      flex: 0 0 auto;
    }

    .ahs-aya-divider{
      width: 120px;
      height: 4px;
      margin: 0 auto;
      border-radius: 999px;
      background: linear-gradient(90deg, #d4af37, #66c7c9, #0a4d4f);
      box-shadow: 0 0 18px rgba(10,77,79,0.12);
      opacity: 0.95;
    }

    .ahs-aya-card:hover .ahs-aya-overlay,
    .ahs-aya-card:focus-within .ahs-aya-overlay{
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }

    .ahs-aya-card:hover .ahs-aya-arabic,
    .ahs-aya-card:focus-within .ahs-aya-arabic{
      transform: scale(0.985);
      opacity: 0.18;
      filter: blur(1px);
    }

    .ahs-aya-card:hover .ahs-aya-meta,
    .ahs-aya-card:focus-within .ahs-aya-meta{
      opacity: 0.18;
      transform: translateY(4px);
    }

    @media (max-width: 640px){
      .ahs-aya-hover-block{
        padding: 12px 10px;
      }

      .ahs-aya-card{
        min-height: 240px;
        border-radius: 18px;
      }

      .ahs-aya-inner{
        padding: 20px 14px;
        gap: 14px;
      }

      .ahs-aya-kicker{
        font-size: 0.7rem;
        letter-spacing: 0.12em;
      }

      .ahs-aya-arabic{
        font-size: clamp(1.45rem, 7vw, 2.2rem);
        line-height: 1.85;
      }

      .ahs-aya-translation{
        font-size: 1rem;
        line-height: 1.75;
      }

      .ahs-aya-pill,
      .ahs-aya-overlay-chip{
        font-size: 0.88rem;
        padding: 8px 12px;
      }
    }

    @media (prefers-reduced-motion: reduce){
      .ahs-aya-arabic,
      .ahs-aya-meta,
      .ahs-aya-overlay,
      .ahs-aya-card:hover .ahs-aya-arabic,
      .ahs-aya-card:hover .ahs-aya-meta{
        transition: none !important;
      }
    }

/* ══════════════════════ AIM Explore Categories ══════════════════════ */

    .aimcats-wrap{
      --teal-dark:#004D40;
      --teal-mid:#00695C;
      --gold:#C5A059;
      --gold-light:#D4AF37;
      --text:#0b2f2a;
      --text-muted:#5a7a74;
      --border:rgba(197,160,89,0.22);

      position:relative;
      max-width:980px;
      margin:40px auto;
      padding:0 20px;
      font-family:'Inter', system-ui, sans-serif;
      box-sizing:border-box;
      color:var(--text);
      overflow:hidden;
    }

    .aimcats-frame{
      position:relative;
      border-radius:20px;
      overflow:hidden;
      box-shadow:
        0 0 0 1px rgba(197,160,89,0.22),
        0 28px 70px rgba(0,77,64,0.11),
        0 6px 18px rgba(0,77,64,0.07);
      background:
        radial-gradient(ellipse at 0% 0%, rgba(0,105,92,0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 100% 100%, rgba(197,160,89,0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 0%, rgba(0,77,64,0.10) 0%, transparent 45%),
        linear-gradient(160deg, #e8f5f2 0%, #f4faf8 45%, #fdf9f0 100%);
    }

    .aimcats-frame::before{
      content:"";
      position:absolute;
      top:0;left:0;right:0;
      height:4px;
      background:linear-gradient(90deg,#004D40,#C5A059 50%,#004D40);
      z-index:4;
    }

    .aimcats-frame::after{
      content:"";
      position:absolute;
      inset:0;
      background-image:repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 30px,
        rgba(0,77,64,0.02) 30px,
        rgba(0,77,64,0.02) 31px
      );
      pointer-events:none;
      z-index:0;
    }

    .aimcats-watermark{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      pointer-events:none;
      user-select:none;
      z-index:0;
      line-height:0.88;
      overflow:hidden;
      opacity:1;
    }

    .aimcats-watermark span{
      font-family:'Playfair Display', serif;
      font-size:clamp(3rem, 7vw, 6.5rem) !important;
      font-weight:800;
      color:transparent;
      -webkit-text-stroke:1.2px rgba(0,77,64,0.05);
      letter-spacing:-2px;
      white-space:nowrap;
      display:block;
    }

    .aimcats-pillar-l,
    .aimcats-pillar-r{
      position:absolute;
      top:20px;
      bottom:20px;
      width:3px;
      border-radius:4px;
      background:linear-gradient(to bottom, transparent, #C5A059 25%, #C5A059 75%, transparent);
      opacity:0.55;
      z-index:3;
    }
    .aimcats-pillar-l{ left:14px; }
    .aimcats-pillar-r{ right:14px; }

    .aimcats-header{
      position:relative;
      z-index:2;
      text-align:center;
      padding:32px 40px 24px;
    }

    .aimcats-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:#004D40;
      font-family:'Playfair Display', serif;
      font-size:0.7rem;
      font-weight:800;
      letter-spacing:3px;
      text-transform:uppercase;
      margin-bottom:10px;
    }

    .aimcats-eyebrow::before,
    .aimcats-eyebrow::after{
      content:"";
      height:1px;
      width:24px;
    }
    .aimcats-eyebrow::before{ background:linear-gradient(to right, transparent, #C5A059); }
    .aimcats-eyebrow::after{ background:linear-gradient(to left, transparent, #C5A059); }

    .aimcats-title{
      font-family:'Playfair Display', serif;
      font-size:clamp(1.3rem, 3vw, 1.85rem) !important;
      font-weight:800;
      color:#0b2f2a;
      margin:0;
      line-height:1.2;
      text-wrap:balance;
    }

    .aimcats-title em{
      font-style:normal;
      background:linear-gradient(135deg, #C5A059, #D4AF37);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
    }

    .aimcats-divider{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-top:18px;
    }

    .aimcats-divider::before,
    .aimcats-divider::after{
      content:"";
      height:1px;
      width:60px;
    }

    .aimcats-divider::before{
      background:linear-gradient(to right, transparent, rgba(197,160,89,0.5));
    }

    .aimcats-divider::after{
      background:linear-gradient(to left, transparent, rgba(197,160,89,0.5));
    }

    .aimcats-gem{
      width:7px;
      height:7px;
      background:#C5A059;
      transform:rotate(45deg);
      box-shadow:0 0 10px rgba(197,160,89,0.5);
      flex:0 0 auto;
    }

    .aimcats-subtext{
      position:relative;
      z-index:2;
      max-width:700px;
      margin:0 auto 10px;
      color:var(--text-muted);
      font-size:1.02rem;
      line-height:1.75;
      text-align:center;
      padding:0 40px;
    }

    .aimcats-grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:18px;
      padding:10px 28px 32px;
    }

    .aimcats-card{
      position:relative;
      overflow:hidden;
      border-radius:18px;
      background:rgba(255,255,255,0.8);
      border:1px solid rgba(197,160,89,0.18);
      box-shadow:
        0 10px 24px rgba(0,77,64,0.07),
        inset 0 1px 0 rgba(255,255,255,0.65);
      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      min-height:182px;
      height:100%;
    }

    .aimcats-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at top right, rgba(212,175,55,0.12), transparent 28%),
        radial-gradient(circle at bottom left, rgba(0,105,92,0.08), transparent 30%);
      pointer-events:none;
    }

    .aimcats-card:hover{
      transform:translateY(-4px);
      box-shadow:
        0 16px 34px rgba(0,77,64,0.12),
        0 0 0 1px rgba(197,160,89,0.22);
      border-color:rgba(197,160,89,0.30);
    }

    .aimcats-link{
      position:relative;
      z-index:1;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      height:100%;
      min-height:182px;
      padding:26px 22px;
      text-decoration:none;
      color:inherit;
      gap:12px;
      text-align:center;
      box-sizing:border-box;
    }

    .aimcats-iconbox{
      width:54px;
      height:54px;
      border-radius:16px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg, #003830, #004D40);
      border:1px solid rgba(197,160,89,0.22);
      box-shadow:0 8px 18px rgba(0,77,64,0.14);
      flex:0 0 auto;
    }

    .aimcats-iconbox svg{
      width:28px;
      height:28px;
      fill:#D4AF37;
    }

    .aimcats-cardtitle{
      margin:0;
      font-family:'Playfair Display', serif;
      font-size:1.18rem;
      font-weight:800;
      line-height:1.25;
      color:#0b2f2a;
      text-wrap:balance;
      text-align:center;
    }

    .aimcats-cardmeta{
      margin:0 auto;
      color:var(--text-muted);
      font-size:0.94rem;
      line-height:1.6;
      text-align:center;
      max-width:24ch;
    }

    .aimcats-footer{
      position:relative;
      z-index:2;
      text-align:center;
      padding:0 28px 34px;
    }

    .aimcats-footer p{
      margin:0 auto 18px;
      max-width:720px;
      color:var(--text-muted);
      line-height:1.75;
      font-size:1rem;
    }

    .aimcats-button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:11px 20px;
      border-radius:999px;
      text-decoration:none;
      color:#fff !important;
      font-weight:800;
      font-size:0.86rem;
      letter-spacing:0.4px;
      background:linear-gradient(135deg, var(--teal-dark), var(--teal-mid));
      box-shadow:0 8px 22px rgba(0,77,64,0.18);
      border:1px solid rgba(197,160,89,0.22);
    }

    .aimcats-button::after{
      content:"→";
      font-size:1rem;
      line-height:1;
    }

    @media (max-width: 720px){
      .aimcats-wrap{
        max-width:100%;
        padding:0;
        margin:24px 0;
      }

      .aimcats-frame{
        border-radius:0;
        box-shadow:
          0 0 0 1px rgba(197,160,89,0.18),
          0 8px 24px rgba(0,77,64,0.08);
      }

      .aimcats-pillar-l{ left:8px; }
      .aimcats-pillar-r{ right:8px; }

      .aimcats-header{
        padding:28px 24px 18px;
      }

      .aimcats-subtext{
        padding:0 18px;
        font-size:0.98rem;
      }

      .aimcats-grid{
        grid-template-columns:1fr;
        gap:14px;
        padding:8px 16px 24px;
      }

      .aimcats-card{
        min-height:auto;
      }

      .aimcats-link{
        padding:22px 16px;
        min-height:164px;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:12px;
      }

      .aimcats-iconbox{
        width:48px;
        height:48px;
        border-radius:15px;
      }

      .aimcats-iconbox svg{
        width:26px;
        height:26px;
      }

      .aimcats-cardtitle{
        font-size:1.05rem;
      }

      .aimcats-cardmeta{
        font-size:0.92rem;
      }

      .aimcats-footer{
        padding:0 16px 26px;
      }

      .aimcats-watermark{
        line-height:0.9;
      }

      .aimcats-watermark span{
        font-size:clamp(3.4rem, 17vw, 5.4rem) !important;
      }
    }

    @media (max-width: 400px){
      .aimcats-header{
        padding:24px 16px 16px;
      }

      .aimcats-subtext{
        padding:0 14px;
      }

      .aimcats-link{
        padding:20px 14px;
        min-height:156px;
      }

      .aimcats-watermark span{
        font-size:clamp(3rem, 16vw, 4.4rem) !important;
      }
    }

/* ══════════════════════ AIM Pricing Block ══════════════════════ */

/* ── WRAPPER ─────────────────────────────────────────── */
.aim-pricing-wrap {
   --teal-dark: #004D40;
  --teal-mid: #00695C;
  --gold: #C5A059;
  --gold-light: #D4AF37;
  --text: #0b2f2a;
  --text-muted: #5a7a74;
  --border: rgba(197, 160, 89, 0.22);
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  padding: 60px 20px 80px;
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--text);
  overflow: hidden;
}

/* ── AIM FRAMEWORK WATERMARK ─────────────────────────── */
.aim-pricing-bg-text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  line-height: 0.88;
  gap: 0;
}
.aim-pricing-bg-text span {
  font-family: 'Playfair Display', serif;
  font-size: clamp(5rem, 13vw, 13rem);
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(0, 77, 64, 0.052);
  letter-spacing: -3px;
  display: block;
}

/* ── ORBS ─────────────────────────────────────────────── */
.aim-pricing-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}
.aim-pricing-orb-1 { width:500px;height:500px;background:radial-gradient(circle,rgba(0,105,92,.13) 0%,transparent 70%);top:-100px;right:-150px; }
.aim-pricing-orb-2 { width:400px;height:400px;background:radial-gradient(circle,rgba(197,160,89,.11) 0%,transparent 70%);bottom:-80px;left:-100px; }
.aim-pricing-orb-3 { width:300px;height:300px;background:radial-gradient(circle,rgba(0,77,64,.08) 0%,transparent 70%);top:40%;left:30%; }

/* ── INTRO ───────────────────────────────────────────── */
.aim-pricing-intro { position:relative;z-index:1;text-align:center;margin-bottom:44px; }
.aim-pricing-eyebrow {
  display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,var(--teal-dark),var(--teal-mid));
  color:var(--gold);font-size:.68rem;font-weight:800;text-transform:uppercase;
  letter-spacing:2.5px;padding:7px 20px;border-radius:50px;
  border:1px solid rgba(197,160,89,.35);margin-bottom:22px;
  box-shadow:0 4px 20px rgba(0,77,64,.2),inset 0 1px 0 rgba(255,255,255,.1);
}
.aim-pricing-eyebrow::before,.aim-pricing-eyebrow::after { content:"◆";font-size:.45rem;opacity:.7; }
.aim-pricing-intro h3 {
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,5vw,3.1rem) !important;font-weight:800;
  color:var(--teal-dark);line-height:1.15;margin-bottom:16px;letter-spacing:-.5px;
}
.aim-pricing-intro h3 em {
  font-style:normal;
  background:linear-gradient(135deg,var(--gold),var(--gold-light));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.aim-pricing-intro p { max-width:640px;margin:0 auto;color:var(--text-muted);font-size:1.05rem;line-height:1.7; }

/* ── DIVIDER ─────────────────────────────────────────── */
.aim-pricing-divider {
  display:flex;align-items:center;gap:14px;justify-content:center;
  margin-bottom:44px;position:relative;z-index:1;
}
.aim-pricing-divider::before { content:"";height:1px;width:80px;background:linear-gradient(to right,transparent,var(--gold)); }
.aim-pricing-divider::after  { content:"";height:1px;width:80px;background:linear-gradient(to left,transparent,var(--gold)); }
.aim-pricing-divider-gem { width:8px;height:8px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 12px rgba(197,160,89,.5); }

/* ── MAIN CARD ───────────────────────────────────────── */
.aim-pricing-card {
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 1.75fr;
  background:#fff;border-radius:28px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,77,64,.07),0 30px 80px rgba(0,77,64,.1),0 8px 24px rgba(0,77,64,.07);
  border:1px solid var(--border);
}
.aim-pricing-card::before {
  content:"";position:absolute;inset:0;border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.55) 0%,transparent 40%);
  pointer-events:none;z-index:2;
}

/* ── LEFT ────────────────────────────────────────────── */
.aim-pricing-left {
  background:linear-gradient(170deg,#f0f9f7 0%,#e6f5f2 60%,#ddf0ec 100%);
  padding:50px 40px;border-right:1px solid var(--border);
  position:relative;overflow:hidden;
}
.aim-pricing-left::before {
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--teal-dark),var(--gold),var(--teal-mid));
}
.aim-pricing-left::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(-45deg,transparent,transparent 30px,rgba(0,77,64,.025) 30px,rgba(0,77,64,.025) 31px);
}
.aim-pricing-badge {
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:8px;
  background:var(--teal-dark);color:var(--gold);font-weight:800;
  padding:7px 10px;border-radius:50px;font-size:.68rem;text-transform:uppercase;
  letter-spacing:1.8px;margin-bottom:32px;
  border:1px solid rgba(197,160,89,.4);box-shadow:0 6px 20px rgba(0,77,64,.25);
}
.aim-pricing-badge::before { content:"✦";font-size:.55rem; }

.feat-section { position:relative;z-index:1;margin-bottom:28px; }
.feat-section h4 {
  color:var(--teal-dark);font-size:.72rem;text-transform:uppercase;
  letter-spacing:2px;font-weight:800;margin-bottom:14px;
  display:flex;align-items:center;gap:12px;
}
.feat-section h4::after { content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(197,160,89,.5),transparent); }
.feat-list { list-style:none;padding:0; }
.feat-list li {
  display:flex;align-items:flex-start;gap:10px;
  padding:8px 0;font-size:.875rem;line-height:1.45;
  border-bottom:1px solid rgba(0,77,64,.06);
}
.feat-list li:last-child { border-bottom:none; }
.feat-dot {
  flex-shrink:0;width:18px;height:18px;margin-top:1px;
  background:linear-gradient(135deg,var(--gold),#e8c870);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:.42rem;color:#fff;box-shadow:0 2px 6px rgba(197,160,89,.35);
}
.feat-list li strong { color:var(--teal-dark);font-weight:700; }

/* ── RIGHT ───────────────────────────────────────────── */
.aim-pricing-right {
  padding:50px 44px;background:#fff;
  display:flex;flex-direction:column;justify-content:center;position:relative;
}
.aim-pricing-right::before {
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(0,77,64,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,77,64,.03) 1px,transparent 1px);
  background-size:40px 40px;
}

/* ── PRICING GRID ────────────────────────────────────── */
.pricing-grid {
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:16px;margin-bottom:28px;
  padding-top:20px; /* breathing room for ribbons */
}

/* ── PLAN CARD — overflow:visible so ribbon shows ────── */
.plan-card {
  position:relative;
  overflow:visible; /* ← CRITICAL: ribbon child must not be clipped */
  background:#fff;
  border-radius:20px;
  border:1.5px solid #e8f0ee;
  text-align:center;
  display:flex;
  flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.plan-card:hover { transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,77,64,.13);border-color:rgba(197,160,89,.4); }

/* Inner wrapper — clips gradient bar & shimmer, never the ribbon */
.card-inner {
  border-radius:19px;overflow:hidden;
  padding:28px 20px 22px;
  display:flex;flex-direction:column;justify-content:space-between;
  flex:1;position:relative;
}
.card-inner::before {
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--teal-mid),var(--gold));
  opacity:0;transition:opacity .3s;
}
.plan-card:hover .card-inner::before { opacity:1; }

/* Featured */
.card-featured { border:1.5px solid rgba(197,160,89,.5);box-shadow:0 20px 50px rgba(0,77,64,.3),0 0 0 1px rgba(197,160,89,.15); }
.card-featured .card-inner { background:linear-gradient(155deg,#003D33 0%,#00574A 50%,#004D40 100%); }
.card-featured .card-inner::before { opacity:1;background:linear-gradient(90deg,var(--gold),#f0c84a,var(--gold)); }
.card-featured .card-label,.card-featured .card-price { color:#fff; }
.card-featured .card-muted { color:rgba(255,255,255,.6); }
.card-featured:hover { box-shadow:0 28px 70px rgba(0,77,64,.4),0 0 0 1px rgba(197,160,89,.3); }

/* Shimmer inside .card-inner — safely clipped there */
.card-shimmer {
  position:absolute;top:-50%;left:-60%;
  width:40%;height:200%;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);
  animation:shimmer 4s infinite;pointer-events:none;
}
@keyframes shimmer { 0%,100%{left:-60%} 50%{left:120%} }

/* Patron */
.card-patron { border:1.5px solid rgba(197,160,89,.45);box-shadow:0 8px 30px rgba(197,160,89,.1); }
.card-patron .card-inner { background:linear-gradient(155deg,#fffdf7 0%,#fdf8ee 60%,#f8f2e0 100%); }
.card-patron .card-inner::before { opacity:1;background:linear-gradient(90deg,var(--gold),var(--gold-light)); }

/* ── RIBBON — direct child of .plan-card, OUTSIDE .card-inner ── */
.ribbon {
  position:absolute;
  top:-13px;
  left:50%;
  transform:translateX(-50%);
  padding:5px 16px;
  border-radius:50px;
  font-size:.6rem;font-weight:800;
  text-transform:uppercase;letter-spacing:1.5px;
  white-space:nowrap;
  box-shadow:0 4px 14px rgba(0,0,0,.15);
  z-index:10; /* above everything */
}
.ribbon-gold { background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff; }
.ribbon-teal { background:linear-gradient(135deg,var(--teal-dark),var(--teal-mid));color:var(--gold);border:1px solid rgba(197,160,89,.4); }

/* ── CARD CONTENT ─────────────────────────────────────── */
.card-label { font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:6px; }
.card-price { font-family:'Playfair Display',serif;font-size:2.1rem;font-weight:800;color:var(--teal-dark);line-height:1;margin:10px 0 6px; }
.card-save {
  display:inline-block;background:rgba(197,160,89,.15);color:var(--gold);
  border:1px solid rgba(197,160,89,.3);border-radius:50px;
  padding:3px 10px;font-size:.68rem;font-weight:800;letter-spacing:.5px;margin-bottom:6px;
}
.card-featured .card-save { background:rgba(197,160,89,.2);color:var(--gold-light);border-color:rgba(197,160,89,.4); }
.card-muted { font-size:.72rem;color:var(--text-muted);margin-bottom:18px;line-height:1.5; }
.card-body { flex:1; }

/* ── BUTTONS ──────────────────────────────────────────── */
.btn {
  display:block;width:100%;padding:11px 10px;border-radius:12px;
  font-weight:700;font-size:.78rem;text-decoration:none;
  text-align:center;letter-spacing:.5px;transition:all .25s ease;
}
.btn-teal { background:linear-gradient(135deg,var(--teal-dark),var(--teal-mid));color:#fff !important;box-shadow:0 4px 14px rgba(0,77,64,.25); }
.btn-teal:hover { box-shadow:0 6px 20px rgba(0,77,64,.35);transform:translateY(-1px); }
.btn-gold { background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff !important;box-shadow:0 4px 14px rgba(197,160,89,.35); }
.btn-gold:hover { box-shadow:0 6px 20px rgba(197,160,89,.5);transform:translateY(-1px); }
.btn-teal-dark { background:linear-gradient(135deg,#002f28,var(--teal-dark));color:var(--gold) !important;border:1px solid rgba(197,160,89,.3);box-shadow:0 4px 14px rgba(0,0,0,.2); }
.btn-teal-dark:hover { box-shadow:0 6px 20px rgba(0,0,0,.3);transform:translateY(-1px); }
.btn-outline { border:1.5px solid var(--gold) !important;color:var(--gold) !important;background:transparent;margin-top:14px; }
.btn-outline:hover { background:var(--gold);color:#fff !important;box-shadow:0 6px 20px rgba(197,160,89,.3); }

/* ── FOOTER ───────────────────────────────────────────── */
.aim-pricing-footer { position:relative;z-index:1;text-align:center;margin-top:4px; }
.aim-pricing-footer-note { font-size:.78rem;color:var(--text-muted);margin-bottom:6px; }
.aim-pricing-trust { display:flex;align-items:center;justify-content:center;gap:6px;font-size:.72rem;color:#a0b5b0;margin-top:16px;flex-wrap:wrap; }
.aim-pricing-trust span { display:flex;align-items:center;gap:5px; }
.aim-pricing-trust span::before { content:"•";opacity:.5; }
.aim-pricing-trust span:first-child::before { display:none; }

/* ── RESPONSIVE ───────────────────────────────────────── */
@media (max-width:1080px) {
  .aim-pricing-card { grid-template-columns:1fr; }
  .aim-pricing-left { border-right:none;border-bottom:1px solid var(--border); }
}
@media (max-width:680px) {
  .aim-pricing-wrap { padding:36px 0 50px; }
  .aim-pricing-intro { padding:0 16px;margin-bottom:36px; }
  .aim-pricing-card { border-radius:0;border-left:none;border-right:none; }
  .aim-pricing-left { padding:36px 20px; }
  .aim-pricing-right { padding:40px 16px 36px; }
  .pricing-grid { grid-template-columns:1fr;padding-top:22px; }
  .card-price { font-size:2.4rem; }
}
@media (max-width:400px) {
  .aim-pricing-left,.aim-pricing-right { padding-left:14px;padding-right:14px; }
}

/* ══════════════════════ AIM Comparision H3 Card ══════════════════════ */

    .aim-comparison--h3-wrap{
      max-width: 1100px;
      margin: 0 auto;
      padding: 18px 16px;
    }

    .aim-comparison--h3-card{
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      padding: 26px 28px;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(245,248,252,0.92)),
        linear-gradient(135deg, rgba(212,175,55,0.10), rgba(10,77,79,0.08));
      border: 1px solid rgba(10, 77, 79, 0.10);
      box-shadow:
        0 16px 40px rgba(15, 23, 42, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.65);
      text-align: center;
    }

    .aim-comparison--h3-card::before{
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at top left, rgba(212,175,55,0.16), transparent 30%),
        radial-gradient(circle at bottom right, rgba(102,199,201,0.18), transparent 34%);
      pointer-events: none;
    }

    .aim-comparison--h3-badge{
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
      padding: 8px 15px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(10,77,79,0.96), rgba(7,46,47,0.92));
      color: #f8f4ea;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      box-shadow: 0 10px 24px rgba(10,77,79,0.18);
    }

    .aim-comparison--h3-badge svg{
      width: 17px;
      height: 17px;
      flex: 0 0 auto;
      fill: #d4af37;
    }

    .aim-comparison--h3-title{
      position: relative;
      margin: 0;
      font-size: clamp(1.35rem, 2.6vw, 2.1rem);
      line-height: 1.18;
      font-weight: 800;
      letter-spacing: -0.02em;
      color: #0f172a;
      text-wrap: balance;
    }

    .aim-comparison--h3-title .accent{
      color: #0a4d4f;
    }

    .aim-comparison--h3-subtitle{
      position: relative;
      max-width: 900px;
      margin: 16px auto 0;
      font-size: clamp(0.98rem, 1.45vw, 1.12rem);
      line-height: 1.7;
      color: rgba(15,23,42,0.80);
    }

    .aim-comparison--h3-line{
      width: 120px;
      height: 4px;
      margin: 20px auto 0;
      border-radius: 999px;
      background: linear-gradient(90deg, #d4af37, #66c7c9, #0a4d4f);
      box-shadow: 0 0 18px rgba(10,77,79,0.15);
    }

    @media (max-width: 640px){
      .aim-comparison--h3-wrap{
        padding: 12px 10px;
      }
      .aim-comparison--h3-card{
        padding: 22px 18px;
        border-radius: 18px;
      }
      .aim-comparison--h3-badge{
        font-size: 0.72rem;
        padding: 7px 12px;
      }
    }

/* ══════════════════════ AIM License Comparision ══════════════════════ */

/* ══ OUTER WRAP ═══════════════════════════════════════════ */
.aimlct-wrap {
  position: relative;
  max-width: 980px;
  margin: 40px auto;
  padding: 0 20px;
  font-family: 'Inter', system-ui, sans-serif;
  box-sizing: border-box;
}

/* ══ FRAME ════════════════════════════════════════════════ */
.aimlct-frame {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(197, 160, 89, 0.22),
    0 28px 70px rgba(0, 77, 64, 0.11),
    0 6px 18px rgba(0, 77, 64, 0.07);
  /* Rich 4-layer gradient mesh */
  background:
    radial-gradient(ellipse at 0% 0%,    rgba(0, 105, 92, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(197, 160, 89, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 100% 0%,   rgba(0, 77, 64, 0.10)  0%, transparent 45%),
    linear-gradient(160deg, #e8f5f2 0%, #f4faf8 45%, #fdf9f0 100%);
}

/* Top accent bar */
.aimlct-frame::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #004D40, #C5A059 50%, #004D40);
  z-index: 4;
}

/* Diagonal texture */
.aimlct-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 30px,
    rgba(0, 77, 64, 0.02) 30px,
    rgba(0, 77, 64, 0.02) 31px
  );
  pointer-events: none;
  z-index: 0;
}

/* ══ AIM FRAMEWORK WATERMARK ══════════════════════════════ */
.aimlct-watermark {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  line-height: 0.88;
  overflow: hidden;
}
.aimlct-watermark span {
  font-family: 'Playfair Display', serif;
  font-size: clamp(3rem, 7vw, 6.5rem);
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1.2px rgba(0, 77, 64, 0.05);
  letter-spacing: -2px;
  white-space: nowrap;
  display: block;
}

/* ══ GOLD SIDE PILLARS ════════════════════════════════════ */
.aimlct-pillar-l,
.aimlct-pillar-r {
  position: absolute;
  top: 20px; bottom: 20px;
  width: 3px;
  border-radius: 4px;
  background: linear-gradient(to bottom, transparent, #C5A059 25%, #C5A059 75%, transparent);
  opacity: 0.55;
  z-index: 3;
}
.aimlct-pillar-l { left: 14px; }
.aimlct-pillar-r { right: 14px; }

/* ══ SECTION HEADER ═══════════════════════════════════════ */
.aimlct-header {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 32px 40px 24px;
}
.aimlct-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #004D40;
  font-family: 'Playfair Display', serif;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.aimlct-eyebrow::before,
.aimlct-eyebrow::after {
  content: "";
  height: 1px;
  width: 24px;
}
.aimlct-eyebrow::before { background: linear-gradient(to right, transparent, #C5A059); }
.aimlct-eyebrow::after  { background: linear-gradient(to left,  transparent, #C5A059); }
.aimlct-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.3rem, 3vw, 1.85rem);
  font-weight: 800;
  color: #0b2f2a;
  margin: 0;
  line-height: 1.2;
}
.aimlct-title em {
  font-style: normal;
  background: linear-gradient(135deg, #C5A059, #D4AF37);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Ornament divider */
.aimlct-ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}
.aimlct-ornament::before,
.aimlct-ornament::after {
  content: "";
  height: 1px;
  width: 60px;
}
.aimlct-ornament::before { background: linear-gradient(to right, transparent, rgba(197,160,89,0.5)); }
.aimlct-ornament::after  { background: linear-gradient(to left,  transparent, rgba(197,160,89,0.5)); }
.aimlct-gem {
  width: 7px; height: 7px;
  background: #C5A059;
  transform: rotate(45deg);
  box-shadow: 0 0 10px rgba(197,160,89,0.5);
}

/* ══ TABLE WRAPPER ════════════════════════════════════════ */
.aimlct-table-wrap {
  position: relative;
  z-index: 2;
  padding: 0 28px 32px;
}

/* ══ THE TABLE ════════════════════════════════════════════ */
.aimlct-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(197,160,89,0.25),
    0 8px 30px rgba(0,77,64,0.08);
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(4px);
}

/* ── Column headers ─────────────────────────────────────── */
.aimlct-table thead tr th {
  padding: 0;
  border-bottom: 2px solid rgba(197,160,89,0.3);
}

.aimlct-th-feature {
  background: linear-gradient(135deg, #003830, #004D40);
  padding: 20px 20px !important;
  text-align: left !important;
  border-top-left-radius: 14px;
}
.aimlct-th-feature span {
  font-family: 'Playfair Display', serif;
  color: rgba(197,160,89,0.7);
  font-size: 0.72rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-weight: 800;
}

/* Tier header card */
.aimlct-th-tier {
  background: linear-gradient(135deg, #003830, #004D40);
  padding: 18px 20px !important;
  text-align: center !important;
  border-left: 1px solid rgba(197,160,89,0.15);
}
.aimlct-th-tier-label {
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  display: block;
  margin-bottom: 8px;
  font-family: 'Inter', system-ui, sans-serif;
}
.aimlct-th-tier-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  border-radius: 50px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.5px;
}
.aimlct-badge-practitioner {
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.85);
  border: 1px solid rgba(255,255,255,0.2);
}
.aimlct-badge-patron {
  background: linear-gradient(135deg, #C5A059, #D4AF37);
  color: #fff;
  box-shadow: 0 3px 10px rgba(197,160,89,0.4);
}

/* Patron column header right-radius */
.aimlct-th-patron {
  border-top-right-radius: 14px;
  background: linear-gradient(135deg, #003830, #004D40) !important;
  border-left: 1px solid rgba(197,160,89,0.25) !important;
}

/* ── Body rows ──────────────────────────────────────────── */
.aimlct-table tbody tr:last-child td:first-child { border-bottom-left-radius: 14px; }
.aimlct-table tbody tr:last-child td:last-child  { border-bottom-right-radius: 14px; }

.aimlct-table tbody tr { transition: background 0.2s; }
.aimlct-table tbody tr:hover td { background: rgba(0,77,64,0.03); }

.aimlct-td-feature {
  padding: 16px 20px;
  font-weight: 700;
  font-size: 0.88rem;
  color: #004D40;
  background: rgba(0,77,64,0.035);
  border-bottom: 1px solid rgba(197,160,89,0.12);
  border-right: 1px solid rgba(197,160,89,0.12);
  vertical-align: middle;
  width: 30%;
}

.aimlct-td-std {
  padding: 16px 20px;
  text-align: center;
  font-size: 0.88rem;
  color: #2d4a46;
  border-bottom: 1px solid rgba(197,160,89,0.12);
  border-right: 1px solid rgba(197,160,89,0.1);
  vertical-align: middle;
  width: 35%;
  line-height: 1.5;
}

.aimlct-td-patron {
  padding: 16px 20px;
  text-align: center;
  font-size: 0.88rem;
  color: #2d4a46;
  border-bottom: 1px solid rgba(197,160,89,0.12);
  background: rgba(197,160,89,0.04);
  border-left: 2px solid rgba(197,160,89,0.2);
  vertical-align: middle;
  width: 35%;
  line-height: 1.5;
}

/* Remove bottom border on last row */
.aimlct-table tbody tr:last-child td {
  border-bottom: none;
}

/* ── Status icons ─────────────────────────────────────────*/
.aimlct-check {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #00695C;
  font-weight: 800;
  font-size: 1rem;
}
.aimlct-check::before {
  content: "✔";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px; height: 20px;
  background: rgba(0,105,92,0.1);
  border-radius: 50%;
  font-size: 0.6rem;
  color: #00695C;
  flex-shrink: 0;
}
.aimlct-cross {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #8B1A1A;
  font-weight: 700;
  font-size: 0.88rem;
}
.aimlct-cross::before {
  content: "✘";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px; height: 20px;
  background: rgba(165,42,42,0.08);
  border-radius: 50%;
  font-size: 0.6rem;
  color: #8B1A1A;
  flex-shrink: 0;
}

/* ══ MOBILE — CARDS ═══════════════════════════════════════ */
@media (max-width: 720px) {

  /* Full-width bleed */
  .aimlct-wrap {
    padding: 0;
    margin: 24px 0;
    max-width: 100%;
  }
  .aimlct-frame {
    border-radius: 0;
    box-shadow:
      0 0 0 1px rgba(197,160,89,0.18),
      0 8px 24px rgba(0,77,64,0.08);
  }
  .aimlct-pillar-l { left: 8px; }
  .aimlct-pillar-r { right: 8px; }
  .aimlct-header { padding: 28px 24px 20px; }
  .aimlct-table-wrap { padding: 0 16px 28px; }

  /* Hide desktop table */
  .aimlct-table { display: none; }

  /* Show mobile cards */
  .aimlct-cards { display: flex; flex-direction: column; gap: 14px; }

  /* ── Each row becomes a card ─────────────────────────── */
  .aimlct-card {
    background: rgba(255,255,255,0.8);
    border-radius: 14px;
    overflow: hidden;
    box-shadow:
      0 0 0 1px rgba(197,160,89,0.2),
      0 4px 16px rgba(0,77,64,0.07);
  }

  /* Feature name = card header */
  .aimlct-card-head {
    background: linear-gradient(135deg, #004D40, #00574A);
    padding: 11px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .aimlct-card-head::before {
    content: "";
    width: 3px; height: 16px;
    background: linear-gradient(to bottom, #C5A059, #D4AF37);
    border-radius: 2px;
    flex-shrink: 0;
  }
  .aimlct-card-head span {
    font-size: 0.78rem;
    font-weight: 800;
    color: rgba(255,255,255,0.92);
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  /* Two-column tier grid */
  .aimlct-card-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .aimlct-card-col {
    padding: 14px 16px;
    font-size: 0.82rem;
    color: #2d4a46;
    line-height: 1.5;
  }
  .aimlct-card-col:first-child {
    border-right: 1px solid rgba(197,160,89,0.15);
  }
  .aimlct-card-col-patron {
    background: rgba(197,160,89,0.05);
  }

  /* Tier label inside each cell */
  .aimlct-card-col-label {
    font-size: 0.6rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 6px;
    display: block;
  }
  .aimlct-card-col-label-std    { color: #004D40; }
  .aimlct-card-col-label-patron { color: #C5A059; }
}

/* Hide mobile cards on desktop */
.aimlct-cards { display: none; }
@media (max-width: 720px) {
  .aimlct-cards { display: flex; }
}

/* ══════════════════════ AIM Use Cases ══════════════════════ */

  /* 1. Full-bleed with Subtle Depth Gradient */
  .aim-use-cases {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    /* Dark teal/gold gradient with rich depth */
    background:
      radial-gradient(circle at top right, rgba(197,160,89,0.10) 0%, transparent 32%),
      radial-gradient(circle at center, rgba(0,105,92,0.18) 0%, transparent 42%),
      radial-gradient(circle at bottom left, rgba(0,77,64,0.28) 0%, transparent 38%),
      linear-gradient(160deg, #001f1b 0%, #003830 42%, #004D40 100%);
    padding: 100px 0;
    color: #ffffff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  /* Decorative Background Element (Optional Islamic-inspired flair) */
  .aim-use-cases::before {
    content: "";
    position: absolute;
    top: -10%;
    right: -5%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(197, 160, 89, 0.08) 0%, transparent 70%);
    border-radius: 50%;
  }

  .aim-uc-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
  }

  .aim-uc-h2 {
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 3rem;
    color: #C5A059 !important;
    margin-bottom: 60px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.5px;
  }

  /* 2. Grid - Forced 3 columns on desktop, 1 on mobile */
  .aim-uc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: stretch;
  }

  /* 3. The Card - Glassmorphism Style */
  .aim-uc-card {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(197, 160, 89, 0.16);
    border-radius: 12px;
    text-align: center;
    padding: 45px 30px;
    box-sizing: border-box;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    backdrop-filter: blur(4px);
  }

  .aim-uc-card:hover {
    background: rgba(255, 255, 255, 0.06);
    transform: translateY(-12px);
    border-color: rgba(197, 160, 89, 0.5);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  }

  /* 4. Icon - Premium Glow */
  .aim-uc-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 25px auto;
    border: 1px solid #C5A059;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C5A059;
    background: rgba(197, 160, 89, 0.05);
    box-sizing: border-box;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(197, 160, 89, 0.1);
  }

  .aim-uc-card:hover .aim-uc-icon {
    background: #C5A059;
    color: #004D40;
    box-shadow: 0 0 25px rgba(197, 160, 89, 0.4);
  }

  .aim-uc-icon svg {
    width: 32px;
    height: 32px;
    display: block;
    transition: transform 0.3s ease;
  }

  .aim-uc-h3 {
    font-family: "Playfair Display", serif;
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #ffffff !important;
    font-weight: 600;
  }

  /* 5. Divider - Elegant Line */
  .aim-uc-divider {
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #C5A059, transparent);
    margin: 15px auto 20px auto;
    transition: width 0.4s ease;
  }

  .aim-uc-card:hover .aim-uc-divider {
    width: 80px;
  }

  .aim-uc-p {
    font-family: "Inter", sans-serif;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    margin: 0;
  }

  /* Small screens */
  @media (max-width: 992px) {
    .aim-uc-grid { grid-template-columns: 1fr; gap: 25px; }
    .aim-uc-h2 { font-size: 2.25rem; }
    .aim-use-cases { padding: 70px 0; }
  }

/* ══════════════════════ AIM Contribute Block ══════════════════════ */

    /* 1. MAIN CONTAINER - Lighter Gradient & Pattern Architecture */
    .aim-cont-v2-section {
        background: 
            radial-gradient(ellipse at 0% 0%, rgba(0,105,92,0.08) 0%, transparent 55%),
            radial-gradient(ellipse at 100% 100%, rgba(197,160,89,0.08) 0%, transparent 50%),
            radial-gradient(ellipse at 100% 0%, rgba(0,77,64,0.04) 0%, transparent 45%),
            linear-gradient(160deg, #f3faf8 0%, #f8fcfb 48%, #fffaf0 100%);
        padding: 80px 20px;
        position: relative;
        overflow: hidden;
        border-top: 1px solid rgba(197, 160, 89, 0.15);
        border-bottom: 1px solid rgba(197, 160, 89, 0.15);
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
    }

    /* Background Pattern Overlay */
    .aim-cont-v2-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 30px,
            rgba(0,77,64,0.012) 30px,
            rgba(0,77,64,0.012) 31px
        );
        pointer-events: none;
        z-index: 0;
    }

    .aim-cont-v2-inner {
        max-width: 1100px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    /* 2. GRID SYSTEM - Strict 2-Column Desktop */
    .aim-cont-v2-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        align-items: stretch;
    }

    /* 3. CARD ARCHITECTURE */
    .aim-cont-v2-card {
        background: #ffffff;
        border: 1px solid rgba(197, 160, 89, 0.15);
        border-top: 4px solid #004D40; /* Teal Dark Accent */
        border-radius: 16px;
        padding: 45px 35px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        box-shadow: 0 10px 30px rgba(0, 77, 64, 0.04);
        box-sizing: border-box;
    }

    .aim-cont-v2-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 45px rgba(0, 77, 64, 0.08);
        border-color: #C5A059;
    }

    /* Gold Card Variant */
    .aim-cont-v2-card-gold {
        border-top: 4px solid #C5A059 !important;
    }

    /* FORCED FULL WIDTH FOR PATRON CARD */
    .aim-cont-v2-full-width {
        grid-column: span 2;
        background: linear-gradient(to bottom, #ffffff, #fffdf8);
        border-color: rgba(197, 160, 89, 0.25);
    }

    /* 4. TYPOGRAPHY */
    .aim-cont-v2-card h3 {
        font-family: 'Playfair Display', serif;
        color: #004D40;
        font-size: 1.75rem;
        margin: 0 0 15px;
        font-weight: 800;
        letter-spacing: -0.2px;
    }

    .aim-cont-v2-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 0 auto 25px;
    }

    .aim-cont-v2-divider::before,
    .aim-cont-v2-divider::after {
        content: "";
        height: 1px;
        width: 40px;
        background: linear-gradient(to right, transparent, rgba(197, 160, 89, 0.5));
    }
    .aim-cont-v2-divider::after { background: linear-gradient(to left, transparent, rgba(197, 160, 89, 0.5)); }

    .aim-cont-v2-gem {
        width: 6px;
        height: 6px;
        background: #C5A059;
        transform: rotate(45deg);
        flex: 0 0 auto;
    }

    .aim-cont-v2-card p {
        font-size: 1.02rem;
        line-height: 1.8;
        color: #4a5568;
        margin-bottom: 35px;
        font-family: 'Inter', sans-serif;
    }

    /* 5. BUTTONS & FOOTERS */
    .aim-cont-v2-btn {
        display: inline-block;
        padding: 16px 35px;
        border-radius: 6px;
        font-weight: 700;
        text-decoration: none;
        font-size: 0.92rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.3s ease;
        width: fit-content;
        margin: 0 auto;
    }

    .btn-solid-teal {
        background: #004D40;
        color: #ffffff !important;
        border: 1px solid #004D40;
    }
    .btn-solid-teal:hover {
        background: #00332a;
        box-shadow: 0 8px 20px rgba(0, 77, 64, 0.2);
    }

    .btn-outline-gold {
        background: transparent;
        color: #C5A059 !important;
        border: 2px solid #C5A059;
    }
    .btn-outline-gold:hover {
        background: #C5A059;
        color: #ffffff !important;
    }

    .aim-cont-v2-note {
        margin-top: 22px;
        font-size: 0.85rem;
        color: #88929b;
        font-weight: 500;
        line-height: 1.5;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 6. MOBILE OPTIMIZATION */
    @media (max-width: 850px) {
        .aim-cont-v2-section { padding: 60px 15px; }
        .aim-cont-v2-grid { grid-template-columns: 1fr; }
        .aim-cont-v2-full-width { grid-column: span 1; }
        .aim-cont-v2-card { padding: 40px 25px; }
        .aim-cont-v2-card h3 { font-size: 1.5rem; }
    }

/* ============================================================
   COMPONENTS — HOMEPAGE CONTENT SYSTEM
   Shared "Sovereign Frame" card style applied to both the
   Jetpack Top Posts widget and Spectra Post Grid blocks:
   - Soft teal card surface with dark teal top / gold bottom border
   - Lift-and-scale hover transform
   - Image zoom on card hover (Spectra only)
   - Gold taxonomy/category badge
   - Teal post titles with gold hover state
   - Responsive bottom margins on mobile
   ============================================================ */
/* ============================================================
   SOVEREIGN HOMEPAGE CONTENT SYSTEM
   Targets: Jetpack Top Posts & Spectra (UAGB) Post Grid
   ============================================================ */

/* --- 1. Common Card Logic (The "Sovereign" Frame) --- */
.jetpack-top-posts-item, 
.uagb-post__inner-wrap {
    background-color: #f4f8f8 !important; /* Soft Slate Teal */
    border-top: 4px solid var(--teal-text) !important; /* Dark Teal Primary */
    border-bottom: 2px solid #c5a059 !important; /* Accent Gold */
    border-radius: 4px !important;
    box-shadow: 0 10px 25px rgba(0, 77, 77, 0.04) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    overflow: hidden;
}

.jetpack-top-posts-item:hover, 
.uagb-post__inner-wrap:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0, 77, 77, 0.08) !important;
    border-bottom-width: 4px !important; /* Gold expands on hover */
}

/* --- 2. Jetpack Top Posts Specifics --- */
.jetpack-top-posts-wrapper {
    gap: 25px !important;
}

.jetpack-top-posts-item {
    padding: 0 !important; /* Image goes edge-to-edge */
}

.jetpack-top-posts-title {
    padding: 20px !important;
    display: block !important;
    text-align: center;
}

.jetpack-top-posts-title a {
    color: var(--teal-text) !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

/* --- 3. Spectra (UAGB) Post Grid Specifics --- */
.uagb-post__image {
    margin-bottom: 0 !important;
    overflow: hidden;
}

.uagb-post__image img {
    transition: transform 0.6s ease !important;
}

.uagb-post__inner-wrap:hover .uagb-post__image img {
    transform: scale(1.05); /* Subtle zoom effect */
}

/* Taxonomy/Category Badge */
.uagb-post__taxonomy {
    background: #ffffff !important;
    border: 1px solid #c5a059 !important;
    color: var(--gold) !important;
    padding: 4px 12px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    border-radius: 2px !important;
    margin: 20px 20px 10px 20px !important;
    display: inline-block !important;
}

.uagb-post__taxonomy .dashicons {
    display: none !important; /* Remove messy icons */
}

/* Post Title Styling */
h4.uagb-post__title {
    padding: 0 20px 10px 20px !important;
    margin: 0 !important;
}

h4.uagb-post__title a {
    color: var(--teal-text) !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
}

/* Post Meta (Date/Byline) */
.uagb-post-grid-byline {
    padding: 0 20px 20px 20px !important;
    font-size: 11px !important;
    color: #64748b !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.uagb-post-grid-byline .dashicons {
    color: var(--gold) !important; /* Gold icons for meta */
    margin-right: 5px;
}

/* --- 4. Mobile Optimization --- */
@media (max-width: 768px) {
    .uagb-post__title a {
        font-size: 17px !important;
    }
    
    .jetpack-top-posts-item, 
    .uagb-post__inner-wrap {
        margin-bottom: 25px !important;
    }
}

/* ============================================================
   COMPONENTS — HOMEPAGE CATEGORY PORTAL GRID
   Styles the Spectra container grid used on the homepage to
   render category links as large tap-target cards
   (.uagb-block-42ae7250). Features a teal-top/gold-bottom
   border framing, centred uppercase gold link text, a hover
   lift effect, and a subtle gold accent dot in the top-right
   corner. Responsive: cards reduce min-height and tighten
   padding on mobile.
   ============================================================ */
/* ============================================================
   SOVEREIGN CATEGORY PORTAL SYSTEM
   Target: Homepage Category Grid (Block 42ae7250)
   ============================================================ */

/* The Individual Card Container */
.uagb-block-42ae7250 .wp-block-uagb-container {
    background-color: #f4f8f8 !important; /* Soft Slate Teal */
    border-top: 4px solid var(--teal-text) !important; /* Dark Teal Authority */
    border-bottom: 2px solid #c5a059 !important; /* Gold Foundation */
    border-radius: 4px !important;
    padding: 40px 20px !important; /* Spacious for readability */
    text-align: center !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 8px 20px rgba(0, 77, 77, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 140px; /* Ensures all cards stay perfectly aligned */
    position: relative;
    overflow: hidden;
}

/* Hover State: The "Active Portal" Effect */
.uagb-block-42ae7250 .wp-block-uagb-container:hover {
    transform: translateY(-8px) !important;
    background-color: #ffffff !important; /* Brightens on hover */
    border-bottom-width: 4px !important; /* Gold expands for emphasis */
    box-shadow: 0 15px 35px rgba(0, 77, 77, 0.08) !important;
}

/* Subtle Gold Accent Dot (Top-Right) */
.uagb-block-42ae7250 .wp-block-uagb-container::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 4px;
    height: 4px;
    background-color: var(--gold);
    border-radius: 50%;
    opacity: 0.3;
}

/* The Category Heading Link */
.uagb-block-42ae7250 .uagb-heading-text a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    letter-spacing: 0.12em !important; /* Scholarly spacing */
    text-decoration: none !important;
    line-height: 1.4 !important;
    display: block;
    transition: color 0.3s ease !important;
}

.uagb-block-42ae7250 .uagb-heading-text a:hover {
    color: var(--gold) !important; /* Shifts to Gold on hover */
}

/* Responsive: Stacked columns on mobile */
@media (max-width: 768px) {
    .uagb-block-42ae7250 .wp-block-uagb-container {
        min-height: 100px;
        margin-bottom: 20px !important;
        padding: 25px 15px !important;
    }
    
    .uagb-block-42ae7250 .uagb-heading-text a {
        font-size: 14px !important;
    }
}