.netify-hub-hero{background:radial-gradient(ellipse at 82% 26%, color-mix(in oklab, var(--hero-purple) 17%, transparent), transparent 52%), radial-gradient(ellipse at 48% 66%, color-mix(in oklab, var(--hero-blue) 19%, transparent), transparent 62%), linear-gradient(120deg, var(--hero-base), var(--hero-navy) 65%, var(--hero-base))}.netify-hub-hero:after{content:"";pointer-events:none;background:linear-gradient(115deg, transparent 42%, color-mix(in oklab, var(--accent) 3%, transparent) 49%, transparent 58%);position:absolute;inset:0}.hub-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;column-gap:32px;max-width:1440px;margin:auto;padding:60px 40px 28px;display:grid}.hub-copy{z-index:2;position:relative}.hub-brand{letter-spacing:0;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.hub-brand img{object-fit:contain;width:34px;height:34px}.hub-title{letter-spacing:0;margin-top:30px;font-size:60px;font-weight:750;line-height:1.14}.hub-title span{background:linear-gradient(110deg, var(--foreground) 10%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hub-subtitle{max-width:465px;margin-top:24px;font-size:18px;line-height:1.8}.hub-cta{position:relative;overflow:hidden}.hub-cta:after{content:"";background:linear-gradient(110deg, transparent 20%, color-mix(in oklab, var(--foreground) 16%, transparent), transparent 80%);pointer-events:none;transition:transform .65s;position:absolute;inset:0;transform:translate(-120%)}.hub-cta:hover:after{transform:translate(120%)}.hub-trust{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:20px 36px;margin-top:32px;padding-top:24px;display:flex}.hub-trust li{align-items:center;gap:8px;font-size:12px;display:flex}.hub-ecosystem{perspective:1200px;width:100%;height:500px;position:relative}.hub-space{transform-style:preserve-3d;position:absolute;inset:0}.hub-sculpture{transform-style:preserve-3d;animation:16s ease-in-out infinite hub-sculpture-drift;position:absolute;inset:-4% -7%}.hub-cube-art{object-fit:contain;mix-blend-mode:screen;-webkit-user-select:none;user-select:none;width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse, var(--foreground) 49%, transparent 73%);-webkit-mask-image:radial-gradient(ellipse, var(--foreground) 49%, transparent 73%);mask-image:radial-gradient(ellipse, var(--foreground) 49%, transparent 73%)}.hub-hologram{flex-direction:column;align-items:center;gap:10px;width:27%;display:flex;position:absolute;top:49%;left:43%;transform:translate(-50%,-50%)rotateY(-9deg)rotate(2deg)}.hub-hologram img{aspect-ratio:1;object-fit:contain;width:100%;filter:drop-shadow(0 0 17px var(--hero-blue))}.hub-hologram span{color:var(--foreground);text-shadow:0 0 18px var(--accent);font-size:17px;font-weight:750}.hub-cube-reflection{pointer-events:none;position:absolute;inset:18% 25% 20% 14%;overflow:hidden;transform:skewY(5deg)}.hub-cube-reflection:after{content:"";background:linear-gradient(110deg, transparent 43%, color-mix(in oklab, var(--accent) 10%, transparent) 50%, transparent 57%);animation:13s ease-in-out infinite hub-reflection;position:absolute;inset:-30% -70%}.hub-fragment{border:1px solid color-mix(in oklab, var(--accent) 32%, transparent);background:linear-gradient(130deg, color-mix(in oklab, var(--hero-blue) 20%, transparent), transparent);filter:blur(3px);opacity:.35;pointer-events:none;border-radius:5px;width:42px;height:62px;animation:19s ease-in-out infinite hub-fragment-drift;position:absolute}.hub-fragment-one{top:15%;left:2%;transform:rotate(-24deg)}.hub-fragment-two{filter:blur(5px);width:26px;height:34px;animation-delay:-7s;top:31%;right:1%;transform:rotate(28deg)}.hub-fragment-three{filter:blur(4px);width:60px;height:22px;animation-delay:-12s;bottom:3%;right:15%;transform:rotate(-16deg)}.hub-interior-particles{pointer-events:none;background-image:radial-gradient(var(--accent) 1px, transparent 1.5px);opacity:.3;background-size:61px 73px;animation:14s ease-in-out infinite hub-particles;position:absolute;inset:27% 31% 26% 23%}.hub-paused *,.hub-paused :after,.hub-ecosystem:hover *,.hub-ecosystem:hover :after{animation-play-state:paused}@keyframes hub-sculpture-drift{0%,to{transform:translateY(0)rotate(-1deg)rotateY(-2deg)}50%{transform:translateY(-7px)rotate(1deg)rotateY(2deg)}}@keyframes hub-fragment-drift{0%,to{translate:0}50%{translate:4px -9px}}.hub-specks{pointer-events:none;opacity:.22;background-image:radial-gradient(circle, var(--accent) 1px, transparent 1.5px);-webkit-mask-image:linear-gradient(transparent, var(--hero-base), transparent);-webkit-mask-image:linear-gradient(transparent, var(--hero-base), transparent);mask-image:linear-gradient(transparent, var(--hero-base), transparent);background-size:151px 127px;animation:16s ease-in-out infinite hub-particles;position:absolute;inset:-12px 0}.hub-grid{pointer-events:none;opacity:.2;background-image:linear-gradient(color-mix(in oklab, var(--accent) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--accent) 9%, transparent) 1px, transparent 1px);-webkit-mask-image:linear-gradient(90deg, transparent 15%, var(--hero-base) 70%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent 15%, var(--hero-base) 70%, transparent);mask-image:linear-gradient(90deg, transparent 15%, var(--hero-base) 70%, transparent);background-size:64px 64px;position:absolute;inset:0}@keyframes hub-reflection{0%,15%{transform:translate(-38%)}80%,to{transform:translate(38%)}}@keyframes hub-particles{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (width>=1600px){.hub-layout{padding-top:72px;padding-bottom:36px}.hub-ecosystem{height:560px}.hub-title{font-size:64px}}@media (width>=768px) and (width<=1100px){.hub-layout{gap:20px;padding:38px 28px 24px}.hub-title{font-size:44px}.hub-subtitle{font-size:17px}.hub-ecosystem{height:430px}.hub-hologram span{font-size:13px}}@media (width<=767px){.hub-layout{grid-template-columns:1fr;gap:22px;padding:28px 20px 24px}.hub-brand{font-size:15px}.hub-brand img{width:28px;height:28px}.hub-title{margin-top:20px;font-size:42px}.hub-subtitle{margin-top:18px;font-size:17px;line-height:1.65}.hub-ecosystem{max-width:440px;height:310px;margin:auto}.hub-sculpture{inset:-5% -4%}.hub-hologram{gap:4px}.hub-hologram span{font-size:12px}.hub-fragment{opacity:.2}.hub-interior-particles{display:none}.hub-trust{grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:0;padding-top:20px;display:grid}.hub-trust li{gap:6px;font-size:10px}.hub-specks{animation:none}}@media (prefers-reduced-motion:reduce){.netify-hub-hero *,.netify-hub-hero :after{transition:none;animation:none}}
