body{margin:0;font-family:Inter,sans-serif;background:#05070d;color:#fff;overflow-x:hidden}a{text-decoration:none}.svg-bg{position:fixed;inset:0;z-index:-1}.header{position:fixed;top:0;width:100%;padding:40px 40px 40px 0;display:flex;justify-content:space-around;align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10}.logo{position:relative;font-weight:800;font-size:clamp(1.6rem,3vw,2.4rem);color:#00f0ff;padding:.8rem 2.2rem;border-radius:4rem;background:#05070de6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;cursor:pointer;overflow:hidden;z-index:1}.logo:before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:conic-gradient(#00f0ff 0deg 180deg,#0070ff 180deg 360deg);animation:crystalRotate 8s linear infinite;z-index:-1}.logo:after{content:"";position:absolute;inset:3px;border-radius:inherit;background:#05070df2;z-index:-1}.logo:hover:before{filter:drop-shadow(0 0 18px #00f0ff)}@keyframes crystalRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}nav a{margin-left:1.8rem;color:#cde;font-weight:500;transition:.3s}nav a:hover{color:#00f0ff}.hero{min-height:100vh;padding-top:8rem;text-align:center;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(3rem,8vw,6rem);color:#00f0ff}.hero p{max-width:720px;margin:1rem auto 2rem;color:#bde;line-height:1.6}.actions .btn{margin:.5rem}.btn{padding:.9rem 2.3rem;border-radius:50px;border:1px solid #00f0ff;color:#00f0ff;font-weight:600;transition:.3s}.btn.primary{background:linear-gradient(135deg,#00f0ff,#09f);color:#000}.btn.primary:hover{transform:scale(1.05)}.btn.ghost{border:1px solid #00f0ff;color:#00f0ff;background:transparent}.btn.ghost:hover{background:#00f0ff1a}.services-hero{padding:6rem 4%;text-align:center}.services-hero h2{font-size:clamp(3rem,8vw,5rem);margin-bottom:3rem;color:#00f0ff}.services-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}a:-webkit-any-link{color:#fff;cursor:pointer}.services-item{width:260px;height:320px;background:#ffffff0d;border-radius:2rem;border:1px solid rgba(0,240,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;cursor:pointer;transition:transform .3s,box-shadow .3s}.services-item:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 0 40px #00f0ff50,0 0 80px #00f0ff20}.services-icon{font-size:3rem;margin-bottom:1rem;color:#00f0ff}.products-trendy{padding:6rem 4%;text-align:center}.products-trendy h2{font-size:clamp(3rem,7vw,5rem);margin-bottom:2.5rem;color:#00f0ff}.products-trendy-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.products-icon{font-size:2.8rem;margin-bottom:1rem;color:#00f0ff}.solutions-hero{padding:6rem 4%;text-align:center}.solutions-hero h2{font-size:clamp(3rem,9vw,6rem);margin-bottom:4rem;color:#00f0ff}.solutions-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.solutions-item{width:18%;padding:.8rem;border-radius:.5rem;text-align:center;background:#0009;border:2px solid transparent;transition:all .3s ease-in-out;cursor:pointer}.solutions-item:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 0 60px #00d4ff80,0 0 120px #00ff9d40}.solutions-icon{font-size:3rem;margin-bottom:1rem;color:#00f0ff}.addon{padding:6rem 4%;text-align:center}.addon h2{font-size:clamp(3rem,7vw,5rem);margin-bottom:1rem;color:#00f0ff}.addon .subtitle{color:#9ab;margin-bottom:3rem}.wow-card{position:relative;display:inline-block;margin:1rem;padding:2rem;border-radius:22px;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid rgba(0,240,255,.3);transition:transform .3s,box-shadow .3s;width:26%;cursor:pointer}.wow-card:hover{transform:translateY(-6px) scale(1.02);border-color:#00d4ff;box-shadow:0 0 50px #00d4ff2e;background:#0f0f19d9;cursor:pointer}.wow-line{position:absolute;left:0;top:20%;bottom:20%;width:4px;background:linear-gradient(#00f0ff,transparent)}.wow-icon{font-size:3rem;margin-bottom:1rem;color:#00f0ff}@media(max-width:768px){.services-list,.products-trendy-grid,.solutions-list{flex-direction:column;align-items:center}}.services-hero,.products-trendy,.solutions-hero,.addon{padding:6rem 4%;text-align:center}.services-list,.solutions-list,.products-grid,.grid{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.glass-card,.neon-card,.wow-card{width:260px;padding:2rem;border-radius:22px;background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15)}.neon-card{box-shadow:0 0 30px #00f0ff50}.crystal-globe{width:220px;height:220px;border-radius:50%;position:relative;transform-style:preserve-3d;background:conic-gradient(#00f0ff,#00ff9d,#09f,#00f0ff);padding:2px}.crystal-globe .content{background:#05070d;border-radius:50%;height:100%;padding:2rem}.icon{font-size:2.4rem;color:#00f0ff;margin-bottom:1rem}footer{padding:3rem;text-align:center;color:#9ab}@media(max-width:1024px){.solutions-item{width:30%}.wow-card{width:45%}}@media(max-width:768px){.services-hero,.products-trendy,.solutions-hero,.addon{padding:4rem 2%}.logo{font-size:1.4rem;padding:.6rem 1.6rem}.hero{padding-top:6rem;min-height:3vh}.hero h1{font-size:2.6rem}.hero p{padding:0 1rem}.services-list{flex-direction:column;gap:1.5rem}.services-item{width:90%;height:auto}.products-trendy-grid,.solutions-list{flex-direction:column}.solutions-item{width:90%}.wow-card{width:90%;margin:1rem auto}.btn{width:90%;max-width:320px}}@media(max-width:480px){.hero h1,.services-hero h2,.products-trendy h2,.solutions-hero h2,.addon h2{font-size:2.2rem}.services-item,.solutions-item,.wow-card{padding:1.5rem}}.menu-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer}.menu-toggle span{width:26px;height:3px;background:#00f0ff;border-radius:4px;transition:.3s}@media(max-width:768px){.menu-toggle{display:none}nav.nav{position:fixed;top:90px;left:0;width:100%;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:2.5rem 0;transform:translateY(-120%);transition:transform .4s ease;z-index:9}.menu-toggle{position:relative;z-index:20}nav.nav.active{transform:translateY(0)}nav.nav a{font-size:1.2rem;color:#cde}}