:root{
    --teal:#257571;
    --teal-dark:#123f3d;
    --teal-darker:#0c2f2d;
    --gold:#d8b276;
    --gold-light:#ecd7ae;
    --cream:#f6f1e7;
    --ink:#1c2b2a;
    --muted:#6b7d7c;
  }
  *{box-sizing:border-box;}
  body{
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:#fff;
    overflow-x:hidden;
  }
  h1,h2,h3,.font-display{
    font-family:'Playfair Display',serif;
  }
  .eyebrow{
    font-size:.72rem;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:600;
  }
  .divider{
    width:60px;
    height:1px;
    background:var(--gold);
    margin:18px auto;
    position:relative;
  }
  .divider::after{
    content:"";
    position:absolute;
    top:-3px; left:50%;
    transform:translateX(-50%) rotate(45deg);
    width:6px;height:6px;
    background:var(--gold);
  }
  .btn-gold{
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    color:var(--teal-darker);
    border:none;
    font-weight:600;
    font-size:.8rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding:.85rem 1.8rem;
    border-radius:2px;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .btn-gold:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(216,178,118,.35);
    color:var(--teal-darker);
  }
  .btn-outline-cream{
    border:1px solid rgba(255,255,255,.5);
    color:#fff;
    font-weight:600;
    font-size:.8rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding:.85rem 1.8rem;
    border-radius:2px;
    background:transparent;
    transition:all .25s ease;
  }
  .btn-outline-cream:hover{
    background:rgba(255,255,255,.1);
    color:#fff;
  }

  /* NAVBAR */
  .navbar-saadi{
    background:rgba(9,38,36,.55);
    backdrop-filter:blur(10px);
    padding:1.1rem 0;
    position:absolute;
    top:0; left:0; right:0;
    z-index:1050;
  }
  .navbar-saadi .navbar-brand{
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-right:1.5rem;
    padding:0;
  }
  .navbar-saadi .brand-name{
    font-family:'Playfair Display',serif;
    color:#fff;
    font-size:1.15rem;
    letter-spacing:.05em;
    line-height:1.1;
  }
  .navbar-saadi .brand-sub{
    font-size:.55rem;
    letter-spacing:.25em;
    color:var(--gold);
    display:block;
  }
  .brand-mark{
    width:38px;height:38px;
    border:1px solid var(--gold);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:var(--gold);
    font-family:'Playfair Display',serif;
    flex-shrink:0;
  }
  .navbar-saadi .navbar-nav{
    gap:.2rem;
  }
  .navbar-saadi .nav-link{
    color:rgba(255,255,255,.85) !important;
    font-size:.82rem;
    letter-spacing:.03em;
    padding:.5rem .85rem !important;
    display:flex;
    align-items:center;
    gap:.3rem;
  }
  .navbar-saadi .nav-link:hover,
  .navbar-saadi .nav-link:focus,
  .navbar-saadi .nav-link.show{color:var(--gold) !important;}
  .navbar-saadi .dropdown-toggle::after{
    border-top-color:currentColor;
    opacity:.7;
    vertical-align:.15em;
  }
  .navbar-saadi .dropdown-menu{
    background:var(--teal-darker);
    border:1px solid rgba(216,178,118,.25);
    border-radius:4px;
    padding:.5rem;
    margin-top:.4rem;
    min-width:12rem;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
  }
  .navbar-saadi .dropdown-item{
    color:rgba(255,255,255,.8);
    font-size:.82rem;
    padding:.55rem .8rem;
    border-radius:3px;
  }
  .navbar-saadi .dropdown-item:hover,
  .navbar-saadi .dropdown-item:focus{
    background:rgba(216,178,118,.12);
    color:var(--gold);
  }
  .navbar-saadi .navbar-toggler{
    border:1px solid rgba(216,178,118,.5);
    padding:.4rem .55rem;
  }
  .navbar-saadi .navbar-toggler:focus{box-shadow:0 0 0 .15rem rgba(216,178,118,.4);}
  .navbar-saadi .navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23d8b276' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  @media (min-width:992px){
    .navbar-saadi .nav-item-cta{
      margin-left:.75rem;
    }
  }
  @media (max-width:991.98px){
    .navbar-saadi{
      background:rgba(9,38,36,.97);
      position:fixed;
      width:100%;
      max-height:100vh;
      overflow-y:auto;
    }
    .navbar-saadi .navbar-collapse{
      margin-top:1rem;
      border-top:1px solid rgba(255,255,255,.12);
      padding-top:1rem;
    }
    .navbar-saadi .nav-link{
      padding:.7rem 0 !important;
    }
    .navbar-saadi .dropdown-menu{
      background:transparent;
      border:none;
      box-shadow:none;
      padding-left:1rem;
      margin-top:0;
    }
    .navbar-saadi .nav-item-cta{
      margin-top:.5rem;
    }
    .navbar-saadi .btn-gold{
      width:100%;
      text-align:center;
    }
    .hero{padding-top:8rem;}
  }

  /* HERO */
  .hero{
    background:
      radial-gradient(ellipse at 20% 15%, rgba(216,178,118,.15), transparent 45%),
      linear-gradient(160deg, var(--teal-darker) 0%, var(--teal) 55%, var(--teal-dark) 100%);
    color:#fff;
    padding:9rem 0 5rem;
    position:relative;
  }
  .hero::before{
    content:"";
    position:absolute; inset:0;
    background-image:
      repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 60px),
      repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 60px);
    pointer-events:none;
  }
  .hero h1{
    font-size:clamp(2.4rem,5vw,3.6rem);
    font-weight:500;
    line-height:1.15;
  }
  .hero h1 em{
    color:var(--gold);
    font-style:italic;
  }
  .hero p.lead-text{
    color:rgba(255,255,255,.8);
    max-width:520px;
    font-size:1rem;
    font-weight:300;
  }
  .stat-strip{
    border-top:1px solid rgba(255,255,255,.15);
    padding-top:2rem;
    margin-top:3.5rem;
  }
  .stat-strip .num{
    font-family:'Playfair Display',serif;
    color:var(--gold);
    font-size:1.9rem;
  }
  .stat-strip .label{
    font-size:.65rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:rgba(255,255,255,.6);
  }
  .scroll-tag{
    font-size:.65rem;
    letter-spacing:.3em;
    color:rgba(255,255,255,.4);
    text-align:center;
    margin-top:3rem;
  }

  /* ABOUT */
  .section-about{
    padding:6rem 0;
    text-align:center;
  }
  .section-about h2{
    font-size:clamp(1.6rem,3vw,2.4rem);
    font-weight:500;
    color:var(--teal-darker);
  }
  .section-about h2 em{color:var(--gold);font-style:italic;}
  .section-about p{
    max-width:640px;
    margin:0 auto;
    color:var(--muted);
    font-weight:300;
    line-height:1.9;
  }

  /* DIVISIONS */
  .section-divisions{
    background:var(--cream);
    padding:6rem 0;
  }
  .division-card{
    background:linear-gradient(155deg, var(--teal-dark), var(--teal-darker));
    color:#fff;
    padding:2.5rem;
    border-radius:6px;
    height:100%;
    position:relative;
    overflow:hidden;
  }
  .division-card .tag{
    font-size:.62rem;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:rgba(255,255,255,.55);
  }
  .division-icon{
    width:48px;height:48px;
    border:1px solid var(--gold);
    border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    color:var(--gold);
    font-size:1.2rem;
    margin-bottom:1.4rem;
  }
  .division-card h3{
    font-weight:500;
    margin-bottom:.8rem;
  }
  .division-card p{
    color:rgba(255,255,255,.75);
    font-weight:300;
    font-size:.92rem;
  }
  .division-card ul{
    list-style:none;
    padding:0;
    margin:1.2rem 0 1.6rem;
  }
  .division-card ul li{
    font-size:.85rem;
    color:rgba(255,255,255,.8);
    margin-bottom:.5rem;
    padding-left:1.1rem;
    position:relative;
  }
  .division-card ul li::before{
    content:"";
    position:absolute;
    left:0; top:.5em;
    width:5px;height:5px;
    background:var(--gold);
    transform:rotate(45deg);
  }
  .division-card a.explore{
    color:var(--gold);
    font-size:.78rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:600;
    text-decoration:none;
  }
  .division-card a.explore:hover{color:#fff;}

  /* IMPACT */
  .section-impact{
    background:linear-gradient(160deg,var(--teal-darker),var(--teal-dark));
    color:#fff;
    padding:5rem 0;
    text-align:center;
  }
  .section-impact h2{color:#fff;font-weight:500;font-size:clamp(1.6rem,3vw,2.3rem);}
  .section-impact h2 em{color:var(--gold);font-style:italic;}
  .impact-num{
    font-family:'Playfair Display',serif;
    font-size:2.1rem;
    color:var(--gold);
  }
  .impact-label{
    font-size:.62rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:rgba(255,255,255,.6);
  }

  /* CHAIRMAN */
  .section-chairman{padding:6rem 0;}
  .quote-card{
    background:linear-gradient(160deg,var(--teal),var(--teal-dark));
    border-radius:8px;
    padding:2.5rem;
    color:#fff;
    height:380px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    position:relative;
  }
  .quote-mark{
    position:absolute;
    top:-18px; left:20px;
    background:var(--gold);
    color:var(--teal-darker);
    width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    border-radius:8px;
    font-size:1.4rem;
    font-weight:700;
  }
  .avatar-ring{
    width:80px;height:80px;
    border:1px solid var(--gold);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:'Playfair Display',serif;
    font-size:1.6rem;
    color:var(--gold);
    margin-bottom:1rem;
  }
  .section-chairman blockquote{
    font-family:'Playfair Display',serif;
    font-size:1.5rem;
    line-height:1.4;
    color:var(--teal-darker);
    font-weight:500;
  }
  .section-chairman .signer{
    border-top:1px solid #e3ddd0;
    padding-top:1rem;
    margin-top:1.5rem;
    text-align:right;
    color:var(--muted);
    font-style:italic;
  }

  /* VISION MISSION */
  .section-vm{
    background:var(--cream);
    padding:6rem 0;
    text-align:center;
  }
  .vm-card{
    background:#fff;
    border-radius:6px;
    padding:2.2rem;
    height:100%;
    box-shadow:0 12px 30px rgba(18,63,61,.06);
  }
  .vm-icon{
    width:46px;height:46px;
    background:var(--teal-darker);
    color:var(--gold);
    border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:1.2rem;
    font-size:1.1rem;
  }
  .vm-card h3{color:var(--teal-darker);font-weight:500;}
  .vm-card p{color:var(--muted);font-weight:300;font-size:.92rem;}

  /* CTA CARDS */
  .cta-band{padding:0 0 6rem;}
  .cta-card{
    padding:3rem 2.5rem;
    border-radius:6px;
    height:100%;
    color:#fff;
    position:relative;
    overflow:hidden;
  }
  .cta-card.teal{background:linear-gradient(135deg,var(--teal),var(--teal-darker));}
  .cta-card.gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--teal-darker);}
  .cta-card .tag{
    font-size:.65rem;
    letter-spacing:.15em;
    text-transform:uppercase;
    opacity:.7;
  }
  .cta-card h3{font-weight:500;margin:.6rem 0 .8rem;font-size:1.6rem;}
  .cta-card a{
    font-size:.78rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:700;
    text-decoration:none;
  }
  .cta-card.teal a{color:var(--gold);}
  .cta-card.gold a{color:var(--teal-darker);}

  /* CONTACT */
  .section-contact{
    background:linear-gradient(160deg,var(--teal-darker),var(--teal-dark));
    color:#fff;
    padding:6rem 0;
  }
  .section-contact h2{font-weight:500;}
  .section-contact h2 em{color:var(--gold);font-style:italic;}
  .contact-item{
    display:flex;
    gap:1rem;
    align-items:flex-start;
    margin-bottom:1.6rem;
  }
  .contact-item .ic{
    width:38px;height:38px;
    border:1px solid var(--gold);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:var(--gold);
    flex-shrink:0;
  }
  .contact-item .label{
    font-size:.62rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--gold);
  }
  .contact-form{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    padding:2.2rem;
  }
  .contact-form .form-control{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    font-size:.88rem;
    padding:.7rem 1rem;
    margin-bottom:.9rem;
  }
  .contact-form .form-control::placeholder{color:rgba(255,255,255,.4);}
  .contact-form .form-control:focus{
    background:rgba(255,255,255,.08);
    border-color:var(--gold);
    box-shadow:none;
    color:#fff;
  }

  /* FOOTER */
  .footer-saadi{
    background:var(--teal-darker);
    color:rgba(255,255,255,.65);
    padding:4rem 0 1.5rem;
    font-size:.85rem;
  }
  .footer-saadi h5{
    color:#fff;
    font-family:'Playfair Display',serif;
    font-size:1rem;
    font-weight:500;
    margin-bottom:1.2rem;
  }
  .footer-saadi .eyebrow-mini{
    color:var(--gold);
    font-size:.62rem;
    letter-spacing:.15em;
    text-transform:uppercase;
  }
  .footer-saadi a{
    color:rgba(255,255,255,.65);
    text-decoration:none;
    display:block;
    margin-bottom:.6rem;
  }
  .footer-saadi a:hover{color:var(--gold);}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:2.5rem;
    padding-top:1.5rem;
    font-size:.75rem;
    color:rgba(255,255,255,.4);
  }
  .social-ic{
    width:34px;height:34px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;
    margin-right:.5rem;
  }

  @media (max-width:767px){
    .hero{padding:7.5rem 0 3.5rem;}
    .quote-card{height:auto; padding-top:3.5rem;}
  }

