.section-tag{font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#63048b;margin-bottom:10px}
.section-h2{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:800;line-height:1.2;color:#1a1040;margin-bottom:20px;}
.section-h2 span{color:#63048b}
.section-sub{font-size:.97rem;color:#6b7280;line-height:1.75;max-width:600px;margin:0 auto}
.svc-card{background:#fff;border-radius:16px;padding:30px;border:1px solid rgba(124,58,237,.08);transition:all .3s ease;}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(109,40,217,.1);border-color:rgba(124,58,237,.2)}
.svc-icon{width:52px;height:52px;border-radius:14px;background:#f5f3ff;display:flex;align-items:center;justify-content:center;color:#63048b;font-size:1.3rem;margin-bottom:20px;border:1px solid rgba(124,58,237,.12);transition:transform .3s;}
.svc-card:hover .svc-icon{transform:scale(1.1) rotate(-6deg)}
.svc-card h3{font-size:1.05rem;font-weight:700;color:#1a1040;margin-bottom:10px}
.svc-card p{font-size:.85rem;color:#9ca3af;line-height:1.65}
.cta-band{padding:90px 80px;text-align:center; background: linear-gradient(135deg, rgb(83, 5, 140) 0%, rgb(58, 2, 99) 50%, rgb(30, 1, 54) 100%);position:relative;overflow:hidden;}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(109,40,217,.2) 0%,transparent 70%);pointer-events:none;}
.cta-top-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:7px 18px;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.85);margin-bottom:24px;}
.cta-band h2{font-family:'Playfair Display',serif;font-size:3.2rem;font-weight:900;color:#fff;max-width:720px;margin:0 auto 16px;line-height:1.15;}
.cta-band p{color:rgba(255,255,255,.65);font-size:1rem;line-height:1.75;max-width:560px;margin:0 auto 36px}
.cta-btns{display:flex;gap:16px;justify-content:center}
.btn-white{background:#fff;color:#5b21b6;padding:13px 28px;border-radius:50px;font-weight:700;font-size:.9rem;border:none;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-block;}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.btn-ghost{background:transparent;color:#fff;padding:13px 28px;border-radius:50px;font-weight:600;font-size:.9rem;border:1.5px solid rgba(255,255,255,.35);cursor:pointer;text-decoration:none;transition:all .2s;display:inline-block;}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.c-item{display:flex;align-items:center;gap:14px}
.c-icon{width:46px;height:46px;border-radius:50%;background:#ede9fe;display:flex;align-items:center;justify-content:center;color:#6d28d9;font-size:1.05rem;flex-shrink:0;}
.c-info strong{display:block;font-size:.88rem;font-weight:600;color:#374151}
.c-info a,.c-info span{font-size:.88rem;color:#6b7280;text-decoration:none}
.c-info a:hover{color:#6d28d9}
 
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}
.page-hero{padding:140px 80px 80px;    background: linear-gradient(135deg, rgb(83, 5, 140) 0%, rgb(58, 2, 99) 50%, rgb(30, 1, 54) 100%);text-align:center;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 60%,rgba(109,40,217,.25) 0%,transparent 70%);pointer-events:none;}
.page-hero-inner{position:relative;z-index:2;}
.breadcrumb{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:7px 18px;font-size:.8rem;color:rgba(255,255,255,.8);margin-bottom:24px;text-decoration:none;}
.breadcrumb a{color:rgba(255,255,255,.6);text-decoration:none}
.breadcrumb a:hover{color:#fff}
.bc-sep{color:rgba(255,255,255,.3);margin:0 4px}
.page-hero h1{font-family:'Playfair Display',serif;font-size:3.5rem;font-weight:900;color:#fff;line-height:1.15;margin-bottom:18px;animation:fadeUp .8s ease both;}
.page-hero p{font-size:1.05rem;color:rgba(255,255,255,.7);max-width:580px;margin:0 auto;line-height:1.75;animation:fadeUp .8s ease .2s both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){ .page-hero{padding:120px 40px 60px}.cta-band{padding:70px 40px}}
@media(max-width:900px){  .page-hero{padding:110px 24px 50px}}
@media(max-width:600px){ .page-hero h1{font-size:2.2rem}.cta-band h2{font-size:2rem}}

/* ══ SERVICES PAGE ══ */
.services-intro{padding:100px 80px;background:#fff;text-align:center;}
.services-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;text-align:left;}

/* Big service cards with detail */
.svc-big-card{
  background:#fff;border-radius:20px;padding:36px;
  border:1px solid rgba(124,58,237,.08);
  transition:all .35s ease;position:relative;overflow:hidden;
}/* 
.svc-big-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(124,58,237,.04),transparent);
  opacity:0;transition:opacity .35s;
}*/
.svc-big-card:hover::before{opacity:1;}
.svc-big-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(109,40,217,.12);border-color:rgba(124,58,237,.25);}
.svc-big-icon{
  width:60px;height:60px;border-radius:16px;
  background:#f5f3ff;border:1px solid rgba(124,58,237,.15);
  display:flex;align-items:center;justify-content:center;
  color:#63048b;font-size:1.5rem;margin-bottom:22px;
  transition:transform .3s;
}
.svc-big-icon svg,  .svc-big-icon svg path{   stroke: #63048b !important;}

.svc-big-icon svg circle, .svc-big-icon svg line{
      stroke: #63048b !important;}

.svc-big-card:hover .svc-big-icon{transform:scale(1.1) rotate(-6deg);}
.svc-big-card h3{font-size:1.1rem;font-weight:700;color:#1a1040;margin-bottom:10px;}
.svc-big-card p{font-size:.875rem;color:#9ca3af;line-height:1.7;margin-bottom:20px;}
.svc-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.svc-features li{display:flex;align-items:center;gap:8px;font-size:.83rem;color:#374151;font-weight:500;}
.svc-features li::before{
  content:'✓';width:18px;height:18px;border-radius:50%;
  background:linear-gradient(135deg,#63048b,#5b21b6);
  color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.svc-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.85rem;font-weight:700;color:#63048b;text-decoration:none;
  transition:gap .2s;
}
.svc-link:hover{gap:10px;}

/* ══ PROCESS SECTION ══ */
.process{padding:100px 80px;background:#f8f7ff;text-align:center;}
.process-steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  margin-top:52px;position:relative;
}
.process-steps::before{
  content:'';position:absolute;top:36px;left:12.5%;right:12.5%;
  height:2px;background:linear-gradient(90deg,#63048b,#a78bfa,#63048b);
  z-index:0;
}
.step-card{position:relative;z-index:1;padding:0 20px;text-align:center;}
.step-num{
  width:72px;height:72px;border-radius:50%;
  background:linear-gradient(135deg,#63048b,#5b21b6);
  color:#fff;font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 20px;
  box-shadow:0 8px 24px rgba(109,40,217,.35);
  border:4px solid #f8f7ff;
  transition:transform .3s;
}
.step-card:hover .step-num{transform:scale(1.1);}
.step-card h4{font-size:1rem;font-weight:700;color:#1a1040;margin-bottom:8px;}
.step-card p{font-size:.83rem;color:#9ca3af;line-height:1.65;}

/* ══ PRICING ══ */
.pricing{padding:100px 80px;background:#fff;text-align:center;}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;}
.price-card{
  border-radius:20px;padding:40px 36px;
  border:1px solid #ede9fe;
  transition:all .3s;position:relative;overflow:hidden;
}
.price-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(109,40,217,.1);}
.price-card.featured{
  background:linear-gradient(160deg,#3b0764,#4c1d95,#6d28d9);
  border-color:transparent;
  box-shadow:0 20px 60px rgba(109,40,217,.4);
}
.popular-badge{
  position:absolute;top:20px;right:20px;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);
  color:#fff;font-size:.72rem;font-weight:700;
  padding:4px 12px;border-radius:50px;
}
.price-icon{
  width:52px;height:52px;border-radius:14px;
  background:#f5f3ff;display:flex;align-items:center;justify-content:center;
  color:#63048b;font-size:1.3rem;margin-bottom:20px;
}
.price-card.featured .price-icon{background:rgba(255,255,255,.15);color:#fff;}
.price-name{font-size:.85rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#63048b;margin-bottom:8px;}
.price-card.featured .price-name{color:#c4b5fd;}
.price-amount{font-family:'Playfair Display',serif;font-size:3rem;font-weight:900;color:#1a1040;line-height:1;margin-bottom:4px;}
.price-card.featured .price-amount{color:#fff;}
.price-period{font-size:.83rem;color:#9ca3af;margin-bottom:24px;display:block;}
.price-card.featured .price-period{color:rgba(255,255,255,.6);}
.price-divider{height:1px;background:#ede9fe;margin-bottom:24px;}
.price-card.featured .price-divider{background:rgba(255,255,255,.15);}
.price-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;text-align:left;}
.price-features li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#374151;font-weight:500;}
.price-card.featured .price-features li{color:rgba(255,255,255,.85);}
.price-features li .pf-icon{color:#63048b;font-size:.8rem;flex-shrink:0;}
.price-card.featured .price-features li .pf-icon{color:#c4b5fd;}
.btn-price{
  width:100%;padding:13px;border-radius:50px;font-weight:700;font-size:.9rem;
  cursor:pointer;text-decoration:none;display:block;text-align:center;
  border:1.5px solid #63048b;color:#63048b;background:transparent;
  transition:all .2s;
}
.btn-price:hover{background:#63048b;color:#fff;}
.price-card.featured .btn-price{background:#fff;color:#5b21b6;border-color:#fff;}
.price-card.featured .btn-price:hover{background:rgba(255,255,255,.9);}

/* ══ TECH STACK ══ */
.tech-section{padding:80px;background:#f8f7ff;text-align:center;}
.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;}
.tech-pill{
  display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid #ede9fe;border-radius:50px;
  padding:12px 22px;font-size:.88rem;font-weight:600;color:#374151;
  transition:all .2s;cursor:default;
}
.tech-pill:hover{border-color:#63048b;color:#63048b;transform:translateY(-2px);box-shadow:0 8px 20px rgba(109,40,217,.1);}
.tech-pill i{color:#63048b;font-size:1rem;}

/* ══ FAQ ══ */
.faq-section{padding:100px 80px;background:#fff;}
.faq-inner{max-width:760px;margin:0 auto;}
.faq-item{border-bottom:1px solid #ede9fe;padding:24px 0;}
.faq-q{
  display:flex;justify-content:space-between;align-items:center;
  font-size:1rem;font-weight:700;color:#1a1040;cursor:pointer;
  gap:20px;
}
.faq-q span{flex:1;}
.faq-toggle{
  width:32px;height:32px;border-radius:50%;border:1.5px solid #ede9fe;
  background:#f8f7ff;display:flex;align-items:center;justify-content:center;
  color:#63048b;font-size:.8rem;flex-shrink:0;transition:all .3s;
}
.faq-item.open .faq-toggle{background:#63048b;color:#fff;border-color:#63048b;transform:rotate(45deg);}
.faq-a{font-size:.9rem;color:#6b7280;line-height:1.8;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;}
.faq-item.open .faq-a{max-height:200px;padding-top:14px;}

@media(max-width:1100px){.services-intro,.process,.pricing,.faq-section{padding-left:40px;padding-right:40px}.tech-section{padding:60px 40px}}
@media(max-width:900px){.services-grid-full,.pricing-grid{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr 1fr;gap:40px}.process-steps::before{display:none}.services-intro,.process,.pricing,.faq-section{padding:60px 24px}.tech-section{padding:60px 24px}}
@media(max-width:600px){.services-grid-full,.pricing-grid,.process-steps{grid-template-columns:1fr}}