:root{--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--color-text:#1f2937;--color-text-light:#6b7280;--color-background:#fff;--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);color:var(--color-text);font-weight:700;line-height:1.2}h1{margin-bottom:calc(var(--spacing-unit) * 3);font-size:2.5rem}h2{margin-bottom:calc(var(--spacing-unit) * 2.5);font-size:2rem}h3{margin-bottom:calc(var(--spacing-unit) * 2);font-size:1.5rem}p{margin-bottom:calc(var(--spacing-unit) * 2)}a{color:var(--color-primary);text-decoration:none;transition:color .3s}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{background:var(--color-primary);color:#fff;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);z-index:100;border-radius:0 0 4px;font-weight:600;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:0}.skip-link:focus{outline:3px solid var(--color-accent);outline-offset:2px;top:0}.container{max-width:1200px;padding:0 calc(var(--spacing-unit) * 2);margin:0 auto}.header{background-color:var(--color-background);z-index:50;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.nav-container{max-width:1200px;padding:calc(var(--spacing-unit) * 2);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{color:var(--color-primary);align-items:center;gap:calc(var(--spacing-unit) * 1.5);font-size:1.5rem;font-weight:700;display:flex}.company-name{color:var(--color-text);white-space:nowrap;font-size:1.125rem;font-weight:700;display:inline}.logo-image{height:var(--logo-height-mobile);object-fit:contain;width:auto;transition:transform .3s;display:block}.logo-image:hover{transform:scale(1.05)}.nav-toggle{cursor:pointer;padding:calc(var(--spacing-unit) * 1);background:0 0;border:none;border-radius:4px;transition:background-color .3s;display:none}.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{background-color:var(--color-text);width:25px;height:2px;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background-color:var(--color-text);width:25px;height:2px;position:absolute;left:0}.hamburger:before{top:-8px}.hamburger:after{top:8px}.nav-menu{gap:calc(var(--spacing-unit) * 4);display:flex}.nav-link{color:var(--color-text);padding:calc(var(--spacing-unit) * 1) 0;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";background-color:var(--color-primary);height:2px;position:absolute;bottom:0;left:0;right:0}.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{flex-direction:column;display:flex}.product-row{gap:calc(var(--spacing-unit) * 5);grid-template-columns:1fr 1fr;align-items:start;width:100%;display:grid}.product-carousel-wrapper{width:100%;position:relative}.carousel{background-color:var(--color-background);border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.carousel:before{content:"";background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));opacity:.1;z-index:-1;border-radius:12px;position:absolute;inset:-10px 10px 10px -10px}.carousel-slides{aspect-ratio:4/3;width:100%;position:relative}.carousel-slide{opacity:0;z-index:1;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute}.carousel-slide.active{opacity:1;z-index:2}.carousel-image{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.carousel-control{color:var(--color-text);padding:calc(var(--spacing-unit) * 1.5);cursor:pointer;z-index:3;width:calc(var(--spacing-unit) * 4.5);height:calc(var(--spacing-unit) * 4.5);background-color:#fffc;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:1.25rem;transition:background-color .3s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.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{bottom:calc(var(--spacing-unit) * 2);gap:calc(var(--spacing-unit) * 1);z-index:3;display:flex;position:absolute;left:50%;transform:translate(-50%)}.indicator{width:calc(var(--spacing-unit) * 1.5);height:calc(var(--spacing-unit) * 1.5);cursor:pointer;background-color:#ffffff80;border:2px solid #ffffffb3;border-radius:50%;padding:0;font-size:0;transition:background-color .3s,border-color .3s}.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);flex-direction:column;display:flex}.product-name{color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 3);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.product-description{color:var(--color-text-light);margin-bottom:calc(var(--spacing-unit) * 4);flex-grow:1;font-size:1.125rem;line-height:1.8}.download-brochure-btn{justify-content:center;align-items: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;border-radius:6px;align-self:flex-start;width:fit-content;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .3s;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.download-brochure-btn:hover{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-secondary));transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.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{gap:calc(var(--spacing-unit) * .75);flex-direction:column;display:flex}.feature-item{padding-left:calc(var(--spacing-unit) * 4);align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding-top:calc(var(--spacing-unit) * .5);padding-bottom:calc(var(--spacing-unit) * .5);font-size:1.0625rem;line-height:1.4;transition:transform .2s;display:flex;position:relative}.feature-item:hover{transform:translate(5px)}.feature-icon{width:calc(var(--spacing-unit) * 2.5);text-align:center;flex-shrink:0;font-size:1.25rem;display:inline-block}.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{color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 2);font-size:1.5rem;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{color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 3);text-align:center;font-size:1.75rem}.about-text{color:var(--color-text-light);margin-bottom:calc(var(--spacing-unit) * 2.5);text-align:left;font-size:1.125rem;line-height:1.8}.about-mission .about-text,.about-vision .about-text{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.team-grid{gap:calc(var(--spacing-unit) * 4);margin-top:calc(var(--spacing-unit) * 4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.team-member{background-color:var(--color-background);padding:calc(var(--spacing-unit) * 3);text-align:center;border-radius:12px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 8px #0000001a}.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);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #2563eb4d}.avatar-placeholder{color:#fff;font-size:2rem;font-weight:700}.team-member-name{color:var(--color-text);margin-bottom:calc(var(--spacing-unit) * 1);font-size:1.25rem}.team-member-role{color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 2);font-size:.9375rem;font-weight:600}.team-member-bio{color:var(--color-text-light);margin:0;font-size:.9375rem;line-height:1.6}.values-grid{gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.value-item{background-color:var(--color-background);padding:calc(var(--spacing-unit) * 3);text-align:center;border-radius:8px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 4px #00000014}.value-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.value-icon{margin-bottom:calc(var(--spacing-unit) * 2);font-size:3rem;line-height:1}.value-title{color:var(--color-text);margin-bottom:calc(var(--spacing-unit) * 1.5);font-size:1.125rem}.value-description{color:var(--color-text-light);margin:0;font-size:.9375rem;line-height:1.6}.contact-content{text-align:center;max-width:800px;margin:0 auto}.contact-intro{color:var(--color-text-light);margin-bottom:calc(var(--spacing-unit) * 4);font-size:1.125rem}.contact-methods{gap:calc(var(--spacing-unit) * 4);display:grid}.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{gap:calc(var(--spacing-unit) * 3);flex-wrap:wrap;justify-content:center;display:flex}.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}.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{color:#fff;margin:0}.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;transition:none;transform:none}}@media (width<=767px){.nav-toggle{z-index:60;display:block}.nav-menu{background-color:var(--color-background);width:70%;max-width:300px;height:100vh;padding:calc(var(--spacing-unit) * 10) calc(var(--spacing-unit) * 3);gap:calc(var(--spacing-unit) * 3);z-index:55;flex-direction:column;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-2px 0 8px #0000001a}.nav-menu.active{right:0}.nav-link{padding:calc(var(--spacing-unit) * 1.5) 0;font-size:1.125rem}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);align-self:stretch;width:100%;font-size:.9375rem}.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{width:calc(var(--spacing-unit) * 2.5);font-size:1.25rem}}@media (width>=768px){.nav-toggle{display:none}.nav-menu{width:auto;height:auto;box-shadow:none;background:0 0;flex-direction:row;padding:0;position:static}.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{gap:calc(var(--spacing-unit) * 5);grid-template-columns:1fr 1fr;display:grid}.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);align-self:flex-start;width:fit-content;font-size:1rem}.download-icon{font-size:1.25rem}.indicator{width:calc(var(--spacing-unit) * 1.5);height:calc(var(--spacing-unit) * 1.5)}.contact-methods{gap:calc(var(--spacing-unit) * 5);grid-template-columns:1fr 1fr}.contact-method{padding:calc(var(--spacing-unit) * 4)}.office-card{padding:calc(var(--spacing-unit) * 3)}}@media (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{gap:calc(var(--spacing-unit) * 6);grid-template-columns:1fr 1fr;display:grid}.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{gap:calc(var(--spacing-unit) * 6);grid-template-columns:1fr 1fr}.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 (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{box-shadow:none;position:static}.section{page-break-inside:avoid}}
