:root{--color-bg:#01030a;--color-text:#fff;--color-primary:#1e90ff;--color-primary-glow:#1e90ff99;--color-secondary:#0b1a30;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);background:radial-gradient(circle at 70% 50%, #061536 0%, var(--color-bg) 60%);min-height:100vh;overflow-x:hidden}#webgl-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.overlay-content{z-index:10;pointer-events:none;flex-direction:column;min-height:100vh;display:flex;position:relative}.service-item{pointer-events:auto}.hero{flex-direction:column;flex:1;justify-content:center;padding:5% 8%;display:flex}.hero-top{justify-content:space-between;align-items:center;gap:4rem;width:100%;margin-bottom:4rem;display:flex}.hero-content{max-width:600px}.hero-right{flex-direction:column;flex:1;justify-content:center;max-width:450px;display:flex}.right-text{color:#94a3b8;margin-bottom:1.5rem;font-size:1.1rem;font-weight:300;line-height:1.6}.right-text .highlight{color:#e2e8f0;font-weight:500}.right-text-bold{color:#fff;margin-bottom:2rem;font-size:1.4rem;font-weight:600}.coming-soon{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px var(--color-primary-glow);font-size:2rem;font-weight:700}@media (width<=1024px){.hero-top{flex-direction:column;align-items:flex-start;gap:2rem}}.main-title{letter-spacing:-2px;margin-bottom:1rem;font-size:6rem;font-weight:700}.main-title span{color:var(--color-primary)}.tagline{letter-spacing:5px;color:#94a3b8;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.1rem;font-weight:300}.subtitle{color:#cbd5e1;font-size:1.8rem;font-weight:300;line-height:1.5}.subtitle .highlight{color:var(--color-primary);text-shadow:0 0 12px var(--color-primary-glow);font-weight:500}.services-container{flex-wrap:wrap;gap:2.5rem;margin-top:2rem;display:flex}.service-item{text-align:center;cursor:pointer;flex-direction:column;align-items:center;width:110px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.service-item:hover{transform:translateY(-8px)}.icon-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1a3066;border:1px solid #1e90ff33;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1rem;transition:all .4s;display:flex;box-shadow:0 0 15px #1e90ff0d}.service-item:hover .icon-wrapper{border-color:var(--color-primary);box-shadow:0 0 25px var(--color-primary-glow);background:#1e90ff26}.icon-wrapper i{color:var(--color-primary);width:28px;height:28px;transition:transform .4s}.service-item:hover .icon-wrapper i{transform:scale(1.1)}.service-item span{color:#94a3b8;font-size:.85rem;font-weight:400;line-height:1.4;transition:color .3s}.service-item:hover span{color:#fff}@media (width<=768px){.main-title{font-size:4rem}.subtitle{font-size:1.4rem}.tagline{letter-spacing:3px;font-size:.9rem}.services-container{justify-content:center;gap:1.5rem}.hero{padding:8% 5%}}@media (width<=480px){.main-title{font-size:2.8rem}.subtitle{font-size:1.2rem}.tagline{letter-spacing:2px;font-size:.75rem}.hero-top{gap:1.5rem;margin-bottom:2rem}.right-text{font-size:1rem}.right-text-bold{font-size:1.2rem}.coming-soon{font-size:1.5rem}.services-container{justify-content:center;gap:1rem}.service-item{width:95px}.icon-wrapper{width:50px;height:50px}.icon-wrapper i{width:22px;height:22px}.service-item span{font-size:.75rem}}