.hero{min-height:100svh;display:flex;align-items:center;padding:140px 0 60px;overflow:hidden}.hero .mesh{--hero-glow:rgba(247,9,9,.34);--hero-glow-2:rgba(247,9,9,.16);--hero-glow-3:rgba(255,120,120,.1);position:absolute;inset:-20% -10%;z-index:0;pointer-events:none;background:radial-gradient(38% 42% at 78% 22%,var(--hero-glow),transparent 62%),radial-gradient(34% 38% at 18% 78%,var(--hero-glow-2),transparent 66%),radial-gradient(46% 46% at 52% 8%,var(--hero-glow-3),transparent 68%);filter:blur(24px);animation:mesh 22s ease-in-out infinite alternate}@supports (color:color-mix(in srgb,red,blue)){.hero .mesh{--hero-glow-2:color-mix(in srgb,var(--hero-glow) 47%,transparent);--hero-glow-3:color-mix(in srgb,var(--hero-glow) 29%,transparent)}}@keyframes mesh{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.08)}100%{transform:translate3d(2%,-3%,0) scale(1.03)}}.hero .spot{position:absolute;width:640px;height:640px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(247,9,9,.13),transparent 62%);transform:translate3d(-50%,-50%,0);opacity:0;transition:opacity .6s}.hero:hover .spot{opacity:1}.hero .hgrid{position:relative;z-index:3;display:grid;grid-template-columns:var(--hero-split,59%) 1fr;gap:var(--hero-gap,56px);align-items:center;width:100%}.hero .hero-title{font-size:clamp(36px,5.2vw,72px);font-weight:400;margin-bottom:22px;letter-spacing:-.035em}.hero .hero-title b{font-weight:600;color:var(--red-hi)}.hero p{font-size:17px;color:var(--tx-2);max-width:490px}.hero .visual{position:relative;width:100%;max-width:400px;margin-left:auto}.hero .visual .slot{width:100%;aspect-ratio:1/1;border-radius:20px;border:1px solid var(--line)}.hero .float{position:absolute;background:rgba(18,18,20,.72);backdrop-filter:blur(18px);border:1px solid var(--line-2);border-radius:15px;padding:15px 18px;box-shadow:0 24px 50px -22px rgba(0,0,0,.9)}.hero .float b{font-family:var(--fm);font-size:22px;font-weight:500;display:block;line-height:1;letter-spacing:-.02em}.hero .float span{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--tx-3);display:block;margin-top:6px;font-family:var(--fm)}.hero .f1{top:6%;left:-46px;animation:bob 6s ease-in-out infinite}.hero .f2{bottom:8%;right:-40px;animation:bob 7.4s ease-in-out .8s infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}.hero .cue{position:absolute;left:26px;bottom:26px;z-index:4;display:flex;align-items:center;gap:12px;font-family:var(--fm);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx-3)}.hero .cue i{display:block;width:1px;height:38px;background:linear-gradient(180deg,var(--red),transparent);animation:cue 2s ease-in-out infinite}@keyframes cue{0%,100%{transform:scaleY(.3);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}@media(max-width:1024px){.hero{padding:120px 0 60px}.hero .hgrid{--hero-split:100%;--hero-gap:44px;grid-template-columns:1fr}.hero .visual{max-width:340px;margin:0 auto}.hero .f1{left:0}.hero .f2{right:0}.hero .cue{display:none}}@media(max-width:767px){.hero{padding:110px 0 50px}.hero .hero-title{font-size:clamp(30px,8vw,42px)}}@media(max-width:500px){.hero .f1,.hero .f2{display:none}}.hero--centered .hgrid{grid-template-columns:1fr;max-width:820px;margin-inline:auto;text-align:center}.hero--centered .kick{justify-content:center}.hero--centered p{margin-inline:auto}.hero--centered .acts{justify-content:center}