:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-secondary: #8b5cf6;--color-accent: #06b6d4;--color-text: #1f2937;--color-text-light: #6b7280;--color-background: #ffffff;--color-background-alt: #f9fafb;--color-success: #10b981;--color-error: #ef4444;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--spacing-unit: 8px;--spacing-section: calc(var(--spacing-unit) * 10);--logo-height-mobile: 40px;--logo-height-tablet: 50px;--logo-height-desktop: 60px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:700;color:var(--color-text)}h1{font-size:2.5rem;margin-bottom:calc(var(--spacing-unit) * 3)}h2{font-size:2rem;margin-bottom:calc(var(--spacing-unit) * 2.5)}h3{font-size:1.5rem;margin-bottom:calc(var(--spacing-unit) * 2)}p{margin-bottom:calc(var(--spacing-unit) * 2)}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary-dark)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}a:focus-visible,button:focus-visible,.nav-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:2px}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}ul{list-style:none}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);z-index:100;font-weight:600;text-decoration:none;border-radius:0 0 4px;transition:top .3s ease}.skip-link:focus{top:0;outline:3px solid var(--color-accent);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 2)}.header{position:sticky;top:0;background-color:var(--color-background);box-shadow:0 2px 4px #0000001a;z-index:50}.nav-container{max-width:1200px;margin:0 auto;padding:calc(var(--spacing-unit) * 2);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5)}.company-name{font-size:1.125rem;font-weight:700;color:var(--color-text);white-space:nowrap;display:inline}.logo-image{height:var(--logo-height-mobile);width:auto;display:block;object-fit:contain;transition:transform .3s ease}.logo-image:hover{transform:scale(1.05)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:calc(var(--spacing-unit) * 1);border-radius:4px;transition:background-color .3s ease}.nav-toggle:hover{background-color:#0000000d}.nav-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.nav-toggle:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.hamburger{display:block;width:25px;height:2px;background-color:var(--color-text);position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;width:25px;height:2px;background-color:var(--color-text);left:0}.hamburger:before{top:-8px}.hamburger:after{top:8px}.nav-menu{display:flex;gap:calc(var(--spacing-unit) * 4)}.nav-link{color:var(--color-text);font-weight:500;padding:calc(var(--spacing-unit) * 1) 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-primary)}.section{padding:var(--spacing-section) 0}.section:nth-child(2n){background-color:var(--color-background-alt)}.section-title{text-align:center;margin-bottom:calc(var(--spacing-unit) * 6)}.product-section{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-alt) 100%)}.product-content{display:flex;flex-direction:column}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 5);align-items:start;width:100%}.product-carousel-wrapper{width:100%;position:relative}.carousel{position:relative;width:100%;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px #00000026;background-color:var(--color-background)}.carousel:before{content:"";position:absolute;inset:-10px 10px 10px -10px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px;opacity:.1;z-index:-1}.carousel-slides{position:relative;width:100%;aspect-ratio:4 / 3}.carousel-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;z-index:1}.carousel-slide.active{opacity:1;z-index:2}.carousel-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:#fffc;color:var(--color-text);border:none;padding:calc(var(--spacing-unit) * 1.5);cursor:pointer;z-index:3;border-radius:4px;transition:background-color .3s ease,transform .2s ease;font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:calc(var(--spacing-unit) * 4.5);height:calc(var(--spacing-unit) * 4.5)}.carousel-control:hover{background-color:#fffffff2;transform:translateY(-50%) scale(1.1)}.carousel-control:focus{outline:2px solid var(--color-primary);outline-offset:2px}.carousel-prev{left:calc(var(--spacing-unit) * 2)}.carousel-next{right:calc(var(--spacing-unit) * 2)}.carousel-arrow{font-weight:700}.carousel-indicators{position:absolute;bottom:calc(var(--spacing-unit) * 2);left:50%;transform:translate(-50%);display:flex;gap:calc(var(--spacing-unit) * 1);z-index:3}.indicator{width:calc(var(--spacing-unit) * 1.5);height:calc(var(--spacing-unit) * 1.5);border-radius:50%;background-color:#ffffff80;border:2px solid rgba(255,255,255,.7);cursor:pointer;transition:background-color .3s ease,border-color .3s ease;padding:0;font-size:0}.indicator:hover{background-color:#ffffffb3;border-color:#ffffffe6}.indicator.active{background-color:var(--color-primary);border-color:var(--color-primary)}.product-intro,.product-details{padding:calc(var(--spacing-unit) * 2);display:flex;flex-direction:column}.product-name{color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 3);font-size:2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-description{font-size:1.125rem;color:var(--color-text-light);margin-bottom:calc(var(--spacing-unit) * 4);line-height:1.8;flex-grow:1}.download-brochure-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:600;font-size:1rem;border-radius:6px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;box-shadow:0 4px 12px #2563eb4d;align-self:flex-start;width:fit-content}.download-brochure-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary))}.download-brochure-btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}.download-brochure-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.download-icon{font-size:1.25rem;display:inline-block}.product-features{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75)}.feature-item{padding-left:calc(var(--spacing-unit) * 4);position:relative;font-size:1.0625rem;line-height:1.4;transition:transform .2s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding-top:calc(var(--spacing-unit) * .5);padding-bottom:calc(var(--spacing-unit) * .5)}.feature-item:hover{transform:translate(5px)}.feature-icon{font-size:1.25rem;flex-shrink:0;display:inline-block;width:calc(var(--spacing-unit) * 2.5);text-align:center}.feature-item:before{content:"";display:none}.product-section-group{margin-top:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 3)}.product-subsection-title{font-size:1.5rem;color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 2);font-weight:700}.about-content{max-width:1000px;margin:0 auto}.about-mission,.about-vision,.about-story,.about-team,.about-values{margin-bottom:calc(var(--spacing-unit) * 8)}.about-subtitle{font-size:1.75rem;color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 3);text-align:center}.about-text{font-size:1.125rem;color:var(--color-text-light);line-height:1.8;margin-bottom:calc(var(--spacing-unit) * 2.5);text-align:left}.about-mission .about-text,.about-vision .about-text{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 4);margin-top:calc(var(--spacing-unit) * 4)}.team-member{background-color:var(--color-background);padding:calc(var(--spacing-unit) * 3);border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.team-member-avatar{width:100px;height:100px;margin:0 auto calc(var(--spacing-unit) * 2);border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb4d}.avatar-placeholder{font-size:2rem;font-weight:700;color:#fff}.team-member-name{font-size:1.25rem;color:var(--color-text);margin-bottom:calc(var(--spacing-unit) * 1)}.team-member-role{font-size:.9375rem;color:var(--color-primary);font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2)}.team-member-bio{font-size:.9375rem;color:var(--color-text-light);line-height:1.6;margin:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 4)}.value-item{background-color:var(--color-background);padding:calc(var(--spacing-unit) * 3);border-radius:8px;box-shadow:0 2px 4px #00000014;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.value-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.value-icon{font-size:3rem;margin-bottom:calc(var(--spacing-unit) * 2);line-height:1}.value-title{font-size:1.125rem;color:var(--color-text);margin-bottom:calc(var(--spacing-unit) * 1.5)}.value-description{font-size:.9375rem;color:var(--color-text-light);line-height:1.6;margin:0}.contact-content{max-width:800px;margin:0 auto;text-align:center}.contact-intro{font-size:1.125rem;color:var(--color-text-light);margin-bottom:calc(var(--spacing-unit) * 4)}.contact-methods{display:grid;gap:calc(var(--spacing-unit) * 4)}.contact-method{padding:calc(var(--spacing-unit) * 3);background-color:var(--color-background);border-radius:8px;box-shadow:0 2px 4px #0000001a}.contact-method-title{margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-primary)}.contact-link{font-size:1.125rem;font-weight:500}.email-link{color:var(--color-primary);padding:calc(var(--spacing-unit) * .5);border-radius:4px;display:inline-block}.email-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;background-color:#2563eb0d}.email-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.social-links{display:flex;gap:calc(var(--spacing-unit) * 3);justify-content:center;flex-wrap:wrap}.social-link{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);background-color:var(--color-primary);color:#fff;border-radius:4px;font-weight:500;transition:background-color .3s ease}.social-link:hover{background-color:var(--color-primary-dark);color:#fff}.social-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.social-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.footer{background-color:var(--color-text);color:#fff;padding:calc(var(--spacing-unit) * 4) 0;text-align:center}.footer-text{margin:0;color:#fff}.animate-fade-in,.animate-slide-in{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.animate-fade-in{transform:translateY(20px)}.animate-slide-in{transform:translate(-30px)}.animate-fade-in.animate-in{opacity:1;transform:translateY(0)}.animate-slide-in.animate-in{opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-in{opacity:1;transform:none;transition:none}}@media(max-width:767px){.nav-toggle{display:block;z-index:60}.nav-menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:var(--color-background);box-shadow:-2px 0 8px #0000001a;flex-direction:column;padding:calc(var(--spacing-unit) * 10) calc(var(--spacing-unit) * 3);gap:calc(var(--spacing-unit) * 3);transition:right .3s ease;z-index:55}.nav-menu.active{right:0}.nav-link{font-size:1.125rem;padding:calc(var(--spacing-unit) * 1.5) 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.section{padding:calc(var(--spacing-unit) * 6) 0}.section-title{margin-bottom:calc(var(--spacing-unit) * 4)}.product-row{display:block}.product-intro,.product-details{padding:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 3)}.download-brochure-btn{padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2.5);font-size:.9375rem;width:100%;align-self:stretch}.download-icon{font-size:1.125rem}.product-carousel-wrapper{margin-bottom:calc(var(--spacing-unit) * 3)}.carousel-control{padding:calc(var(--spacing-unit) * 1);width:calc(var(--spacing-unit) * 3.5);height:calc(var(--spacing-unit) * 3.5);font-size:1rem}.carousel-prev{left:calc(var(--spacing-unit) * 1)}.carousel-next{right:calc(var(--spacing-unit) * 1)}.indicator{width:calc(var(--spacing-unit) * 1.25);height:calc(var(--spacing-unit) * 1.25)}.product-section-group{margin-bottom:calc(var(--spacing-unit) * 4)}.contact-methods{grid-template-columns:1fr}.office-card{padding:calc(var(--spacing-unit) * 2)}.office-title{font-size:1.25rem}.address-line{font-size:.9375rem}.address-icon{font-size:1.25rem;width:calc(var(--spacing-unit) * 2.5)}}@media(min-width:768px){.nav-toggle{display:none}.nav-menu{position:static;flex-direction:row;width:auto;height:auto;background:transparent;box-shadow:none;padding:0}.logo-image{height:var(--logo-height-tablet)}.company-name{display:inline}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.container{padding:0 calc(var(--spacing-unit) * 3)}.section{padding:calc(var(--spacing-unit) * 8) 0}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 5)}.product-intro,.product-details{padding:calc(var(--spacing-unit) * 2)}.carousel-control{padding:calc(var(--spacing-unit) * 1.25);width:calc(var(--spacing-unit) * 4);height:calc(var(--spacing-unit) * 4);font-size:1.125rem}.carousel-prev{left:calc(var(--spacing-unit) * 1.5)}.carousel-next{right:calc(var(--spacing-unit) * 1.5)}.download-brochure-btn{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);font-size:1rem;width:fit-content;align-self:flex-start}.download-icon{font-size:1.25rem}.indicator{width:calc(var(--spacing-unit) * 1.5);height:calc(var(--spacing-unit) * 1.5)}.contact-methods{grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 5)}.contact-method{padding:calc(var(--spacing-unit) * 4)}.office-card{padding:calc(var(--spacing-unit) * 3)}}@media(min-width:1024px){h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}.container{padding:0 calc(var(--spacing-unit) * 4)}.nav-container{padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 4)}.nav-menu{gap:calc(var(--spacing-unit) * 5)}.logo-image{height:var(--logo-height-desktop)}.section{padding:var(--spacing-section) 0}.section-title{margin-bottom:calc(var(--spacing-unit) * 8)}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 6)}.product-intro,.product-details{padding:calc(var(--spacing-unit) * 3)}.carousel-control{padding:calc(var(--spacing-unit) * 1.5);width:calc(var(--spacing-unit) * 4.5);height:calc(var(--spacing-unit) * 4.5);font-size:1.25rem}.carousel-prev{left:calc(var(--spacing-unit) * 2)}.carousel-next{right:calc(var(--spacing-unit) * 2)}.indicator{width:calc(var(--spacing-unit) * 1.5);height:calc(var(--spacing-unit) * 1.5)}.product-description{font-size:1.25rem}.download-brochure-btn{padding:calc(var(--spacing-unit) * 1.75) calc(var(--spacing-unit) * 3.5);font-size:1.0625rem}.download-icon{font-size:1.375rem}.about-text,.contact-intro{font-size:1.25rem}.contact-methods{grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 6)}.contact-method{padding:calc(var(--spacing-unit) * 5)}}@media(hover:none)and (pointer:coarse){.nav-link{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 1)}.nav-toggle{padding:calc(var(--spacing-unit) * 2)}.social-link{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4)}a:hover{color:var(--color-primary)}}@media(min-width:1440px){.container{max-width:1400px}h1{font-size:3.5rem}.product-description,.about-text,.contact-intro{font-size:1.375rem}}@media print{.nav-toggle,.skip-link{display:none}.header{position:static;box-shadow:none}.section{page-break-inside:avoid}}