/* ============================
   TRUST PAGE
   ============================ */

/* Trust Hero */
.trust-hero{
  background:
    radial-gradient(ellipse at 20% 15%, rgba(216,178,118,.15), transparent 45%),
    linear-gradient(160deg, var(--teal-darker) 0%, var(--teal) 55%, var(--teal-dark) 100%);
  color:#fff;
  padding:10rem 0 5rem;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.trust-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 60px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 60px);
  pointer-events:none;
}
.trust-hero .container{position:relative; z-index:1;}
.trust-hero h1{
  font-size:clamp(2.3rem,5vw,3.4rem);
  font-weight:500;
  line-height:1.15;
}
.trust-hero h1 em{color:var(--gold); font-style:italic;}
.trust-hero p.lead-text{
  max-width:620px;
  margin:1.5rem auto 0;
  color:rgba(255,255,255,.8);
  font-weight:300;
  font-size:1rem;
}
.trust-hero .hero-actions{
  margin-top:2.2rem;
  display:flex;
  gap:1rem;
  justify-content:center;
  flex-wrap:wrap;
}

/* Trust Badges strip */
.section-trust-badges{
  padding:4rem 0;
  background:#fff;
}
.trust-badge{
  text-align:center;
}
.trust-badge .icon-circle{
  width:62px;height:62px;
  background:var(--teal-darker);
  color:var(--gold);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1rem;
  font-size:1.3rem;
}
.trust-badge h4{
  font-family:'Playfair Display',serif;
  color:var(--teal-darker);
  font-weight:500;
  font-size:1.05rem;
  margin-bottom:.2rem;
}
.trust-badge p{
  color:var(--muted);
  font-size:.85rem;
  margin:0;
  font-weight:300;
}

