@media (min-width:1400px) {.container {max-width:1320px} .hero-title {font-size:4rem} .section-title {font-size:3rem} } @media (min-width:1200px) {.services-grid {grid-template-columns:repeat(3,1fr)} } @media (min-width:992px) and (max-width:1199px) {.container {max-width:960px} .hero-container {gap:var(--spacing-2xl)} .hero-title {font-size:var(--font-size-4xl)} .services-grid {grid-template-columns:repeat(2,1fr)} .about-content {gap:var(--spacing-2xl)} .contact-content {gap:var(--spacing-2xl)} } @media (min-width:768px) and (max-width:991px) {.container {max-width:720px} .nav-container {padding:0 var(--spacing-md)} .nav-menu {gap:var(--spacing-lg)} .hero {padding:100px 0 var(--spacing-2xl)} .hero-container {grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center} .hero-title {font-size:var(--font-size-3xl)} .hero-buttons {justify-content:center;flex-wrap:wrap} .hero-stats {justify-content:center} .services-grid {grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)} .reviews-grid {grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)} .about-content {grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center} .features {max-width:600px;margin:0 auto} .contact-content {grid-template-columns:1fr;gap:var(--spacing-2xl)} .footer-content {grid-template-columns:repeat(2,1fr)} } @media (min-width:576px) and (max-width:767px) {.container {max-width:540px} .nav-container {padding:0 var(--spacing-md)} .nav-menu {display:none} .hamburger {display:flex} .hero {padding:80px 0 var(--spacing-xl)} .hero-container {grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center} .hero-title {font-size:var(--font-size-2xl)} .hero-subtitle {font-size:var(--font-size-base)} .hero-buttons {flex-direction:column;align-items:center;gap:var(--spacing-md)} .hero-buttons .btn-primary,.hero-buttons .btn-secondary {width:100%;max-width:300px} .hero-stats {justify-content:center;gap:var(--spacing-lg)} .hero-card {padding:var(--spacing-xl);transform:none} .hero-card:hover {transform:scale(1.02)} .services {padding:var(--spacing-2xl) 0} .section-title {font-size:var(--font-size-2xl)} .section-subtitle {font-size:var(--font-size-base)} .services-grid {grid-template-columns:1fr;gap:var(--spacing-lg)} .reviews-grid {grid-template-columns:1fr;gap:var(--spacing-lg)} .service-card {padding:var(--spacing-xl)} .about {padding:var(--spacing-2xl) 0} .about-text h2 {font-size:var(--font-size-2xl)} .features {gap:var(--spacing-lg)} .feature {flex-direction:column;text-align:center;gap:var(--spacing-md)} .feature i {align-self:center;margin:0 auto} .contact {padding:var(--spacing-2xl) 0} .contact-form {padding:var(--spacing-xl)} .footer {padding:var(--spacing-2xl) 0 var(--spacing-lg)} .footer-content {grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center} .social-links {justify-content:center} } @media (max-width:575px) {.container {padding:0 var(--spacing-md)} .nav-container {padding:0 var(--spacing-md)} .nav-logo h2 {font-size:var(--font-size-xl)} .nav-menu {display:none} .hamburger {display:flex} .nav-actions {gap:var(--spacing-md)} .language-switcher {gap:var(--spacing-xs)} .lang-btn {padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)} .cta-btn {padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)} .cta-btn i {font-size:0.8em;flex-shrink:0} .hero {padding:70px 0 var(--spacing-lg)} .hero-container {grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center} .hero-title {font-size:var(--font-size-xl);line-height:1.2} .hero-subtitle {font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)} .hero-buttons {flex-direction:column;gap:var(--spacing-md)} .hero-buttons .btn-primary,.hero-buttons .btn-secondary {width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm)} .hero-buttons .btn-primary i,.hero-buttons .btn-secondary i {font-size:0.8em;flex-shrink:0} .hero-stats {flex-direction:column;gap:var(--spacing-md)} .stat {display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)} .stat-number {font-size:var(--font-size-xl)} .stat-label {font-size:var(--font-size-xs)} .hero-card {padding:var(--spacing-lg);transform:none} .hero-card i {font-size:2.5rem} .hero-card h3 {font-size:var(--font-size-lg)} .services {padding:var(--spacing-xl) 0} .section-header {margin-bottom:var(--spacing-xl)} .section-title {font-size:var(--font-size-xl)} .section-subtitle {font-size:var(--font-size-sm)} .services-grid {grid-template-columns:1fr;gap:var(--spacing-md)} .reviews-grid {grid-template-columns:1fr;gap:var(--spacing-md)} .service-card {padding:var(--spacing-lg)} .service-icon {width:60px;height:60px;margin:0 auto} .service-icon i {font-size:1.5rem;display:flex;align-items:center;justify-content:center} .service-card h3 {font-size:var(--font-size-lg)} .service-card p {font-size:var(--font-size-sm)} .about {padding:var(--spacing-xl) 0} .about-text h2 {font-size:var(--font-size-xl);text-align:center} .features {gap:var(--spacing-md)} .feature {flex-direction:column;text-align:center;gap:var(--spacing-sm)} .feature i {width:40px;height:40px;font-size:1rem;align-self:center;margin:0 auto} .feature h4 {font-size:var(--font-size-base)} .feature p {font-size:var(--font-size-sm)} .about-content {grid-template-columns:none} .about-image {display:none} .image-placeholder {padding:var(--spacing-lg)} .image-placeholder i {font-size:2.5rem} .contact {padding:var(--spacing-xl) 0} .section-header {margin-bottom:var(--spacing-lg)} .contact-content {grid-template-columns:1fr;gap:var(--spacing-lg)} .contact-info {gap:var(--spacing-md);align-items:center} .contact-item {flex-direction:column;text-align:center;gap:var(--spacing-sm)} .contact-item i {width:40px;height:40px;font-size:1rem;align-self:center;margin:0 auto} .contact-item h4 {font-size:var(--font-size-base)} .contact-item p {font-size:var(--font-size-sm)} .contact-form {padding:var(--spacing-lg)} .form-group {margin-bottom:var(--spacing-md)} .form-group input,.form-group select,.form-group textarea {padding:var(--spacing-sm);font-size:var(--font-size-sm)} .form-group label {font-size:var(--font-size-sm)} .btn-primary {width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm)} .footer {padding:var(--spacing-lg) 0 var(--spacing-md)} .footer-content {grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center} .footer-section h3,.footer-section h4 {font-size:var(--font-size-lg)} .footer-section p {font-size:var(--font-size-sm)} .footer-section ul li a {font-size:var(--font-size-sm)} .social-links {justify-content:center;gap:var(--spacing-sm)} .social-link {width:35px;height:35px} .social-link i {font-size:0.9em;display:flex;align-items:center;justify-content:center} .footer-bottom p {font-size:var(--font-size-xs)} } @media (max-width:375px) {.container {padding:0 var(--spacing-sm)} .nav-container {padding:0 var(--spacing-sm)} .hero-container {padding:0 var(--spacing-sm)} .hero-title {font-size:var(--font-size-lg)} .hero-subtitle {font-size:var(--font-size-xs)} .hero-buttons .btn-primary,.hero-buttons .btn-secondary {padding:var(--spacing-sm);font-size:var(--font-size-xs)} .hero-buttons .btn-primary i,.hero-buttons .btn-secondary i {font-size:0.7em;flex-shrink:0} .hero-card {padding:var(--spacing-md)} .hero-card i {font-size:2rem} .service-card {padding:var(--spacing-md)} .review-card {padding:var(--spacing-md)} .service-icon {width:50px;height:50px;margin:0 auto} .service-icon i {font-size:1.25rem;display:flex;align-items:center;justify-content:center} .contact-form {padding:var(--spacing-md)} .form-group input,.form-group select,.form-group textarea {padding:var(--spacing-xs);font-size:var(--font-size-xs)} } @media (orientation:landscape) and (max-height:500px) {.hero {padding:60px 0 var(--spacing-lg)} .hero-container {grid-template-columns:1fr 1fr;gap:var(--spacing-lg)} .hero-title {font-size:var(--font-size-xl)} .hero-subtitle {font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)} .hero-buttons {flex-direction:row;gap:var(--spacing-md)} .hero-buttons .btn-primary,.hero-buttons .btn-secondary {width:auto;padding:var(--spacing-sm) var(--spacing-md)} .hero-stats {flex-direction:row;gap:var(--spacing-md)} } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {.hero-card,.service-card,.contact-form {box-shadow:var(--shadow-lg)} } @media (prefers-reduced-motion:reduce) {* {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} .hero-card:hover {transform:none} .service-card:hover {transform:none} } @media (prefers-color-scheme:dark) {:root {--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-light:#9ca3af;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-accent:#374151;--border-color:#374151} .header {background:rgba(17,24,39,0.95);border-bottom-color:var(--border-color)} .hero {background:linear-gradient(135deg,#1f2937 0%,#111827 100%)} .service-card,.contact-form,.hero-card,.image-placeholder {background:var(--bg-secondary);border-color:var(--border-color)} } @media print {.container {max-width:none;padding:0} .hero-container,.about-content,.contact-content {grid-template-columns:1fr} .services-grid {grid-template-columns:repeat(2,1fr)} .hero-buttons {display:none} .nav-actions {display:none} } @media (prefers-contrast:high) {:root {--primary-color:#0000ff;--text-primary:#000000;--text-secondary:#333333;--border-color:#000000} .btn-primary {background:#0000ff;border:2px solid #000000} .btn-secondary {border:2px solid #000000;color:#000000} } @media (prefers-reduced-motion:no-preference) {.nav-link:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.cta-btn:focus-visible,.lang-btn:focus-visible {outline:3px solid var(--primary-color);outline-offset:2px} }