html:has(#hanix-live-landing-page-root) body{background-color:#ffffff;background-image:none}.hl-hero{--hl-pink:#ff2d55;--hl-pink-hot:#ff4f8b;--hl-pink-soft:#ffb3c8}.hl-hero-reveal{animation:hl-hero-reveal .7s ease var(--hl-delay,0s) both}.hl-hero-stage-enter{animation:hl-hero-stage-enter .9s ease .1s both}.hl-hero-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,#000 65%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent)}.hl-hero-aurora{position:absolute;border-radius:999px;filter:blur(90px);opacity:.22;will-change:transform}.hl-hero-aurora--a{top:-18%;right:-8%;width:min(60rem,90vw);height:min(60rem,90vw);background:radial-gradient(circle at 40% 40%,rgba(255,45,85,.75),rgba(255,45,85,0) 62%);animation:hl-hero-drift-a 18s ease-in-out infinite alternate}.hl-hero-aurora--b{bottom:-30%;left:-12%;width:min(44rem,80vw);height:min(44rem,80vw);background:radial-gradient(circle at 50% 50%,rgba(255,79,139,.45),rgba(168,30,90,0) 65%);opacity:.16;animation:hl-hero-drift-b 22s ease-in-out infinite alternate}.hl-hero-badge{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;background:rgba(255,255,255,.8);padding:.45rem .95rem .45rem .7rem;font-size:.8rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 10px 30px -18px rgba(255,45,85,.6);backdrop-filter:blur(12px)}.hl-hero-badge-dot{position:relative;width:.5rem;height:.5rem;border-radius:999px;background:var(--hl-pink)}.hl-hero-badge-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--hl-pink);animation:hl-hero-ping 1.6s cubic-bezier(0,0,.2,1) infinite}.hl-hero-accent{background:linear-gradient(100deg,#ff2d55,#ff4f8b 35%,#ff7aa8 55%,#ff4f8b 75%,#ff2d55);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hl-hero-sheen 7s ease-in-out infinite}.hl-hero-cta{position:relative;display:inline-flex;height:3.5rem;align-items:center;justify-content:center;gap:.55rem;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,#ff2d55,#ff4f8b 60%,#ff7aa8);padding:0 2rem;font-size:.98rem;font-weight:600;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 50px -14px rgba(255,45,85,.85),0 0 0 1px rgba(255,120,160,.4);transition:transform .3s ease,box-shadow .3s ease}.hl-hero-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:hl-hero-shine 3.8s ease-in-out infinite}.hl-hero-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 24px 60px -12px rgba(255,45,85,1),0 0 0 1px rgba(255,150,185,.6)}.hl-hero-cta:focus-visible,.hl-hero-ghost:focus-visible{outline:2px solid rgba(255,45,85,.7);outline-offset:3px}.hl-hero-ghost{display:inline-flex;height:3.5rem;align-items:center;justify-content:center;gap:.7rem;border-radius:999px;background:#fff;padding:0 1.6rem 0 .8rem;font-size:.98rem;font-weight:600;color:#0b0b0c;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:background .3s ease,color .3s ease}.hl-hero-ghost:hover{background:rgba(0,0,0,.04)}.hl-hero-download{display:inline-flex;margin-top:.85rem;align-items:center;justify-content:center;gap:.45rem;font-size:.92rem;font-weight:600;color:#0b0b0c}.hl-hero-download span{font-size:.78rem}.hl-hero-download:hover{color:#ff2d55}.hl-hero-download:focus-visible{outline:2px solid rgba(255,45,85,.7);outline-offset:3px;border-radius:999px}.hl-hero-platform{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.85rem;background:rgba(0,0,0,.03);color:rgba(0,0,0,.7);font-size:1.05rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:color .25s ease,background .25s ease,transform .25s ease}.hl-hero-platform:hover{transform:translateY(-2px);background:rgba(255,45,85,.1);color:#ff2d55}.hl-hero-stage{perspective:1400px}.hl-hero-phone-glow{position:absolute;inset:8% -20% 0;border-radius:999px;background:radial-gradient(closest-side,rgba(255,45,85,.28),rgba(255,45,85,0));filter:blur(40px);animation:hl-hero-glow 5s ease-in-out infinite}.hl-hero-phone-halo{position:absolute;left:50%;top:50%;width:135%;aspect-ratio:1;translate:-50% -50%;border-radius:999px;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,79,139,.5) 60deg,transparent 140deg,transparent 220deg,rgba(255,45,85,.35) 280deg,transparent 1turn);mask-image:radial-gradient(closest-side,transparent 64%,#000 66%,#000 67%,transparent 69%);-webkit-mask-image:radial-gradient(closest-side,transparent 64%,#000 66%,#000 67%,transparent 69%);animation:hl-hero-spin 16s linear infinite}.hl-hero-phone{position:relative;width:max(11rem,min(76vw,19.5rem,calc((100svh - var(--nav-h, 4.5rem) - 3rem) * 9 / 15.426)));aspect-ratio:9/15.426;container-type:inline-size}.hl-hero-phone-shell{position:absolute;inset:0;border-radius:16cqi;background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,0) 22%),linear-gradient(145deg,#3a3a3d,#1c1c1e 22%,#0b0b0c 48%,#1c1c1e 72%,#4a4a4e);box-shadow:inset 0 0 0 .35cqi rgba(255,255,255,.18),inset 0 -1.2cqi 2cqi rgba(0,0,0,.6),0 50px 120px -30px rgba(255,45,85,.35),0 30px 60px -30px rgba(0,0,0,.55)}@media (min-width:1024px){.hl-hero-phone{width:max(11rem,calc(min(100svh - var(--nav-h, 4.5rem) - 8rem, 46rem) * 9 / 15.426))}}@media (min-width:1024px) and (max-height:960px){.hl-hero-stage{align-self:start}}.hl-hero-phone-btn{position:absolute;width:1.3cqi;border-radius:1cqi;background:linear-gradient(90deg,#0b0b0c,#4a4a4e 60%,#2a2a2d)}.hl-hero-phone-btn--action{left:-.9cqi;top:19%;height:7cqi}.hl-hero-phone-btn--vol-up{left:-.9cqi;top:27%;height:13cqi}.hl-hero-phone-btn--vol-down{left:-.9cqi;top:35%;height:13cqi}.hl-hero-phone-btn--power{right:-.9cqi;top:29%;height:20cqi}.hl-hero-phone-bezel{position:absolute;inset:1.5cqi;border-radius:14.6cqi;background:#050505;padding:2.6cqi;box-shadow:inset 0 0 0 .4cqi rgba(0,0,0,.9)}.hl-hero-phone-screen{position:relative;isolation:isolate;height:100%;overflow:hidden;border-radius:12cqi;background:#0b0b0c;transform:translateZ(0)}.hl-hero-phone-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hl-hero-phone-video:fullscreen{object-fit:contain;background:#000}.hl-hero-phone-island{position:absolute;top:2.6cqi;left:50%;z-index:30;width:30cqi;height:8.6cqi;translate:-50% 0;border-radius:999px;background:#000}.hl-hero-phone-hud{display:none;position:absolute;top:14cqi;left:5cqi;right:5cqi;z-index:15;align-items:center;gap:2cqi;pointer-events:none}.hl-hero-live-pill,.hl-hero-viewers-pill{display:inline-flex;align-items:center;gap:1.6cqi;border-radius:999px;padding:1.3cqi 3cqi;font-size:3.6cqi;font-weight:700;letter-spacing:.06em}.hl-hero-live-pill{background:var(--hl-pink);color:#fff;box-shadow:0 1cqi 4cqi -1cqi rgba(255,45,85,.9)}.hl-hero-live-pill i{width:1.8cqi;height:1.8cqi;border-radius:999px;background:#fff;animation:hl-hero-blink 1.2s ease-in-out infinite}.hl-hero-viewers-pill{background:rgba(0,0,0,.45);color:rgba(255,255,255,.9);font-weight:600;letter-spacing:0;backdrop-filter:blur(8px)}.hl-hero-phone-tap{position:absolute;inset:0;z-index:20;display:block;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.hl-hero-phone-tap:focus-visible{outline:.8cqi solid rgba(255,179,200,.9);outline-offset:-1.6cqi;border-radius:12cqi}.hl-hero-play{position:absolute;bottom:12cqi;left:50%;z-index:30;display:grid;width:22cqi;aspect-ratio:1;place-items:center;translate:-50% 0;border-radius:999px;background:#000;color:#2ad4c8;box-shadow:0 2cqi 8cqi rgba(0,0,0,.45);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:hl-hero-fade-in .45s ease both}.hl-hero-play:focus-visible{outline:.8cqi solid rgba(42,212,200,.9);outline-offset:1cqi}.hl-hero-play svg{width:11cqi;height:11cqi;margin-left:.7cqi}.hl-hero-reactions{position:absolute;right:4cqi;bottom:14cqi;z-index:15;width:18cqi;height:70%;pointer-events:none}.hl-hero-reaction{position:absolute;bottom:0;left:50%;width:8cqi;height:8cqi;margin-left:-4cqi;opacity:0;filter:drop-shadow(0 1cqi 2cqi rgba(0,0,0,.35));animation:hl-hero-rise-tall var(--duration) ease-out var(--delay) infinite}.hl-hero-sound-btn{position:absolute;right:4.5cqi;bottom:6cqi;z-index:25;display:grid;width:11cqi;height:11cqi;place-items:center;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;box-shadow:inset 0 0 0 .3cqi rgba(255,255,255,.2);backdrop-filter:blur(8px);transition:background .2s ease}.hl-hero-sound-btn:hover{background:rgba(255,45,85,.85)}.hl-hero-sound-btn svg{width:5.2cqi;height:5.2cqi}.hl-hero-progress{position:absolute;left:6cqi;right:19cqi;bottom:10.8cqi;z-index:25;height:.9cqi;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.25);pointer-events:none}.hl-hero-progress span{display:block;height:100%;background:linear-gradient(90deg,#ff2d55,#ff7aa8);transform-origin:left center;transition:transform .25s linear}.hl-hero-chip{position:absolute;z-index:20;display:none;align-items:center;gap:.65rem;border-radius:1.1rem;background:rgba(20,20,22,.72);padding:.65rem .95rem .65rem .65rem;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 50px -20px rgba(0,0,0,.9),0 10px 40px -20px rgba(255,45,85,.6);backdrop-filter:blur(16px)}@media (min-width:640px){.hl-hero-chip{display:flex}}.hl-hero-chip--sale{left:-42%;top:30%;animation:hl-hero-bob 5s ease-in-out infinite}.hl-hero-chip--likes{right:-30%;bottom:20%;animation:hl-hero-bob 6s ease-in-out 1.2s infinite}@keyframes hl-hero-reveal{0%{opacity:0;transform:translateY(var(--hl-y,16px))}}@keyframes hl-hero-stage-enter{0%{opacity:0;transform:translateY(40px) rotate(-3deg) scale(.96)}}@keyframes hl-hero-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-8%,10%,0) scale(1.12)}}@keyframes hl-hero-drift-b{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(12%,-8%,0) scale(1.15)}}@keyframes hl-hero-ping{75%,to{transform:scale(2.4);opacity:0}}@keyframes hl-hero-sheen{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes hl-hero-shine{0%,55%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes hl-hero-glow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes hl-hero-spin{to{transform:rotate(1turn)}}@keyframes hl-hero-blink{50%{opacity:.35}}@keyframes hl-hero-fade-in{0%{opacity:0}}@keyframes hl-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes hl-hero-ripple{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.75);opacity:0}}@keyframes hl-hero-heartbeat{0%,60%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}@keyframes hl-hero-rise{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) * 3),-520%) scale(var(--size))}}@keyframes hl-hero-rise-tall{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) * 4),-700%) scale(var(--size)) rotate(-12deg)}}@keyframes hl-hero-nudge{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes hl-hero-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.hl-hero-accent,.hl-hero-aurora,.hl-hero-badge-dot:after,.hl-hero-chip,.hl-hero-cta:after,.hl-hero-live-pill i,.hl-hero-phone-glow,.hl-hero-phone-halo,.hl-hero-reveal,.hl-hero-stage-enter{animation:none}.hl-hero-reaction{display:none}}@media (min-width:1024px){.hanix-live-story-sticky{top:var(--nav-h,4.5rem);height:calc(100svh - var(--nav-h, 4.5rem));min-height:calc(100svh - var(--nav-h, 4.5rem));justify-content:flex-start;gap:.55rem;padding-top:.55rem;padding-bottom:.85rem;overflow:visible}.hanix-live-story-stage{flex:1 1 0;min-height:0;width:100%;container-type:size;display:flex;align-items:center;justify-content:center}.hanix-live-story-stage .hanix-live-device-mock{width:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hanix-live-story-stage .hanix-live-device-frame{aspect-ratio:16/10;width:min(100cqi,calc(92cqh * 1.6));max-width:100%;max-height:92cqh;height:auto}}@media (min-width:1024px) and (max-height:820px){.hanix-live-story-copy-title{margin-top:.2rem;font-size:1.25rem;line-height:1.2}.hanix-live-story-copy-body{margin-top:.25rem;font-size:.8rem;line-height:1.3}}.hanix-live-device-frame{aspect-ratio:16/10;width:min(100%,56rem);container-type:inline-size}