/* Initiatives grid */
.section-initiatives{
  background:var(--cream);
  padding:6rem 0;
}
.section-initiatives .section-head{
  text-align:center;
  margin-bottom:3.5rem;
}
.section-initiatives .section-head h2{
  font-weight:500;
  color:var(--teal-darker);
  font-size:clamp(1.6rem,3vw,2.3rem);
}
.initiative-card{
  background:#fff;
  border-radius:8px;
  padding:2.2rem;
  height:100%;
  position:relative;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(18,63,61,.05);
  transition:transform .25s ease, box-shadow .25s ease;
}
.initiative-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(18,63,61,.12);
}
.initiative-card::after{
  content:"";
  position:absolute;
  top:-34px; right:-34px;
  width:120px;height:120px;
  background:var(--gold-light);
  opacity:.3;
  border-radius:50%;
}
.initiative-icon{
  width:52px;height:52px;
  background:var(--teal-darker);
  color:var(--gold);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.35rem;
  margin-bottom:1.4rem;
  position:relative;
  z-index:1;
}
.initiative-card h3{
  font-weight:500;
  color:var(--teal-darker);
  font-size:1.2rem;
  margin-bottom:.6rem;
  position:relative;
  z-index:1;
}
.initiative-card p{
  color:var(--muted);
  font-size:.9rem;
  font-weight:300;
  line-height:1.6;
  margin-bottom:1.3rem;
  position:relative;
  z-index:1;
}
.initiative-card a.learn-more{
  color:var(--teal-darker);
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.02em;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  position:relative;
  z-index:1;
  transition:gap .2s ease, color .2s ease;
}
.initiative-card a.learn-more:hover{
  color:var(--gold);
  gap:.6rem;
}
.initiative-card.accent a.learn-more{color:var(--gold);}

