* {margin: 0;padding: 0;box-sizing: border-box;}html, body {height: 100%;margin: 0;padding: 0;}body {font-family: 'Roboto', sans-serif;line-height: 1.6;color: #333;background: #fff;}header {position: fixed;width: 100%;top: 0;background: rgba(0, 0, 0, 0.1);color: #fff;padding: 1rem 2rem;z-index: 1200;transition: background 0.9s ease;}header.scrolled {background: rgba(51, 51, 51, 1);}section[id] {scroll-margin-top: 80px;}.nav-container {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}.logo {font-size: 0;}.logo img {max-width: 250px;height: auto;display: block;}.chamber-logo {margin: auto;}.chamber-logo:last-child {padding-top: 5px;}.nav-menu {display: flex;list-style: none;}.nav-menu li {margin-left: 2rem;}.nav-menu a {color: #333;text-decoration: none;font-size: 1rem;transition: color 0.3s ease;}header.scrolled .nav-menu a {color: #fff;}.nav-menu a:hover {color: #292200;}.hamburger {display: none;font-size: 1.5rem;cursor: pointer;color: #fff;transition: color 0.3s ease;}header.scrolled .hamburger {color: #fff;}.hero {height: 100vh;background: url('/images/multicube.webp') no-repeat left center/contain;background-color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;color: #525252;padding: 0 2rem;transition: background-color 0.3s ease, color 0.3s ease;}.hero.scrolled {background-color: #333;}.hero.scrolled h1, .hero.scrolled p, .hero.scrolled .btn {color: #fff;transition: color 0.3s ease;}.hero-content h1 {font-size: 3rem;margin-bottom: 1rem;}.hero-content p {font-size: 1.2rem;margin-bottom: 2rem;}.btn {display: inline-block;padding: 0.8rem 2rem;background: #F5C000;color: #000;text-decoration: none;border-radius: 5px;transition: background 0.3s ease;}.btn:hover {background: #292200;color: #fff;}.services {padding: 4rem 2rem;background: #f9f9f9;text-align: center;}.container {max-width: 1200px;margin: 0 auto;}.services h2 {font-size: 2.5rem;margin-bottom: 2rem;}.service-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;}.service-card {background: #fff;padding: 2rem;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease;}.service-card:hover {transform: translateY(-5px);}.service-card i {font-size: 2rem;color: #F5C000;margin-bottom: 1rem;}.service-card h3 {font-size: 1.5rem;margin-bottom: 1rem;}.about {padding: 4rem 2rem;display: flex;align-items: center;}.about-content {display: flex;flex-wrap: wrap;gap: 2rem;}.about-text {flex: 1;min-width: 300px;}.about-image {flex: 1;min-width: 300px;}.about-image img {width: 100%;border-radius: 10px;}.portfolio {padding: 4rem 2rem;background: #f9f9f9;text-align: center;}.portfolio-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;}.portfolio-card {position: relative;overflow: hidden;border-radius: 10px;aspect-ratio: 2 / 1;}.portfolio-card video {width: 100%;height: 100%;display: block;object-fit: cover;transition: transform 0.3s ease;}.portfolio-card:hover video {transform: scale(1.1);}.portfolio-card img {width: 100%;height: 100%;display: block;object-fit: cover;transition: transform 0.3s ease;}.portfolio-card:hover img {transform: scale(1.1);}.portfolio-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(20, 18, 0, 0.7);color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;}.portfolio-card:hover .portfolio-overlay {opacity: 1;}.portfolio-overlay .btn {margin-top: 1rem;padding: 0.5rem 1rem;font-size: 0.9rem;}.testimonials {padding: 4rem 1rem;text-align: center;}.testimonial-carousel {max-width: 800px;margin: 0 auto;overflow: hidden;position: relative;height: 250px;}.testimonial-slide {display: none;padding: 1rem;background: #fff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.testimonial-slide:first-child {display: block;}.testimonial-slide.active {display: block;}.testimonial-slide p {font-style: italic;margin-bottom: 1rem;}.testimonial-slide h4 {font-size: 1rem;}.carousel-controls {margin-top: 1rem;}.carousel-btn {background: none;border: none;font-size: 1.5rem;cursor: pointer;margin: 0 0.5rem;}.contact {padding: 4rem 2rem;background: #f9f9f9;text-align: center;}.contact h2 {font-size: 2rem;margin-bottom: 2rem;color: #000000;}.contact-form {max-width: 600px;margin: 0 auto;display: grid;gap: 1.5rem;}.form-group {text-align: left;}.form-group label {display: block;font-size: 1rem;margin-bottom: 0.5rem;color: #333;}.form-group .required {color: #F5C000;}.form-group input, .form-group textarea {width: 100%;padding: 0.75rem;font-size: 1rem;border: 1px solid #ccc;border-radius: 5px;font-family: 'Roboto', sans-serif;transition: border-color 0.3s ease;}.form-group input:focus, .form-group textarea:focus {border-color: #F5C000;outline: none;}.form-group textarea {resize: vertical;min-height: 100px;}.contact-form .btn {background: #F5C000;color: #fff;padding: 0.75rem 1.5rem;font-size: 1rem;border: none;border-radius: 5px;cursor: pointer;transition: background 0.3s ease;}.contact-form .btn:hover {background: #7A6500;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;}.error-message {display: block;color: #ff0000;font-size: 0.8rem;margin-top: 0.25rem;font-family: 'Roboto', sans-serif;}@media (max-width: 768px) {.contact {padding: 2rem 1rem;}.contact-form {gap: 1rem;}}footer {background: rgba(51, 51, 51, 1);color: #fff;padding: 2rem;text-align: center;}.footer-content {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1200px;margin: 0 auto;gap: 2rem;}.footer-section {flex: 1;min-width: 200px;}.footer-section ul {list-style: none;}.footer-section a {color: #fff;text-decoration: none;}.footer-section a:hover {color: #7A6500;}.social-icons {position: fixed;top: 50%;right: 10px;transform: translateY(-50%);display: flex;flex-direction: column;gap: 15px;z-index: 1000;}.social-icons a {position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #F5C000;color: #fff;border-radius: 50%;text-decoration: none;transition: background 0.3s ease, transform 0.3s ease;}.social-icons a:hover {background: #7A6500;transform: scale(1.1);}.social-icons i {font-size: 1.2rem;}.social-icons .tooltip {position: absolute;right: 50px;top: 50%;transform: translateY(-50%);background: #fff;color: #000;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 0.9rem;padding: 5px 10px;border-radius: 5px;white-space: nowrap;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.social-icons a:hover .tooltip {opacity: 1;visibility: visible;}@media (max-width: 768px) {.nav-menu {display: none;flex-direction: column;position: absolute;top: 84px;left: 0;width: 100%;background: rgba(250, 250, 250, 1);padding: 1rem;transition: transform 0.3s ease;z-index: 1100;}.nav-menu.active {display: flex;}.nav-menu li {margin: 1rem 0;}.hamburger {display: block;}.hero {background: url('/images/multicube.webp') no-repeat left;background-size: 200%;}.hero-content h1 {font-size: 2rem;}.about {flex-direction: column;}.testimonial-carousel {height: 450px;}.contact {padding: 2rem 1rem;}.contact-form {gap: 1rem;}.form-row {display: block;}.form-row .form-group {margin-bottom: 1rem;}.footer-content {flex-direction: column;text-align: center;}.social-icons a {width: 30px;height: 30px;}}