*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --purple:#7C3AED;
  --blue:#3B82F6;
  --dark:#1E1B4B;
  --light:#F5F3FF;
  --gray:#6B7280;
  --white:#FFFFFF;
  --gradient:linear-gradient(135deg,#7C3AED 0%,#3B82F6 100%);
  --gradient-dark:linear-gradient(135deg,#1E1B4B 0%,#312E81 100%);
}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:#1F2937;line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:inherit;transition:color .3s;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.btn{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;border:none;text-align:center;}
.btn-primary{background:var(--gradient);color:var(--white);box-shadow:0 4px 15px rgba(124,58,237,.3);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,.4);}
.btn-outline{border:2px solid var(--white);color:var(--white);background:transparent;}
.btn-outline:hover{background:var(--white);color:var(--purple);}
.btn-white{background:var(--white);color:var(--purple);}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);}
.section-title{text-align:center;margin-bottom:60px;}
.section-title h2{font-size:2.5rem;font-weight:700;color:var(--dark);margin-bottom:15px;}
.section-title p{font-size:1.1rem;color:var(--gray);max-width:600px;margin:0 auto;}

/* NAVBAR */
.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:15px 0;transition:all .3s;background:transparent;}
.navbar.scrolled{background:var(--white);box-shadow:0 2px 20px rgba(0,0,0,.1);}
.navbar .container{display:flex;align-items:center;justify-content:space-between;}
.navbar-logo{font-size:1.5rem;font-weight:800;color:var(--white);display:flex;align-items:center;gap:8px;}
.navbar.scrolled .navbar-logo{color:var(--purple);}
.navbar-logo span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.navbar.scrolled .navbar-logo span{-webkit-text-fill-color:unset;color:var(--purple);}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{color:rgba(255,255,255,.9);font-weight:500;font-size:.95rem;}
.navbar.scrolled .nav-links a{color:var(--dark);}
.nav-links a:hover{color:var(--blue);}
.nav-buttons{display:flex;gap:12px;align-items:center;}
.nav-buttons .btn-login{color:var(--white);font-weight:600;padding:10px 20px;border:2px solid rgba(255,255,255,.4);border-radius:8px;transition:all .3s;}
.navbar.scrolled .nav-buttons .btn-login{color:var(--purple);border-color:var(--purple);}
.nav-buttons .btn-login:hover{background:rgba(255,255,255,.15);}
.navbar.scrolled .nav-buttons .btn-login:hover{background:var(--purple);color:var(--white);}
.nav-buttons .btn-get-started{background:var(--white);color:var(--purple);padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s;}
.navbar.scrolled .nav-buttons .btn-get-started{background:var(--gradient);color:var(--white);}
.nav-buttons .btn-get-started:hover{transform:translateY(-1px);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:5px;}
.hamburger span{width:25px;height:3px;background:var(--white);border-radius:3px;transition:all .3s;}
.navbar.scrolled .hamburger span{background:var(--dark);}

/* HERO */
.hero{min-height:100vh;background:var(--gradient);display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:rgba(255,255,255,.05);border-radius:50%;}
.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:rgba(255,255,255,.03);border-radius:50%;}
.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1;}
.hero-content h1{font-size:3.5rem;font-weight:800;color:var(--white);line-height:1.15;margin-bottom:20px;}
.hero-content h1 .highlight{background:linear-gradient(90deg,#FDE68A,#FBBF24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero-content p{font-size:1.2rem;color:rgba(255,255,255,.85);margin-bottom:35px;max-width:500px;}
.hero-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:50px;}
.hero-stats{display:flex;gap:40px;}
.hero-stat{text-align:center;}
.hero-stat .number{font-size:2.2rem;font-weight:800;color:var(--white);}
.hero-stat .label{font-size:.9rem;color:rgba(255,255,255,.75);margin-top:4px;}
.hero-image{position:relative;}
.hero-image img{border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.3);width:100%;height:450px;object-fit:cover;}
.hero-image .floating-card{position:absolute;background:var(--white);border-radius:12px;padding:15px 20px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;align-items:center;gap:10px;}
.hero-image .floating-card.card-1{top:20px;right:-20px;}
.hero-image .floating-card.card-2{bottom:30px;left:-20px;}
.floating-card .fc-icon{width:40px;height:40px;border-radius:10px;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem;}
.floating-card .fc-text{font-size:.85rem;color:var(--dark);font-weight:600;}
.floating-card .fc-sub{font-size:.75rem;color:var(--gray);}

/* SERVICES */
.services{padding:100px 0;background:var(--light);}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
.service-card{background:var(--white);border-radius:16px;padding:35px 25px;text-align:center;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.05);}
.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(124,58,237,.12);}
.service-icon{width:70px;height:70px;border-radius:16px;background:var(--gradient);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem;color:var(--white);}
.service-card h3{font-size:1.15rem;font-weight:700;color:var(--dark);margin-bottom:12px;}
.service-card p{font-size:.9rem;color:var(--gray);line-height:1.6;}

