:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-lightest: #F5F5DD;--color-light: #ECE7CA;--color-medium-light: #E3D8B7;--color-medium: #DACAA4;--color-medium-dark: #D1BB91;--color-dark: #C8AD7E;color:#333;background-color:var(--color-lightest);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#555;text-decoration:none;transition:color .3s ease}a:hover{color:#333}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2.5em;line-height:1.1;color:#333}h2{font-size:2em;line-height:1.2;color:#444}h3{font-size:1.5em;line-height:1.3;color:#555}button{border-radius:4px;border:1px solid var(--color-medium-dark);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-medium);color:#333;cursor:pointer;transition:all .25s ease}button:hover{background-color:var(--color-medium-dark);border-color:var(--color-dark)}button:focus,button:focus-visible{outline:2px solid var(--color-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}@media (max-width: 768px){.section{padding:40px 0}h1{font-size:2em}h2{font-size:1.6em}}.language-switcher{background-color:var(--color-medium);color:#333;border:none;padding:5px 10px;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-left:15px;display:flex;align-items:center;justify-content:center}.language-switcher:hover{background-color:var(--color-medium-dark)}@media (max-width: 768px){.language-switcher{position:absolute;top:15px;right:60px}}.navbar{position:fixed;top:0;left:0;width:100%;background-color:var(--color-lightest);z-index:1000;transition:all .3s ease;padding:.7rem 0;box-shadow:0 1px 5px #0000000d}.navbar.scrolled{padding:.4rem 0;box-shadow:0 2px 10px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo a{display:flex;align-items:center;text-decoration:none;color:#333}.logo img{height:60px;width:auto;margin-right:1rem}.logo span{font-size:1.3rem;font-weight:600}.nav-links{display:flex;list-style:none;padding:0;margin:0}.nav-links li{margin-left:2rem}.nav-links a{text-decoration:none;color:#333;font-weight:600;transition:color .3s ease;font-size:1rem;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--color-dark);transition:width .3s ease}.nav-links li.active a:after,.nav-links a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer}.menu-toggle span{display:block;width:25px;height:3px;background-color:#333;margin-bottom:5px;border-radius:3px;transition:all .3s ease}@media (max-width: 768px){.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:var(--color-light);padding:1rem 0;box-shadow:0 5px 10px #0000001a}.nav-links.active{display:flex}.nav-links li{margin:0;text-align:center}.nav-links a{display:block;padding:1rem}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.footer{background-color:var(--color-medium-dark);color:#333;padding-top:3rem}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer-logo{display:flex;align-items:center;margin-bottom:1rem}.footer-logo img{height:50px;width:auto;margin-right:1rem}.footer-logo span{font-size:1.2rem;font-weight:600}.footer-links{display:flex;flex-wrap:wrap;gap:3rem}.footer-nav h3,.footer-contact h3{margin-bottom:1rem;font-size:1.1rem;color:#222}.footer-nav ul{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:.5rem}.footer-nav a,.footer-contact a{color:#333;text-decoration:none;transition:color .3s ease}.footer-nav a:hover,.footer-contact a:hover{color:#111}.footer-contact p{margin-bottom:.5rem}.footer-bottom{margin-top:3rem;padding:1.5rem 0;background-color:var(--color-dark);text-align:center}.footer-bottom p{margin:0;color:#222}@media (max-width: 768px){.footer-container{flex-direction:column}.footer-links{flex-direction:column;gap:2rem}}.home-page{padding-top:80px}.hero{background-color:var(--color-medium-light);background-image:linear-gradient(135deg,var(--color-medium-light) 0%,var(--color-medium) 100%);padding:70px 0;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 -5px 10px #0000000d}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero h1{margin-bottom:1.5rem;color:#333;font-size:3em;text-shadow:1px 1px 0px rgba(255,255,255,.5)}.hero p{font-size:1.3rem;margin-bottom:2.5rem;color:#444;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-block;background-color:var(--color-medium-dark);color:#222;text-decoration:none;padding:14px 34px;border-radius:4px;font-weight:600;transition:all .3s ease;border:2px solid var(--color-medium-dark);box-shadow:0 2px 5px #0000001a}.btn:hover{background-color:var(--color-dark);border-color:var(--color-dark);color:#111;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.section-title{text-align:center;margin-bottom:3rem;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature{text-align:center;padding:2rem;background-color:var(--color-light);border-radius:8px;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature-icon{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;height:70px}.feature h3{margin-bottom:1rem;color:#333}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.product{border-radius:8px;overflow:hidden;background-color:var(--color-lightest);box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.product:hover{transform:translateY(-5px)}.product-image{height:250px;background-color:var(--color-medium);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.product-image i{color:#ffffffe6;transition:transform .4s ease;text-shadow:0 2px 10px rgba(0,0,0,.2)}.product:hover .product-image i{transform:scale(1.2)}.product h3{padding:1.2rem 1.5rem .5rem;margin:0;color:#333}.product p{padding:0 1.5rem 1.5rem;margin:0;color:#555}.cta-container{text-align:center;margin-top:2rem}.testimonials{background-color:var(--color-light);padding:80px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial{background-color:var(--color-lightest);padding:2rem;border-radius:8px;box-shadow:0 5px 15px #0000000d;position:relative}.testimonial:before{content:'"';position:absolute;top:10px;left:20px;font-size:5rem;color:var(--color-medium-dark);opacity:.2;font-family:serif;line-height:1}.testimonial p{position:relative;z-index:1;font-style:italic;margin-bottom:1.5rem}.testimonial-author{font-weight:600;color:#333}@media (max-width: 768px){.hero{padding:60px 0}.hero h1{font-size:2rem}.feature,.product,.testimonial{padding:1.5rem}.product-image{height:200px}}.portfolio-page{padding-top:80px}.portfolio-header{background-color:var(--color-medium);background-image:linear-gradient(135deg,var(--color-medium) 0%,var(--color-medium-dark) 100%);padding:70px 0;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 -5px 10px #0000000d}.portfolio-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.portfolio-header h1{margin-bottom:1rem;color:#333;font-size:2.8em;position:relative;z-index:1;text-shadow:1px 1px 0px rgba(255,255,255,.5)}.portfolio-header p{font-size:1.2rem;color:#444;position:relative;z-index:1;max-width:600px;margin:0 auto}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}.filter-btn{background-color:transparent;border:2px solid var(--color-medium);color:#333;padding:8px 20px;border-radius:30px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover,.filter-btn.active{background-color:var(--color-medium-dark);border-color:var(--color-medium-dark);color:#222}.filter-btn i{margin-right:8px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.portfolio-item{border-radius:8px;overflow:hidden;background-color:var(--color-lightest);box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-image{height:250px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;font-weight:600;position:relative;overflow:hidden}.portfolio-image i{color:#ffffffe6;transition:transform .4s ease;text-shadow:0 2px 10px rgba(0,0,0,.2)}.portfolio-item:hover .portfolio-image i{transform:scale(1.2)}.placeholder-text{background-color:#0003;padding:10px 20px;border-radius:4px}.portfolio-info{padding:1.5rem}.portfolio-info h3{margin:0 0 .5rem;color:#333}.category{display:inline-block;font-size:.9rem;background-color:var(--color-light);padding:3px 12px;border-radius:20px;color:#555}.category i{margin-right:5px}.cta-section{background-color:var(--color-medium-light);text-align:center;padding:60px 0}.cta-section h2{margin-bottom:1rem;color:#333}.cta-section p{max-width:600px;margin:0 auto 2rem;color:#444}@media (max-width: 768px){.portfolio-filters{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:200px;margin-bottom:.5rem}.portfolio-image{height:200px}}.about-page{padding-top:80px}.about-header{background-color:var(--color-medium-light);background-image:linear-gradient(135deg,var(--color-medium-light) 0%,var(--color-medium) 100%);padding:70px 0;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 -5px 10px #0000000d}.about-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.about-header h1{margin-bottom:1rem;color:#333;font-size:2.8em;position:relative;z-index:1;text-shadow:1px 1px 0px rgba(255,255,255,.5)}.about-intro p{font-size:1.2rem;color:#444;max-width:700px;margin:0 auto;position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-image{overflow:hidden}.placeholder-image{height:400px;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;font-weight:600}.about-content h2{margin-bottom:1.5rem;color:#333}.about-content p{margin-bottom:1.5rem;color:#444;line-height:1.6}.process{text-align:center}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.process-step{background-color:var(--color-lightest);padding:2rem;border-radius:8px;box-shadow:0 5px 15px #0000000d;position:relative}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background-color:var(--color-dark);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:1.2rem}.process-step h3{margin:1rem 0;color:#333}.process-step p{color:#444}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-item{background-color:var(--color-light);padding:2rem;border-radius:8px;text-align:center;transition:transform .3s ease}.value-item:hover{transform:translateY(-5px)}.value-item h3{margin-bottom:1rem;color:#333}.value-item p{color:#444}@media (max-width: 992px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-image{order:-1}.placeholder-image{height:300px}}@media (max-width: 768px){.process-step,.value-item{padding:1.5rem}.about-header,.process{padding:60px 0}}.contact-page{padding-top:80px}.contact-header{background-color:var(--color-medium-dark);background-image:linear-gradient(135deg,var(--color-medium-dark) 0%,var(--color-dark) 100%);padding:70px 0;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 -5px 10px #0000000d}.contact-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.contact-header h1{margin-bottom:1rem;color:#333;font-size:2.8em;position:relative;z-index:1;text-shadow:1px 1px 0px rgba(255,255,255,.5)}.contact-header p{font-size:1.2rem;color:#444;max-width:700px;margin:0 auto;position:relative;z-index:1}.contact-simple{display:flex;justify-content:center;align-items:center;min-height:60vh}.contact-card{background-color:var(--color-lightest);border-radius:10px;box-shadow:0 10px 30px #0000000d;padding:3rem;width:100%;max-width:800px}.contact-info h2{margin-bottom:2.5rem;color:#333;text-align:center;font-size:2rem}.info-item{display:flex;margin-bottom:2rem;align-items:flex-start}.info-item i{color:var(--color-medium-dark);margin-right:1.5rem;min-width:30px;text-align:center}.info-item div{flex:1}.info-item h3{margin-bottom:.5rem;color:#444;font-size:1.2rem}.info-item p{color:#555;line-height:1.6;margin:0}.info-item a{color:var(--color-medium-dark);text-decoration:none;transition:color .3s ease}.info-item a:hover{color:var(--color-dark);text-decoration:underline}@media (max-width: 768px){.contact-header{padding:60px 0}.contact-card{padding:2rem}.info-item{flex-direction:column}.info-item i{margin-bottom:1rem;margin-right:0}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.btn{display:inline-block;background-color:var(--color-medium-dark);color:#222;text-decoration:none;padding:12px 30px;border-radius:4px;font-weight:600;transition:all .3s ease;border:2px solid var(--color-medium-dark);cursor:pointer}.btn:hover{background-color:var(--color-dark);border-color:var(--color-dark);color:#111}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:2rem}.mb-4{margin-bottom:3rem}