@media (max-width:767px){
  .trust-hero{padding:8rem 0 3.5rem;}
}

/* ============================
   CONTACT PAGE
   ============================ */

.section-contact-page{
  padding:6rem 0 2rem;
  background:#fff;
}
.contact-info-card{
  background:#fff;
  border:1px solid #ece5d6;
  border-radius:8px;
  padding:1.5rem 1.7rem;
  display:flex;
  gap:1rem;
  align-items:flex-start;
  box-shadow:0 10px 24px rgba(18,63,61,.04);
  margin-bottom:1.1rem;
  transition:box-shadow .25s ease, transform .25s ease;
}
.contact-info-card:hover{
  box-shadow:0 16px 34px rgba(18,63,61,.09);
  transform:translateY(-2px);
}
.contact-info-card .ic-box{
  width:48px;height:48px;
  background:var(--teal-darker);
  color:var(--gold);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;
  flex-shrink:0;
}
.contact-info-card h4{
  font-family:'Playfair Display',serif;
  color:var(--teal-darker);
  font-weight:500;
  font-size:1.05rem;
  margin-bottom:.3rem;
}
.contact-info-card p{
  margin:0;
  font-size:.88rem;
  color:var(--ink);
  line-height:1.5;
}
.contact-info-card p.muted-line{
  color:var(--muted);
  font-size:.8rem;
}

