.hyper-viewport{perspective:1000px;perspective-origin:50%;background:#0a0a0f;height:100vh;position:sticky;top:0;overflow:hidden}.hyper-world{transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.hyper-item{backface-visibility:hidden;will-change:transform, opacity;position:absolute;top:0;left:0}.hyper-feature-card{border:1px solid #ffffff0f;border-top:2px solid var(--tier-color,#378add);background:#0f0f1eb8;border-radius:16px;flex-direction:column;gap:10px;width:280px;padding:22px 20px;display:flex;position:relative;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0006}.hyper-feature-card--illustrated{width:320px}.hyper-feature-scene{background:linear-gradient(#ffffff08 0%,#0000 100%);border-radius:14px 14px 0 0;width:calc(100% + 40px);height:100px;margin:-22px -20px 8px;position:relative;overflow:hidden}.hyper-scene-svg{width:100%;height:100%;padding:4px 8px;position:absolute;inset:0}.hyper-scene-grid{pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.hyper-feature-badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.hyper-feature-title{font-family:var(--font-display);color:#fff;margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.hyper-feature-desc{color:#fff6;margin:0;font-size:12.5px;line-height:1.55}@media (max-width:640px){.hyper-feature-card{width:230px;padding:18px 16px}.hyper-feature-card--illustrated{width:260px}.hyper-feature-scene{width:calc(100% + 32px);height:80px;margin:-18px -16px 6px}.hyper-feature-title{font-size:.95rem}.hyper-feature-desc{font-size:12px}}.hyper-star{background:#fff;border-radius:50%;position:absolute}.hyper-overlay{text-align:center;z-index:10;pointer-events:none;will-change:opacity;flex-direction:column;justify-content:center;align-items:center;padding:0 1rem;display:flex;position:absolute;inset:0}.hyper-vignette{pointer-events:none;z-index:5;background:radial-gradient(circle,#0000 30%,#0a0a0fcc 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hyper-world{transform:none!important}.hyper-item{opacity:1!important}}