:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand:#646cff;--brand-rgb:100, 108, 255;--bg:#141414;--bg-rgb:20, 20, 20;--bg-start:#1d1d1d;--text:#ffffffe6;--text-dim:#9a9a9a;--surface:#1d1d1de6;--surface-strong:#1d1d1df2;--hero-bg:linear-gradient(135deg, rgba(var(--brand-rgb), .3), rgba(var(--brand-rgb), .25));--border:#ffffff1a;color:var(--text);background:radial-gradient(circle at 20% 25%, var(--bg-start), var(--bg));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:system-ui,Inter,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{--link:var(--brand,#646cff);--link-hover:#fff;color:var(--link);font-weight:500;text-decoration:none;transition:color .25s;position:relative}a:not(.btn-primary):not(.btn-secondary):not(.contact-btn):after{content:"";background:currentColor;width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}a:hover,a:focus-visible{color:var(--link-hover);outline:none}a:not(.btn-primary):not(.btn-secondary):not(.contact-btn):hover:after,a:not(.btn-primary):not(.btn-secondary):not(.contact-btn):focus-visible:after{width:100%}a:focus-visible{border-radius:2px;box-shadow:0 0 0 3px #646cff59}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}h1{line-height:1.1}button{font-family:inherit}@media (prefers-color-scheme:light){:root{--bg:#fff;--bg-rgb:255, 255, 255;--bg-start:#f0f0f0;--text:#222;--text-dim:#666;--brand-rgb:50, 64, 255;--surface:#ffffffe6;--surface-strong:#fffffff2;--hero-bg:linear-gradient(135deg, rgba(var(--brand-rgb), .35), rgba(var(--brand-rgb), .25));--border:#0000001a}body{background:var(--bg)}a:hover,a:focus-visible{color:var(--link-hover)}}.app-container{background:radial-gradient(circle at 20% 25%, var(--bg-start), var(--bg));min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;animation:.4s forwards fadeInUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.header{z-index:10;text-align:center;background:var(--surface);padding:1rem 2rem;position:fixed;top:0;left:0;right:0}.header .brand{letter-spacing:-1px;margin-bottom:.5rem;font-size:clamp(10rem,25vw,10rem);font-weight:600}.header .brand span{color:var(--brand,#646cff)}.header a{text-decoration:none!important}.header a:after{display:none!important}.header .tag{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim,#888);margin:0;font-size:.9rem}.tag-hidden{opacity:0;height:0;margin:0;overflow:hidden;transform:translateY(-10px)}.tag-visible{opacity:1;height:auto;margin:0;transform:translateY(0)}.header-scrolled{background:rgba(var(--bg-rgb), .1);text-align:left;flex-direction:column;align-items:flex-start;padding:.2rem 2rem .5rem;display:flex}.header-scrolled .brand{margin-bottom:0;font-size:clamp(1.2rem,5vw,1.8rem)}.header-scrolled .tag{font-size:.7rem}.hero-section{text-align:center;background:var(--hero-bg);padding:0 2rem 4rem}.hero-content h1{color:var(--text);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;animation:.4s .1s both fadeInUp}.hero-content p{color:var(--text-dim);max-width:900px;margin:0 auto;font-size:clamp(1rem,3vw,1.3rem);line-height:1.6;animation:.4s .2s both fadeInUp}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;animation:.4s .3s both fadeInUp;display:flex}.btn-primary,.btn-secondary{letter-spacing:.5px;border-radius:10px;padding:.9rem 1.8rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 18px -6px #646cff66}.btn-primary:before{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{box-shadow:0 8px 28px -8px #646cff99}.btn-primary:active{transform:none}.btn-secondary{color:var(--text);border:2px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 4px 12px -4px #646cff4d}.btn-secondary:active{transform:none}.section{border-bottom:1px solid var(--border);padding:5rem 2rem}.container{max-width:1200px;margin:0 auto}.section-title{text-align:center;color:var(--text);width:100%;margin-bottom:3rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:var(--brand);opacity:.8;border-radius:2px;width:60px;height:3px;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.feature-card:before{content:"";background:linear-gradient(135deg, var(--brand), transparent);-webkit-mask-composite:xor;opacity:0;border-radius:12px;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-card:hover{border-color:#646cff4d;box-shadow:0 12px 32px -8px #646cff40}.feature-card:hover:before{opacity:1}.feature-icon{justify-content:center;align-items:center;margin-bottom:1rem;font-size:3rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon img{filter:drop-shadow(0 4px 8px #646cff33);width:48px;height:48px}.feature-card h3{color:var(--text);margin-bottom:.75rem;font-size:1.3rem;transition:color .3s}.feature-card:hover h3{color:var(--brand)}.feature-card p{color:var(--text-dim);font-size:.95rem;line-height:1.6}.services-section{background:var(--hero-bg)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card:after{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #646cff14, transparent 50%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.service-card:hover{border-color:var(--brand);box-shadow:0 10px 28px -8px #646cff33}.service-card:hover:after{opacity:1}.service-card h3{color:var(--text);z-index:1;margin-bottom:1rem;font-size:1.4rem;transition:color .3s;position:relative}.service-card:hover h3{color:var(--brand)}.service-card p{color:var(--text-dim);z-index:1;line-height:1.6;position:relative}.collaborations-lead{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 2rem;font-size:1rem;line-height:1.6}.collaborations-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.collaboration-item{flex:auto;min-width:180px;max-width:240px}.collaboration-type{color:var(--text-dim);text-align:center;white-space:nowrap;font-size:1rem;font-weight:500;line-height:1.4;display:block}@media (width<=768px){.collaborations-list{gap:1rem}.collaboration-item{min-width:150px}.collaboration-type{font-size:.9rem}}.products-section{background:var(--hero-bg)}.products-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.product-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-item:after{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #646cff14, transparent 50%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.product-item:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:0 10px 28px -8px #646cff33}.product-item:hover:after{opacity:1}.product-item h3{color:var(--text);z-index:1;margin-bottom:1rem;font-size:1.3rem;transition:color .3s;position:relative}.product-item:hover h3{color:var(--brand)}.product-item p{color:var(--text-dim);z-index:1;margin-bottom:1rem;line-height:1.6;position:relative}.product-link{color:var(--brand);z-index:1;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.product-link:hover{color:var(--text);transform:translate(4px)}.product-icon{z-index:1;object-fit:contain;width:40px;height:40px;margin-bottom:1rem;display:block;position:relative}.zaico-product:hover{border-color:#ffa439;box-shadow:0 10px 28px -8px #ffa43933}.zaico-product:hover:after{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffa43914, transparent 50%)}.zaico-product:hover h3,.zaico-product .product-link{color:#ffa439}.overlander-product:hover{border-color:#c951a8;box-shadow:0 10px 28px -8px #c951a833}.overlander-product:hover:after{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #c951a814, transparent 50%)}.overlander-product:hover h3,.overlander-product .product-link{color:#c951a8}.about-content{text-align:center;max-width:800px;margin:0 auto}.about-content p{color:var(--text-dim);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.contact-section{background:var(--hero-bg)}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-text{color:var(--text-dim);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.contact-btn{background:var(--brand);color:#fff;letter-spacing:.5px;border-radius:10px;padding:.9rem 1.4rem;font-size:1rem;font-weight:500;text-decoration:none;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 18px -6px #646cff66}.contact-btn:before{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-btn:hover:before{width:300px;height:300px}.contact-btn:hover{box-shadow:0 8px 28px -8px #646cff99}.social-links{justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.social-links a{font-size:.95rem;transition:all .3s;position:relative}.social-links a:after{content:"";background:var(--brand);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.social-links a:hover{color:var(--brand)}.social-links a:hover:after{width:100%}.footer{background:var(--surface);border-top:1px solid var(--border);padding:1rem 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}.footer-section h4{color:var(--text);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-dim);font-size:.9rem;transition:color .2s}.footer-section ul li a:hover{color:var(--brand)}.footer-bottom{text-align:center;border-top:1px solid var(--border);padding-top:1rem}.footer-bottom p{color:var(--text-dim);opacity:.7;margin:0;font-size:.85rem}.legal-page{background:var(--bg);min-height:100vh}.legal-content{text-align:left;max-width:900px;margin:0 auto;line-height:1.8}.legal-content h2{color:var(--text);margin-top:2.5rem;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.legal-content h3{color:var(--text);margin-top:1.5rem;margin-bottom:.8rem;font-size:1.3rem;font-weight:500}.legal-content p{color:var(--text-dim);margin-bottom:1rem;font-size:1rem}.legal-content ul,.legal-content ol{color:var(--text-dim);margin:1rem 0 1rem 2rem;line-height:1.8}.legal-content li{margin-bottom:.5rem}.legal-content a{color:var(--brand,#646cff);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .3s}.legal-content a:hover{border-bottom-color:var(--brand,#646cff)}.legal-content strong{color:var(--text);font-weight:600}.legal-update{color:var(--text-dim);opacity:.7;margin-bottom:2rem;font-size:.9rem;font-style:italic}.cookie-table{border-collapse:collapse;background:var(--surface);border-radius:8px;width:100%;margin:1.5rem 0;overflow:hidden}.cookie-table thead{background:#646cff1a}.cookie-table th{text-align:left;color:var(--text);border-bottom:2px solid var(--border);padding:1rem;font-weight:600}.cookie-table td{color:var(--text-dim);border-bottom:1px solid var(--border);padding:1rem}.cookie-table tbody tr:last-child td{border-bottom:none}.cookie-table tbody tr:hover{background:#646cff0d}.cookie-notice{border-left:4px solid var(--brand,#646cff);background:#646cff1a;border-radius:4px;margin:2rem 0;padding:1.5rem}.cookie-notice h3{color:var(--brand,#646cff);margin-top:0}.cookie-notice p{margin-bottom:0}@media (width<=768px){.features-grid,.services-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card,.service-card{padding:1.5rem}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-on-scroll{opacity:1;animation:none}}
