/* HERO */
.hero-section{
  text-align:center;
      background: radial-gradient(circle at top center, rgba(111, 0, 255, .22) 0%, transparent 30%);
    padding: 180px 0 150px 0;
justify-self: anchor-center;
}

.hero-section p{
  max-width:700px;
  margin:auto;
  opacity:0.8;
}

.mainService {
    max-width: 900px;
}

.ServiceBtn {
    margin-top: 40px;
}

/* SERVICE SECTIONS */
.service-section{
  padding:80px 0;
}

.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.grid-2.reverse{
  direction:rtl;
}

.grid-2.reverse .text,
.grid-2.reverse .image{
  direction:ltr;
}
.grid-2 .points{
	margin-top: 30px;
}

.points strong{
	color: white;
}
.text h2{
  color: var(--purple-light);
}

.text h3{
  font-size:32px;
  margin:10px 0;
}

.text p{
  opacity:0.8;
  line-height:1.6;
}

/* clean points (no box feel) */
.points p{
  margin:10px 0;
  padding-left:15px;
  border-left:2px solid var(--purple-light);
  opacity:0.9;
}

/* images */
.image img{
  width:100%;
  border-radius:16px;
}

.service-promise{
    padding:70px 20px;
    background:#020114;
}

.promise-card{
    max-width:1440px;
    margin:auto;
    display:flex;
    align-items:center;
    gap: 90px;

    padding:35px 45px;

    background: var(--bg);

    border:1px solid var(--border);
    border-radius:18px;

    box-shadow:
        0 0 25px rgba(111,66,255,.12),
        inset 0 0 18px rgba(140,90,255,.08);
}

/* .promise-icon{
    min-width:100px;
    width:150px;
    height:150px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:50%;
    border:2px solid #8b5cf6;

    color:#9d5cff;

    background:rgba(110,55,255,.08);

    box-shadow:
        0 0 18px rgba(139,92,246,.35),
        inset 0 0 12px rgba(139,92,246,.18);
} */
.promise-icon img{
	max-width: 390px;
}

.promise-content{
    flex:1;
}

.sub-title{
    display:inline-block;
    color:#8f5dff;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.promise-content h2{
    color:#fff;
    font-size:38px;
    line-height:1.25;
    font-weight:700;
    margin-bottom:18px;
}

.promise-content h2 span{
    color:#ffffff;
}

.promise-content p{
    color:#b8b8d6;
    font-size:17px;
    line-height:1.8;
    max-width:850px;
}



/* PROCESS */
.process{
  padding:80px 0;
  text-align:center;
}

.process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:40px;
}

.process-grid div{
  padding:20px;
  border:1px solid #2a2a3a;
  border-radius:12px;
}

/* CTA */
.cta{
  padding:80px 0;
  text-align:center;
  background:linear-gradient(90deg,#1a0b2e,#0b0b14);
}

.btn{
  display:inline-block;
  margin-top:20px;
  padding:12px 25px;
  background:#a855f7;
  color:#fff;
  border-radius:8px;
  text-decoration:none;
}

/* responsive */
@media(max-width:768px){
  .grid-2,
  .stats-grid,
  .process-grid{
    grid-template-columns:1fr;
  }

  .hero-section h1{
    font-size:32px;
  }
}

@media(max-width:768px){

.promise-card{
    flex-direction:column;
    text-align:center;
    padding:30px;
}

.promise-content h2{
    font-size:28px;
}

.promise-content p{
    font-size:15px;
}

}