@media screen and (max-width:992px) {.hero {padding-top:100px;text-align:center;} .hero-content {max-width:100%;margin:0 auto;z-index:2;position:relative;text-align:center;} .hero-buttons {justify-content:center;} .hero-image {position:relative;width:80%;margin:40px auto 0;right:auto;top:auto;transform:none;} .hero-dev-element {opacity:0.3;width:200px;height:200px;right:0;top:20%;} .stats-grid {grid-template-columns:repeat(2,1fr);gap:20px;}} @media screen and (max-width:768px) {.hamburger {display:block;} .nav-links {position:fixed;top:0;right:0;height:100vh;width:70%;max-width:300px;background:rgba(10,14,23,0.98);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);flex-direction:column;justify-content:center;align-items:center;gap:32px;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:99;box-shadow:-5px 0 30px rgba(0,0,0,0.5);padding:20px;} .nav-links.active {transform:translateX(0);} .nav-links li {width:100%;text-align:center;opacity:0;transform:translateY(20px);transition:all 0.3s ease;} .nav-links.active li {opacity:1;transform:translateY(0);} .nav-links.active li:nth-child(1) {transition-delay:0.1s;} .nav-links.active li:nth-child(2) {transition-delay:0.2s;} .nav-links.active li:nth-child(3) {transition-delay:0.3s;} .nav-links.active li:nth-child(4) {transition-delay:0.4s;} .nav-links.active li:nth-child(5) {transition-delay:0.5s;} .nav-links.active li:nth-child(6) {transition-delay:0.6s;} .nav-links.active li:nth-child(7) {transition-delay:0.7s;} .nav-links a {font-size:1.2rem;display:block;padding:10px;} .hero-title {font-size:2.5rem;} .hero-badge {font-size:0.8rem;padding:6px 16px;} .hero-dev-element {display:none;} .services-grid,.portfolio-grid,.pricing-grid,.team-grid {grid-template-columns:1fr;gap:24px;} .service-card {padding:24px;} .footer-content {grid-template-columns:1fr;text-align:center;gap:32px;} .footer-links ul {align-items:center;} .social-links {justify-content:center;} .footer-logo {justify-content:center;}} @media screen and (max-width:480px) {.hero-title {font-size:2rem;} .hero-buttons {flex-direction:column;width:100%;} .btn {width:100%;} .stats-grid {grid-template-columns:1fr;gap:16px;} .section-title h2 {font-size:2rem;}} @media screen and (max-width:576px) {.floating-whatsapp {bottom:20px;right:20px;} .floating-whatsapp a {width:50px;height:50px;} .floating-whatsapp a i {font-size:25px;}} @media screen and (min-width:993px) and (max-width:1200px) {.hero-title {font-size:3rem;} .services-grid,.portfolio-grid,.team-grid {gap:20px;}} @media screen and (max-width:350px) {.hero-title {font-size:1.8rem;} .btn {padding:10px 20px;font-size:0.9rem;} .section-title h2 {font-size:1.8rem;} .stats-grid {grid-template-columns:1fr;}} @media screen and (max-width:768px) {.hero-trust-container {align-items:center !important;margin-top:25px !important;} .hero-trust {justify-content:center;flex-wrap:wrap;} .live-viewers {background:rgba(0,0,0,0.4);padding:8px 16px;border-radius:30px;backdrop-filter:blur(8px);width:fit-content;margin:5px auto 0;}} @media screen and (max-width:768px) {.section {padding:60px 0;} .container {padding-left:20px;padding-right:20px;} .section-title h2 {font-size:2.2rem;line-height:1.2;} .section-title p {font-size:1rem;max-width:100%;} .process-step {padding:25px 20px;margin-bottom:20px;transform:none !important;} .step-number {font-size:3.5rem;top:5px;right:10px;opacity:0.1;} .step-icon {width:70px;height:70px;font-size:1.5rem;margin-bottom:20px;} .process-step h3 {font-size:1.3rem;} .testimonial-slide {padding:30px 20px;} .testimonial-text p {font-size:1rem;} .contact-container {grid-template-columns:1fr;gap:40px;} .contact-form {padding:25px;} .fomo-badge {font-size:0.9rem;padding:8px 12px;letter-spacing:0;white-space:normal;text-align:center;line-height:1.4;display:inline-flex;flex-direction:column;gap:5px;width:90%;max-width:350px;margin-bottom:20px;} .fomo-badge i {font-size:1.1rem;margin-right:0;margin-bottom:2px;}} @media screen and (min-width:769px) and (max-width:1024px) {.hero-title {font-size:3.5rem;} .process-steps {gap:20px;} .process-step {padding:20px;}}