.contact-form-card{
  background:#fff;
  border:1px solid #ece5d6;
  border-radius:8px;
  padding:2.2rem;
  box-shadow:0 10px 24px rgba(18,63,61,.04);
  height:100%;
}
.contact-form-card h3{
  font-family:'Playfair Display',serif;
  color:var(--teal-darker);
  font-weight:500;
  margin-bottom:1.4rem;
  font-size:1.3rem;
}
.input-icon-wrap{
  position:relative;
  margin-bottom:1rem;
}
.input-icon-wrap i{
  position:absolute;
  left:1rem; top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  font-size:.95rem;
  pointer-events:none;
}
.input-icon-wrap.textarea-wrap i{
  top:1.1rem;
  transform:none;
}
.input-icon-wrap .form-control{
  border:1px solid #e3ddd0;
  background:#fff;
  font-size:.88rem;
  padding:.75rem 1rem .75rem 2.6rem;
  border-radius:4px;
  color:var(--ink);
}
.input-icon-wrap .form-control::placeholder{color:#9aa6a5;}
.input-icon-wrap .form-control:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 .15rem rgba(216,178,118,.25);
}

.map-section{
  background:var(--cream);
  padding:1rem 0 6rem;
}
.map-frame{
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 20px 45px rgba(18,63,61,.12);
  height:420px;
}
.map-frame iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