/* PRICING */
.pricing{padding:100px 0;background:var(--white);}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:center;}
.pricing-card{background:var(--white);border-radius:20px;padding:40px 30px;border:2px solid #E5E7EB;transition:all .3s;position:relative;}
.pricing-card.featured{border-color:var(--purple);transform:scale(1.05);box-shadow:0 20px 50px rgba(124,58,237,.15);}
.pricing-card.featured .pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gradient);color:var(--white);padding:6px 20px;border-radius:20px;font-size:.8rem;font-weight:600;}
.pricing-card h3{font-size:1.3rem;font-weight:700;color:var(--dark);margin-bottom:8px;}
.pricing-card .price{font-size:3rem;font-weight:800;color:var(--purple);margin:15px 0;}
.pricing-card .price span{font-size:1rem;color:var(--gray);font-weight:400;}
.pricing-card ul{margin:25px 0 30px;display:flex;flex-direction:column;gap:12px;}
.pricing-card ul li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#374151;}
.pricing-card ul li::before{content:'✓';color:var(--purple);font-weight:700;font-size:1.1rem;}
.pricing-card .btn{width:100%;}

/* PORTFOLIO */
.portfolio{padding:100px 0;background:var(--light);}
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;}
.portfolio-card{border-radius:20px;overflow:hidden;background:var(--white);box-shadow:0 4px 15px rgba(0,0,0,.06);transition:all .3s;}
.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(124,58,237,.12);}
.portfolio-card-img{height:260px;overflow:hidden;position:relative;}
.portfolio-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.portfolio-card:hover .portfolio-card-img img{transform:scale(1.08);}
.portfolio-card-img .tag{position:absolute;top:15px;right:15px;background:var(--gradient);color:var(--white);padding:5px 14px;border-radius:20px;font-size:.8rem;font-weight:600;}
.portfolio-card-body{padding:25px;}
.portfolio-card-body h3{font-size:1.2rem;font-weight:700;color:var(--dark);margin-bottom:10px;}
.portfolio-card-stats{display:flex;gap:25px;}
.portfolio-card-stats .stat{display:flex;flex-direction:column;}
.portfolio-card-stats .stat-value{font-size:1.3rem;font-weight:700;color:var(--purple);}
.portfolio-card-stats .stat-label{font-size:.8rem;color:var(--gray);}

/* TESTIMONIALS */
.testimonials{padding:100px 0;background:var(--gradient);position:relative;overflow:hidden;}
.testimonials::before{content:'';position:absolute;top:-40%;right:-15%;width:700px;height:700px;background:rgba(255,255,255,.04);border-radius:50%;}
.testimonials .section-title h2{color:var(--white);}
.testimonials .section-title p{color:rgba(255,255,255,.75);}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;position:relative;z-index:1;}
.testimonial-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:35px 30px;transition:all .3s;}
.testimonial-card:hover{background:rgba(255,255,255,.15);transform:translateY(-5px);}
.testimonial-stars{color:#FBBF24;font-size:1.1rem;margin-bottom:15px;letter-spacing:3px;}
.testimonial-card p{color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.7;margin-bottom:20px;font-style:italic;}
.testimonial-author{display:flex;align-items:center;gap:12px;}
.testimonial-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);}
.testimonial-author-info h4{color:var(--white);font-size:.95rem;font-weight:600;}
.testimonial-author-info span{color:rgba(255,255,255,.6);font-size:.8rem;}

/* PROMOTION METHODS */
.methods{padding:100px 0;background:var(--white);}
.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;}
.method-card{border-radius:20px;overflow:hidden;position:relative;height:320px;cursor:pointer;transition:all .3s;}
.method-card:hover{transform:translateY(-8px);}
.method-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.method-card:hover img{transform:scale(1.1);}
.method-card .overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(30,27,75,.85) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;}
.method-card .overlay h3{color:var(--white);font-size:1.3rem;font-weight:700;margin-bottom:8px;}
.method-card .overlay p{color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.5;}

/* CLIENTS */
.clients{padding:80px 0;background:var(--light);}
.clients-logos{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap;}
.client-logo{font-size:1.5rem;font-weight:800;color:#9CA3AF;transition:color .3s;cursor:default;}
.client-logo:hover{color:var(--purple);}

/* STATS */
.stats{padding:80px 0;background:var(--gradient);}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center;}
.stat-item .stat-number{font-size:3.5rem;font-weight:800;color:var(--white);}
.stat-item .stat-label{font-size:1rem;color:rgba(255,255,255,.8);margin-top:8px;}

/* BLOG */
.blog{padding:100px 0;background:var(--white);}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;}
.blog-card{border-radius:20px;overflow:hidden;background:var(--white);box-shadow:0 4px 15px rgba(0,0,0,.06);transition:all .3s;}
.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(124,58,237,.12);}
.blog-card-img{height:200px;overflow:hidden;}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.blog-card:hover .blog-card-img img{transform:scale(1.08);}
.blog-card-body{padding:25px;}
.blog-card-body .blog-meta{display:flex;gap:15px;margin-bottom:12px;}
.blog-card-body .blog-meta span{font-size:.8rem;color:var(--gray);}
.blog-card-body h3{font-size:1.15rem;font-weight:700;color:var(--dark);margin-bottom:10px;line-height:1.4;}
.blog-card-body p{font-size:.9rem;color:var(--gray);line-height:1.6;margin-bottom:15px;}
.blog-card-body .read-more{color:var(--purple);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:5px;}
.blog-card-body .read-more:hover{gap:10px;}

