.hero{--bg:#000;--fg:#f6f6f6;--card:#101010;--muted:#8f8f8f;--border:#ffffff38;--accent:#f6f6f6;--primary:#f6f6f6;--shadow:#0009;--bubble-stroke:#ffffff4d;color:#f6f6f6;background:#000;width:100%;height:100%;animation:.5s ease-out both heroFadeIn;position:relative;overflow:hidden}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero-btn-cnt{display:flex}.cnt{z-index:2;position:relative}.hero-splash{z-index:0;pointer-events:none;width:100%;height:100%;animation:.9s ease-out 50ms both heroFadeIn;position:absolute;inset:0;overflow:hidden}.hero-splash__svg{width:100%;height:100%;display:block}.hero-splash__bubbles .bubble{transform-box:fill-box;transform-origin:50%;will-change:transform;animation:7s ease-in-out infinite alternate heroBubbleFloat}.hero-splash__bubbles .bubble:nth-child(2n){animation-duration:9s;animation-delay:-2s}.hero-splash__bubbles .bubble:nth-child(3n){animation-duration:6s;animation-delay:-4s}.hero-splash__bubbles .bubble:nth-child(5n){animation-duration:11s;animation-delay:-1s}@keyframes heroBubbleFloat{0%{transform:translateY(0)scale(1)}to{transform:translateY(-26px)scale(1.06)}}.hero-inner{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 clamp(1.5rem,5vw,4.5rem);display:flex;position:relative}.hero-side{flex:none;justify-content:center;align-items:center;width:30%;height:30%;display:flex}.hero-side--left{display:none}.hero-cube{perspective:900px;animation:.8s cubic-bezier(.22,1,.36,1) .1s both heroCubeIn}@keyframes heroCubeIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.hero-cube:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff29 0%,#fff0 62%);border-radius:50%;animation:5s ease-in-out infinite heroCubeGlow;position:absolute;inset:-55px}.cube{width:100%;height:100%;transform-style:preserve-3d;animation:16s linear infinite heroCubeSpin;position:relative}.cube-face{background:linear-gradient(135deg,#ffffff12,#ffffff05);border:1.5px solid #ffffffe6;animation:5s ease-in-out infinite heroCubeGlow;position:absolute;inset:0;box-shadow:inset 0 0 26px #ffffff24,0 0 16px #ffffff47}.cube-face--front{transform:translateZ(85px)}.cube-face--back{transform:rotateY(180deg)translateZ(85px)}.cube-face--right{transform:rotateY(90deg)translateZ(85px)}.cube-face--left{transform:rotateY(-90deg)translateZ(85px)}.cube-face--top{transform:rotateX(90deg)translateZ(85px)}.cube-face--bottom{transform:rotateX(-90deg)translateZ(85px)}@keyframes heroCubeSpin{0%{transform:rotateX(-24deg)rotateY(0)}to{transform:rotateX(-24deg)rotateY(360deg)}}@keyframes heroCubeGlow{0%,to{box-shadow:inset 0 0 26px #ffffff1f,0 0 14px #ffffff3d}50%{box-shadow:inset 0 0 40px #ffffff38,0 0 34px #ffffff7a}}.hero-badge{align-items:center;gap:.55rem;display:inline-flex}.hero-badge__dot{background:var(--fg);border-radius:9999px;width:8px;height:8px;animation:2.4s ease-in-out infinite heroDotPulse}@keyframes heroDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.hero-eyebrow{font-family:var(--font-space-grotesk);letter-spacing:.34em;text-transform:uppercase;color:var(--muted);text-indent:.34em;align-items:center;gap:1rem;margin:0;font-size:clamp(.8rem,1svw,1rem);font-weight:500;display:flex}.hero-eyebrow:before,.hero-eyebrow:after{content:"";background:var(--muted);flex-shrink:0;width:2.4rem;height:1px}.hero-title-wrap{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.hero-title{font-family:var(--font-display);text-transform:uppercase;text-align:left;letter-spacing:-.02em;color:var(--fg);margin:0;font-weight:900;line-height:1.04}.hero-title--outline{color:#0000;-webkit-text-stroke:2px var(--fg)}.hero-btn{font-family:var(--font-space-grotesk);cursor:pointer;will-change:transform;border-radius:.75rem;padding:.8rem 1.7rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.hero-btn--primary{background:var(--fg);color:var(--bg);border:2px solid var(--fg);box-shadow:0 10px 26px var(--shadow)}.hero-btn--primary:hover{box-shadow:0 18px 36px var(--shadow);transform:translateY(-3px)}.hero-btn--secondary{color:var(--fg);border:2px solid var(--fg);background:0 0}.hero-btn--secondary:hover{background:var(--fg);color:var(--bg);box-shadow:0 14px 30px var(--shadow);transform:translateY(-3px)}@media (max-width:900px){.hero-side{display:none}.hero-inner{padding:0 1rem}}@media (max-width:278px){.hero-btn-cnt{flex-direction:column;gap:.4rem;width:100%!important}.hero-btn-cnt>button{justify-content:center;align-items:center;padding:1rem;display:flex;border-radius:.4rem!important;width:100%!important}.hero-eyebrow:before,.hero-eyebrow:after{display:none}.anim{width:100%!important}}