/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
.about-grid{grid-template-columns:1fr;gap:40px}
.about-visual{max-width:300px;margin:0 auto}
.why-grid{grid-template-columns:repeat(2,1fr)}
.process-timeline{grid-template-columns:repeat(2,1fr)}
.step-connector{display:none}
.portfolio-grid{grid-template-columns:repeat(2,1fr)}
.blog-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.testimonial-card{min-width:calc(50% - 12px)}
}

@media(max-width:768px){
.top-bar-inner{flex-direction:column;gap:8px;text-align:center}
.top-bar-left{flex-direction:column;gap:6px}
.top-bar-right{flex-direction:column;gap:8px}
.top-separator{display:none}
:root{--top-bar-h: 180px}
.top-bar{height:auto;padding:12px 0}
.navbar{top:var(--top-bar-h); padding: 10px 0;}
.navbar.scrolled{top:var(--top-bar-h)}
.logo-img{max-width: 140px !important;}
.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(15, 8, 30, 0.98);backdrop-filter:blur(20px);flex-direction:column;padding:80px 30px 30px;gap:4px;transition:right .4s;z-index:2000;overflow-y:auto;}
.nav-links.open{right:0}
.nav-link{padding:12px 16px;font-size:1.1rem;display:flex;align-items:center;justify-content:space-between;color:var(--white);}
.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;background:transparent;box-shadow:none;border:none;padding:0 0 0 20px;min-width:auto;display:none !important;}
.mega-menu{display:none !important; width: 100% !important; padding: 10px 0 10px 20px !important;}
.dropdown.active .dropdown-menu{display:block !important;}
.dropdown.active .mega-menu{display:block !important;}
.dropdown.active .nav-link i{transform:rotate(180deg)}
.mobile-toggle{display:flex}
.hero-title{font-size:2.2rem}
.hero-ctas{flex-direction:column;align-items:center}
.hero-stats{gap:24px}
.stat-number{font-size:2rem}
.why-grid{grid-template-columns:1fr}
.process-timeline{grid-template-columns:1fr}
.portfolio-grid{grid-template-columns:1fr}
.contact-grid{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
.blog-grid{grid-template-columns:1fr}
.careers-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column;gap:12px;text-align:center}
.testimonial-card{min-width:100%}
.newsletter-form{flex-direction:column}
.services-grid{grid-template-columns:1fr}
.hero-sub{font-size:.95rem}
.section{padding:60px 0}
.section-title{font-size:1.8rem}
.chat-window{width:300px;right:-10px}
.chat-body{max-height:300px}
.v-shape-1{width:220px;height:220px;top:2%;left:-5%;opacity:0.08}
.v-shape-2{width:260px;height:260px;bottom:2%;right:-5%;opacity:0.08}
}

@media(max-width:480px){
.container{padding:0 16px}
.hero{padding:120px 0 60px}
.hero-title{font-size:1.8rem}
.btn{padding:12px 24px;font-size:.85rem}
.contact-form{padding:24px}
.v-shape-1{width:160px;height:160px;opacity:0.06}
.v-shape-2{width:180px;height:180px;opacity:0.06}
}