*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}
body{background:#07070a;color:#fff}

.hero{height:100vh;background:url('../assets/hero-bg.png') center/cover no-repeat;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}

.logo{max-width:460px;margin-bottom:30px}
.animate-logo{animation:logoEnter 1.2s ease-out forwards}

@keyframes logoEnter{
  from{opacity:0;transform:scale(.92)}
  to{opacity:1;transform:scale(1)}
}

.hero-text{max-width:900px;margin-bottom:35px}
.tagline{display:block;font-size:.75rem;letter-spacing:3px;color:#9d7ad9;margin-bottom:18px}

.hero-text h1{font-size:3.2rem;font-weight:300;line-height:1.15;margin-bottom:16px}
.hero-text h1 span,.core-title span{
  font-weight:600;
  background:linear-gradient(135deg,#b94b6f,#7b6cff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}

.hero-sub{font-size:.95rem;letter-spacing:.5px;color:#9d7ad9;max-width:720px;margin:0 auto}
.cta{margin-top:14px;padding:14px 34px;border-radius:30px;background:linear-gradient(135deg,#b94b6f,#d16ba5);color:#fff;text-decoration:none;font-weight:600}

.core-heading{padding:80px 20px 40px;text-align:center}
.core-title{font-size:2.8rem;font-weight:300;margin-bottom:18px}
.core-line{width:80px;height:3px;margin:0 auto;background:linear-gradient(135deg,#b94b6f,#7b6cff)}

.services{padding:40px 6% 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.service-card{background:linear-gradient(180deg,#0d0d14,#07070a);border-radius:28px;padding:70px 20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(209,107,165,.55)}
.service-card img{width:190px;max-width:85%}

.stats-section{background:linear-gradient(180deg,#0b0b12,#07070a);padding:90px 0}
.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stat-number{font-size:3.2rem;font-weight:300;color:#7b6cff;margin-bottom:10px}
.stat-text{font-size:.75rem;letter-spacing:2.5px;color:#cfcfe6}

.cta-footer{
  margin:80px auto;
  max-width:1100px;
  padding:60px 40px;
  text-align:center;
  border-radius:24px;
  background:radial-gradient(circle at top,#1a1a2a,#0a0a12);
  border:1px solid rgba(209,107,165,.4)
}
.cta-footer h2{font-size:2.2rem;font-weight:300;margin-bottom:14px}
.cta-footer p{color:#cfcfe6;max-width:720px;margin:0 auto 18px}
.footer-email{font-size:1rem;color:#9d7ad9}

.footer{padding:30px 20px;text-align:center;background:#050507;border-top:1px solid rgba(209,107,165,.3)}

@media(max-width:900px){
  .stats-grid{grid-template-columns:repeat(2,1fr);row-gap:50px}
}
@media(max-width:768px){
  .logo{max-width:320px}
  .hero-text h1{font-size:2.3rem}
  .core-title{font-size:2.1rem}
  .service-card{padding:60px 16px}
  .service-card img{width:160px}
  .stat-number{font-size:2.5rem}
}