:root{--primary-color: #4A90E2;--primary-dark: #2C3E50;--secondary-color: #cb6b2b;--secondary-dark: #D35400;--accent-color: #27AE60;--error-color: #E74C3C;--warning-color: #F39C12;--success-color: #28b764;--text-primary: #2C3E50;--text-secondary: #2e4153;--text-light: #FFFFFF;--background-light: #FAFBFC;--background-white: #FFFFFF;--border-color: #E1E8ED;--box-shadow: 0 4px 20px rgba(0, 0, 0, .15);--shadow: 0 4px 20px rgba(0, 0, 0, .15);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius: 8px;--border-radius-lg: 12px;--transition: all .3s ease}@media (prefers-contrast: high){:root{--shadow: 0 2px 8px rgba(0, 0, 0, .3);--border-color: #000000}}.hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;will-change:transform;transform:translateZ(0)}@media (max-width: 768px){.hero-img{object-position:center center;height:100vh}.intro-image img,.service-image img,.gallery-img{will-change:auto;transform:none}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{position:fixed;top:0;left:0;right:0;background:#fff;backdrop-filter:blur(10px);z-index:1000;box-shadow:var(--box-shadow);will-change:transform;transform:translateZ(0)}@media (max-width: 768px){.header{backdrop-filter:none;background:#fffffffa}}.logo{display:flex;align-items:center}.logo-box{position:absolute;top:-90px;left:2rem;background-color:#fff;padding:1rem;border-radius:0 0 40px 40px;box-shadow:0 1px 8px #0000009c;z-index:10;will-change:transform;transform:translateZ(0)}@media (max-width: 768px){.logo-box{top:-85px;left:.9rem;padding:.5rem}}.logo-img{height:180px;width:180px;margin-top:20px}.header-top{display:flex;justify-content:flex-end;gap:2rem;font-size:1rem;padding:1rem 1.5rem;background-color:#5f745f;color:#fff}.nav{padding:2.6rem 1.5rem;background-color:var(--background-light)}.nav-container{display:flex;justify-content:flex-end;align-items:center}.nav-menu{display:flex;gap:1.8rem;list-style:none;font-size:.95rem}.nav-link{color:#2e3b3f;text-decoration:none;font-weight:500;position:relative;padding:.3rem 0;transition:color .3s ease}.nav-link:hover{color:#5f745f}.nav-wrapper{position:relative;background-color:#fff;box-shadow:0 1px 4px #00000014}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.nav-toggle span{width:25px;height:3px;background-color:var(--text-primary);margin:2px 0;transition:var(--transition)}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:var(--transition);position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-color);background-color:#4a90e21a}.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-menu,.nav-dropdown .nav-link[aria-expanded=true]+.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--background-white);box-shadow:var(--shadow);border-radius:var(--border-radius);min-width:250px;padding:var(--spacing-sm);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);list-style:none}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius);transition:var(--transition)}.dropdown-menu a:hover{background-color:var(--background-light);color:var(--primary-color)}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3xl);color:#fff;opacity:.9}.section-title{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--text-primary)}.intro-section{padding:var(--spacing-3xl) 0;background:var(--background-white)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.intro-text h2{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.intro-text p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);color:var(--text-primary)}.intro-image{width:100%;height:400px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.intro-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg);transition:var(--transition)}.values-section{padding:var(--spacing-3xl) 0;background:var(--background-light)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.value-item{text-align:center;padding:var(--spacing-lg)}.value-item h3{color:var(--text-primary);font-size:var(--font-size-md);position:relative}.value-item h3:before{content:"●";color:var(--primary-color);margin-right:var(--spacing-sm)}.page-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-light);padding:200px 0 var(--spacing-3xl);text-align:center}.page-hero h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.page-hero p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);color:#ffffffe6}.page-content{padding:var(--spacing-3xl) 0}.contact-preview{padding:var(--spacing-3xl) 0;background:var(--primary-color);color:var(--text-light);text-align:center}.contact-preview h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.contact-preview p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);color:var(--text-primary)}.footer{background:var(--text-primary);color:var(--text-light);padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer h3,.footer h4{color:var(--text-light);margin-bottom:var(--spacing-md)}.footer p{color:#fffc}.footer ul{list-style:none}.footer ul li{margin-bottom:var(--spacing-sm)}.footer a{color:#fffc;text-decoration:none;transition:var(--transition)}.footer a:hover{color:var(--text-light)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}.nav-link,.cta-button,.service-card{transition:all .2s ease!important}.nav-toggle{display:flex}.header-top{display:flex;flex-direction:column;align-items:flex-end;gap:0;font-size:.8rem}.logo-img{height:110px;width:110px;margin-top:10px}.logo-box{top:-85px;left:.9rem}.nav{padding:1.6rem 1.5rem;background-color:var(--background-light)}.nav-menu{position:fixed;top:100%;left:0;right:0;z-index:999;background:var(--background-white);flex-direction:column;padding:var(--spacing-lg);box-shadow:var(--shadow);transform:translateY(-100vh);transition:transform .3s ease-in-out;gap:var(--spacing-sm)}.nav-menu.active{transform:translateY(0);background-color:var(--background-light)}.nav-dropdown .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:var(--background-light);margin-top:var(--spacing-sm);padding-left:1rem}.section-title{font-size:var(--font-size-xl)}.intro-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.intro-image{height:250px}.values-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:1.9rem;line-height:1.1;padding:var(--spacing-sm)}.hero-subtitle{font-size:var(--font-size-lg);line-height:1.3;padding:var(--spacing-md)}.intro-text{display:flex;flex-direction:column;align-items:center;text-align:center}.intro-text h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.intro-text p{font-size:var(--font-size-md);margin-bottom:var(--spacing-lg)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.hero{min-height:100vh;padding:80px 0 var(--spacing-xl)}.nav-container{padding:var(--spacing-sm)}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:var(--font-size-md)}}