.hc-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,5vw,80px);max-width:1320px;margin:0 auto;padding:clamp(20px,3vw,44px) clamp(16px,4vw,44px) 56px;display:grid}.hc-copy{min-width:0}.hc-h1{letter-spacing:-.035em;margin:0;font-size:clamp(40px,4.3vw,66px);font-weight:780;line-height:1.06}.hc-h1-a,.hc-h1-b{display:block}.hc-h1-a{color:var(--muted)}.hc-sub{max-width:500px;color:var(--ink-2);text-wrap:pretty;margin:22px 0 0;font-size:clamp(18px,1.55vw,22px);line-height:1.42}.hc-cta{margin-top:30px;display:flex}.hc-show{width:min(620px,45vw,92.5926svh - 157.407px);min-width:420px}.hc-stage{--px:1;--py:20;--pw:34;--kx:40;--ky:3;--kw:60;--kp:4;--kh:16;--gap:2.4;--ts:calc((var(--kw) - 2 * var(--kp) - var(--gap)) / 2);--st:calc(var(--ts) + var(--gap));--kt:calc(2 * var(--kp) + var(--kh) + 2 * var(--ts) + var(--gap) + 12.4);aspect-ratio:100/108;position:relative;container-type:inline-size}.hc-face{border-radius:50%;flex:none;display:inline-block;overflow:hidden}.hc-face img{width:100%;height:100%;display:block}.hc-who{left:calc(var(--px) * 1cqw);white-space:nowrap;align-items:center;gap:2.6cqw;margin:0;display:flex;position:absolute;top:5cqw}.hc-who.is-talk{opacity:0}.hc-who .hc-face{width:clamp(42px,12cqw,60px);height:clamp(42px,12cqw,60px);box-shadow:0 0 0 2px #f7f7f2}.hc-who>span{line-height:1.15;display:grid}.hc-who b{letter-spacing:-.01em;font-size:clamp(16px,4.8cqw,21px);font-weight:780}.hc-who small{color:var(--ink-2);font-size:clamp(13.5px,3.9cqw,17px);font-weight:600}.hc-phone{left:calc(var(--px) * 1cqw);top:calc(var(--py) * 1cqw);width:calc(var(--pw) * 1cqw);position:absolute;container-type:inline-size}.hc-device{aspect-ratio:390/844;isolation:isolate;color:#fff;background:#000;border-radius:14cqw;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2.6cqw #121211,0 0 0 3cqw #3a3a38,0 12cqw 24cqw -8cqw #141e1466,0 6cqw 12cqw -6cqw #141e1447}.hc-device img{display:block}.hc-view{background:#111;border-radius:0 0 6cqw 6cqw;width:100cqw;height:160cqw;position:absolute;top:0;left:0;overflow:hidden}.hc-live{object-fit:cover;width:100%;height:100%;transform:scale(1.04)}.hc-lines{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.3% - .5px),#ffffff47 33.3%,#0000 calc(33.3% + .5px)),linear-gradient(90deg,#0000 calc(66.6% - .5px),#ffffff47 66.6%,#0000 calc(66.6% + .5px)),linear-gradient(#0000 calc(33.3% - .5px),#ffffff47 33.3%,#0000 calc(33.3% + .5px)),linear-gradient(#0000 calc(66.6% - .5px),#ffffff47 66.6%,#0000 calc(66.6% + .5px)),linear-gradient(#00000059,#0000 16%);position:absolute;inset:0}.hc-flash{opacity:0;background:#fff;position:absolute;inset:0}.hc-notch{z-index:3;background:#0b0b0a;border-radius:5cqw;width:30cqw;height:7.6cqw;position:absolute;top:2.4cqw;left:50%;translate:-50%}.hc-status{z-index:2;justify-content:space-between;align-items:center;height:12cqw;padding:1.6cqw 7.5cqw 0 9cqw;font-size:4.2cqw;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.hc-status-icons{align-items:center;gap:1.6cqw;display:flex}.hc-status-icons i{background:currentColor;display:block}.hc-sig{clip-path:polygon(0 100%,100% 0,100% 100%);width:4.6cqw;height:3cqw}.hc-bat{border-radius:.9cqw;width:6.6cqw;height:3cqw}.hc-place{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#1414138c;border-radius:99px;align-items:center;gap:1.4cqw;padding:2cqw 3.8cqw 2cqw 3cqw;font-size:5.4cqw;font-weight:700;display:none;position:absolute;top:15cqw;left:50%;translate:-50%}.hc-place svg{width:5cqw;height:5cqw}@container (min-width:190px){.hc-place{display:inline-flex}}.hc-shutter{border:1.5cqw solid #fff;border-radius:50%;place-items:center;width:22cqw;height:22cqw;margin:-11cqw 0 0 -11cqw;display:grid;position:absolute;top:188cqw;left:50%}.hc-shutter span{background:#fff;border-radius:50%;width:16.6cqw;height:16.6cqw}.hc-tap{z-index:1;opacity:0;background:#fff6;border-radius:50%;width:18cqw;height:18cqw;margin:-9cqw 0 0 -9cqw;position:absolute;top:188cqw;left:50%;box-shadow:0 0 0 .8cqw #ffffffe6}.hc-rec{z-index:1;opacity:0;background:#121211;position:absolute;inset:0}.hc-rec-time{letter-spacing:-.02em;text-align:center;font-variant-numeric:tabular-nums;height:1.15em;font-size:15cqw;font-weight:750;line-height:1.15;position:absolute;top:38cqw;left:0;right:0;overflow:hidden}.hc-rec-time>span{display:block}.hc-rec-time i{font-style:normal;display:block}.hc-rec-wave{justify-content:space-between;align-items:center;height:50cqw;display:flex;position:absolute;top:78cqw;left:12cqw;right:12cqw}.hc-rec-wave i{background:var(--lime);border-radius:2cqw;width:4cqw}.hc-rec-mic{background:#ff3b30;border-radius:50%;place-items:center;width:30cqw;height:30cqw;margin:-15cqw 0 0 -15cqw;display:grid;position:absolute;top:170cqw;left:50%;box-shadow:0 0 0 2.4cqw #ff3b3040}.hc-rec-mic svg{width:13cqw;height:13cqw}.hc-tap.is-rec{width:24cqw;height:24cqw;margin:-12cqw 0 0 -12cqw;top:170cqw}.hc-card{left:calc(var(--kx) * 1cqw);top:calc(var(--ky) * 1cqw);width:calc(var(--kw) * 1cqw);height:calc(var(--kt) * 1cqw);background:#fff;border-radius:4.6cqw;position:absolute;box-shadow:0 0 0 1px #1515130f,0 3cqw 8cqw -3cqw #1515132e,0 10cqw 20cqw -10cqw #1515134d}.hc-card-head{top:calc(var(--kp) * 1cqw);left:calc(var(--kp) * 1cqw);right:calc(var(--kp) * 1cqw);gap:1cqw;margin:0;display:grid;position:absolute}.hc-card-head b{letter-spacing:-.035em;white-space:nowrap;font-size:6.1cqw;font-weight:800;line-height:1.05}.hc-card-head small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12.5px,3.6cqw,17px);font-weight:600;overflow:hidden}.hc-grid{left:calc(var(--kp) * 1cqw);top:calc((var(--kp) + var(--kh)) * 1cqw);width:calc((var(--kw) - 2 * var(--kp)) * 1cqw);height:calc((2 * var(--ts) + var(--gap)) * 1cqw);position:absolute}.hc-tile{--s1:translate(0, 0);--s2:translate(calc(var(--st) * 1cqw), 0);--s3:translate(0, calc(var(--st) * 1cqw));--s4:translate(calc(var(--st) * 1cqw), calc(var(--st) * 1cqw));width:calc(var(--ts) * 1cqw);height:calc(var(--ts) * 1cqw);background:var(--bg-3);border-radius:2.6cqw;position:absolute;top:0;left:0;overflow:hidden}.hc-tile img{object-fit:cover;width:100%;height:100%}.hc-tile>.hc-face{width:8.4cqw;height:8.4cqw;position:absolute;bottom:1.6cqw;left:1.6cqw;box-shadow:0 0 0 .6cqw #fff}.hc-tile.is-a{transform:var(--s1)}.hc-tile.is-b{transform:var(--s2)}.hc-tile.is-c{transform:var(--s3)}.hc-tile.is-d{transform:var(--s4)}.hc-tile.is-l,.hc-tile.is-v{z-index:2;opacity:0;box-shadow:0 0 0 .6cqw #fff}.hc-tile.is-l{--from:translate(calc((var(--px) + var(--pw) / 2 - var(--kx) - var(--kp) - var(--ts) / 2) * 1cqw), calc((var(--py) + var(--pw) * .8 - var(--ky) - var(--kp) - var(--kh) - var(--ts) / 2) * 1cqw)) scale(calc(var(--pw) * .92 / var(--ts)));z-index:3}.hc-tile.is-v{--from:translate(calc((var(--px) + var(--pw) / 2 - var(--kx) - var(--kp) - var(--ts) / 2) * 1cqw), calc((var(--py) + var(--pw) * 1.03 - var(--ky) - var(--kp) - var(--kh) - var(--ts) / 2) * 1cqw)) scale(calc(var(--pw) * .86 / var(--ts)));z-index:4;background:var(--pine);color:#fff}.hc-v-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:2.2cqw;left:2.4cqw;right:2.4cqw}.hc-v-top svg{width:5cqw;height:5cqw;color:var(--lime)}.hc-v-top b{font-variant-numeric:tabular-nums;font-size:3.9cqw;font-weight:800}.hc-v-wave{justify-content:space-between;align-items:center;height:6.4cqw;display:flex;position:absolute;top:8cqw;left:2.6cqw;right:2.6cqw}.hc-v-wave i{background:var(--lime);border-radius:1cqw;width:1.2cqw}.hc-seen{left:calc(var(--kp) * 1cqw);bottom:calc((var(--kp) - 1) * 1cqw);opacity:0;transform-origin:0 100%;align-items:center;gap:2.6cqw;margin:0;display:flex;position:absolute}.hc-seen-face{display:block;position:relative}.hc-seen-face .hc-face{width:10cqw;height:10cqw;display:block}.hc-seen-face i{background:var(--go);color:#fff;border-radius:50%;place-items:center;width:4.8cqw;height:4.8cqw;display:grid;position:absolute;bottom:-.6cqw;right:-1cqw;box-shadow:0 0 0 .6cqw #fff}.hc-seen-face svg{width:3.1cqw;height:3.1cqw}.hc-seen>span{line-height:1.15;display:grid}.hc-seen b{color:var(--go);font-size:clamp(15px,4.6cqw,22px);font-weight:800}.hc-seen small{color:var(--ink-2);font-size:clamp(13px,3.8cqw,17px);font-weight:600}.hc-reply{right:0;top:calc((var(--ky) + var(--kt) + 2.6) * 1cqw);white-space:nowrap;opacity:0;transform-origin:100% 0;background:#fff;border-radius:1.4cqw 5.4cqw 5.4cqw;align-items:center;gap:2.4cqw;margin:0;padding:1.8cqw 4.2cqw 1.8cqw 1.8cqw;display:flex;position:absolute;box-shadow:0 0 0 1px #1515130f,0 4cqw 10cqw -4cqw #1515134d}.hc-reply .hc-face{width:9.4cqw;height:9.4cqw}.hc-reply>span{line-height:1.15;display:grid}.hc-reply small{color:var(--ink-2);font-size:clamp(13px,3.7cqw,16px);font-weight:600}.hc-reply b{letter-spacing:-.01em;font-size:clamp(16px,4.8cqw,22px);font-weight:800}@media (prefers-reduced-motion:no-preference){.hc-stage.is-on{--hc-t:10s}.is-on .hc-live{animation:hc-breathe var(--hc-t) ease-in-out infinite}.is-on .hc-tap{animation:hc-tap var(--hc-t) linear infinite}.is-on .hc-tap.is-rec{animation-name:hc-tap-rec}.is-on .hc-shutter span{animation:hc-press var(--hc-t) linear infinite}.is-on .hc-flash{animation:hc-flash var(--hc-t) linear infinite}.is-on .hc-who.is-snap{animation:hc-who-snap var(--hc-t) linear infinite}.is-on .hc-who.is-talk{animation:hc-who-talk var(--hc-t) linear infinite}.is-on .hc-phone{animation:hc-handover var(--hc-t) linear infinite}.is-on .hc-rec{animation:hc-rec var(--hc-t) linear infinite}.is-on .hc-rec-time>span{animation:hc-timer var(--hc-t) linear infinite}.is-on .hc-rec-wave i{animation:.9s ease-in-out infinite alternate hc-level}.is-on .hc-rec-mic{animation:1.2s ease-in-out infinite hc-mic}.is-on .hc-grid{animation:hc-grid var(--hc-t) linear infinite}.is-on .hc-tile.is-a{animation:hc-tile-a var(--hc-t) linear infinite}.is-on .hc-tile.is-b{animation:hc-tile-b var(--hc-t) linear infinite}.is-on .hc-tile.is-c{animation:hc-tile-c var(--hc-t) linear infinite}.is-on .hc-tile.is-d{animation:hc-tile-d var(--hc-t) linear infinite}.is-on .hc-tile.is-l{animation:hc-tile-l var(--hc-t) linear infinite, hc-arc-l var(--hc-t) linear infinite}.is-on .hc-tile.is-v{animation:hc-tile-v var(--hc-t) linear infinite, hc-arc-v var(--hc-t) linear infinite}.is-on .hc-seen{animation:hc-seen var(--hc-t) linear infinite}.is-on .hc-reply{animation:hc-reply var(--hc-t) linear infinite}.hc-stage.is-paused,.hc-stage.is-paused *{animation-play-state:paused!important}}@keyframes hc-breathe{0%,to{transform:scale(1.04)}8%{transform:scale(1.07)translate(-.8%,.5%)}}@keyframes hc-tap{0%,7.2%{opacity:0;transform:scale(1.35)}8.4%{opacity:1;transform:scale(.85)}13%,to{opacity:0;transform:scale(1.7)}}@keyframes hc-press{0%,7.8%{transform:scale(1)}8.6%{transform:scale(.82)}10.5%,to{transform:scale(1)}}@keyframes hc-flash{0%,8.5%{opacity:0}8.8%{opacity:.95}12.5%,to{opacity:0}}@keyframes hc-who-snap{0%,24.5%{opacity:1;transform:none}26.3%,94.3%{opacity:0;transform:translateY(-2cqw)}96.5%,to{opacity:1;transform:none}}@keyframes hc-who-talk{0%,26.3%{opacity:0;transform:translateY(2cqw)}28.5%,92.5%{opacity:1;transform:none}94.3%,to{opacity:0;transform:translateY(-2cqw)}}@keyframes hc-handover{0%,24.5%{animation-timing-function:ease-in-out;transform:none}26.8%{animation-timing-function:ease-in-out;transform:scale(.965)rotate(-1.2deg)}29.5%,to{transform:none}}@keyframes hc-rec{0%,25.5%{opacity:0}28.5%,55.5%{opacity:1}58%,to{opacity:0}}@keyframes hc-timer{0%,29%{animation-timing-function:steps(8,end);transform:none}50%,59%{transform:translateY(-9.2em)}59.1%,to{transform:none}}@keyframes hc-level{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes hc-mic{50%{box-shadow:0 0 0 5cqw #ff3b3024}}@keyframes hc-tap-rec{0%,48.6%{opacity:0;transform:scale(1.35)}49.6%{opacity:1;transform:scale(.85)}53.5%,to{opacity:0;transform:scale(1.7)}}@keyframes hc-grid{0%,92%{opacity:1}95.5%,96.5%{opacity:0}99.5%,to{opacity:1}}@keyframes hc-tile-a{0%,14%{transform:var(--s1);animation-timing-function:cubic-bezier(.5,0,.2,1)}19.5%,55%{transform:var(--s2);animation-timing-function:cubic-bezier(.5,0,.2,1)}59.5%,95.9%{transform:var(--s3)}96%,to{transform:var(--s1)}}@keyframes hc-tile-b{0%,14%{transform:var(--s2);animation-timing-function:cubic-bezier(.5,0,.2,1)}19.5%,55%{transform:var(--s3);animation-timing-function:cubic-bezier(.5,0,.2,1)}59.5%,95.9%{transform:var(--s4)}96%,to{transform:var(--s2)}}@keyframes hc-tile-c{0%,14%{opacity:1;transform:var(--s3);animation-timing-function:cubic-bezier(.5,0,.2,1)}19.5%,55%{opacity:1;transform:var(--s4);animation-timing-function:cubic-bezier(.5,0,.2,1)}59.5%,95.9%{opacity:0;transform:var(--s4) scale(.8)}96%,to{opacity:1;transform:var(--s3)}}@keyframes hc-tile-d{0%,14%{opacity:1;transform:var(--s4);animation-timing-function:cubic-bezier(.5,0,.2,1)}19.5%,95.9%{opacity:0;transform:var(--s4) scale(.8)}96%,to{opacity:1;transform:var(--s4)}}@keyframes hc-tile-l{0%,8.7%{opacity:0;transform:var(--from)}8.9%,10%{opacity:1;transform:var(--from);animation-timing-function:cubic-bezier(.45,0,.25,1)}19.5%{opacity:1;transform:var(--s1) scale(1.04);animation-timing-function:ease-out}21%,55%{opacity:1;transform:var(--s1);animation-timing-function:cubic-bezier(.5,0,.2,1)}59.5%,95.9%{opacity:1;transform:var(--s2)}96%,to{opacity:0;transform:var(--from)}}@keyframes hc-arc-l{0%,10%{animation-timing-function:cubic-bezier(.25,.6,.4,1);translate:0}14.8%{animation-timing-function:cubic-bezier(.6,0,.75,.4);translate:0 -7cqw}19.5%,to{translate:0}}@keyframes hc-tile-v{0%,49.8%{opacity:0;transform:var(--from)}50.2%,51%{opacity:1;transform:var(--from);animation-timing-function:cubic-bezier(.45,0,.25,1)}59.5%{opacity:1;transform:var(--s1) scale(1.04);animation-timing-function:ease-out}61%,95.9%{opacity:1;transform:var(--s1)}96%,to{opacity:0;transform:var(--from)}}@keyframes hc-arc-v{0%,51%{animation-timing-function:cubic-bezier(.25,.6,.4,1);translate:0}55.3%{animation-timing-function:cubic-bezier(.6,0,.75,.4);translate:0 -7cqw}59.5%,to{translate:0}}@keyframes hc-seen{0%,64.5%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.25,1.15);transform:translateY(2cqw)scale(.94)}68%,92%{opacity:1;transform:none}95.5%,to{opacity:0;transform:none}}@keyframes hc-reply{0%,73.5%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.25,1.15);transform:translateY(-2cqw)scale(.9)}77%,92%{opacity:1;transform:none}95.5%,to{opacity:0;transform:none}}@media (prefers-reduced-motion:reduce){.hc-tile.is-v{opacity:1;transform:var(--s1)}.hc-tile.is-l{opacity:1;transform:var(--s2)}.hc-tile.is-a{transform:var(--s3)}.hc-tile.is-b{transform:var(--s4)}.hc-tile.is-c,.hc-tile.is-d{opacity:0}.hc-seen,.hc-reply{opacity:1}.hc-h1 .circled path{stroke-dashoffset:0;animation:none}}@media (max-width:979px){.hc-hero{grid-template-columns:minmax(0,1fr);gap:0;padding-top:24px;padding-bottom:40px}.hc-h1{font-size:clamp(30px,8.6vw,56px)}.hc-sub{margin-top:12px;font-size:clamp(16px,4.3vw,19px);line-height:1.38}.hc-cta{margin-top:20px}.hc-cta .btn{flex:1;height:52px}.hc-show{justify-self:center;width:100%;min-width:0;max-width:580px;margin-top:26px}}@media (max-width:640px){.hc-hero{padding-top:20px}.hc-cta{margin-top:16px}.hc-show{margin-top:18px}}
