.section{ padding:5rem 0; }
.container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; }
.two-col{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:3rem;
  align-items:center;
}

 
.eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--font-display);
  font-weight:700; font-size:.78rem; letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--c-accent-d);
  background:#fee2e2;
  padding:.45rem .85rem;
  border-radius:var(--radius-pill);
  margin-bottom:1.1rem;
}

 .check-list{
  list-style:none; padding:0; margin:1.2rem 0 1.6rem;
  display:grid; gap:.55rem;
}
.check-list li{
  display:flex; align-items:center; gap:.55rem;
  font-size:.96rem; color:var(--c-text);
}
.check-list i{ color:var(--primary); font-size:1.1rem; }

 .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  font-family:var(--font-display);
  font-weight:700; font-size:.96rem;
  padding:.85rem 1.35rem;
  border-radius:var(--radius);
  border:2px solid transparent;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .25s ease, background .2s ease, color .2s ease, border-color .2s ease;
  white-space:nowrap;
}
.btn i{ font-size:1.1em; }
.btn-primary{ background:var(--primary); color:#fff; box-shadow:var(--shadow-glow); }
.btn-primary:hover{ background:var(--primary-hover); transform:translateY(-2px); }
.btn-lg{ padding:1rem 1.6rem; font-size:1rem; }

 
.san-about-image{
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shadow-md);
  aspect-ratio:4/3;
}
.san-about-image img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}

/* ===== Responsive: stack columns ===== */
@media (max-width:1024px){
  .two-col{ grid-template-columns:1fr; gap:2rem; }
}





.san-hero{
  position:relative;
  padding:4.5rem 0 4rem;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%, var(--c-bg-alt) 100%);
}
.san-hero-bg{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 85% 15%, rgba(239,73,51,.10), transparent 60%),
    radial-gradient(circle at 10% 85%, rgba(6,17,34,.05), transparent 60%);
  pointer-events:none;
}
.san-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:3rem;
  align-items:center;
}
.san-hero-text .eyebrow{ margin-bottom:1rem; }
.san-hero-text h1{
  font-family:var(--font-display);
  font-size:clamp(2.1rem, 4.4vw, 3.4rem);
  font-weight:800;
  line-height:1.1;
  margin:0 0 1rem;
  color:var(--c-text);
}
.san-hero-text h1 .highlight{
  background:linear-gradient(120deg, rgba(239,73,51,.18) 0%, rgba(239,73,51,.18) 100%);
  padding:.05em .2em;
  border-radius:6px;
  color:var(--c-text);
}
.san-hero-text .lead{
  font-size:1.08rem;
  color:var(--c-text-soft);
  margin:0 0 1.5rem;
  max-width:600px;
}
.san-hero-text .theWh {
        background-color: #25D366;
    color: #4a4a4a;
}
.san-hero-bullets{
  display:flex; flex-wrap:wrap; gap:.65rem 1.4rem;
  margin-top:1.5rem;
}
.san-hero-bullets span{
  display:inline-flex; align-items:center; gap:.4rem;
  font-size:.92rem; font-weight:600;
  color:var(--c-text);
}
.san-hero-bullets i{ color:var(--primary); font-size:1rem; }

.san-hero-image{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(15,23,42,.18);
  aspect-ratio: 4/3;
  background:var(--c-bg-alt);
}
.san-hero-image img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.san-hero-badge{
  position:absolute; bottom:1.2rem; left:1.2rem;
  background:#fff;
  border-radius:14px;
  padding:.85rem 1.1rem;
  box-shadow:0 12px 28px rgba(15,23,42,.18);
  display:flex; flex-direction:column; align-items:flex-start;
  gap:.1rem;
}
.san-hero-badge strong{
  font-size:1.15rem; color:var(--primary);
  font-family:var(--font-display); font-weight:800;
}
.san-hero-badge span{ font-size:.78rem; color:var(--c-text-soft); }