@media (max-width:767px){
  .map-frame{height:300px;}
}

/* ============================
   DONATE PAGE
   ============================ */

.section-donate{
  padding:6rem 0 6rem;
  background:#fff;
}
.donate-form-card{
  border:1px solid #ece5d6;
  border-radius:8px;
  padding:2.4rem;
  box-shadow:0 10px 24px rgba(18,63,61,.04);
}
.donate-form-card .kicker{
  display:flex;
  align-items:center;
  gap:.55rem;
  color:var(--teal-darker);
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:1.8rem;
}
.donate-form-card .kicker i{
  color:var(--teal);
  font-size:1.1rem;
}
.donate-form-card label{
  font-weight:600;
  font-size:.85rem;
  color:var(--ink);
  margin-bottom:.5rem;
  display:block;
}
.form-select-saadi{
  width:100%;
  border:1px solid #e3ddd0;
  border-radius:4px;
  padding:.75rem 1rem;
  font-size:.9rem;
  margin-bottom:1.7rem;
  background:#fff;
  color:var(--ink);
}
.form-select-saadi:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 .15rem rgba(216,178,118,.25);
}
.amount-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.7rem;
  margin-bottom:1rem;
}
.amount-btn{
  border:1px solid #e3ddd0;
  background:#fff;
  border-radius:4px;
  padding:.85rem .5rem;
  font-weight:700;
  font-size:.92rem;
  color:var(--ink);
  cursor:pointer;
  transition:all .2s ease;
}
.amount-btn:hover{border-color:var(--teal);}
.amount-btn.active{
  background:var(--teal-darker);
  border-color:var(--teal-darker);
  color:#fff;
}
.custom-amount-input{
  width:100%;
  border:1px solid #e3ddd0;
  border-radius:4px;
  padding:.75rem 1rem;
  font-size:.95rem;
  font-weight:600;
  margin-bottom:1.8rem;
  color:var(--ink);
}
.custom-amount-input:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 .15rem rgba(216,178,118,.25);
}
.donate-section-title{
  font-family:'Playfair Display',serif;
  color:var(--teal-darker);
  font-weight:500;
  font-size:1.3rem;
  margin-bottom:1.2rem;
}
.donate-form-card .input-icon-wrap .form-control{
  border-radius:4px;
}
.donate-btn-amount{
  width:100%;
  border:none;
  background:linear-gradient(135deg,var(--gold-light),var(--gold));
  color:var(--teal-darker);
  font-weight:700;
  font-size:.9rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  padding:1rem;
  border-radius:2px;
  margin-top:.5rem;
  transition:transform .25s ease, box-shadow .25s ease;
}
.donate-btn-amount:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(216,178,118,.35);
}
.trust-mini-row{
  display:flex;
  justify-content:space-between;
  margin-top:1.8rem;
  text-align:center;
}
.trust-mini-row .mini-item{
  font-size:.78rem;
  color:var(--muted);
  flex:1;
}
.trust-mini-row .mini-item i{
  display:block;
  color:var(--teal-darker);
  font-size:1.3rem;
  margin-bottom:.4rem;
}

