.container{width:100%;max-width:var(--container-width);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.grid-container{gap:var(--spacing-md);width:100%;display:grid}.section-description{text-align:center;max-width:640px;color:var(--text-secondary);margin:0 auto 1.5rem;font-size:1.05rem;line-height:1.6}@media (max-width:768px){.section-description{padding:0 .5rem;font-size:1rem}}.nav{z-index:1001;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:.7rem 1.5rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;box-shadow:0 1px 4px #0000000f}.nav-scrolled{padding:.5rem 1.5rem;box-shadow:0 2px 12px #0000001a}.nav-logo{align-items:center;height:50px;text-decoration:none;display:flex}.nav-logo-icon{justify-content:center;align-items:center;width:36px;height:36px;margin-right:.6rem;display:flex;overflow:hidden}.nav-logo-icon img{object-fit:contain}.nav-logo-text{color:var(--primary);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);padding:.25rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background-color:var(--accent);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{width:100%}.nav-link--cta{color:var(--primary);font-weight:600}.mobile-menu-button{color:var(--primary);cursor:pointer;z-index:1010;background:0 0;border:none;margin-left:1rem;padding:.5rem;transition:color .2s;display:none;position:relative}.mobile-menu-button:hover{color:var(--accent)}.mobile-menu-overlay{background-color:var(--primary);z-index:1005;opacity:0;visibility:hidden;-webkit-overflow-scrolling:touch;width:100%;height:100vh;transition:all .3s;display:none;position:fixed;top:0;left:0;overflow-y:auto}.mobile-menu-overlay.active{opacity:.98;visibility:visible;pointer-events:all;touch-action:none}.mobile-menu{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.mobile-nav-link{color:#fff;margin:1rem 0;padding:.5rem;font-size:1.5rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.mobile-nav-link:hover{color:var(--accent)}.mobile-nav-link:after{content:"";background-color:var(--accent);width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.mobile-nav-link:hover:after{width:100%}@media (max-width:768px){.nav-links{display:none}.mobile-menu-button,.mobile-menu-overlay{display:block}}.hero{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 2rem 2rem;display:flex;position:relative}.hero-title{color:var(--primary);letter-spacing:-.03em;max-width:700px;margin-bottom:1rem;font-size:2.75rem;font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:1.75rem;font-size:1.1rem;line-height:1.6}.hero-cta{gap:.75rem;display:flex}@media (max-width:768px){.hero{padding:2rem 1.5rem 1.5rem}.hero-title{font-size:2.1rem}.hero-subtitle{margin-bottom:2rem;font-size:1rem}}@media (max-width:480px){.hero{padding:1.5rem 1rem 1.25rem}.hero-title{font-size:1.75rem}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}}.services-container{padding:var(--section-gap)1.5rem;text-align:center;max-width:var(--container-width);margin:0 auto}.services-grid{grid-template-columns:repeat(3,1fr);justify-content:center;gap:2rem;margin:1.5rem auto 0;display:grid}@media (max-width:960px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.services-grid{grid-template-columns:1fr}}.services-grid-item{width:100%;height:100%}.serviceGrid{border:var(--card-border);box-shadow:var(--card-shadow);text-align:center;background-color:#fff;border-radius:10px;flex-direction:column;align-items:center;height:100%;padding:2rem 1.5rem;transition:box-shadow .25s;display:flex}.serviceGrid:hover{box-shadow:var(--hover-shadow)}.serviceGrid svg{width:48px;height:48px;fill:var(--accent);margin-bottom:1rem}.service-content{width:100%;margin-top:.5rem}.service-content h3{margin-bottom:.6rem;font-size:1.25rem}.service-content p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.designed-list{text-align:left;width:100%;margin:1rem 0;padding:0;list-style-type:none}.designed-list li{border-bottom:1px solid var(--secondary);color:var(--text-primary);padding:.5rem 0 .5rem 1.5rem;font-size:.9rem;position:relative}.designed-list li:last-child{border-bottom:none}.designed-list li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.designed-list__link{margin-top:1rem;text-decoration:none;display:inline-block}.designed-list__button{font-size:.9rem;font-weight:600}.references-container{padding:var(--section-gap)1.5rem;text-align:center;max-width:var(--container-width);margin:0 auto}.references-grid--featured{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1.5rem auto 2rem;display:grid}@media (max-width:960px){.references-grid--featured{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.references-grid--featured{grid-template-columns:1fr}}.references-grid--secondary{grid-template-columns:repeat(5,1fr);gap:1rem;margin:0 auto;display:grid}@media (max-width:960px){.references-grid--secondary{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.references-grid--secondary{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.references-grid--secondary{grid-template-columns:1fr}}.reference-card{border:var(--card-border);box-shadow:var(--card-shadow);text-align:left;background-color:#fff;border-radius:10px;flex-direction:column;height:100%;transition:box-shadow .25s;display:flex;overflow:hidden}.reference-card:hover{box-shadow:var(--hover-shadow)}.reference-card--featured .reference-image-container{height:220px}.reference-card--featured .reference-content{padding:1.25rem 1.5rem 1.5rem}.reference-card--featured .reference-title{font-size:1.15rem}.reference-card--featured .reference-description{color:var(--text-secondary);flex-grow:1;margin-bottom:1rem;font-size:.88rem;line-height:1.55}.reference-card--compact .reference-image-container{height:130px}.reference-card--compact .reference-content{padding:.75rem 1rem 1rem}.reference-card--compact .reference-title{margin-bottom:.25rem;font-size:.95rem}.reference-card--compact .reference-subtitle{margin-bottom:.5rem;font-size:.75rem}.reference-card--compact .reference-technologies{gap:.3rem}.reference-card--compact .technology-tag{padding:.15rem .4rem;font-size:.65rem}.reference-card--compact .reference-links{margin-top:.6rem}.reference-card--compact .reference-visit-link{padding:.4rem .8rem;font-size:.8rem}.reference-image-container{background-color:var(--secondary-light);width:100%;position:relative;overflow:hidden}.reference-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.reference-card:hover .reference-image{transform:scale(1.03)}.reference-content{flex-direction:column;flex-grow:1;display:flex}.reference-title{color:var(--primary);margin-bottom:.35rem;font-weight:700}.reference-subtitle{color:var(--accent);margin-bottom:.6rem;font-size:.8rem;font-weight:600}.reference-technologies{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.technology-tag{background-color:var(--secondary-light);color:var(--text-secondary);border-radius:4px;padding:.2rem .45rem;font-size:.7rem;font-weight:500}.reference-links{align-items:center;margin-top:.75rem;display:flex}.reference-visit-link{background:var(--accent);color:var(--primary-dark);border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.reference-visit-link:hover{background-color:var(--accent-light);color:var(--primary-dark)}.contact-form{box-sizing:border-box;text-align:center;width:100%;max-width:600px;margin:0 auto;padding:0 1rem}.contact-form__form{box-sizing:border-box;width:100%;margin-top:1.5rem}.contact-form__fields{flex-direction:column;gap:.75rem;display:flex}.text-field{border:1px solid var(--secondary-dark);box-sizing:border-box;width:100%;max-width:100%;color:var(--text-primary);background-color:#fff;border-radius:6px;padding:.75rem 1rem;font-size:.95rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.text-field:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #a8d6001f}.text-field.error{border-color:#e53935}.text-field::placeholder{color:#999}textarea.text-field{resize:vertical;min-height:120px}.error-message{color:#e53935;text-align:left;margin-top:.25rem;font-size:.8rem}.privacy-checkbox{color:var(--text-secondary);box-sizing:border-box;text-align:left;align-items:flex-start;gap:.5rem;width:100%;font-size:.85rem;display:flex}.privacy-checkbox input[type=checkbox]{flex-shrink:0;margin-top:.2rem}.privacy-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.privacy-link:hover{color:var(--primary)}.contact-form__submit{width:100%;padding:.85rem 1.5rem;font-size:1rem}.contact-form__submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.contact-form{padding:0 .5rem}}.snackbar{z-index:1400;border-radius:8px;position:fixed;top:24px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.snackbar-content{min-width:300px;max-width:600px;margin:0 auto}.alert{color:#fff;border-radius:8px;padding:12px 16px;display:flex;position:relative}.alert-info{background-color:#2196f3}.alert-success{background-color:#43a047}.alert-warning{background-color:#f57c00}.alert-error{background-color:#e53935}.alert-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}.alert-close:hover{background-color:#fff3}.alert-message{overflow-wrap:break-word;min-width:0;padding:8px 24px 8px 0}.alert-message ul{margin:0;padding:0;list-style-type:none}.alert-message li{margin-bottom:4px}.alert-message li:last-child{margin-bottom:0}.fade-enter{opacity:0;transform:translate(-50%)translateY(-20px)}.fade-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(-50%)translateY(0)}.fade-exit{opacity:1;transform:translate(-50%)translateY(0)}.fade-exit-active{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-50%)translateY(-20px)}.footer{background-color:var(--primary);color:#fff;margin-top:auto;padding:3.5rem 2rem 1.5rem}.footer-content{max-width:var(--container-width);grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 auto;display:grid}@media (max-width:600px){.footer-content{grid-template-columns:1fr;gap:1.5rem}}.footer-column h3{color:#fff;letter-spacing:.02em;text-transform:uppercase;margin-bottom:1rem;font-size:.95rem;font-weight:600}.footer-links{padding:0;list-style:none}.footer-link{color:#fff9;margin-bottom:.5rem;font-size:.9rem}.footer-link a{color:#fff9;text-decoration:none;transition:color .2s}.footer-link a:hover{color:#fff}.footer-bottom{text-align:center;color:#ffffff59;border-top:1px solid #ffffff14;margin-top:2.5rem;padding-top:1.5rem;font-size:.8rem}.legal-page{padding:var(--section-gap)1.5rem;max-width:var(--container-width);margin:0 auto}.legal-page h1{text-align:left;margin-bottom:1.5rem}.legal-page h4{margin-top:1.5rem;margin-bottom:.5rem}.legal-page ul{margin-bottom:1rem;padding-left:1.25rem}.legal-page li{margin-bottom:.35rem;line-height:1.6}.fancybox__caption{opacity:1!important}.fancybox__caption a,.fancybox__caption a:visited{text-underline-offset:2px;text-shadow:0 1px 2px #0000008c;font-weight:700;text-decoration:underline;color:var(--accent)!important}.fancybox__caption a:hover,.fancybox__caption a:focus,.fancybox__caption a:focus-visible,.fancybox__caption a:visited:hover{text-shadow:0 1px 3px #000000a6;color:color-mix(in srgb,var(--accent),white 48%)!important}body{padding-top:60px}
:root{--primary:#222831;--primary-light:#393e46;--primary-dark:#1b1f26;--secondary:#f1f1f1;--secondary-light:#f7f8f6;--secondary-dark:#e0e0e0;--accent:#a8d600;--accent-light:#c2e64d;--text-primary:#2d2d2d;--text-secondary:#5a5a5a;--background:#fff;--card-border:1px solid #00000014;--card-shadow:0 1px 4px #00000014;--hover-shadow:0 4px 12px #00000021;--font-size-base:16px;--line-height-base:1.6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--section-gap:3rem;--container-width:1120px;--container-padding:var(--spacing-md)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-hyphens:auto;hyphens:auto}body{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--background);padding-top:60px;overflow-x:hidden}main{flex-direction:column;min-height:100vh;display:flex}section{padding:var(--section-gap)1.5rem;width:100%;margin:0 auto}.container{max-width:var(--container-width);padding:0 var(--container-padding);width:100%;margin:0 auto}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:var(--primary);letter-spacing:-.02em;font-weight:600;line-height:1.15}h1{font-size:2.75rem}h2{text-align:center;margin-bottom:1rem;font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-md);text-wrap:pretty}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--accent);color:var(--primary);box-shadow:0 2px 8px #a8d60040}.btn-primary:hover{background-color:var(--accent-light);color:var(--primary);box-shadow:0 4px 12px #a8d6004d}.btn-secondary{background-color:var(--primary);color:#fff}.btn-secondary:hover{background-color:var(--primary-light)}@media (max-width:768px){h1{font-size:2.1rem}h2{font-size:1.6rem}h3{font-size:1.3rem}section{padding:3rem 1rem}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.15rem}section{padding:2.5rem 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out forwards fadeIn}