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