:root{--bg-color:#050505;--text-color:#f1f1f1;--accent-blue:#00f0ff;--accent-purple:#8a2be2;--card-bg:#14141999;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif}#galaxy-bg{z-index:-1;background:radial-gradient(circle,#111 0%,#000 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.glass-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100;background:#050505b3;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 4rem;transition:all .3s;display:flex;position:fixed;top:0}.logo{letter-spacing:2px;font-size:1.5rem;font-weight:800}.logo .accent{color:var(--accent-blue)}nav a{color:#ccc;margin-left:2rem;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:#fff}.btn{border-radius:8px;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-outline{border:1px solid var(--glass-border);background:0 0}.btn-outline:hover{border-color:var(--accent-blue);box-shadow:0 0 15px #00f0ff4d}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border:none;box-shadow:0 4px 15px #8a2be266}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a2be299}.btn-secondary{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;margin-top:1rem}.btn-secondary:hover{border-color:var(--accent-purple);background:#ffffff1a}.hero-section{text-align:center;perspective:1200px;justify-content:center;align-items:center;height:100vh;padding:0 2rem;display:flex;position:relative;overflow:visible}.hero-bg-explosion{width:100%;height:100%;transform-style:preserve-3d;z-index:0;position:absolute;top:0;left:0}.exploding-piece{transform-style:preserve-3d;transform:translate3d(calc(var(--tx) * var(--scroll,0)), calc(var(--ty) * var(--scroll,0)), calc(var(--tz) * var(--scroll,0))) rotateX(calc(var(--rx) * var(--scroll,0))) rotateY(calc(var(--ry) * var(--scroll,0))) rotateZ(calc(var(--rz) * var(--scroll,0)));opacity:calc(1 - (var(--scroll,0) * 1.5));box-shadow:0 0 calc(20px * var(--scroll,0)) rgba(0, 240, 255, calc(var(--scroll,0) * .5));position:absolute}.hero-content{z-index:10;max-width:800px;transform:translateZ(50px)}.glow-orb{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;position:absolute}.orb-1{background:var(--accent-purple);width:400px;height:400px;animation:8s ease-in-out infinite alternate float;top:20%;left:10%}.orb-2{background:var(--accent-blue);width:300px;height:300px;animation:10s ease-in-out infinite alternate-reverse float;bottom:20%;right:15%}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-30px)scale(1.1)}}.gradient-text{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-content h1{margin-bottom:1.5rem;font-size:4.5rem;line-height:1.1}.hero-content p{color:#aaa;margin-bottom:2.5rem;font-size:1.3rem}.ecosystem-section{max-width:1400px;margin:0 auto;padding:8rem 4rem}.section-title{text-align:center;background:linear-gradient(135deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4rem;font-size:3rem}.grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;display:flex;overflow:hidden}.card:hover{border-color:#fff3;transform:translateY(-10px);box-shadow:0 15px 30px #00000080,0 0 20px #8a2be233}.card-image{background-position:50%;background-size:cover;height:200px;transition:transform .5s;position:relative}.card:hover .card-image{transform:scale(1.05)}.xhire-bg{background-image:url(https://images.unsplash.com/photo-1596526131083-e8c633c948d2?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.swarm-bg{background-image:url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.pantokrator-bg{background-image:url(https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.grid-bg{background-image:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.cloudvoice-bg{background-image:url(https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.myvalet-bg{background-image:url(/myvalet.jpg);background-position:50% 25%}.overlay{background:linear-gradient(#05050500 0%,#050505 100%);position:absolute;inset:0}.card-content{z-index:2;background:#050505;flex-direction:column;flex-grow:1;padding:2rem;display:flex;position:relative}.card-content h3{margin-bottom:1rem;font-size:1.8rem}.card-content p{color:#999;flex-grow:1;margin-bottom:1.5rem;font-size:.95rem}.story-section{text-align:center;background:linear-gradient(#0000,#8a2be20d);padding:6rem 2rem}.story-container{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:20px;max-width:900px;margin:0 auto;padding:4rem}.story-text{color:#ccc;font-size:1.2rem;line-height:2}.story-text strong{color:#fff;font-family:Outfit}footer{text-align:center;border-top:1px solid var(--glass-border);color:#666;padding:3rem}.fade-up{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}@media (width<=768px){.hero-content h1{font-size:3rem}.grid{grid-template-columns:1fr}.glass-nav{padding:1rem 2rem}nav a{display:none}nav a.btn{display:inline-block}}