.hero{--azure:#2bb6ec;--amber:#ff9d00;--ink1:#f4f6f8;--ink2:#c3c8cf;--ink3:#9097a0;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero .bgvid{object-fit:cover;object-position:50% 92%;transform-origin:50% 100%;z-index:0;filter:contrast(.88)brightness(.96);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.24);-webkit-mask-image:linear-gradient(#000 62%,#0000 94%);mask-image:linear-gradient(#000 62%,#0000 94%)}.hero .scrim{z-index:1;pointer-events:none;background:linear-gradient(#08090beb 0%,#08090b8c 26%,#08090b6b 52% 70%,#08090b1a 88%,#08090b00 100%),radial-gradient(120% 85% at 50% 6%,#08090b00,#08090ba8 100%);position:absolute;inset:0}.hero .topbar{z-index:3;justify-content:center;padding:30px 0 0;display:flex;position:relative}.hero .logo{flex-direction:column;align-items:center;width:max-content;display:flex}.hero .logo .enertia{font-family:var(--font-syncopate);letter-spacing:-2.1px;color:var(--azure);white-space:nowrap;text-shadow:0 2px 30px #2bb6ec59;font-size:30px;font-weight:700;line-height:1}.hero .logo .studios{font-family:var(--font-space-mono);letter-spacing:2.2px;color:#fff;white-space:nowrap;text-align:center;margin-top:2px;font-size:8.6px;font-weight:400;line-height:1}.hero .stage{z-index:3;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 28px 90px;display:flex;position:relative}.hero h1{letter-spacing:-.025em;max-width:940px;color:var(--ink1);text-shadow:0 2px 40px #0006;font-family:General Sans;font-size:62px;font-weight:700;line-height:1.08}.hero h1 .spark{color:var(--amber)}.hero .sub{font-family:var(--font-manrope);color:var(--ink2);max-width:540px;margin:26px 0 38px;font-size:18px;font-weight:400;line-height:1.55}.hero .btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.hero .btn-secondary{cursor:pointer;font-family:var(--font-jakarta-raw);color:#eef1f4;background:linear-gradient(#15181d,#0e1116) padding-box padding-box,linear-gradient(#ffffff42,#ffffff0d 40%,#2bb6ec33) border-box;border:1px solid #0000;border-radius:360px;align-items:center;gap:8px;padding:.4rem 1.4rem;font-size:.82rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 8px 24px -16px #000c}.hero .btn-secondary .arr{color:var(--azure);font-size:14px}.hero .btn-secondary:hover{background:linear-gradient(#1a1e24,#11151a) padding-box padding-box,linear-gradient(#ffffff5c,#2bb6ec66) border-box}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-angle-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --gradient-shine{syntax:"<color>";inherits:false;initial-value:#fff}.hero .topcta{z-index:4;position:absolute;top:24px;right:34px}.hero .shiny-cta{--shiny-cta-bg:#0a0b0d;--shiny-cta-bg-subtle:#1c160c;--shiny-cta-fg:#fff;--shiny-cta-highlight:#ff9d00;--shiny-cta-highlight-subtle:#ffd27a;--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;--transition:.8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;cursor:pointer;outline-offset:4px;font-family:var(--font-jakarta-raw), sans-serif;color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);transition:var(--transition);border:1px solid #0000;border-radius:360px;padding:.66rem 1.95rem;font-size:.92rem;font-weight:600;line-height:1.2;transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine;position:relative;overflow:hidden}.hero .shiny-cta:before,.hero .shiny-cta:after,.hero .shiny-cta span:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.hero .shiny-cta:active{translate:0 1px}.hero .shiny-cta:before{--size:calc(100% - var(--shadow-size) * 3);--position:2px;--space:calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0) padding-box;background-size:var(--space) var(--space);-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black);border-radius:inherit;opacity:.4;z-index:-1;background-repeat:space}.hero .shiny-cta:after{--animation:shimmer linear infinite;aspect-ratio:1;background:linear-gradient(-50deg, transparent, var(--shiny-cta-highlight), transparent);opacity:.6;width:100%;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.hero .shiny-cta span{z-index:1}.hero .shiny-cta span:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0;transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) breathe linear infinite}.hero .shiny-cta,.hero .shiny-cta:before,.hero .shiny-cta:after{animation:var(--animation) var(--duration), var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.hero .shiny-cta:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle)}.hero .shiny-cta:is(:hover,:focus-visible),.hero .shiny-cta:is(:hover,:focus-visible):before,.hero .shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.hero .shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:360deg}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}.hero .hint{z-index:3;font-family:var(--font-space-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hero .hint .ln{background:linear-gradient(var(--ink3), transparent);width:1px;height:26px}@media (max-width:680px){.hero h1{font-size:40px}.hero .sub{font-size:16px}}