.bank-card{
  background:linear-gradient(160deg,var(--teal),var(--teal-darker));
  color:#fff;
  border-radius:8px;
  padding:2rem;
  margin-bottom:1.5rem;
}
.bank-card .tag{
  font-size:.65rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:700;
  margin-bottom:.6rem;
  display:block;
}
.bank-card h3{
  font-family:'Playfair Display',serif;
  font-weight:500;
  margin-bottom:1.4rem;
  font-size:1.3rem;
  color:#fff;
}
.bank-row{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.65rem 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  font-size:.85rem;
}
.bank-row:last-child{border-bottom:none;}
.bank-row .k{color:var(--gold);}
.bank-row .v{font-weight:600; text-align:right;}

.trust-note-card{
  border:1px solid #ece5d6;
  border-radius:8px;
  padding:1.8rem;
}
.trust-note-card h3{
  font-family:'Playfair Display',serif;
  color:var(--teal-darker);
  font-weight:500;
  font-size:1.2rem;
  margin-bottom:1.1rem;
}
.trust-note-card ul{
  list-style:none;
  padding:0;
  margin:0;
}
.trust-note-card ul li{
  position:relative;
  padding-left:1.1rem;
  font-size:.88rem;
  color:var(--ink);
  margin-bottom:.75rem;
  line-height:1.5;
}
.trust-note-card ul li::before{
  content:"";
  position:absolute;
  left:0; top:.5em;
  width:5px;height:5px;
  background:var(--gold);
  transform:rotate(45deg);
}

@media (max-width:575px){
  .amount-grid{grid-template-columns:repeat(2,1fr);}
  .donate-form-card{padding:1.6rem;}
}

/* ============================
   VENTURES PAGE
   ============================ */

/* Sub navigation tabs */
.subnav-wrap{
  background:#fff;
  border-bottom:1px solid #ece5d6;
  padding:1rem 0;
  position:sticky;
  top:0;
  z-index:40;
}
.subnav{
  display:flex;
  gap:.4rem;
  overflow-x:auto;
  justify-content:flex-start;
  flex-wrap:nowrap;
  scrollbar-width:none;
}
.subnav::-webkit-scrollbar{display:none;}
.subnav-item{
  display:flex;
  align-items:center;
  gap:.4rem;
  padding:.6rem 1.1rem;
  border-radius:30px;
  font-size:.85rem;
  color:var(--ink);
  text-decoration:none;
  white-space:nowrap;
  transition:all .2s ease;
  flex-shrink:0;
}
.subnav-item:hover{background:var(--cream); color:var(--teal-darker);}
.subnav-item.active{
  background:var(--teal-darker);
  color:#fff;
}
.subnav-item i{font-size:.95rem;}

/* Feature cards row */
.section-venture-features{
  padding:5rem 0 6rem;
  background:#fff;
}
.venture-feature-card{
  background:#fff;
  border:1px solid #ece5d6;
  border-radius:8px;
  padding:2.2rem;
  box-shadow:0 12px 30px rgba(18,63,61,.05);
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease;
}
.venture-feature-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(18,63,61,.12);
}
.venture-feature-card .f-icon{
  width:52px;height:52px;
  background:var(--teal-darker);
  color:var(--gold);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;
  margin-bottom:1.4rem;
}
.venture-feature-card h3{
  font-family:'Playfair Display',serif;
  color:var(--teal-darker);
  font-weight:500;
  margin-bottom:.6rem;
  font-size:1.15rem;
}
.venture-feature-card p{
  color:var(--muted);
  font-size:.9rem;
  font-weight:300;
  margin:0;
  line-height:1.6;
}

