/* Google font import  */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Reset */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;color:#1f2937;line-height:1.6;background:#fff;}
.container{max-width:1150px;margin:auto;padding:0 20px;}

/* Buttons */
.btn{padding:12px 26px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;transition:all 0.3s ease;}
.btn-primary{background:#635bff;color:#fff;}        
.btn-secondary{background:#22c55e;color:#fff;}      
.btn-secondary:hover{background:#16a34a;}
.btn-outline{border:2px solid #635bff;color:#635bff;margin-left:12px;}
.btn-outline:hover{background:#635bff;color:#fff;}
.btn-large{width:100%;font-size:18px;border:none;cursor:pointer;}

/* Header */
.header{border-bottom:1px solid #e5e7eb;padding:16px 0;}
.header-flex{display:flex;justify-content:space-between;align-items:center;}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:27px;}
.logo-icon{color:#635bff;}
.blue-text{color:#635bff;}  /* blue */
.green-text{color:#22c55e;} /* green */

/* Hero */
.hero{padding:90px 0;}
.hero-flex{display:flex;align-items:center;gap:40px;}
.badge{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:600;background:#e0e7ff;color:#635bff;margin-bottom:16px;font-size:14px;}
.hero-text h1{font-size:44px;margin-bottom:16px;}
.hero-text p{font-size:18px;color:#4b5563;margin-bottom:28px;}
.hero-actions a{margin-right:12px;}
.hero-image img{width: 180px ;}

/* Features */
.features{background:#f9fafb;padding:80px 0;text-align:center;}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;}
.feature-card{background:#fff;padding:30px;border-radius:14px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,0.08);}
.feature-card i{font-size:28px;margin-bottom:14px;}
.feature-card:nth-child(odd) i{color:#635bff;}   
.feature-card:nth-child(even) i{color:#22c55e;}  
.feature-card p{font-size: 15px; margin-top: 4px;} 

/* Steps */
.steps{padding:80px 0;text-align:center;}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.step span{width:50px;height:50px;background:#635bff;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;}
.steps p{font-size: 14px;}

/* Pricing */
.pricing{background:#f9fafb;padding:90px 0;text-align:center;}
.price-card{max-width:420px;margin:auto;background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.08);}
.price{font-size:48px;font-weight:700;margin:20px 0;}

/* FAQ */
.faq{padding:80px 0;text-align:center;}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px;}
.faq-item{background:#f3f4f6;padding:25px 30px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.faq-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,0.08);}
.faq-item h4{font-weight:700;font-size:18px;margin-bottom:12px; color: #6b7280;}
.faq-item p{color:#525a64;font-size:15px;line-height:1.6;}

/* Footer */
.footer{border-top:1px solid #e5e7eb;padding:20px 0;text-align:center;font-size:14px;color:#6b7280;}

/* Responsive */
@media(max-width:900px){
    .hero-flex{flex-direction:column;text-align:center;}
    .features-grid,.steps-grid,.faq-grid{grid-template-columns:1fr;}
    .btn-outline{margin-left:0;margin-top:10px;}
}