/* ===== PARTNER NOTICE ===== */
.partner-notice{
  background:linear-gradient(90deg, var(--c-dark), #0a1828);
  color:#e2e8f0;
  padding:1.5rem 0;
}
.partner-card{
  display:flex; align-items:flex-start; gap:1.2rem;
  max-width:980px; margin:0 auto;
}
.partner-card > i{
  font-size:2rem; color:var(--primary);
  background:rgba(239,73,51,.12);
  width:54px; height:54px;
  display:grid; place-items:center;
  border-radius:14px;
  flex-shrink:0;
}
.partner-card strong{
  display:block;
  font-family:var(--font-display);
  font-size:1.05rem;
  margin-bottom:.3rem;
  color:#fff;
}
.partner-card p{
  margin:0;
  font-size:.92rem;
  color:#cbd5e1;
  line-height:1.55;
}

/* ===== ABOUT (intro) ===== */
.san-about-image{
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shadow-md);
  aspect-ratio: 4/3;
}
.san-about-image img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}
.check-list{
  list-style:none; padding:0; margin:1.2rem 0 1.6rem;
  display:grid; gap:.55rem;
}
.check-list li{
  display:flex; align-items:center; gap:.55rem;
  font-size:.96rem; color:var(--c-text);
}
.check-list i{ color:var(--primary); font-size:1.1rem; }

/* ===== SERVICES ===== */
.san-services{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:1.5rem;
  margin-top:2.5rem;
}
.san-service{
  background:#fff;
  border:1px solid var(--c-border);
  border-radius:18px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .25s, box-shadow .25s;
}
.san-service:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 50px rgba(15,23,42,.12);
}
.san-service-img{
  position:relative;
  aspect-ratio: 16/9;
  background:var(--c-bg-alt);
  overflow:hidden;
}
.san-service-img img{
  width:100%; height:100%;
  object-fit:cover; display:block;
  transition:transform .5s;
}
.san-service:hover .san-service-img img{
  transform:scale(1.05);
}
.san-service-body{
  padding:1.5rem 1.4rem 1.6rem;
}
.san-service-body h3{
  font-family:var(--font-display);
  font-size:1.2rem;
  font-weight:700;
  margin:0 0 .6rem;
  color:var(--c-text);
}
.san-service-body p{
  color:var(--c-text-soft);
  font-size:.95rem;
  margin:0 0 .9rem;
}
.san-service-body ul{
  list-style:none; padding:0; margin:0;
  display:grid; gap:.4rem;
}
.san-service-body ul li{
  position:relative;
  padding-left:1.3rem;
  font-size:.9rem;
  color:var(--c-text);
}
.san-service-body ul li::before{
  content:"";
  position:absolute; left:0; top:.5rem;
  width:8px; height:8px;
  background:var(--primary);
  border-radius:50%;
}

/* ===== STEPS / ABLAUF ===== */
.san-steps{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1.2rem;
  margin-top:2.5rem;
  position:relative;
}
.san-steps::before{
  content:"";
  position:absolute;
  top:36px; left:8%; right:8%;
  height:2px;
  background:repeating-linear-gradient(
    to right,
    var(--c-border) 0 8px,
    transparent 8px 16px
  );
  z-index:0;
}
.san-step{
  position:relative;
  background:#fff;
  border:1px solid var(--c-border);
  border-radius:16px;
  padding:1.6rem 1.3rem 1.4rem;
  text-align:center;
  z-index:1;
}
.san-step-num{
  display:inline-grid;
  place-items:center;
  width:54px; height:54px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  font-weight:800;
  font-family:var(--font-display);
  font-size:1.3rem;
  margin:0 auto 1rem;
  box-shadow:0 8px 20px rgba(239,73,51,.35);
}
.san-step h4{
  font-family:var(--font-display);
  font-size:1.05rem;
  font-weight:700;
  margin:0 0 .5rem;
  color:var(--c-text);
}
.san-step p{
  margin:0;
  font-size:.9rem;
  color:var(--c-text-soft);
  line-height:1.5;
}