/* Why SAADI Ventures */
.section-why-ventures{
  background:var(--cream);
  padding:6rem 0;
}
.section-why-ventures p.body-text{
  color:var(--muted);
  font-weight:300;
  line-height:1.8;
  margin-bottom:1.6rem;
}
.why-visual{
  background:linear-gradient(160deg,var(--teal),var(--teal-darker));
  border-radius:16px;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 30px 60px rgba(18,63,61,.2);
  position:relative;
  overflow:hidden;
}
.why-visual::before{
  content:"";
  position:absolute; inset:0;
  background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 30px);
}
.why-visual i{
  font-size:5rem;
  color:var(--gold);
  position:relative;
  z-index:1;
}
.why-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.9rem 2rem;
}
.why-list li{
  position:relative;
  padding-left:1.2rem;
  font-size:.9rem;
  color:var(--ink);
  line-height:1.5;
}
.why-list li::before{
  content:"";
  position:absolute;
  left:0; top:.55em;
  width:6px;height:6px;
  background:var(--gold);
  transform:rotate(45deg);
}

/* CTA - walk the land */
.section-cta-walk{
  padding:0 0 6rem;
  background:#fff;
}
.cta-walk-land{
  background:linear-gradient(150deg,var(--teal-darker),var(--teal-dark));
  border-radius:12px;
  padding:4.5rem 2rem;
  text-align:center;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.cta-walk-land::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 50px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 50px);
}
.cta-walk-land .inner{position:relative; z-index:1;}
.cta-walk-land h2{
  font-family:'Playfair Display',serif;
  font-weight:500;
  font-size:clamp(1.8rem,3.5vw,2.6rem);
}
.cta-walk-land h2 em{color:var(--gold); font-style:italic;}
.cta-walk-land p{
  color:rgba(255,255,255,.75);
  font-weight:300;
  max-width:520px;
  margin:1rem auto 2rem;
}

@media (max-width:767px){
  .why-list{grid-template-columns:1fr;}
  .subnav-wrap{position:static;}
}

/* ============================
   PROJECTS PAGE
   ============================ */

.section-portfolio{
  padding:6rem 0 6rem;
  background:#fff;
}
.section-portfolio .section-head{
  text-align:center;
  margin-bottom:3.5rem;
}
.section-portfolio .section-head h2{
  font-weight:500;
  color:var(--teal-darker);
  font-size:clamp(1.7rem,3vw,2.4rem);
}
.section-portfolio .section-head p{
  max-width:600px;
  margin:0 auto;
  color:var(--muted);
  font-weight:300;
  line-height:1.8;
}

.project-card{
  border:1px solid #ece5d6;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 30px rgba(18,63,61,.05);
  transition:transform .25s ease, box-shadow .25s ease;
  height:100%;
}
.project-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(18,63,61,.12);
}
.project-card.featured{
  border-color:var(--gold);
  box-shadow:0 12px 30px rgba(216,178,118,.3);
}
.project-card .thumb{
  background:linear-gradient(160deg,var(--teal),var(--teal-darker));
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.project-card .thumb::before{
  content:"";
  position:absolute; inset:0;
  background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 26px);
}
.project-card .thumb i{
  font-size:2.6rem;
  color:var(--gold);
  position:relative;
  z-index:1;
}
.project-card .body{
  padding:1.5rem 1.6rem 1.7rem;
}
.project-tags{
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:.6rem;
}
.project-tags .cat{color:var(--gold); font-weight:700;}
.project-tags .status{color:var(--muted); font-weight:600;}
.project-card h3{
  font-family:'Playfair Display',serif;
  color:var(--teal-darker);
  font-weight:500;
  font-size:1.25rem;
  margin-bottom:.8rem;
}
.project-meta{
  font-size:.85rem;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.45rem;
}
.project-meta i{
  color:var(--teal);
  font-size:.85rem;
  width:16px;
}
.project-card a.enquire{
  color:var(--teal-darker);
  font-weight:700;
  font-size:.85rem;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin-top:.7rem;
  transition:gap .2s ease, color .2s ease;
}
.project-card a.enquire:hover{
  color:var(--gold);
  gap:.6rem;
}