@media (min-width: 1400px) {.container {max-width: 1320px}.hero-title {font-size: var(--text-6xl)}.section-title {font-size: var(--text-5xl)}}@media (max-width: 1399px) and (min-width: 1024px) {.hero-container {gap: var(--space-3xl)}.about-content {gap: var(--space-3xl)}.contact-content {gap: var(--space-3xl)}}@media (max-width: 1023px) and (min-width: 768px) {.hero-container {grid-template-columns: 1fr; gap: var(--space-3xl); text-align: center}.hero-stats {justify-content: center}.hero-actions {justify-content: center}.about-content {grid-template-columns: 1fr; gap: var(--space-3xl)}.contact-content {grid-template-columns: 1fr; gap: var(--space-3xl)}.footer-content {grid-template-columns: 1fr 1fr; gap: var(--space-2xl)}.services-grid {grid-template-columns: repeat(2, 1fr)}.cases-grid {grid-template-columns: repeat(2, 1fr)}}@media (max-width: 767px) and (min-width: 481px) {.nav-menu {position: fixed; top: 80px; left: -100%; width: 100%; height: calc(100vh - 80px); background: var(--white); flex-direction: column; justify-content: flex-start; padding-top: var(--space-2xl); transition: left var(--transition-normal); box-shadow: var(--shadow-lg)}.nav-menu.active {left: 0}.nav-toggle {display: flex}.nav-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px)}.nav-toggle.active span:nth-child(2) {opacity: 0}.nav-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(7px, -6px)}.hero-title {font-size: var(--text-4xl)}.hero-stats {flex-direction: column; gap: var(--space-lg)}.services-grid {grid-template-columns: 1fr}.cases-grid {grid-template-columns: 1fr}.about-features {grid-template-columns: 1fr}.footer-content {grid-template-columns: 1fr; text-align: center}.footer-bottom {flex-direction: column; text-align: center}.image-stats {grid-template-columns: 1fr}}@media (max-width: 480px) and (min-width: 376px) {.container {padding: 0 var(--space-md)}.hero-title {font-size: var(--text-3xl)}.section-title {font-size: var(--text-3xl)}.hero-actions {flex-direction: column}.btn {width: 100%; justify-content: center}.service-card, .case-card {padding: var(--space-xl)}.form {padding: var(--space-xl)}.nav-container {padding: 0 var(--space-md)}.hero-container {padding: 0 var(--space-md)}}@media (max-width: 375px) and (min-width: 321px) {.container {padding: 0 var(--space-sm)}.hero-title {font-size: var(--text-2xl)}.section-title {font-size: var(--text-2xl)}.hero-description {font-size: var(--text-base)}.section-description {font-size: var(--text-base)}.service-card, .case-card {padding: var(--space-lg)}.form {padding: var(--space-lg)}.nav-container {padding: 0 var(--space-sm); height: 70px}.hero-container {padding: 0 var(--space-sm)}.logo-icon {width: 35px; height: 35px; font-size: var(--text-base)}.logo-text h3 {font-size: var(--text-base)}.logo-text span {font-size: var(--text-xs)}}@media (max-width: 320px) {.container {padding: 0 var(--space-xs)}.hero-title {font-size: var(--text-xl)}.section-title {font-size: var(--text-xl)}.hero-description {font-size: var(--text-sm)}.section-description {font-size: var(--text-sm)}.service-card, .case-card {padding: var(--space-md)}.form {padding: var(--space-md)}.nav-container {padding: 0 var(--space-xs); height: 60px}.hero-container {padding: 0 var(--space-xs)}.logo-icon {width: 30px; height: 30px; font-size: var(--text-sm)}.logo-text h3 {font-size: var(--text-sm)}.logo-text span {font-size: var(--text-xs)}.btn {padding: var(--space-sm) var(--space-lg); font-size: var(--text-sm)}}@media (max-height: 500px) and (orientation: landscape) {.hero {min-height: 100vh; padding: var(--space-xl) 0}.hero-container {gap: var(--space-2xl)}.hero-title {font-size: var(--text-3xl); margin-bottom: var(--space-md)}.hero-description {margin-bottom: var(--space-lg)}.hero-stats {margin-bottom: var(--space-lg)}.nav-container {height: 60px}.nav-menu {top: 60px; height: calc(100vh - 60px)}}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.service-icon, .feature-icon, .method-icon, .case-overlay {border-width: 0.5px}}@media print {.navbar, .nav-toggle, .back-to-top, .hero-scroll, .floating-card {display: none !important}.hero {min-height: auto; padding: var(--space-2xl) 0}.service-card, .case-card {break-inside: avoid; box-shadow: none; border: 1px solid var(--gray-300)}.btn {border: 1px solid var(--gray-400); background: none !important; color: var(--gray-900) !important}.form {border: 1px solid var(--gray-300)}}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important}.floating-card {animation: none}.scroll-dot {animation: none}.loading-icon {animation: none}}@media (prefers-contrast: high) {:root {--primary-color: #000000; --secondary-color: #ff0000; --gray-200: #cccccc; --gray-300: #999999; --gray-600: #333333; --gray-700: #000000; --gray-900: #000000}.service-card, .case-card {border: 2px solid var(--gray-900)}.btn {border: 2px solid currentColor}.form-group input, .form-group select, .form-group textarea {border: 2px solid var(--gray-900)}}@media (prefers-color-scheme: dark) {:root {--white: #1a202c; --gray-50: #2d3748; --gray-100: #4a5568; --gray-200: #718096; --gray-300: #a0aec0; --gray-400: #cbd5e0; --gray-500: #e2e8f0; --gray-600: #edf2f7; --gray-700: #f7fafc; --gray-800: #ffffff; --gray-900: #ffffff}body {background-color: var(--white); color: var(--gray-800)}.navbar {background: rgba(26, 32, 44, 0.95); border-bottom-color: var(--gray-100)}.navbar.scrolled {background: rgba(26, 32, 44, 0.98)}.nav-link {color: var(--gray-300)}.nav-link:hover, .nav-link.active {color: var(--white)}.service-card, .case-card {background: var(--gray-50); border-color: var(--gray-100)}.form {background: var(--gray-50); border-color: var(--gray-100)}.form-group input, .form-group select, .form-group textarea {background: var(--white); border-color: var(--gray-100); color: var(--gray-800)}}@media (prefers-reduced-motion: no-preference) {.btn:focus, .nav-link:focus, .service-link:focus, .social-link:focus, .form-group input:focus, .form-group select:focus, .form-group textarea:focus {outline: 2px solid var(--primary-color); outline-offset: 2px}}@media (prefers-reduced-motion: no-preference) {.btn:disabled, .form-group input:disabled, .form-group select:disabled, .form-group textarea:disabled {opacity: 0.6; cursor: not-allowed}.btn.loading {position: relative; color: transparent}.btn.loading::after {content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 2px solid transparent; border-top: 2px solid currentColor; border-radius: 50%; animation: spin 1s linear infinite}@keyframes spin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}}.form-group.error input, .form-group.error select, .form-group.error textarea {border-color: var(--danger-color); box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1)}.error-message {color: var(--danger-color); font-size: var(--text-sm); margin-top: var(--space-xs); display: block}.form-group.success input, .form-group.success select, .form-group.success textarea {border-color: var(--success-color); box-shadow: 0 0 0 3px rgba(56, 161, 105, 0.1)}@media (hover: none) and (pointer: coarse) {.btn:hover, .nav-link:hover, .service-link:hover, .social-link:hover, .service-card:hover, .case-card:hover, .contact-method:hover {transform: none}.btn:active, .nav-link:active, .service-link:active, .social-link:active {transform: scale(0.98)}.service-card:active, .case-card:active, .contact-method:active {transform: translateY(-2px)}}@supports (-webkit-appearance: none) {.form-group input, .form-group select, .form-group textarea {-webkit-appearance: none; border-radius: var(--radius-lg)}}@supports not (backdrop-filter: blur(10px)) {.navbar {background: rgba(255, 255, 255, 0.98)}.floating-card {background: rgba(255, 255, 255, 0.9)}.case-overlay {background: rgba(255, 255, 255, 0.9)}.stat-card {background: rgba(255, 255, 255, 0.9)}}@supports not (display: grid) {.hero-container {display: flex; flex-direction: column}.services-grid {display: flex; flex-wrap: wrap}.service-card {flex: 1 1 350px; margin: var(--space-lg)}.cases-grid {display: flex; flex-wrap: wrap}.case-card {flex: 1 1 350px; margin: var(--space-lg)}.about-content {display: flex; flex-direction: column}.contact-content {display: flex; flex-direction: column}.footer-content {display: flex; flex-wrap: wrap}.footer-section {flex: 1 1 250px; margin: var(--space-lg)}}