/* ===== CONTACT ===== */
.section-dark{
  background:linear-gradient(160deg, var(--c-dark) 0%, #0a1828 100%);
  color:#e2e8f0;
}
.section-head-light h2{ color:#fff; }
.section-head-light p{ color:#cbd5e1; }

.san-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  margin-top:2.5rem;
  align-items:start;
}
.san-contact-info{
  display:grid;
  gap:1.2rem;
}
.san-contact-row{
  display:flex; align-items:center; gap:1rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:1rem 1.2rem;
  transition:background .2s, border-color .2s;
}
.san-contact-row:hover{
  background:rgba(255,255,255,.07);
  border-color:rgba(239,73,51,.4);
}
.san-contact-row > i{
  font-size:1.4rem;
  color:var(--primary);
  background:rgba(239,73,51,.12);
  width:48px; height:48px;
  display:grid; place-items:center;
  border-radius:12px;
  flex-shrink:0;
}
.san-contact-row small{
  display:block;
  font-size:.78rem;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:.15rem;
}
.san-contact-row strong{
  font-size:1.02rem;
  color:#fff;
  font-family:var(--font-display);
}
.san-contact-row a{ color:inherit; }
.san-contact-row a:hover strong{ color:var(--primary); }

.san-contact-cta{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:2rem;
}
.san-contact-cta h3{
  font-family:var(--font-display);
  color:#fff;
  font-size:1.5rem;
  margin:0 0 .6rem;
}
.san-contact-cta p{
  color:#cbd5e1;
  margin:0 0 1.4rem;
}


 
 .section{ padding:5rem 0; }
.container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; }
.section-head{ text-align:center; max-width:760px; margin:0 auto 3rem; }
.section-head h2{ margin-bottom:.6rem; }

 .eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--font-display);
  font-weight:700; font-size:.78rem; letter-spacing:.12em;
  text-transform:uppercase;
  color:#8f2315;
  background:#fee2e2;
  padding:.45rem .85rem; border-radius:999px;
  margin-bottom:1.1rem;
}

 .faq-list{
  max-width:840px; margin:0 auto;
  display:grid; gap:.7rem;
}
.faq-item{
  background:#fff;
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  overflow:hidden;
  transition:border-color .2s, box-shadow .2s;
}
.faq-item[open]{
  border-color:var(--primary);
  box-shadow:var(--shadow-sm);
}
.faq-item summary{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  list-style:none; cursor:pointer;
  padding:1.1rem 1.3rem;
  font-family:var(--font-display);
  font-weight:700; font-size:1rem;
}
.faq-item summary::-webkit-details-marker{ display:none; } /* hide default arrow (Safari) */
.faq-item summary i{
  width:32px; height:32px; border-radius:50%;
  background:var(--c-bg-alt);
  display:grid; place-items:center;
  color:var(--c-text); flex:0 0 auto;
  transition:transform .25s, background .25s, color .25s;
}
.faq-item[open] summary i{
  transform:rotate(45deg);      /* chevron rotates when open */
  background:var(--primary); color:#fff;
}
.faq-item p{
  padding:0 1.3rem 1.2rem;
  color:var(--c-text-soft);
  margin:0;
}
 .faq-body{ padding:0 1.3rem 1.2rem; color:var(--c-text-soft); }
.faq-body p{ padding:0; margin:0; }





 @media (max-width: 1024px){
  .san-hero{ padding:3rem 0 3rem; }
  .san-hero-grid{
    grid-template-columns:1fr;
    gap:2rem;
  }
  .san-hero-image{
    max-width:520px;
    margin:0 auto;
    width:100%;
  }
  .san-services{ grid-template-columns:1fr 1fr; }
  .san-steps{ grid-template-columns:repeat(2, 1fr); }
  .san-steps::before{ display:none; }
  .san-contact-grid{ grid-template-columns:1fr; }
  .partner-card{ flex-direction:column; gap:.9rem; text-align:left; padding:0 1rem; }
}

@media (max-width: 640px){
  .san-hero-text h1{ font-size:1.85rem; }
  .san-hero-bullets{ gap:.5rem .9rem; }
  .san-services{ grid-template-columns:1fr; }
  .san-steps{ grid-template-columns:1fr; }
  .san-service-body{ padding:1.3rem 1.1rem 1.4rem; }
  .san-contact-cta{ padding:1.4rem; }
}