/* ===== RESPONSIVE ===== */
@media(max-width:1199px){
.hero h1{font-size:2.6rem}
.section-header h2{font-size:2.4rem}
}
@media(max-width:991px){
.hero{text-align:center;padding-top:120px}
.hero p{margin:0 auto 36px}
.hero-btns{justify-content:center}
.hero-visual{margin-top:50px}
.navbar-collapse{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-radius:var(--radius);padding:20px;margin-top:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.timeline::before{left:20px}
.timeline-item,.timeline-item:nth-child(even){width:100%;padding-left:60px;padding-right:0;margin-left:0}
.timeline-item .timeline-dot,.timeline-item:nth-child(odd) .timeline-dot,.timeline-item:nth-child(even) .timeline-dot{left:11px;right:auto}
.page-header h1{font-size:2.4rem}
section{padding:70px 0}
}
@media(max-width:767px){
.hero h1{font-size:2rem}
.hero-logo{width:120px}
.section-header h2{font-size:2rem}
.stat-item .number{font-size:2.2rem}
.contact-form{padding:30px 20px}
.newsletter-form{flex-direction:column}
.page-header{padding:130px 0 60px}
.page-header h1{font-size:2rem}
.cta-section{padding:60px 0}
}
@media(max-width:575px){
.hero h1{font-size:1.7rem}
.hero p{font-size:1rem}
.hero-btns{flex-direction:column;align-items:center}
.btn-primary-custom,.btn-outline-custom,.btn-accent{width:100%;justify-content:center}
.section-header h2{font-size:1.7rem}
}