/* FAQ */
.faq{padding:100px 0;background:var(--light);}
.faq-list{max-width:750px;margin:0 auto;display:flex;flex-direction:column;gap:15px;}
.faq-item{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:all .3s;}
.faq-item.active{box-shadow:0 8px 25px rgba(124,58,237,.1);}
.faq-question{padding:22px 25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.05rem;color:var(--dark);transition:color .3s;}
.faq-question:hover{color:var(--purple);}
.faq-question .icon{font-size:1.5rem;transition:transform .3s;color:var(--purple);font-weight:300;}
.faq-item.active .faq-question .icon{transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;}
.faq-answer-inner{padding:0 25px 22px;font-size:.95rem;color:var(--gray);line-height:1.7;}
.faq-item.active .faq-answer{max-height:300px;}

/* CONTACT */
.contact{padding:100px 0;background:var(--gradient);position:relative;overflow:hidden;}
.contact::before{content:'';position:absolute;top:-30%;left:-10%;width:600px;height:600px;background:rgba(255,255,255,.04);border-radius:50%;}
.contact .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1;}
.contact-info h2{font-size:2.5rem;font-weight:800;color:var(--white);margin-bottom:20px;}
.contact-info p{color:rgba(255,255,255,.8);font-size:1.05rem;margin-bottom:30px;line-height:1.7;}
.contact-details{display:flex;flex-direction:column;gap:18px;}
.contact-detail{display:flex;align-items:center;gap:15px;color:rgba(255,255,255,.9);font-size:.95rem;}
.contact-detail .cd-icon{width:45px;height:45px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.contact-form{background:var(--white);border-radius:20px;padding:40px;box-shadow:0 20px 50px rgba(0,0,0,.15);}
.contact-form h3{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:25px;}
.form-group{margin-bottom:18px;}
.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--dark);margin-bottom:6px;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:.95rem;font-family:inherit;transition:border-color .3s;outline:none;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--purple);}
.form-group textarea{resize:vertical;min-height:100px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.contact-form .btn{width:100%;padding:14px;font-size:1rem;}

/* CTA */
.cta{padding:100px 0;background:var(--gradient-dark);text-align:center;position:relative;overflow:hidden;}
.cta::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.cta .container{position:relative;z-index:1;}
.cta h2{font-size:2.8rem;font-weight:800;color:var(--white);margin-bottom:20px;}
.cta p{font-size:1.15rem;color:rgba(255,255,255,.75);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;}
.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}

/* FOOTER */
.footer{padding:60px 0 30px;background:var(--dark);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-brand .footer-logo{font-size:1.5rem;font-weight:800;margin-bottom:15px;}
.footer-brand .footer-logo span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.footer-brand p{color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.7;margin-bottom:20px;}
.footer-social{display:flex;gap:12px;}
.footer-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .3s;font-size:.9rem;}
.footer-social a:hover{background:var(--gradient);color:var(--white);}
.footer-col h4{color:var(--white);font-size:1rem;font-weight:700;margin-bottom:18px;}
.footer-col ul{display:flex;flex-direction:column;gap:10px;}
.footer-col ul li a{color:rgba(255,255,255,.6);font-size:.9rem;transition:color .3s;}
.footer-col ul li a:hover{color:var(--white);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;}
.footer-bottom p{color:rgba(255,255,255,.5);font-size:.85rem;}
.footer-bottom-links{display:flex;gap:20px;}
.footer-bottom-links a{color:rgba(255,255,255,.5);font-size:.85rem;}
.footer-bottom-links a:hover{color:var(--white);}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero .container{grid-template-columns:1fr;text-align:center;}
  .hero-content p{margin:0 auto 35px;}
  .hero-buttons{justify-content:center;}
  .hero-stats{justify-content:center;}
  .hero-image{display:none;}
  .contact .container{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-links,.nav-buttons{display:none;}
  .hamburger{display:flex;}
  .mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--dark);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:25px;display:none;}
  .mobile-menu.active{display:flex;}
  .mobile-menu a{color:var(--white);font-size:1.3rem;font-weight:600;}
  .mobile-menu .close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--white);font-size:2rem;cursor:pointer;}
  .hero-content h1{font-size:2.5rem;}
  .section-title h2{font-size:2rem;}
  .pricing-card.featured{transform:scale(1);}
  .stats-grid{grid-template-columns:1fr;}
  .stat-item .stat-number{font-size:2.5rem;}
  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .cta h2{font-size:2rem;}
  .portfolio-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .hero-content h1{font-size:2rem;}
  .hero-stats{flex-direction:column;gap:20px;}
  .services-grid{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .methods-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
  .clients-logos{gap:30px;}
}