.hh .ch{--blue:#0d80f2;--blue-2:#64b5f6;--card:#293038;isolation:isolate;background:var(--black);height:100svh;min-height:560px;color:var(--white);position:relative;overflow:hidden}.hh:has(.ch) .nav{visibility:hidden;transition:transform .45s var(--ease),visibility 0s linear .45s,background-color .35s var(--ease),border-color .35s;transform:translateY(-105%)}html[data-ch-past] .hh:has(.ch) .nav{visibility:visible;transition:transform .45s var(--ease),visibility 0s,background-color .35s var(--ease),border-color .35s;transform:none}.hh .ch-title{z-index:6;top:calc(22px + env(safe-area-inset-top,0px));letter-spacing:.22em;text-transform:uppercase;color:#9a9a9a;white-space:nowrap;pointer-events:none;height:38px;animation:ch-fade .6s var(--ease).3s both;background:#000000e0;border:1px solid #2a2a2a;border-radius:999px;align-items:center;margin:0;padding:0 16px 0 18px;font-size:12.5px;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hh .ch-lang{z-index:8;top:calc(22px + env(safe-area-inset-top,0px));right:calc(22px + env(safe-area-inset-right,0px));animation:ch-fade .6s var(--ease).3s both;position:absolute}.hh .ch-lang-btn{color:#c4c4c4;height:38px;font:800 12.5px/1 var(--body);letter-spacing:.12em;cursor:pointer;background:#000000e0;border:1px solid #2a2a2a;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 12px;transition:color .2s,border-color .2s;display:inline-flex}.hh .ch-lang-btn:hover,.hh .ch-lang-btn[aria-expanded=true]{color:var(--white);border-color:#4a4a4a}.hh .ch-lang-btn:focus-visible{outline:3px solid var(--white);outline-offset:3px}.hh .ch-lang-menu{min-width:168px;max-height:min(70svh,420px);animation:ch-pop .22s var(--ease)both;background:#111;border:1px solid #2a2a2a;border-radius:14px;margin:0;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 18px 50px #0009}.hh .ch-lang-menu button{color:#d6d6d6;width:100%;font:600 15px/1.2 var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;display:block}.hh .ch-lang-menu button:hover,.hh .ch-lang-menu button:focus-visible{color:var(--white);background:#1f1f1f;outline:none}.hh .ch-lang-menu button[aria-current]{color:var(--lime)}.hh .ch-side{color:var(--white);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;display:flex;position:relative}.hh .ch-in{z-index:2;gap:16px;display:grid;position:relative}.hh .ch-kick{letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:800}.hh .ch-name{font-family:var(--display);text-transform:uppercase;font-weight:400;line-height:.9;display:grid}.hh .ch-name-a{letter-spacing:.14em;opacity:.9;margin-bottom:.12em;font-size:.36em}.hh .ch-name-m{letter-spacing:.12em;margin-bottom:.1em;font-size:.5em}.hh .ch-name-b{letter-spacing:.005em}.hh .ch-line{max-width:32ch;font-size:clamp(16px,1.25vw,19px);line-height:1.45}.hh .ch-cta{height:54px;font:800 16px/1 var(--body);letter-spacing:.01em;white-space:nowrap;transition:transform .25s var(--ease),background-color .25s,color .25s,box-shadow .3s;border-radius:14px;align-items:center;gap:10px;padding:0 24px;display:inline-flex}.hh .ch-cta svg{transition:transform .3s var(--ease)}.hh .ch-talk:hover .ch-cta svg{transform:translateY(3px)}.hh .ch-assist:hover .ch-cta svg{transform:translate(4px)}.hh .ch-side:hover .ch-cta{transform:translateY(-2px)}.hh .ch-side:focus-visible .ch-cta{outline:3px solid var(--white);outline-offset:4px}.hh .ch-flash{z-index:7;pointer-events:none;opacity:0;background:radial-gradient(70% 60%,#fff,#ffffff8c 45%,#fff0 80%);position:absolute;inset:0}.hh .ch-bolt{pointer-events:none;position:absolute;overflow:visible}.hh .ch-bolt path{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.hh .ch-p-core{stroke:#fff;stroke-width:3px}.hh .ch-p-br{stroke:#fff;stroke-width:1.6px;opacity:.8}.hh .ch-p-glow{stroke-width:11px;opacity:.55}.hh .ch{--period:4.6s;display:flex}.hh .ch .ch-side{text-align:center;min-width:0;padding:calc(84px + env(safe-area-inset-top,0px))clamp(20px,4vw,64px)64px;transition:flex-grow .75s var(--ease);flex:1 1 0;justify-content:center;align-items:center}.hh .ch .ch-side:before{content:"";z-index:0;opacity:.5;transition:opacity .6s var(--ease);position:absolute;inset:0}.hh .ch .ch-talk:before{background:radial-gradient(110% 75% at 100%,#b9ff3933,#b9ff3900 62%)}.hh .ch .ch-assist:before{background:radial-gradient(110% 75% at 0%,#0d80f257,#0d80f200 62%)}.hh .ch .ch-side:is(:hover,:focus-visible):before{opacity:1}:is(.hh .ch:has(.ch-talk:is(:hover,:focus-visible)) .ch-talk,.hh .ch:has(.ch-assist:is(:hover,:focus-visible)) .ch-assist){flex-grow:1.42}.hh .ch .ch-in{max-width:460px;transition:opacity .5s var(--ease);justify-items:center}:is(.hh .ch:has(.ch-talk:hover) .ch-assist .ch-in,.hh .ch:has(.ch-assist:hover) .ch-talk .ch-in){opacity:.45}.hh .ch .ch-in>*{animation:ch-up .75s var(--ease)both}.hh .ch .ch-in>:first-child{animation-delay:.55s}.hh .ch .ch-in>:nth-child(2){animation-delay:.62s}.hh .ch .ch-in>:nth-child(3){animation-delay:.69s}.hh .ch .ch-in>:nth-child(4){animation-delay:.76s}.hh .ch .ch-in>:nth-child(5){animation-delay:.83s}.hh .ch .ch-name{font-size:clamp(64px,7.4vw,124px)}.hh .ch .ch-line{color:#c4c4c4}.hh .ch .ch-talk .ch-kick{color:var(--lime)}.hh .ch .ch-assist .ch-kick{color:var(--blue-2)}.hh .ch .ch-talk .ch-cta{background:var(--lime);color:var(--black)}.hh .ch .ch-assist .ch-cta{background:var(--blue);color:var(--white)}.hh .ch .ch-talk:hover .ch-cta{box-shadow:0 10px 34px #b9ff394d}.hh .ch .ch-assist:hover .ch-cta{box-shadow:0 10px 34px #0d80f273}.hh .ch .ch-seam{z-index:4;pointer-events:none;flex:0 0 0;position:relative}.hh .ch .ch-bolt-v{width:150px;height:100%;top:0;left:-75px}.hh .ch .ch-bolt-h{width:100%;height:120px;display:none;top:-60px;left:0}.hh .ch .ch-bolt{filter:drop-shadow(0 0 5px #ffffffd9)drop-shadow(0 0 20px #96c8ff73);clip-path:inset(0 0 100%);animation:ch-draw-v .44s steps(8,end).12s forwards,ch-flicker var(--period)1.4s infinite}.hh .ch .ch-bolt-h{clip-path:inset(0 100% 0 0);animation-name:ch-draw-h,ch-flicker}.hh .ch .ch-flash{animation:ch-strike .7s ease-out .5s,ch-glint var(--period)1.4s infinite}.hh .ch-sparks i{left:var(--b);top:var(--a);opacity:0;width:3px;height:3px;animation:ch-spark var(--period)calc(1.4s + var(--k)*12ms)infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 6px 2px #fffc}.hh .ch-sparks i:nth-child(odd){background:var(--lime);box-shadow:0 0 6px 2px #b9ff39b3}.hh .ch-sparks i:nth-child(3n){background:var(--blue-2);box-shadow:0 0 6px 2px #64b5f6cc}.hh .ch-chat{text-align:left;gap:8px;width:min(320px,100%);margin-bottom:10px;display:grid}.hh .ch-msg{animation:ch-pop .5s var(--spring)both;align-items:flex-end;gap:8px;display:flex}.hh .ch-msg:first-child{animation-delay:1.1s}.hh .ch-msg:nth-child(2){justify-content:flex-end;animation-delay:1.7s}.hh .ch-msg:nth-child(3){animation-delay:2.3s}.hh .ch-msg img{object-fit:cover;border-radius:50%;flex:none;width:34px;height:34px}.hh .ch-bub{color:#eee;background:#1d1d1d;border:1px solid #2c2c2c;border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:15px;line-height:1.35}.hh .ch-me .ch-bub{background:var(--lime);border-color:var(--lime);color:var(--black);border-radius:18px 18px 6px;font-weight:600}.hh .ch-typing{gap:4px;padding:13px 14px;display:inline-flex}.hh .ch-typing i{background:#9a9a9a;border-radius:50%;width:7px;height:7px;animation:1.2s infinite ch-dot}.hh .ch-typing i:nth-child(2){animation-delay:.15s}.hh .ch-typing i:nth-child(3){animation-delay:.3s}.hh .ch-hint{text-align:left;gap:10px;width:min(330px,100%);margin-bottom:10px;display:grid}.hh .ch-listen{color:#aaa;align-items:center;gap:8px;font-size:13px;font-weight:700;animation:.5s 1.1s both ch-fade;display:inline-flex}.hh .ch-listen i{background:#f44336;border-radius:50%;width:8px;height:8px;animation:1.4s infinite ch-rec}.hh .ch-card{background:var(--card);border-left:4px solid var(--blue);animation:ch-pop .55s var(--spring)1.8s both;border-radius:12px;gap:6px;padding:13px 15px;display:grid}.hh .ch-card-h{justify-content:space-between;font-size:12px;display:flex}.hh .ch-card-h b{color:var(--blue-2);letter-spacing:.04em;font-weight:800}.hh .ch-card-h span{color:#90caf9}.hh .ch-card em{color:#bbdefb;font-size:13.5px}.hh .ch-card-a{color:#fff;font-size:15px;line-height:1.4}@media (max-width:760px) and (orientation:portrait),(max-width:760px) and (min-height:561px){.hh .ch{min-height:620px}.hh .ch-title{top:calc(14px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));letter-spacing:.16em;height:36px;padding:0 14px;font-size:11px;transform:none}.hh .ch-lang{top:calc(14px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px))}.hh .ch-lang-btn{gap:6px;height:36px;padding:0 11px 0 10px;font-size:12px}.hh .ch-in{gap:12px}.hh .ch-kick{font-size:12px}.hh .ch-line{font-size:15.5px}.hh .ch-cta{border-radius:12px;height:48px;padding:0 20px;font-size:15px}.hh .ch{flex-direction:column}.hh .ch .ch-side{padding:44px 20px 30px}.hh .ch .ch-assist{padding:30px 20px calc(30px + env(safe-area-inset-bottom,0px))}.hh .ch .ch-talk:before{background:radial-gradient(90% 90% at 50% 100%,#b9ff3933,#b9ff3900 65%)}.hh .ch .ch-assist:before{background:radial-gradient(90% 90% at 50% 0,#0d80f257,#0d80f200 65%)}.hh .ch .ch-name{font-size:clamp(50px,15vw,68px)}.hh .ch-chat,.hh .ch-hint{display:none}.hh .ch .ch-seam{width:100%}.hh .ch .ch-bolt-v{display:none}.hh .ch .ch-bolt-h{display:block}.hh .ch-sparks i{left:var(--a);top:var(--b);animation-name:ch-spark-h}}@media (max-width:760px) and (max-height:700px){.hh .ch-line{display:none}}@media (orientation:landscape) and (max-height:560px){.hh .ch{min-height:0}.hh .ch-title{top:calc(12px + env(safe-area-inset-top,0px));height:34px;font-size:11px}.hh .ch-lang{top:calc(12px + env(safe-area-inset-top,0px))}.hh .ch-lang-btn{height:34px}.hh .ch .ch-side{padding:calc(58px + env(safe-area-inset-top,0px))clamp(16px,3vw,40px)calc(18px + env(safe-area-inset-bottom,0px))}.hh .ch .ch-in{gap:10px}.hh .ch-chat,.hh .ch-hint{display:none}.hh .ch .ch-name{font-size:clamp(44px,15vh,72px)}.hh .ch-kick{font-size:12px}.hh .ch-line{max-width:34ch;font-size:15px}.hh .ch-cta{border-radius:12px;height:46px;padding:0 20px;font-size:15px}}@media (orientation:landscape) and (max-height:400px){.hh .ch-line{display:none}}.hh .ch .ch-assist{--va-out:cubic-bezier(.23,1,.32,1);overflow:hidden}.hh .ch .ch-assist:before{display:none}.hh .ch-va-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hh .ch-va-img{transform-origin:50% 20%;background-position:50% 62%;background-repeat:no-repeat;background-size:cover;transition:filter .5s;animation:18s ease-in-out infinite alternate ch-kb;position:absolute;inset:0}.hh .ch-va-haze{background:linear-gradient(#0000008c 0,#00000040 120px,#00000026 30%,#000000b3 58%,#000 88%),linear-gradient(90deg,#000 0,#0000 22%);position:absolute;inset:0}.hh .ch .ch-assist:is(:hover,:focus-visible) .ch-va-img{filter:brightness(1.18)}.hh .ch .ch-assist .ch-in{gap:18px}.hh .ch .ch-assist .ch-kick{color:#ffffffbf;letter-spacing:.12em;align-items:center;gap:10px;display:inline-flex}.hh .ch-eq{align-items:center;gap:3px;height:16px;display:inline-flex}.hh .ch-eq i{background:var(--blue);width:3px;height:100%;animation:ch-eq var(--d,1.4s)ease-in-out infinite alternate;transform:scaleY(.12)}.hh .ch-lockup{display:block}.hh .ch-lockup img{width:clamp(250px,25vw,380px);height:auto}.hh .ch .ch-assist .ch-line{color:#a8a8a8}.hh .ch .ch-assist .ch-cta{background:var(--blue);color:#fff;height:56px;box-shadow:none;transition:transform .14s var(--va-out),background-color .2s ease;border-radius:0;padding:0 28px;font-size:17px;font-weight:700}.hh .ch .ch-assist:hover .ch-cta{box-shadow:none;background:#1a8cff;transform:none}.hh .ch .ch-assist:active .ch-cta{transform:scale(.97)}.hh .ch .ch-assist:focus-visible .ch-cta{outline:2px solid var(--blue);outline-offset:4px}.hh .ch-assist .ch-in>*{animation-name:ch-rise;animation-timing-function:var(--va-out);animation-duration:.32s}.hh .ch-assist .ch-listen{color:#a8a8a8;font-weight:600}.hh .ch-assist .ch-listen i{background:var(--blue);animation:1s ease-in-out infinite ch-rec}.hh .ch-assist .ch-card{border:1px solid #2a2a2a;border-left:3px solid var(--blue);animation:ch-rise .32s var(--va-out)1.8s both;background:#000000d1;border-radius:0;gap:8px;padding:14px 16px}.hh .ch-assist .ch-card-h{font-size:13px}.hh .ch-assist .ch-card-h b{color:var(--blue)}.hh .ch-assist .ch-card-h span{color:#6b6b6b;font-weight:600}.hh .ch-assist .ch-card em{color:#a8a8a8;font-size:14px;font-style:normal}.hh .ch-assist .ch-card-a{color:#fff;font-size:16px;font-weight:600;line-height:1.4}@media (max-width:760px) and (orientation:portrait),(max-width:760px) and (min-height:561px){.hh .ch .ch-assist .ch-in{gap:12px}.hh .ch-lockup img{width:clamp(200px,60vw,250px)}.hh .ch .ch-assist .ch-cta{border-radius:0;height:52px;padding:0 22px;font-size:16px}.hh .ch-va-img{background-position:50% 18%}.hh .ch-va-haze{background:linear-gradient(#000 0,#00000059 22%,#00000040 40%,#000000c7 66%,#000 100%)}}@media (orientation:landscape) and (max-height:560px){.hh .ch-lockup img{width:clamp(180px,22vw,240px)}.hh .ch .ch-assist .ch-cta{border-radius:0;height:46px;font-size:15px}}@keyframes ch-kb{0%{transform:scale(1)}to{transform:scale(1.09)}}@keyframes ch-eq{0%{transform:scaleY(.12)}to{transform:scaleY(var(--hi,.6))}}@keyframes ch-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes ch-fade{0%{opacity:0}}@keyframes ch-up{0%{opacity:0;transform:translateY(18px)}}@keyframes ch-pop{0%{opacity:0;transform:translateY(10px)scale(.94)}}@keyframes ch-draw-v{to{clip-path:inset(0)}}@keyframes ch-draw-h{to{clip-path:inset(0)}}@keyframes ch-flicker{0%,85%,to{opacity:1}87%{opacity:.2}88%{opacity:1}90%{opacity:.4}91.5%{opacity:1}}@keyframes ch-strike{0%{opacity:.9}to{opacity:0}}@keyframes ch-glint{0%,86%,to{opacity:0}88%{opacity:.1}90%{opacity:0}91%{opacity:.06}93%{opacity:0}}@keyframes ch-spark{0%,86%{opacity:0;transform:none}88%{opacity:1;transform:none}97%,to{opacity:0;transform:translate(var(--dx),var(--dy))scale(.4)}}@keyframes ch-spark-h{0%,86%{opacity:0;transform:none}88%{opacity:1;transform:none}97%,to{opacity:0;transform:translate(var(--dy),var(--dx))scale(.4)}}@keyframes ch-dot{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}@keyframes ch-rec{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.hh .ch *,.hh .ch:before,.hh .ch :before,.hh .ch :after{animation:none!important}.hh .ch-title{animation:none}.hh .ch .ch-bolt{clip-path:none!important}.hh .ch-flash,.hh .ch-sparks{display:none}.hh .ch .ch-side{transition:none}.hh:has(.ch) .nav{transition:none}}
