html:has(#hanix-live-landing-page-root) body{background-color:#ffffff;background-image: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}.hl-app{min-width:0;background:#141414;color:#f4f4f5;font-size:11px;font-size:clamp(10px,1.15cqi,13px)}.hl-app,.hl-bind,.hl-boot{height:100%;overflow:hidden}.hl-bind,.hl-boot{display:flex;max-width:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:.55em;text-align:center;padding:1.5em}.hl-bind h2,.hl-boot p{margin:0;font-size:1.7em;font-weight:650;letter-spacing:-.04em}.hl-bind-copy,.hl-boot span{margin:0;max-width:18em;color:#a1a1aa;font-size:.95em;line-height:1.35}.hl-kicker{margin:.4em 0 0;color:#a1a1aa;font-size:.72em;letter-spacing:.22em;text-transform:uppercase}.hl-token{display:flex;align-items:center;gap:.6em;box-sizing:border-box;width:min(24em,100%);max-width:100%;margin-top:.8em;border-radius:.9em;background:#0c0c0e;padding:.75em .9em;color:#e4e4e7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.hl-token,.hl-token span{min-width:0;overflow:hidden}.hl-token span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;text-overflow:ellipsis;white-space:nowrap}.hl-key{width:1.1em;height:1.1em;color:#ff2d55}.hl-caret{width:1px;height:1em;background:#ff2d55;animation:hl-blink 1s steps(1) infinite}.hl-spin{margin-left:auto;width:.9em;height:.9em;border-radius:999px;border:1.5px solid rgba(255,255,255,.2);border-top-color:#ff2d55;animation:hl-spin .7s linear infinite}.hl-studio{display:grid;height:100%;min-width:0;overflow:hidden;grid-template-columns:9.2em minmax(0,1fr) 15.5em;background:#101012}.hl-nav{display:flex;flex-direction:column;gap:.35em;border-right:1px solid rgba(255,255,255,.06);padding:.85em .7em;background:#0c0c0e}.hl-brand{display:flex;align-items:center;gap:.45em;margin-bottom:.7em;font-size:.72em;font-weight:700;letter-spacing:.14em}.hl-mark{width:1.35em;height:1.35em}.hl-nav>span,.hl-net{border-radius:.55em;padding:.45em .55em;color:#a1a1aa;font-size:.78em}.hl-nav>span.is-active{background:rgba(255,45,85,.16);color:#fff}.hl-net{margin-top:auto;display:flex;align-items:center;gap:.4em}.hl-live i,.hl-net i{width:.45em;height:.45em;border-radius:999px;background:#ff2d55;box-shadow:0 0 0 3px rgba(255,45,85,.2)}.hl-stage{display:flex;min-width:0;flex-direction:column}.hl-top{display:flex;gap:.55em;border-bottom:1px solid rgba(255,255,255,.06);padding:.55em .8em;color:#a1a1aa;font-size:.72em;white-space:nowrap}.hl-live,.hl-top{min-width:0;align-items:center;overflow:hidden}.hl-live{margin-left:auto;display:inline-flex;gap:.4em;border-radius:999px;background:#ff2d55;padding:.35em .7em;color:white;font-weight:700;text-overflow:ellipsis}.hl-program{display:grid;min-height:0;flex:1;place-items:center;padding:.8em}.hl-frame{position:relative;height:100%;max-height:100%;aspect-ratio:9/16;overflow:hidden;border-radius:.7em;background:#050506;box-shadow:0 16px 40px -24px rgba(0,0,0,.8)}.hl-cam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hl-panel{display:flex;min-width:0;overflow:hidden;flex-direction:column;gap:.6em;border-left:1px solid rgba(255,255,255,.06);background:#0c0c0e;padding:.75em}.hl-panel header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.4em;font-size:.75em}.hl-panel header span{display:inline-flex;align-items:center;gap:.35em;color:#86efac}.hl-panel header span i{width:.45em;height:.45em;border-radius:999px;background:#22c55e}.hl-chat{display:flex;min-height:0;min-width:0;flex:1;flex-direction:column;gap:.45em;overflow:hidden}.hl-chat p{margin:0;max-width:100%;overflow-wrap:anywhere;border-radius:.7em;padding:.45em .55em;font-size:.72em;line-height:1.35}.hl-chat p.is-user{margin-left:auto;background:#ff2d55}.hl-chat p.is-agent{background:#1c1c1f;color:#d4d4d8}.hl-offer{display:grid;gap:.35em;border-radius:.7em;background:#18181b;padding:.45em}.hl-offer p,.hl-offer strong{margin:0;font-size:.68em}.hl-offer span{grid-column:1/-1;border-radius:999px;background:rgba(255,45,85,.16);padding:.3em .45em;text-align:center;color:#ff8aad;font-size:.62em;font-weight:700}.hl-quick{display:flex;min-width:0;flex-wrap:wrap;gap:.35em}.hl-quick span{min-width:0;border-radius:999px;background:#1c1c1f;padding:.35em .5em;color:#d4d4d8;font-size:.62em;line-height:1.3}@keyframes hl-blink{50%{opacity:0}}@keyframes hl-spin{to{transform:rotate(1turn)}}@container (max-width: 640px){.hl-studio{grid-template-columns:minmax(0,1fr) 12.5em}.hl-nav{display:none}}@media (prefers-reduced-motion:reduce){.hl-caret,.hl-spin{animation:none}}