.why[data-astro-cid-xcvqokdv]{container-type:inline-size}.why__head[data-astro-cid-xcvqokdv] .lead[data-astro-cid-xcvqokdv]{max-width:60ch}.band[data-astro-cid-xcvqokdv]{margin-top:clamp(44px,5vw,72px);display:grid}@media(prefers-reduced-motion:no-preference){.band[data-astro-cid-xcvqokdv]{position:relative;width:100cqw;margin-left:calc(50% - 50cqw);background:var(--bg)}}.band__row[data-astro-cid-xcvqokdv]{container-type:inline-size;overflow-x:clip;padding-block:12px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%)}.band__track[data-astro-cid-xcvqokdv]{position:relative;display:flex;width:max-content}.band__list[data-astro-cid-xcvqokdv]{display:flex;flex:none;gap:12px;padding-right:12px}@media(prefers-reduced-motion:no-preference){.band__track[data-astro-cid-xcvqokdv]{animation:band-drift 74s linear infinite;animation-delay:-6s;will-change:transform}.band__row--2[data-astro-cid-xcvqokdv] .band__track[data-astro-cid-xcvqokdv]{animation-duration:80s;animation-direction:reverse;animation-delay:-31s}.band__row--3[data-astro-cid-xcvqokdv] .band__track[data-astro-cid-xcvqokdv]{animation-duration:62s;animation-delay:-47s}.band[data-astro-cid-xcvqokdv]:hover .band__track[data-astro-cid-xcvqokdv],.band[data-astro-cid-xcvqokdv]:focus-within .band__track[data-astro-cid-xcvqokdv],.band[data-astro-cid-xcvqokdv][data-paused] .band__track[data-astro-cid-xcvqokdv]{animation-play-state:paused}}@keyframes band-drift{0%{transform:translate3d(calc(50cqw - 33.3333%),0,0)}to{transform:translate3d(calc(50cqw - 66.6667%),0,0)}}.chip[data-astro-cid-xcvqokdv]{position:relative;flex:none;display:grid;height:48px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-xs);white-space:nowrap;outline:none}.chip__face[data-astro-cid-xcvqokdv]{grid-area:1 / 1;display:flex;align-items:center;gap:12px;height:100%;padding:0 20px 0 12px;transition:opacity .22s var(--ease-out)}.tag[data-astro-cid-xcvqokdv]{display:inline-flex;flex:none;align-items:center;height:22px;padding:0 7px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text);font-family:var(--font);font-size:11px;font-weight:600;line-height:1;letter-spacing:.01em}.tag--en[data-astro-cid-xcvqokdv]{background:var(--ink);box-shadow:none;color:#fff}.chip__text[data-astro-cid-xcvqokdv]{color:var(--ink);font-size:15.5px;font-weight:500;letter-spacing:-.006em}.chip__text[data-astro-cid-xcvqokdv]:lang(ja){font-family:var(--font),"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,var(--font-cjk)}.chip__text[data-astro-cid-xcvqokdv]:lang(ko){font-family:var(--font),"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;letter-spacing:0}.chip__text[data-astro-cid-xcvqokdv]:lang(ar){font-family:var(--font),"Geeza Pro","Segoe UI","Noto Sans Arabic",system-ui,sans-serif;letter-spacing:0}.chip__text[data-astro-cid-xcvqokdv]:lang(zh){letter-spacing:0}.chip__place[data-astro-cid-xcvqokdv]{color:var(--muted);font-size:14px}.chip__place[data-astro-cid-xcvqokdv]{margin-left:auto}@media(max-width:599px)and (prefers-reduced-motion:no-preference){.chip[data-astro-cid-xcvqokdv]{height:44px}.chip__text[data-astro-cid-xcvqokdv]{max-width:min(58vw,300px);overflow:hidden;text-overflow:ellipsis;font-size:15px}}.chip__face--en[data-astro-cid-xcvqokdv]{z-index:1;border-radius:inherit;background:#fff;box-shadow:inset 0 0 0 1px var(--line-strong),0 1px 2px #1018280d,0 6px 14px -8px #10182842;opacity:0;transform:translateY(1px) scale(.985);transform-origin:24px 50%;transition:opacity .24s var(--ease-out),transform .36s var(--ease-expo);pointer-events:none}.chip[data-astro-cid-xcvqokdv]:focus,.chip[data-astro-cid-xcvqokdv]:focus-within,.chip[data-astro-cid-xcvqokdv].is-en{z-index:2}.chip[data-astro-cid-xcvqokdv]:focus>.chip__face--en[data-astro-cid-xcvqokdv],.chip[data-astro-cid-xcvqokdv].is-en>.chip__face--en[data-astro-cid-xcvqokdv]{opacity:1;transform:none}.chip[data-astro-cid-xcvqokdv]:focus>.chip__face[data-astro-cid-xcvqokdv]:not(.chip__face--en),.chip[data-astro-cid-xcvqokdv].is-en>.chip__face[data-astro-cid-xcvqokdv]:not(.chip__face--en){opacity:0}@media(hover:hover)and (pointer:fine){.chip[data-astro-cid-xcvqokdv]:hover{z-index:2}.chip[data-astro-cid-xcvqokdv]:hover>.chip__face--en[data-astro-cid-xcvqokdv]{opacity:1;transform:none}.chip[data-astro-cid-xcvqokdv]:hover>.chip__face[data-astro-cid-xcvqokdv]:not(.chip__face--en){opacity:0}}.chip[data-astro-cid-xcvqokdv]:focus-visible{border-radius:var(--r-pill);outline:2px solid var(--ink);outline-offset:2px}.chip[data-astro-cid-xcvqokdv]:has(>.chip__face--en):focus-visible{outline:none}.chip[data-astro-cid-xcvqokdv]:focus-visible>.chip__face--en[data-astro-cid-xcvqokdv]{outline:2px solid var(--ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.band[data-astro-cid-xcvqokdv]{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px}.band__row[data-astro-cid-xcvqokdv],.band__track[data-astro-cid-xcvqokdv],.band__list[data-astro-cid-xcvqokdv]{display:contents}.band__list[data-astro-cid-xcvqokdv][data-copy],.chip--late[data-astro-cid-xcvqokdv]{display:none}.chip[data-astro-cid-xcvqokdv]{order:var(--o)}.chip[data-astro-cid-xcvqokdv]{height:auto;align-items:stretch;border-radius:14px;white-space:normal}.chip__face[data-astro-cid-xcvqokdv]{display:block;height:auto;padding:11px 14px 12px;line-height:1.45;transition:none}.chip__face[data-astro-cid-xcvqokdv] .tag[data-astro-cid-xcvqokdv]{margin-right:8px;vertical-align:1px}.chip__place[data-astro-cid-xcvqokdv]{margin-left:6px}.chip__face--en[data-astro-cid-xcvqokdv]{height:auto;transform:none;transition:none}.chip[data-astro-cid-xcvqokdv]:focus-visible{border-radius:14px}}.why__caption[data-astro-cid-xcvqokdv]{margin-top:14px}.why__row[data-astro-cid-xcvqokdv]{display:grid;align-items:start;gap:10px;margin-top:clamp(40px,4vw,56px);padding-top:22px;border-top:1px solid var(--line)}@media(min-width:1200px){.why__row[data-astro-cid-xcvqokdv]{grid-template-columns:minmax(0,max-content) minmax(0,260px);justify-content:space-between;gap:40px}}.why__kinds[data-astro-cid-xcvqokdv]{display:flex;flex-wrap:wrap;align-items:center;row-gap:6px;margin-left:-24px;clip-path:inset(-4px -4px -4px 24px);color:var(--text)}.why__kinds[data-astro-cid-xcvqokdv] li[data-astro-cid-xcvqokdv]{position:relative;padding-left:24px;white-space:nowrap}.why__kinds[data-astro-cid-xcvqokdv] li[data-astro-cid-xcvqokdv]:before{content:"";position:absolute;left:10.5px;top:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:var(--faint)}.tri[data-astro-cid-ih2zftlh],.bars[data-astro-cid-72a6e4kp]{display:inline-block;flex:none}.bars[data-astro-cid-72a6e4kp] rect[data-astro-cid-72a6e4kp]{fill:var(--line-strong)}.bars[data-astro-cid-72a6e4kp] rect[data-astro-cid-72a6e4kp].on{fill:currentColor}.wf[data-astro-cid-5bhz3pop]{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:18px;border-top:1px solid var(--line-strong)}.wf__row[data-astro-cid-5bhz3pop]{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.wf__num[data-astro-cid-5bhz3pop]{color:var(--ink);font-size:clamp(34px,3.1vw,44px);font-weight:650;line-height:1;letter-spacing:-.035em;text-align:right;white-space:nowrap}.wf__text[data-astro-cid-5bhz3pop]{max-width:24ch;color:var(--muted);font-size:var(--fs-small);line-height:1.35;text-wrap:balance}@media(min-width:1100px){.wf[data-astro-cid-5bhz3pop]{margin-top:4px}}html[data-layout=a] #product.pa{--pa-list: clamp(300px, 29vw, 420px);--pa-gap: clamp(40px, 4.4vw, 64px);--pa-frame-h: 500px;--ph-w: 246px;--ph-h: 506px;--ph-inset: 40px;--pa-off: #857f78}html[data-layout=a] .pa__head{display:grid;gap:14px}html[data-layout=a] .pa__title{max-width:16em}html[data-layout=a] .pa__lede{max-width:46em;color:var(--text);font-size:16px;line-height:1.5;letter-spacing:-.006em;text-wrap:pretty}html[data-layout=a] .pa-ch{margin-top:clamp(28px,2.3vw,32px)}html[data-layout=a] .pa__foot{display:grid;gap:10px;margin-top:clamp(40px,4.4vw,64px)}html[data-layout=a] .pa__brief{color:var(--text);font-size:15px;line-height:1.5;letter-spacing:-.006em;text-wrap:pretty}html[data-layout=a] .pa-later{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}html[data-layout=a] .pa-later__list{display:flex;flex-wrap:wrap;gap:8px 20px}html[data-layout=a] .pa-later__list li{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:500}html[data-layout=a] .pa-scene{display:none}html[data-layout=a] .pa-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}html[data-layout=a] .pa-item{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:20px;min-width:0}html[data-layout=a] .pa-item__head{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;justify-self:stretch;column-gap:12px;row-gap:8px}html[data-layout=a] .pa-item__head :is(.pa-item__name,.pa-at){align-self:baseline}html[data-layout=a] .pa-item__head .pa-icon{color:var(--ink)}html[data-layout=a] .pa-item__name{color:var(--ink);font-size:clamp(26px,1.1rem + 1.6vw,34px);font-weight:650;line-height:1.1;letter-spacing:-.03em}html[data-layout=a] .pa-item__line{grid-column:2 / 4;max-width:52ch;color:var(--text);font-size:15px;line-height:1.45}html[data-layout=a] .pa-item .pa-desk{justify-self:stretch;max-width:860px}html[data-layout=a] .pa-item .pa-wire__rows>li:nth-child(n+5){display:none}html[data-layout=a] .pa-item .pa-iph{margin-bottom:4px}@media(min-width:1024px){html[data-layout=a] .pa-ch[data-pa-mode=tabs]{display:grid;grid-template-columns:var(--pa-list) minmax(0,1fr);column-gap:var(--pa-gap);align-items:start}html[data-layout=a] .pa-ch[data-pa-mode=tabs] .pa-stack{display:none}html[data-layout=a] .pa-ch[data-pa-mode=tabs] .pa-tabs{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));box-sizing:border-box;height:var(--pa-frame-h);border-top:1px solid var(--line-strong)}html[data-layout=a] .pa-ch[data-pa-mode=tabs] .pa-scene{--pa-cover: calc(var(--ph-w) + var(--ph-inset) + 24px);position:relative;display:block;height:var(--pa-frame-h)}html[data-layout=a] .pa-scene .pa-desk{position:absolute;inset:0;transition:opacity .52s var(--ease-out),filter .52s var(--ease-out)}html[data-layout=a] .pa-scene:not([data-ch=web]) .pa-desk{opacity:.5;filter:saturate(.2)}html[data-layout=a] .pa-scene__phone{position:absolute;right:var(--ph-inset);top:34px;z-index:1}html[data-layout=a] .pa-scene .pa-scr{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease-out),visibility 0s linear .22s,transform 0s linear .22s}html[data-layout=a] .pa-scene .pa-scr[data-on]{z-index:1;opacity:1;visibility:visible;transform:none;transition:opacity .34s var(--ease-out) 60ms,transform .56s var(--ease-expo) 60ms,visibility 0s}html[data-layout=a] .pa-scene .pa-scr:focus-visible{outline:2px solid var(--a-accent);outline-offset:-4px}}@media(prefers-reduced-motion:reduce){html[data-layout=a] .pa-scene :is(.pa-desk,.pa-scr,.pa-scr[data-on]){transition:none}}html[data-layout=a] .pa-tab{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-content:start;column-gap:14px;row-gap:14px;min-width:0;margin:0;padding:26px 0 0;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;background:none;color:var(--pa-off);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}html[data-layout=a] .pa-icon{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}html[data-layout=a] .pa-tab .pa-icon{align-self:center;transition:color .24s var(--ease-out)}html[data-layout=a] .pa-tab__name{min-width:0;font-size:min(clamp(30px,.9rem + 1.8vw,40px),max(28px,4.1vw - 14px));font-weight:650;line-height:1;letter-spacing:-.035em;text-box:trim-both cap alphabetic;transition:color .24s var(--ease-out)}html[data-layout=a] .pa-at{color:var(--muted);font-size:15px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums lining-nums;letter-spacing:0}html[data-layout=a] .pa-tab .pa-at{align-self:end;text-box:trim-both cap alphabetic;transition:color .24s var(--ease-out)}html[data-layout=a] .pa-tab__line{grid-column:2 / 4;color:var(--muted);font-size:15px;line-height:1.4;letter-spacing:-.006em;text-wrap:pretty;transition:color .24s var(--ease-out)}html[data-layout=a] .pa-tab:hover :is(.pa-icon,.pa-tab__name){color:var(--muted)}html[data-layout=a] .pa-tab[aria-selected=true] :is(.pa-icon,.pa-tab__name,.pa-tab__line){color:var(--ink)}html[data-layout=a] .pa-tab[aria-selected=true] .pa-at{color:var(--a-accent-text);font-weight:600}html[data-layout=a] .pa-tab__prog{position:absolute;left:0;right:0;bottom:-1px;height:1px;opacity:0}html[data-layout=a] .pa-tab__prog i{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:0 50%}html[data-layout=a] .pa-ch[data-pa-auto=run] .pa-tab[aria-selected=true] .pa-tab__prog{opacity:1}html[data-layout=a] .pa-ch[data-pa-auto=run] .pa-tab[aria-selected=true] .pa-tab__prog i{animation:pa-prog var(--pa-step, 2.5s) linear forwards}html[data-layout=a] .pa-tab:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}@keyframes pa-prog{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){html[data-layout=a] .pa-tab :is(.pa-icon,.pa-tab__name,.pa-at,.pa-tab__line){transition:none}}html[data-layout=a] .pa-ex{display:inline-flex;flex:none;align-items:center;height:18px;padding:0 6px;border-radius:5px;background:var(--a-surface);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted);font-size:11px;font-weight:500;line-height:1;letter-spacing:0}html[data-layout=a] .pa-ex--dark{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff47;color:#ffffffd1}html[data-layout=a] .pa-av{position:relative;display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--a-ink);color:var(--a-surface)}html[data-layout=a] .pa-av .logo{height:12px;color:inherit}html[data-layout=a] .pa-ch__title{overflow-wrap:break-word;text-wrap:pretty}html[data-layout=a] .pa-desk{--row-h: 62px;position:relative;display:flex;flex-direction:column;min-width:0;margin:0;border-radius:12px;background:var(--a-surface);box-shadow:var(--shadow-pop);color:var(--ink);font-size:12.5px;line-height:1.4;letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;overflow:hidden}html[data-layout=a] .pa-desk .tri,html[data-layout=a] .pa-iph .tri{color:var(--up)}html[data-layout=a] .pa-win__chrome{position:relative;display:flex;flex:none;align-items:center;height:34px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--soft-2)}html[data-layout=a] .pa-win__lights{display:flex;gap:6px}html[data-layout=a] .pa-win__lights i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}html[data-layout=a] .pa-desk__url{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 12px 0 10px;border-radius:6px;background:var(--a-surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-size:11.5px;white-space:nowrap;transform:translate(-50%,-50%)}html[data-layout=a] .pa-win__bar{display:flex;flex:none;align-items:center;gap:10px;height:44px;padding:0 16px;border-bottom:1px solid var(--line)}html[data-layout=a] .pa-win__bar .pa-ex{margin-left:2px}html[data-layout=a] .pa-win__name{font-size:13.5px;font-weight:600}html[data-layout=a] .pa-wire{flex:1;min-height:0;overflow:hidden}html[data-layout=a] .pa-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-content:start;column-gap:10px;row-gap:5px;height:var(--row-h);padding:11px var(--pa-cover, 16px) 0 16px;border-bottom:1px solid var(--line)}html[data-layout=a] .pa-row.is-fresh{border-bottom:0;background:var(--soft)}html[data-layout=a] .pa-row.is-fresh :is(.pa-row__meta,.pa-lang){color:var(--text)}html[data-layout=a] .pa-row__time{color:var(--text);font-weight:500;line-height:18px}html[data-layout=a] .pa-row__gist{overflow:hidden;font-size:13px;font-weight:550;line-height:18px;letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis}html[data-layout=a] .pa-row__meta{grid-column:2;display:flex;align-items:center;gap:14px;min-width:0;color:var(--muted);font-size:12px;line-height:18px;white-space:nowrap}html[data-layout=a] :is(.pa-row__com,.pa-row__imp){display:inline-flex;align-items:center;gap:5px}html[data-layout=a] .pa-row__com{color:var(--ink);font-weight:500}html[data-layout=a] .pa-row__imp{color:var(--text)}html[data-layout=a] .pa-lang{display:inline-flex;align-items:center;height:17px;padding:0 5px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted);font-size:11px;font-weight:500}html[data-layout=a] .pa-open{display:grid;grid-template-rows:1fr;border-bottom:1px solid var(--line);background:var(--soft)}html[data-layout=a] .pa-open__in{min-height:0;padding:2px var(--pa-cover, 16px) 14px 64px;overflow:hidden}html[data-layout=a] .pa-story{display:grid;gap:10px;max-width:400px;padding:14px;border-radius:10px;background:var(--a-surface);box-shadow:var(--shadow-card)}html[data-layout=a] .pa-story__status{display:inline-flex;align-items:center;justify-self:start;gap:6px;height:22px;padding:0 9px 0 8px;border-radius:6px;background:var(--a-ink);color:var(--a-surface);font-size:11.5px;font-weight:600}html[data-layout=a] .pa-story__status i{width:7px;height:7px;border-radius:50%;background:var(--a-accent-dark)}html[data-layout=a] .pa-story__title{font-size:15.5px;font-weight:650;line-height:1.25;letter-spacing:-.015em;text-wrap:balance}html[data-layout=a] .pa-story__impacts{display:grid;gap:6px}html[data-layout=a] .pa-story__impacts li{display:flex;align-items:center;gap:8px;min-width:0;height:32px;padding:0 10px 0 5px;border-radius:8px;background:var(--soft-2);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}html[data-layout=a] .pa-story__tri{display:grid;flex:none;place-items:center;width:22px;height:22px;border-radius:5px;background:var(--a-surface);box-shadow:inset 0 0 0 1px var(--line)}html[data-layout=a] .pa-story__impacts b{font-weight:600}html[data-layout=a] .pa-story__move{overflow:hidden;color:var(--muted);text-overflow:ellipsis}html[data-layout=a] .pa-story__imp{display:inline-flex;flex:none;align-items:center;gap:5px;margin-left:auto}html[data-layout=a] .pa-story__formed{display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--muted);font-size:12px}html[data-layout=a] .pa-story__formed b{color:var(--ink);font-weight:600}@media(min-width:1024px)and (max-width:1087.98px){html[data-layout=a] .pa-scene .pa-story__imp{display:none}}@media(max-width:559px){html[data-layout=a] .pa-open__in{padding-left:12px;padding-right:12px}html[data-layout=a] .pa-row__meta{gap:10px}html[data-layout=a] .pa-story__impacts li{gap:6px;padding-right:8px}}html[data-layout=a] .pa-iph{position:relative;flex:none;width:var(--ph-w);height:var(--ph-h);padding:2.5px;border-radius:41px;background:linear-gradient(145deg,#f3f3f5,#a3a3a9 16%,#e6e6e9 33%,#8a8a90 52%,#d5d5d9 70%,#96969c 86%,#ececef);box-shadow:0 0 0 .5px #0b0b0c59,0 1px 2px #0b0b0c29,0 14px 28px -12px #0b0b0c52,0 40px 72px -26px #0b0b0c6b;color:var(--ink);font-size:11.5px;line-height:1.35;letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;text-align:left}html[data-layout=a] .pa-iph__key{position:absolute;left:-2px;width:3px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#7f7f85,#d2d2d6 70%,#a3a3a9)}html[data-layout=a] .pa-iph__key--action{top:100px;height:20px}html[data-layout=a] .pa-iph__key--up{top:140px;height:42px}html[data-layout=a] .pa-iph__key--down{top:192px;height:42px}html[data-layout=a] .pa-iph__key--side{right:-2px;left:auto;top:154px;height:66px;border-radius:0 2px 2px 0;background:linear-gradient(270deg,#7f7f85,#d2d2d6 70%,#a3a3a9)}html[data-layout=a] .pa-iph__body{height:100%;padding:6.5px;border-radius:38.5px;background:#0b0b0c;box-shadow:inset 0 0 0 1px #ffffff14}html[data-layout=a] .pa-iph__screen{position:relative;display:grid;height:100%;border-radius:32px;background:#fff;overflow:hidden;isolation:isolate}html[data-layout=a] .pa-iph__island{position:absolute;top:9px;left:50%;z-index:3;width:66px;height:19px;margin-left:-33px;border-radius:10px;background:#000}html[data-layout=a] .pa-scr{grid-area:1 / 1;min-height:0;background:#fff}html[data-layout=a] .pa-scr__img{position:relative;display:flex;flex-direction:column;height:100%}html[data-layout=a] .pa-scr.is-dark{color:#fff}html[data-layout=a] .pa-scr__status{display:flex;flex:none;align-items:center;justify-content:space-between;height:36px;padding:2px 19px 0 28px;font-size:12.5px;font-weight:600;letter-spacing:-.01em}html[data-layout=a] .pa-scr__icons{display:flex;align-items:center;gap:4px}html[data-layout=a] .pa-scr__icons svg{width:auto;height:8px;fill:currentColor}html[data-layout=a] .pa-scr__batt{position:relative;display:block;width:18px;height:9px;margin-right:2px;padding:1.5px;border-radius:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 45%,transparent)}html[data-layout=a] .pa-scr__batt i{display:block;width:78%;height:100%;border-radius:1.5px;background:currentColor}html[data-layout=a] .pa-scr__batt:after{content:"";position:absolute;right:-2.5px;top:3px;width:1.5px;height:3px;border-radius:0 1px 1px 0;background:color-mix(in srgb,currentColor 45%,transparent)}html[data-layout=a] .pa-scr__home{position:absolute;bottom:7px;left:50%;width:80px;height:4px;margin-left:-40px;border-radius:2px;background:currentColor;opacity:.85}html[data-layout=a] .pa-scr--web{background:radial-gradient(120% 60% at 10% 0%,color-mix(in oklab,var(--a-accent) 46%,#15160f) 0%,transparent 62%),radial-gradient(110% 60% at 100% 100%,color-mix(in oklab,var(--a-accent) 26%,#101009) 0%,transparent 66%),linear-gradient(180deg,#1a1b15,#0d0d0b)}html[data-layout=a] .pa-lock{display:flex;flex:1;flex-direction:column;align-items:center;padding:0 9px 24px}html[data-layout=a] .pa-lock__date{margin-top:14px;color:#ffffffdb;font-size:12.5px;font-weight:550}html[data-layout=a] .pa-lock__time{margin-top:2px;font-size:68px;font-weight:600;line-height:1;letter-spacing:-.045em}html[data-layout=a] .pa-notif{display:grid;gap:2px;width:100%;margin-top:34px;padding:11px 13px 12px;border-radius:18px;background:#ffffff26;box-shadow:inset 0 0 0 .5px #fff3,0 10px 24px -10px #00000080;backdrop-filter:blur(18px) saturate(1.4);color:#fff}html[data-layout=a] .pa-notif__top{display:flex;align-items:center;gap:7px;margin-bottom:4px;font-size:11px}html[data-layout=a] .pa-notif__top b{color:#fff;font-weight:650}html[data-layout=a] .pa-notif__icon{display:grid;flex:none;place-items:center;width:22px;height:22px;border-radius:6px;background:#0b0b0c;box-shadow:inset 0 0 0 .5px #ffffff40;color:#fff}html[data-layout=a] .pa-notif__icon .logo{height:10px;color:inherit}html[data-layout=a] .pa-notif__now{margin-left:auto;color:#ffffffb3}html[data-layout=a] .pa-notif__call{font-size:11.5px;font-weight:650}html[data-layout=a] .pa-notif__call .tri{color:inherit}html[data-layout=a] .pa-notif__title{color:#ffffffeb;font-size:11.5px;line-height:1.35}html[data-layout=a] .pa-lock .pa-ex{margin-top:auto}html[data-layout=a] .pa-app{display:flex;flex:1;flex-direction:column;min-height:0}html[data-layout=a] .pa-app__head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;padding:6px 14px 10px}html[data-layout=a] .pa-app__title{font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-.035em}html[data-layout=a] .pa-pmail{flex:1;min-height:0;overflow:hidden}html[data-layout=a] .pa-pmail__row{position:relative;display:grid;gap:2px;padding:9px 14px 10px 24px;border-top:1px solid var(--line);color:var(--text)}html[data-layout=a] .pa-pmail__row.is-fresh{color:var(--ink)}html[data-layout=a] .pa-pmail__top{display:flex;align-items:baseline;gap:6px}html[data-layout=a] .pa-pmail__top b{font-size:12px;font-weight:550}html[data-layout=a] .is-fresh .pa-pmail__top b{font-weight:700}html[data-layout=a] .pa-mail__dot{position:absolute;left:10px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--a-ink)}html[data-layout=a] .pa-pmail__time{margin-left:auto;color:var(--muted);font-size:10.5px}html[data-layout=a] .is-fresh .pa-pmail__time{color:var(--ink);font-weight:600}html[data-layout=a] .pa-pmail__subject{overflow:hidden;font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}html[data-layout=a] .is-fresh .pa-pmail__subject{overflow:visible;font-weight:650;line-height:1.3;white-space:normal}html[data-layout=a] .pa-pmail__preview{overflow:hidden;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}html[data-layout=a] .is-fresh .pa-pmail__preview{display:-webkit-box;color:var(--text);white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}html[data-layout=a] .pa-scr--call{background:radial-gradient(90% 46% at 50% 30%,color-mix(in oklab,var(--a-accent) 30%,#17170f) 0%,transparent 70%),linear-gradient(180deg,#1c1d18,#0b0b0a)}html[data-layout=a] .pa-pcall{display:flex;flex:1;flex-direction:column;align-items:center;padding:6px 18px 28px;text-align:center}html[data-layout=a] .pa-pcall .pa-av{width:72px;height:72px;margin-top:30px;background:#0b0b0c;box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 30px -8px #0009}html[data-layout=a] .pa-pcall .pa-av .logo{height:28px}html[data-layout=a] .pa-pcall__who{margin-top:14px;font-size:24px;font-weight:650;line-height:1.1;letter-spacing:-.03em}html[data-layout=a] .pa-pcall__state{margin-top:4px;color:#ffffffad;font-size:12px}html[data-layout=a] .pa-call__wave{display:flex;align-items:center;gap:3px;height:30px;margin-top:26px}html[data-layout=a] .pa-call__wave i{flex:none;width:3px;height:var(--h);border-radius:2px;background:currentColor}html[data-layout=a] .pa-call__quote{margin-top:18px;color:#ffffffeb;font-size:13px;font-weight:500;line-height:1.42;letter-spacing:-.006em}html[data-layout=a] .pa-av--ring:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1.5px var(--a-accent);opacity:0;pointer-events:none}html[data-layout=a] .pa-app__head--chat{justify-content:flex-start;padding:4px 12px 9px;border-bottom:1px solid var(--line)}html[data-layout=a] .pa-app__head--chat .pa-ex{margin-left:auto}html[data-layout=a] .pa-app__who{font-size:13.5px;font-weight:650;letter-spacing:-.01em}html[data-layout=a] .pa-pchat{display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:7px;min-height:0;padding:10px 10px 8px;background:var(--soft-2);overflow:hidden}html[data-layout=a] .pa-chat__msg{display:grid;gap:2px;max-width:92%;padding:7px 10px 5px;border-radius:4px 13px 13px;background:var(--a-surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-xs)}html[data-layout=a] .pa-chat__call{color:var(--text);font-size:10.5px}html[data-layout=a] .pa-chat__call b{color:var(--ink);font-weight:650}html[data-layout=a] .pa-chat__call .tri{width:8px;height:8px;vertical-align:0}html[data-layout=a] .pa-chat__title{font-size:11.5px;font-weight:500;line-height:1.33}html[data-layout=a] .pa-chat__msg.is-new{padding:9px 11px 6px}html[data-layout=a] .pa-chat__msg.is-new .pa-chat__title{font-size:13px;font-weight:650;letter-spacing:-.01em}html[data-layout=a] .pa-chat__time{justify-self:end;color:var(--muted);font-size:9.5px;line-height:12px}html[data-layout=a] .pa-pchat__field{flex:none;height:30px;margin:0 10px 24px;border-radius:15px;background:var(--a-surface);box-shadow:inset 0 0 0 1px var(--line-strong)}html[data-layout=a] .pa-app--chat{background:var(--soft-2)}@media(prefers-reduced-motion:no-preference){html[data-layout=a] :is(.pa-scene:has(#pa-panel-web[data-pa-state=pre]),.pa-item[data-pa-state=pre]) .pa-wire__rows{transform:translateY(calc(-1 * var(--row-h)))}html[data-layout=a] :is(.pa-scene:has(#pa-panel-web[data-pa-state=play]),.pa-item[data-pa-state=play]) .pa-wire__rows{transition:transform .9s var(--ease-expo) .2s}html[data-layout=a] :is(.pa-scene:has(#pa-panel-web[data-pa-state=play]),.pa-item[data-pa-state=play]) :is(.pa-row.is-fresh,.pa-open){animation:pa-fresh 2.3s var(--ease-out) .2s both}html[data-layout=a] .pa-scene:has(#pa-panel-web[data-pa-state=pre]) .pa-open{grid-template-rows:0fr}html[data-layout=a] :is(.pa-scene:has(#pa-panel-web[data-pa-state=pre]),.pa-item[data-pa-state=pre]) .pa-story{opacity:0;transform:translateY(10px);filter:blur(5px)}html[data-layout=a] .pa-scene:has(#pa-panel-web[data-pa-state=play]) .pa-open{transition:grid-template-rows .9s var(--ease-expo) .7s}html[data-layout=a] :is(.pa-scene:has(#pa-panel-web[data-pa-state=play]),.pa-item[data-pa-state=play]) .pa-story{transition:opacity .48s var(--ease-out) .85s,transform .9s var(--ease-expo) .85s,filter .6s var(--ease-out) .85s}html[data-layout=a] [data-pa-state=pre] .pa-notif{opacity:0;transform:translateY(-14px) scale(.96);filter:blur(6px)}html[data-layout=a] [data-pa-state=play] .pa-notif{transition:opacity .42s var(--ease-out) .35s,transform .8s var(--ease-expo) .35s,filter .52s var(--ease-out) .35s}html[data-layout=a] [data-pa-state=pre] .pa-pmail__row.is-fresh{opacity:0;transform:translateY(-14px)}html[data-layout=a] [data-pa-state=play] .pa-pmail__row.is-fresh{transition:opacity .34s var(--ease-out) .2s,transform .82s var(--ease-expo) .2s;animation:pa-unread 1.9s var(--ease-out) .2s both}html[data-layout=a] [data-pa-state=pre] .pa-mail__dot{transform:scale(0)}html[data-layout=a] [data-pa-state=play] .pa-mail__dot{transition:transform .52s var(--ease-expo) .62s}html[data-layout=a] [data-pa-state=play] .pa-av--ring:after{animation:pa-call-ring 1.2s var(--ease-out) .15s backwards}html[data-layout=a] [data-pa-state=play] .pa-av--ring .logo{animation:pa-call-shake .76s linear .15s backwards}html[data-layout=a] [data-pa-state=pre] .pa-call__wave i{transform:scaleY(.15)}html[data-layout=a] [data-pa-state=play] .pa-call__wave i{animation:pa-voice 1.1s var(--ease-out) calc(.6s + var(--i) * 30ms) backwards}html[data-layout=a] [data-pa-state=pre] .pa-call__quote{opacity:0;filter:blur(4px)}html[data-layout=a] [data-pa-state=play] .pa-call__quote{transition:opacity .52s var(--ease-out) .9s,filter .62s var(--ease-out) .9s}html[data-layout=a] .pa-chat__msg.is-new{transform-origin:0 100%}html[data-layout=a] [data-pa-state=pre] .pa-chat__msg.is-new{opacity:0;transform:translateY(14px) scale(.96);filter:blur(5px)}html[data-layout=a] [data-pa-state=play] .pa-chat__msg.is-new{transition:opacity .38s var(--ease-out) .15s,transform .76s var(--ease-expo) .15s,filter .48s var(--ease-out) .15s}}@keyframes pa-fresh{0%,35%{background-color:color-mix(in oklab,var(--a-accent) 34%,var(--a-surface))}to{background-color:var(--soft)}}@keyframes pa-unread{0%,30%{background-color:color-mix(in oklab,var(--a-accent) 34%,var(--a-surface))}to{background-color:transparent}}@keyframes pa-call-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes pa-call-shake{0%,to{transform:none}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:none}}@keyframes pa-voice{0%{transform:scaleY(.15)}22%{transform:scaleY(1.15)}42%{transform:scaleY(.45)}62%{transform:scaleY(1)}80%{transform:scaleY(.6)}to{transform:none}}html[data-layout=a] :is(.pa-doc,.pa-lean){margin:0;color:var(--ink);font-size:12.5px;line-height:1.4;letter-spacing:0;font-variant-numeric:tabular-nums lining-nums}html[data-layout=a] .pa-doc{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 14px 10px;border-radius:12px;background:var(--a-surface);box-shadow:var(--shadow-card)}html[data-layout=a] .pa-doc__head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}html[data-layout=a] .pa-doc__mark{display:grid;flex:none;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--a-ink);color:var(--a-surface)}html[data-layout=a] .pa-doc__mark .logo{height:13px;color:inherit}html[data-layout=a] .pa-doc__titles{display:grid;flex:1;min-width:0}html[data-layout=a] .pa-doc__title{font-size:13px;font-weight:650;letter-spacing:-.01em}html[data-layout=a] .pa-doc__sub{color:var(--muted);font-size:11.5px}html[data-layout=a] .pa-doc__block{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}html[data-layout=a] .pa-doc__label{margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:600}html[data-layout=a] .pa-doc__list li{display:flex;align-items:center;gap:8px;min-width:0;height:23px;border-top:1px solid var(--line);font-size:12px;white-space:nowrap}html[data-layout=a] .pa-doc__list b{font-weight:600}html[data-layout=a] .pa-doc__com{flex:none;width:48px;font-weight:600}html[data-layout=a] .pa-doc__headline{overflow:hidden;color:var(--text);text-overflow:ellipsis}html[data-layout=a] .pa-block--brief{container:pa-brief / inline-size}html[data-layout=a] .pa-doc__calls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@container pa-brief (min-width: 390px){html[data-layout=a] .pa-doc__calls{grid-template-columns:minmax(0,3fr) minmax(0,4fr);gap:16px}}html[data-layout=a] .pa-doc__right{display:inline-flex;align-items:center;height:19px;margin-left:auto;padding:0 6px;border-radius:5px;background:color-mix(in oklab,var(--a-up) 12%,var(--a-surface));color:var(--a-up-text);font-size:11px;font-weight:600}html[data-layout=a] .pa-lean{padding:4px 16px 6px;border-radius:12px;background:var(--a-surface);box-shadow:var(--shadow-card)}html[data-layout=a] .pa-lean__row{display:grid;grid-template-columns:64px minmax(0,1fr) 80px;align-items:center;column-gap:14px;height:28px;border-top:1px solid var(--line)}html[data-layout=a] .pa-lean__row--head{height:27px;border-top:0}html[data-layout=a] .pa-lean__row--head .pa-ex{justify-self:start}html[data-layout=a] .pa-lean__axis{display:flex;justify-content:space-between;color:var(--muted);font-size:11.5px}html[data-layout=a] .pa-lean__com{font-weight:600;white-space:nowrap}html[data-layout=a] .pa-lean__label{color:var(--text);white-space:nowrap}html[data-layout=a] .pa-lean__bar{position:relative;height:8px;border-radius:3px;background:var(--soft)}html[data-layout=a] .pa-lean__bar:after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;margin-left:-.5px;background:var(--line-strong)}html[data-layout=a] .pa-lean__seg{position:absolute;top:0;bottom:0}html[data-layout=a] .pa-lean__seg--down{right:50%;width:calc(var(--d) * .5%);border-radius:3px 0 0 3px;background:color-mix(in oklab,var(--a-down) 50%,var(--a-surface))}html[data-layout=a] .pa-lean__seg--up{left:50%;width:calc(var(--u) * .5%);border-radius:0 3px 3px 0;background:color-mix(in oklab,var(--a-up) 50%,var(--a-surface))}@property --cla-w{syntax: "<percentage>"; inherits: true; initial-value: 100%;}html[data-layout=a] #calls ::selection{background:var(--a-band-head);color:var(--a-ink)}html[data-layout=a] #calls .cla__grid{display:grid;grid-template-columns:minmax(0,5.4fr) minmax(0,6.6fr);grid-template-rows:auto 1fr;grid-template-areas:"head rec" "rules rec";column-gap:clamp(48px,5vw,80px)}html[data-layout=a] #calls .cla__title{grid-area:head;max-width:13em;text-wrap:balance}html[data-layout=a] #calls .cla__tone{display:block;color:var(--a-band-muted)}html[data-layout=a] #calls .cla-rules{grid-area:rules;align-self:start;display:grid;gap:18px;margin-top:clamp(32px,3.2vw,44px);font-size:14px;line-height:20px}html[data-layout=a] #calls .cla-rules__pairs{display:grid;border-top:1px solid var(--a-band-line)}html[data-layout=a] #calls .cla-rules__pair{display:grid;grid-template-columns:9.5em minmax(0,1fr);column-gap:16px;padding-block:6px;border-bottom:1px solid var(--a-band-line)}html[data-layout=a] #calls .cla-rules__pair dt{color:var(--a-band-muted)}html[data-layout=a] #calls .cla-rules__pair dd{display:flex;align-items:center;gap:6px;color:var(--a-band-text);text-wrap:pretty}html[data-layout=a] #calls .cla-rules__pair .cla-lock{flex:none;color:var(--a-band-muted)}html[data-layout=a] #calls .cla-rules__defs{display:grid;gap:3px;color:var(--a-band-muted)}html[data-layout=a] #calls .cla-term{font-weight:600}html[data-layout=a] #calls .cla-term--right{color:var(--a-up)}html[data-layout=a] #calls .cla-term--wrong{color:var(--a-down)}html[data-layout=a] #calls .cla-term--flat{color:var(--a-band-head)}html[data-layout=a] #calls .cla-rec{grid-area:rec;align-self:start;display:grid;min-width:0;padding-top:6px}html[data-layout=a] #calls .cla-rec__head{display:flex;align-items:center;gap:10px;padding-bottom:18px}html[data-layout=a] #calls .cla-rec__title{font-size:1rem;font-weight:600;line-height:1.3}html[data-layout=a] #calls .cla-rec__head .soon{vertical-align:0}html[data-layout=a] #calls .cla-ex{display:inline-flex;align-items:center;height:20px;margin-left:auto;padding:0 7px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--a-band-line-2);color:var(--a-band-muted);font-size:11.5px;font-weight:600;line-height:1}html[data-layout=a] #calls .cla-rec__note{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--a-band-muted);font-size:13.5px;line-height:20px}html[data-layout=a] #calls .cla-rec__note svg{flex:none}html[data-layout=a] #calls .cla-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html[data-layout=a] #calls .cla-led{display:grid;grid-template-columns:[reg] max-content [com] max-content [call] max-content [need] max-content [chk] max-content [out] minmax(3.6em,max-content);justify-content:space-between;column-gap:clamp(16px,2vw,28px);font-variant-numeric:tabular-nums lining-nums}html[data-layout=a] #calls :is(.cla-led__head,.cla-led__body,.cla-led__cols,.cla-row){display:grid;grid-template-columns:subgrid;grid-column:1 / -1}html[data-layout=a] #calls .cla-led__body{border-bottom:1px solid var(--a-band-line)}html[data-layout=a] #calls .cla-led__cols{align-items:end;padding-block:0 10px;border-bottom:1px solid var(--a-band-line-2)}html[data-layout=a] #calls .cla-th{color:var(--a-band-muted);font-size:12.5px;font-weight:500;line-height:16px;white-space:nowrap}html[data-layout=a] #calls :is(.cla-th--checks,.cla-th--outcome){text-align:left}html[data-layout=a] #calls .cla-row{position:relative;align-items:center;min-height:64px;padding-block:12px;color:var(--a-band-text);font-size:15px;line-height:22px}html[data-layout=a] #calls .cla-row+.cla-row{border-top:1px solid var(--a-band-line)}html[data-layout=a] #calls .cla-c{min-width:0;white-space:nowrap}html[data-layout=a] #calls .cla-c--reg{display:inline-flex;align-items:center;gap:8px}html[data-layout=a] #calls .cla-lock{flex:none;color:var(--a-band-muted);overflow:visible}html[data-layout=a] #calls .cla-lock__sh{transform-box:fill-box;transform-origin:0% 100%}html[data-layout=a] #calls .cla-c--com{overflow:hidden;color:var(--a-band-head);font-weight:500;text-overflow:ellipsis}html[data-layout=a] #calls .cla-c--call{display:inline-flex;align-items:center;gap:5px}html[data-layout=a] #calls .cla-dir{display:inline-flex;align-items:center;gap:4px;font-weight:500}html[data-layout=a] #calls .cla-dir--up{color:var(--a-up)}html[data-layout=a] #calls .cla-dir--down{color:var(--a-down)}html[data-layout=a] #calls .cla-hz{color:var(--a-band-text)}html[data-layout=a] #calls .cla-need__k{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html[data-layout=a] #calls .cla-chk{display:inline-flex;align-items:center;vertical-align:middle}html[data-layout=a] #calls .cla-dot{display:block;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.25px var(--a-band-muted)}html[data-layout=a] #calls .cla-dot.is-done{background-color:var(--a-band-text);box-shadow:inset 0 0 0 1.25px var(--a-band-text)}html[data-layout=a] #calls .cla-seg{display:block;width:9px;height:1px;margin-inline:2px;background:linear-gradient(var(--a-band-muted),var(--a-band-muted)) 0 0 / 100% 100% no-repeat,var(--a-band-line-2);background-size:0 100%}html[data-layout=a] #calls .cla-seg.is-done{background-size:100% 100%}html[data-layout=a] #calls .cla-out{display:inline-block;font-weight:600}html[data-layout=a] #calls .cla-out--right{color:var(--a-up)}html[data-layout=a] #calls .cla-out--open{color:var(--a-band-muted);font-weight:500}@media(prefers-reduced-motion:no-preference){html[data-layout=a] #calls .cla-rec.is-armed .cla-row[data-new]{clip-path:inset(-8px calc(100% - var(--cla-w) - 3px) -8px -8px)}html[data-layout=a] #calls .cla-rec.is-armed:not(.is-play) .cla-row[data-new]{--cla-w: 0%}html[data-layout=a] #calls .cla-rec.is-armed .cla-row[data-new]:before,html[data-layout=a] #calls .cla-rec.is-armed .cla-row[data-new]:after{content:"";position:absolute;pointer-events:none;opacity:0}html[data-layout=a] #calls .cla-rec.is-armed .cla-row[data-new]:before{inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--a-accent-dark) 9%,transparent),color-mix(in srgb,var(--a-accent-dark) 4%,transparent))}html[data-layout=a] #calls .cla-rec.is-armed .cla-row[data-new]:after{top:15px;bottom:15px;left:var(--cla-w);width:2px;border-radius:1px;background:var(--a-accent-dark)}html[data-layout=a] #calls .cla-rec.is-armed:not(.is-play) .cla-row[data-new]:after{opacity:1}html[data-layout=a] #calls .cla-rec.is-armed:not(.is-play) .cla-row[data-new] .cla-lock__sh{transform:translateY(-2.5px) rotate(-16deg)}html[data-layout=a] #calls .cla-rec.is-armed:not(.is-play) .cla-out--right{opacity:0}html[data-layout=a] #calls .cla-rec.is-armed:not(.is-play) .cla-dot.is-done{background-color:transparent;box-shadow:inset 0 0 0 1.25px var(--a-band-muted)}html[data-layout=a] #calls .cla-rec.is-armed:not(.is-play) .cla-seg.is-done{background-size:0 100%}html[data-layout=a] #calls .cla-rec.is-play .cla-row[data-new]{animation:cla-write var(--cla-write) cubic-bezier(.32,.08,.24,1) backwards}html[data-layout=a] #calls .cla-rec.is-play .cla-row[data-new]:after{animation:cla-pen calc(var(--cla-write) + .12s) linear backwards}html[data-layout=a] #calls .cla-rec.is-play .cla-row[data-new]:before{animation:cla-wash calc(var(--cla-write) + 1.4s) var(--ease-out) backwards}html[data-layout=a] #calls .cla-rec.is-play .cla-row[data-new] .cla-lock__sh{animation:cla-shut var(--cla-lock) cubic-bezier(.34,1.56,.64,1) var(--cla-write) backwards}html[data-layout=a] #calls .cla-rec.is-play .cla-row[data-new] .cla-c--reg .cla-lock{animation:cla-lit 1.4s var(--ease-out) var(--cla-write) backwards}html[data-layout=a] #calls .cla-rec.is-play .cla-dot.is-done{animation:cla-fill .3s var(--ease-out) var(--d) backwards}html[data-layout=a] #calls .cla-rec.is-play .cla-seg.is-done{animation:cla-join var(--cla-step) linear calc(var(--d) - var(--cla-step)) backwards}html[data-layout=a] #calls .cla-rec.is-play .cla-out--right{animation:cla-land .42s var(--ease-expo) var(--d) backwards}}@keyframes cla-write{0%{--cla-w: 0%}}@keyframes cla-pen{0%,88%{opacity:1}to{opacity:0}}@keyframes cla-wash{0%,60%{opacity:1}to{opacity:0}}@keyframes cla-shut{0%{transform:translateY(-2.5px) rotate(-16deg)}}@keyframes cla-lit{0%,30%{color:var(--a-accent-dark)}}@keyframes cla-fill{0%{background-color:transparent;box-shadow:inset 0 0 0 1.25px var(--a-band-muted)}45%{scale:1.4}}@keyframes cla-join{0%{background-size:0 100%}}@keyframes cla-land{0%{opacity:0;translate:0 5px;filter:blur(3px)}}@media(max-width:1239.98px){html[data-layout=a] #calls .cla__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "rec" "rules"}html[data-layout=a] #calls .cla__title{max-width:22em}html[data-layout=a] #calls .cla-rec{margin-top:clamp(32px,4vw,48px);padding-top:0}html[data-layout=a] #calls .cla-rules{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px clamp(24px,4vw,48px)}html[data-layout=a] #calls .cla-rules__defs{align-content:start;padding-top:6px}}@media(max-width:1023px){html[data-layout=a] #calls .cla-led,html[data-layout=a] #calls :is(.cla-led__head,.cla-led__body){display:block}html[data-layout=a] #calls .cla-led__cols{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html[data-layout=a] #calls .cla-led__body{border-top:1px solid var(--a-band-line-2)}html[data-layout=a] #calls .cla-row{grid-template-columns:max-content minmax(0,1fr) max-content;grid-template-areas:"com call out" "reg need chk";column-gap:14px;row-gap:4px;min-height:0;padding-block:14px}html[data-layout=a] #calls .cla-c--com{grid-area:com;font-size:15px}html[data-layout=a] #calls .cla-c--call{grid-area:call;font-size:14px}html[data-layout=a] #calls .cla-c--out{grid-area:out;justify-self:end;font-size:14px}html[data-layout=a] #calls .cla-c--reg{grid-area:reg}html[data-layout=a] #calls .cla-c--need{grid-area:need}html[data-layout=a] #calls :is(.cla-c--reg,.cla-c--need){color:var(--a-band-muted);font-size:13px;line-height:20px}html[data-layout=a] #calls .cla-need__k{position:static;width:auto;height:auto;overflow:visible;clip-path:none}html[data-layout=a] #calls .cla-c--chk{grid-area:chk;justify-self:end;display:inline-flex;align-items:center}html[data-layout=a] #calls .cla-rec__note{align-items:flex-start}html[data-layout=a] #calls .cla-rec__note svg{margin-top:2px}}@media(max-width:599px){html[data-layout=a] #calls .cla-rules{grid-template-columns:minmax(0,1fr)}html[data-layout=a] #calls .cla-rules__pair{grid-template-columns:minmax(7.5em,.75fr) minmax(0,1.25fr);column-gap:12px}html[data-layout=a] #calls .cla-row{column-gap:10px}}@media(max-width:359px){html[data-layout=a] #calls .cla-c--call{font-size:13.5px}html[data-layout=a] #calls .cla-dot{width:8px;height:8px}html[data-layout=a] #calls .cla-seg{width:7px}}html[data-layout=a] #how.hwa{color:var(--a-band-text);--hwa-on: var(--a-band-text);--hwa-on-2: color-mix(in srgb, var(--a-band-text) 85%, var(--a-band));--hwa-past-t: color-mix(in srgb, var(--a-band-text) 78%, var(--a-band));--hwa-past: var(--a-band-muted);--hwa-future-t: color-mix(in srgb, var(--a-band-muted) 86%, var(--a-band));--hwa-future: color-mix(in srgb, var(--a-band-muted) 80%, var(--a-band));--hwa-dot: color-mix(in srgb, var(--a-band-text) 19%, transparent);--hwa-pin: color-mix(in srgb, var(--a-band-text) 62%, var(--a-band));--hwa-ease-io: cubic-bezier(.65, 0, .35, 1);--hwa-shadow: 0 1px 2px color-mix(in srgb, var(--a-band) 40%, transparent), 0 18px 40px -16px color-mix(in srgb, var(--a-band) 85%, transparent);--hwa-ti-hi: #f2efea;--hwa-ti-1: #cfcac3;--hwa-ti-2: #aaa59e;--hwa-ti-3: #6b6762;--hwa-glass: #050506;--hwa-island: #000000;--hwa-lens: #1b1f26;--hwa-shade: #000000;--hwa-lit: #ffffff;--hwa-note: #f5f5f7;--hwa-mail: #e7e7eb;--hwa-ios: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", var(--font);--hwa-spring: linear(0, .077 4.2%, .264 9.4%, .511 15.7%, .735 22.5%, .885 29.2%, .968 36%, 1.009 43.2%, 1.022 50.9%, 1.018 59.5%, 1.006 71%, 1)}html[data-layout=a] #how .hwa-defs{position:absolute;width:0;height:0;overflow:hidden}html[data-layout=a] #how .hwa-card{background:var(--bg);border-radius:14px;box-shadow:var(--hwa-shadow);color:var(--ink);font-size:13px;line-height:18px;letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;text-align:left}html[data-layout=a] #how .hwa-card ::selection{background:color-mix(in srgb,var(--ink) 14%,transparent);color:var(--ink)}html[data-layout=a] #how :is(.hwa-col,.hwa-b__text) ::selection{background:var(--a-band-text);color:var(--ink)}html[data-layout=a] #how .hwa-ex{display:inline-flex;flex:none;align-items:center;height:18px;padding:0 6px;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.01em}html[data-layout=a] #how .hwa-ex--ink{background:none;box-shadow:inset 0 0 0 1px var(--a-band-line-2);color:var(--a-band-muted)}html[data-layout=a] #how .hwa-lang{display:inline-flex;flex:none;align-items:center;height:18px;padding:0 5px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text);font-size:10.5px;font-weight:650;line-height:1;letter-spacing:.03em}html[data-layout=a] #how .hwa-up{display:inline-flex;align-items:center;gap:3px;color:var(--a-up)}html[data-layout=a] #how .hwa-ph{display:block;flex:none;object-fit:cover;border-radius:8px;background:var(--soft)}html[data-layout=a] #how :is(:lang(zh),:lang(ja),:lang(ko)){letter-spacing:0}html[data-layout=a] #how .hwa-rep{width:var(--rw, 288px);padding:12px 14px 13px}html[data-layout=a] #how .hwa-rep__meta{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted);font-size:12px;line-height:18px;white-space:nowrap}html[data-layout=a] #how .hwa-rep__place{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text)}html[data-layout=a] #how .hwa-rep__time{margin-left:auto;color:var(--ink);font-weight:500}html[data-layout=a] #how .hwa-rep__body{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:start;margin-top:9px}html[data-layout=a] #how .hwa-rep__img{width:48px;height:48px;margin-top:2px}html[data-layout=a] #how .hwa-rep__h{font-size:13.5px;line-height:19px;font-weight:600;letter-spacing:-.008em;text-wrap:pretty}html[data-layout=a] #how .hwa-rep__en{margin-top:5px;color:var(--muted);font-size:12px;line-height:16px}html[data-layout=a] #how .hwa-read{padding:12px 14px 14px;border-top:1px solid var(--line)}html[data-layout=a] #how .hwa-read__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px}html[data-layout=a] #how .hwa-read__f dt,html[data-layout=a] #how .hwa-read__k{color:var(--muted);font-size:11px;line-height:15px}html[data-layout=a] #how .hwa-read__f dd{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:13px;line-height:18px;font-weight:600}html[data-layout=a] #how .hwa-read__k{margin-top:12px}html[data-layout=a] #how .hwa-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin-top:5px}html[data-layout=a] #how .hwa-chain__l{display:inline-flex;align-items:center}html[data-layout=a] #how .hwa-chain__l>i{width:22px;height:10px;background:var(--faint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 10'%3E%3Cpath d='M4 5h13M13.5 1.5 17 5l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px 10px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 10'%3E%3Cpath d='M4 5h13M13.5 1.5 17 5l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px 10px no-repeat}html[data-layout=a] #how .hwa-chain__l:first-child>i{display:none}html[data-layout=a] #how .hwa-chain__l>span{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:7px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:12px;font-weight:500;white-space:nowrap}html[data-layout=a] #how .hwa-chain__l.is-last>span{background:var(--up-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--up) 22%,transparent);color:var(--up);font-weight:600}html[data-layout=a] #how .hwa-ev{padding:12px 14px 13px}html[data-layout=a] #how .hwa-ev__head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;line-height:18px}html[data-layout=a] #how .hwa-ev__head b{color:var(--ink);font-weight:600}html[data-layout=a] #how .hwa-ev__top{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:center;margin-top:9px}html[data-layout=a] #how .hwa-ev__img{width:60px;height:60px;border-radius:9px}html[data-layout=a] #how .hwa-ev__title{font-size:15px;line-height:21px;font-weight:600;letter-spacing:-.012em;text-wrap:balance}html[data-layout=a] #how .hwa-ev__status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:12px}html[data-layout=a] #how .hwa-seg{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:center;height:40px;padding:0 9px;background:var(--soft);color:var(--a-accent-ink);font-size:11.5px;line-height:15px;font-weight:650;white-space:nowrap}html[data-layout=a] #how .hwa-seg time{font-size:11px;font-weight:500;opacity:.75}html[data-layout=a] #how .hwa-seg:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--a-accent);transform-origin:0 50%}html[data-layout=a] #how .hwa-seg:first-child{border-radius:8px 3px 3px 8px}html[data-layout=a] #how .hwa-seg:last-child{border-radius:3px 8px 8px 3px}html[data-layout=a] #how .hwa-ev__rows{margin-top:10px}html[data-layout=a] #how .hwa-ev__row{display:flex;align-items:center;gap:8px;height:27px;border-top:1px solid var(--line);color:var(--text);font-size:12px}html[data-layout=a] #how .hwa-ev__src{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-layout=a] #how .hwa-ev__row time{color:var(--ink);font-weight:500}html[data-layout=a] #how .hwa-ev__count{display:grid;margin-top:7px;color:var(--muted);font-size:12px}html[data-layout=a] #how .hwa-ev__count>span{grid-area:1 / 1}html[data-layout=a] #how .hwa-ev__count>span:not(:last-child){opacity:0}html[data-layout=a] #how .hwa-phone{--pt: calc(var(--ph-h, 584px) / 882);--ph-w: calc(423 * var(--pt));position:relative;width:var(--ph-w);height:var(--ph-h, 584px);padding:calc(7 * var(--pt));border-radius:calc(70 * var(--pt));background:linear-gradient(180deg,color-mix(in srgb,var(--hwa-ti-hi) 45%,transparent),transparent 18%,transparent 82%,color-mix(in srgb,var(--hwa-ti-3) 40%,transparent)),linear-gradient(90deg,var(--hwa-ti-3),var(--hwa-ti-1) 1.6%,var(--hwa-ti-hi) 3.4%,var(--hwa-ti-2) 9%,var(--hwa-ti-1) 50%,var(--hwa-ti-2) 91%,var(--hwa-ti-hi) 96.6%,var(--hwa-ti-1) 98.4%,var(--hwa-ti-3));box-shadow:inset 0 0 0 calc(.7 * var(--pt)) var(--hwa-ti-3),0 calc(2 * var(--pt)) calc(4 * var(--pt)) color-mix(in srgb,var(--hwa-shade) 50%,transparent),0 calc(36 * var(--pt)) calc(70 * var(--pt)) calc(-20 * var(--pt)) color-mix(in srgb,var(--hwa-shade) 85%,transparent);font-family:var(--hwa-ios);-webkit-font-smoothing:antialiased}html[data-layout=a] #how .hwa-phone:before{content:"";position:absolute;inset:calc(2.2 * var(--pt));border-radius:calc(67.8 * var(--pt));box-shadow:0 0 0 calc(.8 * var(--pt)) color-mix(in srgb,var(--hwa-ti-hi) 75%,transparent),inset 0 0 0 calc(1.2 * var(--pt)) color-mix(in srgb,var(--hwa-ti-3) 55%,transparent);pointer-events:none}html[data-layout=a] #how .hwa-phone__btn{position:absolute;width:calc(3.2 * var(--pt));background:linear-gradient(90deg,var(--hwa-ti-3),var(--hwa-ti-hi) 35%,var(--hwa-ti-1) 65%,var(--hwa-ti-2))}html[data-layout=a] #how :is(.hwa-phone__btn--action,.hwa-phone__btn--up,.hwa-phone__btn--down){left:calc(-2.6 * var(--pt));border-radius:calc(1.6 * var(--pt)) 0 0 calc(1.6 * var(--pt))}html[data-layout=a] #how :is(.hwa-phone__btn--side,.hwa-phone__btn--cam){right:calc(-2.6 * var(--pt));border-radius:0 calc(1.6 * var(--pt)) calc(1.6 * var(--pt)) 0;background:linear-gradient(270deg,var(--hwa-ti-3),var(--hwa-ti-hi) 35%,var(--hwa-ti-1) 65%,var(--hwa-ti-2))}html[data-layout=a] #how .hwa-phone__btn--action{top:calc(186 * var(--pt));height:calc(37 * var(--pt))}html[data-layout=a] #how .hwa-phone__btn--up{top:calc(260 * var(--pt));height:calc(66 * var(--pt))}html[data-layout=a] #how .hwa-phone__btn--down{top:calc(345 * var(--pt));height:calc(66 * var(--pt))}html[data-layout=a] #how .hwa-phone__btn--side{top:calc(279 * var(--pt));height:calc(102 * var(--pt))}html[data-layout=a] #how .hwa-phone__btn--cam{top:calc(555 * var(--pt));height:calc(65 * var(--pt));width:calc(2.4 * var(--pt));right:calc(-1.8 * var(--pt));background:linear-gradient(270deg,var(--hwa-glass),var(--hwa-ti-3) 60%,var(--hwa-ti-2))}html[data-layout=a] #how .hwa-phone__bezel{height:100%;padding:calc(8 * var(--pt));border-radius:calc(63 * var(--pt));background:var(--hwa-glass);box-shadow:inset 0 0 0 calc(.5 * var(--pt)) color-mix(in srgb,var(--hwa-lit) 12%,transparent)}html[data-layout=a] #how .hwa-phone__screen{position:relative;isolation:isolate;height:100%;overflow:hidden;border-radius:calc(55 * var(--pt));background:var(--hwa-glass);color:var(--hwa-lit);text-align:center}html[data-layout=a] #how .hwa-phone__wall{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.05)}html[data-layout=a] #how .hwa-phone__screen:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--hwa-shade) 42%,transparent),color-mix(in srgb,var(--hwa-shade) 8%,transparent) 38%,color-mix(in srgb,var(--hwa-shade) 22%,transparent) 62%,color-mix(in srgb,var(--hwa-shade) 58%,transparent))}html[data-layout=a] #how .hwa-phone__island{position:absolute;top:calc(11 * var(--pt));left:50%;width:calc(126 * var(--pt));height:calc(37 * var(--pt));border-radius:calc(18.5 * var(--pt));translate:-50% 0;background:radial-gradient(circle at calc(100% - 18.5 * var(--pt)) 50%,var(--hwa-lens) calc(4.2 * var(--pt)),transparent calc(4.8 * var(--pt))),var(--hwa-island)}html[data-layout=a] #how .hwa-phone__status{position:absolute;top:calc(23 * var(--pt));right:calc(30 * var(--pt));display:flex;align-items:center;gap:calc(5.5 * var(--pt));height:calc(13 * var(--pt));color:var(--hwa-lit)}html[data-layout=a] #how .hwa-phone__status svg{display:block;height:calc(12 * var(--pt));width:auto}html[data-layout=a] #how .hwa-phone__status svg:last-child{height:calc(13 * var(--pt))}html[data-layout=a] #how .hwa-phone__lock{position:absolute;top:calc(60 * var(--pt));left:50%;width:calc(13 * var(--pt));height:calc(17 * var(--pt));translate:-50% 0;color:color-mix(in srgb,var(--hwa-lit) 92%,transparent)}html[data-layout=a] #how .hwa-phone__date{position:absolute;top:calc(94 * var(--pt));left:0;right:0;color:color-mix(in srgb,var(--hwa-lit) 92%,transparent);font-size:calc(21 * var(--pt));line-height:calc(25 * var(--pt));font-weight:600;letter-spacing:0}html[data-layout=a] #how .hwa-phone__clock{position:absolute;top:calc(114 * var(--pt));left:0;right:0;color:color-mix(in srgb,var(--hwa-lit) 95%,transparent);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",var(--hwa-ios);font-size:calc(100 * var(--pt));line-height:1;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}html[data-layout=a] #how .hwa-phone__notes{position:absolute;left:calc(10 * var(--pt));right:calc(10 * var(--pt));bottom:calc(116 * var(--pt));display:grid;gap:calc(8 * var(--pt))}html[data-layout=a] #how .hwa-note{position:relative;display:grid;grid-template-columns:calc(38 * var(--pt)) minmax(0,1fr) auto;gap:calc(11 * var(--pt));align-items:center;padding:calc(13 * var(--pt)) calc(14 * var(--pt));border-radius:calc(23 * var(--pt));background:color-mix(in srgb,var(--hwa-note) 74%,transparent);-webkit-backdrop-filter:blur(calc(22 * var(--pt))) saturate(1.8);backdrop-filter:blur(calc(22 * var(--pt))) saturate(1.8);color:var(--ink);font-size:calc(15 * var(--pt));line-height:calc(20 * var(--pt));letter-spacing:-.005em;text-align:left}html[data-layout=a] #how .hwa-note__icon{display:grid;place-items:center;align-self:center;width:calc(38 * var(--pt));height:calc(38 * var(--pt));border-radius:calc(9.5 * var(--pt));background:var(--hwa-lit);box-shadow:inset 0 0 0 calc(.5 * var(--pt)) var(--line);color:var(--ink)}html[data-layout=a] #how .hwa-note__icon .logo{height:calc(19 * var(--pt));color:var(--ink)}html[data-layout=a] #how .hwa-note__icon--mail{background:var(--hwa-mail);color:var(--text)}html[data-layout=a] #how .hwa-note__icon--mail svg{width:calc(21 * var(--pt));height:auto}html[data-layout=a] #how .hwa-note__top{display:flex;align-items:center;gap:calc(6 * var(--pt));min-width:0;padding-right:calc(28 * var(--pt))}html[data-layout=a] #how .hwa-note__name{font-weight:600}html[data-layout=a] #how .hwa-note .hwa-ex{height:calc(16 * var(--pt));padding:0 calc(5 * var(--pt));font-size:calc(10.5 * var(--pt))}html[data-layout=a] #how .hwa-note__now{position:absolute;top:calc(13 * var(--pt));right:calc(15 * var(--pt));color:color-mix(in srgb,var(--ink) 52%,transparent);font-size:calc(13 * var(--pt));line-height:calc(20 * var(--pt))}html[data-layout=a] #how .hwa-note__call{font-weight:600;text-wrap:pretty}html[data-layout=a] #how .hwa-note__call .hwa-up{display:inline}html[data-layout=a] #how .hwa-note__call .tri{width:calc(9 * var(--pt));height:calc(9 * var(--pt))}html[data-layout=a] #how .hwa-note__body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--text)}html[data-layout=a] #how .hwa-note__img{align-self:start;width:calc(38 * var(--pt));height:calc(38 * var(--pt));margin-top:calc(22 * var(--pt));border-radius:calc(8 * var(--pt))}html[data-layout=a] #how .hwa-note--mail{background:color-mix(in srgb,var(--hwa-note) 58%,transparent);color:color-mix(in srgb,var(--ink) 82%,transparent)}html[data-layout=a] #how .hwa-note__subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}html[data-layout=a] #how .hwa-note--mail .hwa-note__body{-webkit-line-clamp:1;color:var(--muted)}html[data-layout=a] #how .hwa-phone__quick{position:absolute;bottom:calc(44 * var(--pt));display:grid;place-items:center;width:calc(50 * var(--pt));height:calc(50 * var(--pt));border-radius:50%;background:color-mix(in srgb,var(--hwa-shade) 36%,transparent);-webkit-backdrop-filter:blur(calc(16 * var(--pt)));backdrop-filter:blur(calc(16 * var(--pt)));color:var(--hwa-lit)}html[data-layout=a] #how .hwa-phone__quick--torch{left:calc(46 * var(--pt))}html[data-layout=a] #how .hwa-phone__quick--cam{right:calc(46 * var(--pt))}html[data-layout=a] #how .hwa-phone__quick--torch svg{width:calc(12 * var(--pt));height:auto}html[data-layout=a] #how .hwa-phone__quick--cam svg{width:calc(23 * var(--pt));height:auto}html[data-layout=a] #how .hwa-phone__home{position:absolute;bottom:calc(8 * var(--pt));left:50%;width:calc(134 * var(--pt));height:calc(5 * var(--pt));border-radius:calc(3 * var(--pt));translate:-50% 0;background:color-mix(in srgb,var(--hwa-lit) 92%,transparent)}html[data-layout=a] #how .hwa-call{width:var(--call-w, 440px);max-width:100%;padding:14px 16px 12px}html[data-layout=a] #how .hwa-call__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}html[data-layout=a] #how .hwa-call__title{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:15.5px;line-height:22px;font-weight:650;letter-spacing:-.012em}html[data-layout=a] #how .hwa-call__title .hwa-ex{margin-left:6px}html[data-layout=a] #how .hwa-call__meta{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--muted);font-size:12px}html[data-layout=a] #how .hwa-call__meta svg{color:var(--ink)}html[data-layout=a] #how .hwa-call__out{color:var(--a-up);font-size:26px;line-height:30px;font-weight:700;letter-spacing:-.025em}html[data-layout=a] #how .hwa-chart{position:relative;margin-top:12px}html[data-layout=a] #how .hwa-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}html[data-layout=a] #how .hwa-chart__base{stroke:var(--line-strong);stroke-width:1;vector-effect:non-scaling-stroke}html[data-layout=a] #how .hwa-chart__need{stroke:var(--muted);stroke-width:1.25;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}html[data-layout=a] #how .hwa-chart__area{fill:color-mix(in srgb,var(--a-up) 9%,transparent);stroke:none}html[data-layout=a] #how .hwa-chart__path{fill:none;stroke:var(--a-up);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}html[data-layout=a] #how .hwa-chart__lbl{position:absolute;font-size:11.5px;line-height:14px;white-space:nowrap}html[data-layout=a] #how .hwa-chart__lbl--need{left:0;transform:translateY(calc(-100% - 4px));color:var(--ink);font-weight:600}html[data-layout=a] #how .hwa-chart__lbl--call{left:0;transform:translateY(6px);color:var(--muted)}html[data-layout=a] #how .hwa-chart__dot{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px var(--bg)}html[data-layout=a] #how .hwa-chart__chk{position:absolute;display:grid;place-items:center;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:50%;background:var(--a-up);box-shadow:0 0 0 3px var(--bg);color:var(--bg)}html[data-layout=a] #how .hwa-call__checks{position:relative;height:36px;margin-top:10px}html[data-layout=a] #how .hwa-call__checks>li{position:absolute;top:0;display:grid;justify-items:center;transform:translate(-50%);white-space:nowrap}html[data-layout=a] #how .hwa-call__checks>li:nth-child(1){left:34%}html[data-layout=a] #how .hwa-call__checks>li:nth-child(2){left:65.5%}html[data-layout=a] #how .hwa-call__checks>li:nth-child(3){right:0;justify-items:end;transform:none}html[data-layout=a] #how .hwa-call__when{color:var(--muted);font-size:11.5px;line-height:16px}html[data-layout=a] #how .hwa-call__move{color:var(--up);font-size:13.5px;line-height:18px;font-weight:650}html[data-layout=a] #how .hwa-call__res{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--text);font-size:12.5px;line-height:17px}html[data-layout=a] #how .hwa-call__res-k{color:var(--muted);font-size:11.5px}html[data-layout=a] #how .hwa-call--still{container:hwa-call / inline-size}@container hwa-call (max-width: 420px){html[data-layout=a] #how .hwa-call__checks{display:grid;height:auto;margin-top:12px}html[data-layout=a] #how .hwa-call__checks>li,html[data-layout=a] #how .hwa-call__checks>li:nth-child(n){position:static;display:flex;justify-content:space-between;align-items:baseline;padding-block:5px;border-top:1px solid var(--line);transform:none}html[data-layout=a] #how .hwa-call__when{font-size:12.5px}}html[data-layout=a] #how .hwa-stream__head{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--hwa-on-2);font-size:12.5px;font-weight:600}html[data-layout=a] #how .hwa-stream__day{color:var(--a-band-muted);font-weight:500}html[data-layout=a] #how .hwa-stream__row{display:flex;align-items:center;gap:9px;height:25px;border-top:1px solid var(--a-band-line);color:var(--hwa-past);font-size:12px;font-variant-numeric:tabular-nums}html[data-layout=a] #how .hwa-stream__row .hwa-lang{box-shadow:inset 0 0 0 1px var(--a-band-line-2);color:var(--a-band-muted)}html[data-layout=a] #how .hwa-stream__h{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-layout=a] #how .hwa-stream__row.is-ours{color:var(--a-band-text)}html[data-layout=a] #how .hwa-stream__row.is-ours .hwa-lang{box-shadow:inset 0 0 0 1px var(--a-band-muted);color:var(--a-band-text)}html[data-layout=a] #how .hwa-stage,html[data-layout=a] #how .hwa-steps{display:none}html[data-layout=a] #how .hwa-col{width:min(100% - 2 * var(--pad),var(--max));margin-inline:auto}html[data-layout=a] #how .hwa-title{max-width:13em;color:var(--a-band-text);text-wrap:balance}html[data-layout=a] #how .hwa-list{display:grid;gap:clamp(64px,9vw,112px);margin-top:clamp(40px,6vw,72px)}html[data-layout=a] #how .hwa-b{display:grid;gap:clamp(24px,4vw,36px);min-width:0}html[data-layout=a] #how .hwa-b__title{display:flex;align-items:baseline;gap:12px;color:var(--a-band-text);font-size:var(--fs-h3);font-weight:600;line-height:1.3;letter-spacing:var(--track-h3)}html[data-layout=a] #how .hwa-b__title .hwa-s__n{min-width:1ch;color:var(--a-band-muted);font-size:15px;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}html[data-layout=a] #how .hwa-b__p{max-width:46ch;margin-top:10px;padding-left:calc(1ch + 12px);color:var(--hwa-on-2)}html[data-layout=a] #how .hwa-b__stage{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:center;min-width:0;min-height:240px;padding-block:clamp(16px,4vw,40px)}html[data-layout=a] #how .hwa-b__map{display:block;color:var(--hwa-dot);overflow:visible}html[data-layout=a] #how .hwa-b__map use{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round}html[data-layout=a] #how .hwa-b__map--bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;-webkit-mask:radial-gradient(closest-side,black 55%,transparent);mask:radial-gradient(closest-side,black 55%,transparent)}html[data-layout=a] #how .hwa-b__map--top{width:100%;max-width:720px;height:auto;-webkit-mask:linear-gradient(to bottom,black 62%,transparent);mask:linear-gradient(to bottom,black 62%,transparent)}html[data-layout=a] #how .hwa-b__map--top+.hwa-b__frags{margin-top:clamp(-120px,-14vw,-40px)}html[data-layout=a] #how .hwa-b__arc{fill:none;stroke:var(--a-accent-dark);stroke-width:3.2;stroke-linecap:round;opacity:.7}html[data-layout=a] #how .hwa-b__pin{fill:var(--hwa-pin);stroke:color-mix(in srgb,var(--a-band-text) 14%,transparent);stroke-width:8}html[data-layout=a] #how .hwa-b__pin.is-event{fill:var(--a-accent-dark);stroke:color-mix(in srgb,var(--a-accent-dark) 26%,transparent);stroke-width:16}html[data-layout=a] #how .hwa-b__frags{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;min-width:0}html[data-layout=a] #how .hwa-b__reps{display:grid;gap:10px;width:100%;max-width:600px}html[data-layout=a] #how .hwa-b__reps .hwa-rep{--rw: 100%}html[data-layout=a] #how .hwa-b__card{width:100%;max-width:380px}html[data-layout=a] #how .hwa-b__card .hwa-rep{--rw: 100%}html[data-layout=a] #how .hwa-rep.is-context>*{opacity:.5}html[data-layout=a] #how .hwa-phone--still{--ph-h: min(584px, (100vw - 2 * var(--pad) - 8px) * 2.085)}html[data-layout=a] #how .hwa-call--still{--call-w: 100%;max-width:460px}@media(min-width:600px){html[data-layout=a] #how .hwa-b__reps{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-layout=a] #how .hwa-pp{display:none}@media(prefers-reduced-motion:no-preference){html[data-layout=a].js #how .hwa-b__frags>:not(.hwa-b__reps),html[data-layout=a].js #how .hwa-b__reps>*{opacity:0;translate:0 18px;transition:opacity .6s var(--ease-out) var(--d, 0ms),translate .9s var(--ease-expo) var(--d, 0ms)}html[data-layout=a].js #how .hwa-b__reps>:nth-child(2){--d: .14s}html[data-layout=a].js #how .hwa-b__reps>:nth-child(3){--d: .28s}html[data-layout=a].js #how .hwa-b.is-in :is(.hwa-b__frags>:not(.hwa-b__reps),.hwa-b__reps>*){opacity:1;translate:none}html[data-layout=a].js #how .hwa-b--2 :is(.hwa-read__f,.hwa-read__k,.hwa-chain__l){opacity:0;translate:0 6px;transition:opacity .42s var(--ease-out) calc(.32s + var(--i, 5) * 90ms),translate .64s var(--ease-expo) calc(.32s + var(--i, 5) * 90ms)}html[data-layout=a].js #how .hwa-b--2 .hwa-chain__l{transition-delay:calc(.9s + var(--i) * .2s)}html[data-layout=a].js #how .hwa-b--2.is-in :is(.hwa-read__f,.hwa-read__k,.hwa-chain__l){opacity:1;translate:none}html[data-layout=a].js #how .hwa-b--3 .hwa-b__arc{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--hwa-ease-io) .2s}html[data-layout=a].js #how .hwa-b--3 .hwa-b__arc+.hwa-b__arc{transition-delay:.52s}html[data-layout=a].js #how .hwa-b--3.is-in .hwa-b__arc{stroke-dashoffset:0}html[data-layout=a].js #how .hwa-b--3 .hwa-ev__row{opacity:0;transition:opacity .38s var(--ease-out) calc(.52s + var(--i) * .16s)}html[data-layout=a].js #how .hwa-b--3.is-in .hwa-ev__row{opacity:1}html[data-layout=a].js #how .hwa-b--4 .hwa-note{--t: .52s;opacity:0;transform:translateY(calc(46 * var(--pt))) scale(.94);transition:opacity .32s var(--ease-out) var(--t),transform .76s var(--hwa-spring) var(--t)}html[data-layout=a].js #how .hwa-b--4 .hwa-note--mail{--t: 1.3s}html[data-layout=a].js #how .hwa-b--4.is-in .hwa-note{opacity:1;transform:none}html[data-layout=a].js #how .hwa-b--5 .hwa-chart__path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.45,0,.55,1) .3s}html[data-layout=a].js #how .hwa-b--5.is-in .hwa-chart__path{stroke-dashoffset:0}html[data-layout=a].js #how .hwa-b--5 :is(.hwa-chart__chk,.hwa-call__checks>li){opacity:0;transition:opacity .36s var(--ease-out) calc(.76s + var(--i) * .42s)}html[data-layout=a].js #how .hwa-b--5 :is(.hwa-chart__area,.hwa-call__out,.hwa-call__res){opacity:0;transition:opacity .6s var(--ease-out) 1.9s}html[data-layout=a].js #how .hwa-b--5.is-in :is(.hwa-chart__chk,.hwa-call__checks>li,.hwa-chart__area,.hwa-call__out,.hwa-call__res){opacity:1}}@media(min-width:900px){html[data-layout=a] #how .hwa-b{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,5vw,80px);align-items:center}}@media(max-width:380px){html[data-layout=a] #how .hwa-call__title .hwa-ex{margin-left:0}html[data-layout=a] #how .hwa-call__out{font-size:22px}}@media(min-width:1024px)and (min-height:700px)and (prefers-reduced-motion:no-preference){html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]){--glide: 40svh;--step: 60svh;--tail: 30svh;--spy: 20svh;position:relative;z-index:5;display:flow-root;margin-top:calc(-1 * var(--spy));padding-block:0 calc(var(--a-notch) + 20px);pointer-events:none;scroll-margin-top:calc(var(--nav-h) + var(--scene-h) - var(--spy) - var(--glide) - 2px)}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]):before{content:none}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-list{display:none}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-track{margin-top:calc(var(--spy) - var(--scene-h) - var(--rise));height:calc(var(--scene-h) + var(--rise) + var(--glide) + 5 * var(--step) + var(--tail))}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-scene{--cw: min(100cqw - 2 * var(--pad), var(--max));--cl: calc((100cqw - var(--cw)) / 2);--colw: calc(var(--cw) * .365);--gap: clamp(36px, 3.4cqw, 60px);--sl: calc(var(--cl) + var(--colw) + var(--gap));--sw: calc(var(--cw) - var(--colw) - var(--gap));--ax: calc(var(--sl) + var(--sw) * .035);--ay: min(53cqh, 100cqh - max(var(--mc-h2, 330px), var(--mc-h3, 300px)) - 34px);--k: min(.8938px, 100cqw * .0006897, (100cqw - 36px - var(--ax)) / 852.8);position:sticky;top:var(--nav-h);height:var(--scene-h);overflow:hidden;container-type:size;--E: var(--edge, 100%);--L: calc((100% - min(100% - 2 * var(--pad), var(--max)))/2) ;--R: calc(100% - var(--L));--n: var(--a-notch);--t: var(--a-round);clip-path:polygon(0% var(--E),calc(var(--L) - var(--t)) var(--E),calc(var(--L) - .518 * var(--t)) calc(var(--E) + .044 * var(--t)),calc(var(--L) - .073 * var(--t)) calc(var(--E) + .177 * var(--t)),calc(var(--L) + .335 * var(--t)) calc(var(--E) + .398 * var(--t)),calc(var(--L) + .707 * var(--t)) calc(var(--E) + .707 * var(--t)),calc(var(--L) + var(--n) - .707 * var(--t)) calc(var(--E) + var(--n) - .707 * var(--t)),calc(var(--L) + var(--n) - .335 * var(--t)) calc(var(--E) + var(--n) - .398 * var(--t)),calc(var(--L) + var(--n) + .073 * var(--t)) calc(var(--E) + var(--n) - .177 * var(--t)),calc(var(--L) + var(--n) + .518 * var(--t)) calc(var(--E) + var(--n) - .044 * var(--t)),calc(var(--L) + var(--n) + var(--t)) calc(var(--E) + var(--n)),calc(var(--R) - var(--n) - var(--t)) calc(var(--E) + var(--n)),calc(var(--R) - var(--n) - .518 * var(--t)) calc(var(--E) + var(--n) - .044 * var(--t)),calc(var(--R) - var(--n) - .073 * var(--t)) calc(var(--E) + var(--n) - .177 * var(--t)),calc(var(--R) - var(--n) + .335 * var(--t)) calc(var(--E) + var(--n) - .398 * var(--t)),calc(var(--R) - var(--n) + .707 * var(--t)) calc(var(--E) + var(--n) - .707 * var(--t)),calc(var(--R) - .707 * var(--t)) calc(var(--E) + .707 * var(--t)),calc(var(--R) - .335 * var(--t)) calc(var(--E) + .398 * var(--t)),calc(var(--R) + .073 * var(--t)) calc(var(--E) + .177 * var(--t)),calc(var(--R) + .518 * var(--t)) calc(var(--E) + .044 * var(--t)),calc(var(--R) + var(--t)) var(--E),100% var(--E),100% 100%,0% 100%);pointer-events:auto}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-scene:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--a-band)}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-col{position:absolute;z-index:7;top:0;bottom:0;left:var(--cl);width:var(--colw);margin:0;display:flex;flex-direction:column;--col-pt: clamp(20px, 5.4cqh, 60px);padding-block:var(--col-pt) clamp(16px,3.6cqh,40px);opacity:var(--col-k, 1);translate:0 calc((1 - var(--col-k, 1)) * 18px)}html[data-layout=a].js main[data-pass] #how.hwa[data-hwa-pass] .hwa-col{pointer-events:none}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-title{max-width:12.5em;font-size:clamp(30px,min(3.2cqw,5.2cqh),46px)}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-col{--title-lh: calc(1.06*clamp(30px, min(3.2cqw, 5.2cqh), 46px)) }html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-steps{display:grid;gap:clamp(8px,2cqh,22px);margin-top:clamp(18px,4.4cqh,44px)}html[data-layout=a] #how .hwa-s{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);padding-left:20px}html[data-layout=a] #how .hwa-s__bar{position:absolute;left:0;top:3px;bottom:3px;width:2px;overflow:hidden;border-radius:2px;background:var(--a-band-line)}html[data-layout=a] #how .hwa-s__bar>i{position:absolute;inset:0;background:var(--a-accent-dark);transform:scaleY(var(--p, 0));transform-origin:50% 0}html[data-layout=a] #how .hwa-s.is-past .hwa-s__bar>i{transform:none;background:var(--a-band-line-2)}html[data-layout=a] #how .hwa-s__btn{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline;color:var(--hwa-future-t);text-align:left;transition:color .32s var(--ease-out)}html[data-layout=a] #how .hwa-s__n{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}html[data-layout=a] #how .hwa-s__t{font-size:clamp(16px,2.3cqh,19px);line-height:1.3;font-weight:600;letter-spacing:-.015em}html[data-layout=a] #how .hwa-s__p{grid-column:2;max-width:44ch;margin-top:3px;color:var(--hwa-future);font-size:clamp(13px,1.76cqh,14.5px);line-height:1.48;transition:color .32s var(--ease-out)}html[data-layout=a] #how .hwa-s.is-past .hwa-s__btn{color:var(--hwa-past-t)}html[data-layout=a] #how .hwa-s.is-past .hwa-s__p{color:var(--hwa-past)}html[data-layout=a] #how .hwa-s.is-active .hwa-s__btn{color:var(--hwa-on)}html[data-layout=a] #how .hwa-s.is-active .hwa-s__n{color:var(--a-accent-dark)}html[data-layout=a] #how .hwa-s.is-active .hwa-s__p{color:var(--hwa-on-2)}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-pp{position:absolute;top:calc(var(--col-pt) + (var(--title-lh) - 34px) / 2);right:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--a-band-line-2);color:var(--hwa-on-2);transition:color .2s var(--ease-out),box-shadow .2s var(--ease-out)}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-title{padding-right:48px}html[data-layout=a] #how .hwa-pp svg{display:block;flex:none}html[data-layout=a] #how .hwa-pp .hwa-pp__play,html[data-layout=a] #how[data-hwa-paused] .hwa-pp .hwa-pp__pause{display:none}html[data-layout=a] #how[data-hwa-paused] .hwa-pp .hwa-pp__play{display:block}html[data-layout=a] #how .hwa-pp:focus-visible{outline:2px solid var(--a-accent-dark);outline-offset:3px}@media(hover:hover)and (pointer:fine){html[data-layout=a] #how .hwa-pp:hover{color:var(--hwa-on);box-shadow:inset 0 0 0 1px var(--a-band-muted)}}html[data-layout=a] #how[data-hwa-paused] .hwa-stage *{animation-play-state:paused}html[data-layout=a].js #how.hwa[data-hwa-fit] .hwa-col{--col-pt: clamp(14px, 3cqh, 28px);--title-lh: calc(1.06*clamp(24px, min(2.6cqw, 4.2cqh), 34px)) ;padding-block:var(--col-pt) clamp(10px,2cqh,20px)}html[data-layout=a].js #how.hwa[data-hwa-fit] .hwa-title{font-size:clamp(24px,min(2.6cqw,4.2cqh),34px)}html[data-layout=a].js #how.hwa[data-hwa-fit] .hwa-steps{gap:clamp(6px,1.3cqh,14px);margin-top:clamp(12px,2.6cqh,26px)}html[data-layout=a].js #how.hwa[data-hwa-fit] .hwa-s__p{max-width:none}html[data-layout=a].js #how.hwa[data-hwa-fit="2"] .hwa-col{--title-lh: calc(1.06*clamp(22px, min(2.3cqw, 3.6cqh), 28px)) }html[data-layout=a].js #how.hwa[data-hwa-fit="2"] .hwa-title{font-size:clamp(22px,min(2.3cqw,3.6cqh),28px)}html[data-layout=a].js #how.hwa[data-hwa-fit="2"] .hwa-s__t{font-size:15.5px}html[data-layout=a].js #how.hwa[data-hwa-fit="2"] .hwa-s__p{font-size:12.5px;line-height:1.42}@media(hover:hover)and (pointer:fine){html[data-layout=a] #how .hwa-s:not(.is-active) .hwa-s__btn:hover{color:var(--hwa-on-2)}}html[data-layout=a].js main[data-pass] #how.hwa:not([data-hwa-static]) .hwa-stage{display:block;position:absolute;inset:0;z-index:0}html[data-layout=a] #how .hwa-geo{position:absolute;left:calc(var(--ax) - 487.11 * var(--k));top:calc(var(--ay) - 605.11 * var(--k));width:calc(1600 * var(--k));height:calc(1000 * var(--k));transform-origin:calc(487.11 * var(--k)) calc(605.11 * var(--k));transform:translate(calc(var(--g0x, 0px) * (1 - var(--g, 1))),calc(var(--g0y, 0px) * (1 - var(--g, 1)))) scale(calc(var(--g0s, 1) + (1 - var(--g0s, 1)) * var(--g, 1)))}html[data-layout=a] #how :is(.hwa-geo__map,.hwa-geo__arcs){position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}html[data-layout=a] #how .hwa-geo__map{z-index:0;color:var(--hwa-dot)}html[data-layout=a] #how .hwa-geo__map use{fill:none;stroke:currentColor;stroke-width:calc(var(--dot0, 3.7) + (3.7 - var(--dot0, 3.7)) * var(--g, 1));stroke-linecap:round}html[data-layout=a] #how .hwa-veil{position:absolute;z-index:1;left:0;top:0;bottom:0;width:calc(var(--sl) - var(--gap) * .25);opacity:var(--g, 1);background:linear-gradient(90deg,color-mix(in srgb,var(--a-band) 82%,transparent),color-mix(in srgb,var(--a-band) 62%,transparent) 72%,transparent);pointer-events:none}html[data-layout=a] #how .hwa-geo__arcs{z-index:2}html[data-layout=a] #how .hwa-pin{position:absolute;z-index:3;width:0;height:0}html[data-layout=a] #how .hwa-pin:before,html[data-layout=a] #how .hwa-pin>i{content:"";position:absolute;left:-4.5px;top:-4.5px;width:9px;height:9px;border-radius:50%}html[data-layout=a] #how .hwa-pin:before{background:var(--hwa-pin);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-band-text) 10%,transparent);transform:scale(0);transition:transform .32s var(--ease-out),background-color .32s var(--ease-out),box-shadow .32s var(--ease-out)}html[data-layout=a] #how .hwa-pin>i{border:1.5px solid var(--a-accent-dark);opacity:0}html[data-layout=a] #how .hwa-stage[data-step="1"] .hwa-pin:before,html[data-layout=a] #how .hwa-stage:not([data-step="0"],[data-step="1"]) .hwa-pin--es:before{background:var(--a-accent-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-accent-dark) 22%,transparent)}html[data-layout=a] #how .hwa-pin--es{--d: 0ms}html[data-layout=a] #how .hwa-pin--en{--d: .38s}html[data-layout=a] #how .hwa-pin--zh{--d: .76s}html[data-layout=a] #how .hwa-stage:not([data-step="0"]) .hwa-pin:before{transform:none;transition:transform .52s cubic-bezier(.34,1.56,.64,1) var(--d),background-color .42s var(--ease-out),box-shadow .42s var(--ease-out)}html[data-layout=a] #how .hwa-stage[data-step="1"] .hwa-pin>i{animation:hwa-ping 1.4s var(--ease-out) calc(var(--d) + .2s) 1 both}html[data-layout=a] #how .hwa-stage:is([data-step="3"],[data-step="4"],[data-step="5"]) .hwa-pin--es:before{transform:scale(1.45);box-shadow:0 0 0 5px color-mix(in srgb,var(--a-accent-dark) 24%,transparent),0 0 24px 6px color-mix(in srgb,var(--a-accent-dark) 30%,transparent);transition-delay:0ms}html[data-layout=a] #how .hwa-stage[data-step="3"] .hwa-pin--es>i{animation:hwa-ping-lg .4s var(--ease-out) 1.01s 3 forwards}html[data-layout=a] #how .hwa-stage[data-step="4"] .hwa-pin--es>i{animation:hwa-ping-lg 1.3s var(--ease-out) .2s 1 both}html[data-layout=a] #how .hwa-tag{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--a-band) 88%,transparent);box-shadow:inset 0 0 0 1px var(--a-band-line-2);color:var(--hwa-on-2);font-size:11px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;translate:11px -50%;opacity:0;transition:opacity .2s var(--ease-out)}html[data-layout=a] #how .hwa-tag b{color:var(--a-band-text);font-weight:650;letter-spacing:.03em}html[data-layout=a] #how .hwa-tag--zh{translate:-50% 10px}html[data-layout=a] #how .hwa-stage:is([data-step="2"],[data-step="3"]) .hwa-tag{opacity:1;transition:opacity .42s var(--ease-out) .26s}html[data-layout=a] #how .hwa-stage:is([data-step="4"],[data-step="5"]) .hwa-tag--en{opacity:.55}html[data-layout=a] #how .hwa-arc{fill:none;stroke:var(--a-accent-dark);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.9;transition:stroke-dashoffset .26s var(--ease-out),opacity .32s var(--ease-out)}html[data-layout=a] #how .hwa-arc--en{--d: .25s}html[data-layout=a] #how .hwa-arc--zh{--d: .65s}html[data-layout=a] #how .hwa-stage:is([data-step="3"],[data-step="4"],[data-step="5"]) .hwa-arc{stroke-dashoffset:0;transition:stroke-dashoffset .76s var(--hwa-ease-io) var(--d),opacity .32s var(--ease-out)}html[data-layout=a] #how .hwa-stage[data-step="4"] .hwa-arc{opacity:.4}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-arc{opacity:.22}html[data-layout=a] #how .hwa-stage:is([data-step="4"],[data-step="5"]) .hwa-arc{transition:stroke-dashoffset 0ms,opacity .42s var(--ease-out)}html[data-layout=a] #how .hwa-rc{--rw: clamp(256px, var(--sw) * .36, 272px);position:absolute;z-index:4;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .26s var(--ease-out),transform .42s var(--ease-expo)}html[data-layout=a] #how .hwa-rc--en{--d: .38s;translate:max(calc(-100% - 14px),calc(var(--sl) - var(--ax) - 312.31 * var(--k))) max(calc(-100% - 14px),calc(14px - var(--ay) + 334.04 * var(--k)));transform-origin:100% 100%}html[data-layout=a] #how .hwa-rc--zh{--d: .76s;translate:calc(-100% - 14px) 16px;transform-origin:100% 0}html[data-layout=a] #how .hwa-stage[data-step="1"] .hwa-rc{opacity:1;transform:none;transition:opacity .48s var(--ease-out) calc(var(--d) + .12s),transform .76s var(--ease-expo) calc(var(--d) + .12s)}html[data-layout=a] #how .hwa-stage:is([data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) .hwa-rc{opacity:0;transform:scale(.35);transition:opacity .3s var(--ease-out),transform .46s var(--ease-expo)}html[data-layout=a] #how .hwa-stream{position:absolute;z-index:4;--st-w: min(360px, var(--sw) * .42);width:var(--st-w);left:calc(var(--sl) + var(--sw) - var(--st-w));bottom:clamp(20px,5cqh,44px);opacity:0;transition:opacity .26s var(--ease-out)}html[data-layout=a] #how .hwa-stream__row{opacity:0;transform:translateY(6px);transition:opacity .2s var(--ease-out),transform .3s var(--ease-out)}html[data-layout=a] #how .hwa-stage[data-step="1"] .hwa-stream{opacity:1}@container (max-width: 1140px){html[data-layout=a] #how .hwa-stream{display:none}}html[data-layout=a] #how .hwa-stage[data-step="1"] .hwa-stream__row{opacity:1;transform:none;transition:opacity .42s var(--ease-out) calc(var(--i) * .19s),transform .62s var(--ease-expo) calc(var(--i) * .19s)}html[data-layout=a] #how .hwa-mc{--mc-w: 336px;position:absolute;z-index:4;width:var(--mc-w);height:var(--mc-h1, 128px);overflow:hidden;translate:16px 14px;opacity:0;transform:translateY(12px) scale(.97);transform-origin:0 0;transition:opacity .26s var(--ease-out),transform .42s var(--ease-expo),height .64s var(--ease-expo)}html[data-layout=a] #how .hwa-stage:not([data-step="0"]) .hwa-mc{opacity:1;transform:none;transition:opacity .48s var(--ease-out) 60ms,transform .76s var(--ease-expo) 60ms,height .64s var(--ease-expo)}html[data-layout=a] #how .hwa-stage[data-step="2"] .hwa-mc{height:var(--mc-h2, 330px)}html[data-layout=a] #how .hwa-stage:is([data-step="3"],[data-step="4"],[data-step="5"]) .hwa-mc{height:var(--mc-h3, 300px)}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-mc{opacity:0;transform:scale(.4);transition:opacity .36s var(--ease-out),transform .56s var(--ease-expo),height .64s var(--ease-expo)}html[data-layout=a] #how :is(.hwa-mc__rep,.hwa-mc__st,.hwa-mc__read,.hwa-mc__ev){position:absolute;left:0;width:var(--mc-w)}html[data-layout=a] #how .hwa-mc .hwa-rep{--rw: var(--mc-w)}html[data-layout=a] #how .hwa-mc__rep{top:0;transition:opacity .36s var(--ease-out)}html[data-layout=a] #how .hwa-mc__st{top:0;opacity:0;visibility:hidden;transition:opacity .22s var(--ease-out),visibility 0s linear .22s}html[data-layout=a] #how .hwa-stage[data-step="2"] .hwa-mc__st{opacity:1;visibility:visible;transition:opacity .42s var(--ease-out) .14s,visibility 0s}html[data-layout=a] #how .hwa-mc__read{top:var(--mc-hs, 128px)}html[data-layout=a] #how .hwa-mc__ev{top:0;opacity:0;visibility:hidden;transition:opacity .22s var(--ease-out),visibility 0s linear .22s}html[data-layout=a] #how .hwa-stage:is([data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) .hwa-mc__rep{opacity:0;transition-duration:.2s}html[data-layout=a] #how .hwa-stage:is([data-step="3"],[data-step="4"],[data-step="5"]) .hwa-mc__ev{opacity:1;visibility:visible;transition:opacity .42s var(--ease-out) .16s,visibility 0s}html[data-layout=a] #how .hwa-mc :is(.hwa-read__f,.hwa-read__k,.hwa-chain__l){opacity:0;transform:translateY(6px);transition:opacity .16s var(--ease-out),transform .3s var(--ease-out)}html[data-layout=a] #how .hwa-mc .hwa-read{opacity:0;transition:opacity .2s var(--ease-out)}html[data-layout=a] #how .hwa-stage[data-step="2"] .hwa-mc .hwa-read{opacity:1;transition-delay:.12s}html[data-layout=a] #how .hwa-stage[data-step="2"] .hwa-mc :is(.hwa-read__f,.hwa-read__k,.hwa-chain__l){opacity:1;transform:none;transition:opacity .46s var(--ease-out) var(--t),transform .7s var(--ease-expo) var(--t)}html[data-layout=a] #how .hwa-mc .hwa-read__f{--t: calc(.26s + var(--i) * 90ms)}html[data-layout=a] #how .hwa-mc .hwa-read__k{--t: .76s}html[data-layout=a] #how .hwa-mc .hwa-chain__l{--t: calc(.86s + var(--i) * .21s)}html[data-layout=a] #how .hwa-mc .hwa-seg:after{transform:scaleX(0);transition:transform .2s var(--ease-out),opacity .3s var(--ease-out)}html[data-layout=a] #how .hwa-mc .hwa-seg{color:var(--muted);transition:color .2s var(--ease-out)}html[data-layout=a] #how .hwa-mc .hwa-seg:nth-child(1){--t: .26s}html[data-layout=a] #how .hwa-mc .hwa-seg:nth-child(2){--t: .6s}html[data-layout=a] #how .hwa-mc .hwa-seg:nth-child(3){--t: 1.01s}html[data-layout=a] #how .hwa-stage:is([data-step="3"],[data-step="4"],[data-step="5"]) .hwa-mc .hwa-seg:after{transform:none;transition:transform .42s var(--ease-out) var(--t),opacity .3s var(--ease-out)}html[data-layout=a] #how .hwa-stage:is([data-step="3"],[data-step="4"],[data-step="5"]) .hwa-mc .hwa-seg{color:var(--a-accent-ink);transition:color .3s var(--ease-out) var(--t)}html[data-layout=a] #how .hwa-stage:is([data-step="4"],[data-step="5"]) .hwa-mc :is(.hwa-seg,.hwa-seg:after){transition-delay:0ms}html[data-layout=a] #how .hwa-mc .hwa-ev__row{opacity:0;transform:translateY(6px);transition:opacity .16s var(--ease-out),transform .3s var(--ease-out)}html[data-layout=a] #how .hwa-mc .hwa-ev__row:nth-child(1),html[data-layout=a] #how .hwa-mc .hwa-ev__count>span:nth-child(1){--t: .22s}html[data-layout=a] #how .hwa-mc .hwa-ev__row:nth-child(2),html[data-layout=a] #how .hwa-mc .hwa-ev__count>span:nth-child(2){--t: .6s}html[data-layout=a] #how .hwa-mc .hwa-ev__row:nth-child(3),html[data-layout=a] #how .hwa-mc .hwa-ev__count>span:nth-child(3){--t: 1.01s}html[data-layout=a] #how .hwa-mc .hwa-ev__row:nth-child(4),html[data-layout=a] #how .hwa-mc .hwa-ev__count>span:nth-child(4){--t: 1.41s}html[data-layout=a] #how .hwa-mc .hwa-ev__row:nth-child(5),html[data-layout=a] #how .hwa-mc .hwa-ev__count>span:nth-child(5){--t: 1.81s}html[data-layout=a] #how .hwa-stage:is([data-step="3"],[data-step="4"],[data-step="5"]) .hwa-mc .hwa-ev__row{opacity:1;transform:none;transition:opacity .42s var(--ease-out) var(--t),transform .62s var(--ease-expo) var(--t)}html[data-layout=a] #how .hwa-stage:is([data-step="4"],[data-step="5"]) .hwa-mc .hwa-ev__row{transition-delay:0ms}html[data-layout=a] #how .hwa-mc .hwa-ev__count{overflow:hidden}html[data-layout=a] #how .hwa-mc .hwa-ev__count>span{opacity:0}html[data-layout=a] #how .hwa-stage:is([data-step="4"],[data-step="5"]) .hwa-mc .hwa-ev__count>span:last-child{opacity:1}html[data-layout=a] #how .hwa-stage[data-step="3"] .hwa-mc .hwa-ev__count>span{animation:hwa-show .34s var(--ease-out) var(--t) both,hwa-hide .26s var(--ease-out) calc(var(--t) + .4s) forwards}html[data-layout=a] #how .hwa-stage[data-step="3"] .hwa-mc .hwa-ev__count>span:nth-child(1){animation-delay:var(--t),.6s}html[data-layout=a] #how .hwa-stage[data-step="3"] .hwa-mc .hwa-ev__count>span:nth-child(2){animation-delay:var(--t),1.01s}html[data-layout=a] #how .hwa-stage[data-step="3"] .hwa-mc .hwa-ev__count>span:nth-child(3){animation-delay:var(--t),1.41s}html[data-layout=a] #how .hwa-stage[data-step="3"] .hwa-mc .hwa-ev__count>span:nth-child(4){animation-delay:var(--t),1.81s}html[data-layout=a] #how .hwa-stage[data-step="3"] .hwa-mc .hwa-ev__count>span:last-child{animation:hwa-show .34s var(--ease-out) var(--t) both}html[data-layout=a] #how .hwa-stage{--ph-h: min(580px, 100cqh - 96px);--pt: calc(var(--ph-h) / 882);--ph-w: calc(423 * var(--pt))}html[data-layout=a] #how .hwa-phone--live{position:absolute;z-index:5;left:calc(var(--sl) + var(--sw) - var(--ph-w));top:calc((100cqh - var(--ph-h)) / 2);opacity:0;visibility:hidden;transform:translateY(48px);transition:opacity .26s var(--ease-out),transform .52s var(--ease-expo),visibility 0s linear .52s}html[data-layout=a] #how .hwa-stage[data-step="4"] .hwa-phone--live{opacity:1;visibility:visible;transform:none;transition:opacity .52s var(--ease-out) .14s,transform .9s var(--ease-expo) .14s,visibility 0s}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-phone--live{transform:translate(40px)}html[data-layout=a] #how .hwa-phone--live .hwa-note{opacity:0;transform:translateY(calc(46 * var(--pt))) scale(.94);transition:opacity .2s var(--ease-out),transform .3s var(--ease-out)}html[data-layout=a] #how .hwa-stage:is([data-step="4"],[data-step="5"]) .hwa-phone--live .hwa-note{opacity:1;transform:none;transition:opacity .32s var(--ease-out) var(--t),transform .76s var(--hwa-spring) var(--t)}html[data-layout=a] #how .hwa-phone--live .hwa-note{--t: .82s}html[data-layout=a] #how .hwa-phone--live .hwa-note--mail{--t: 1.7s}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-phone--live .hwa-note{--t: 0ms}html[data-layout=a] #how .hwa-call--live{--call-w: min(540px, var(--sw) * .72);--call-y: max(20px, 100cqh - 350px - max(36px, 8cqh));position:absolute;z-index:6;left:calc(var(--sl) + var(--sw) * .2);top:var(--call-y);transform-origin:0 0;opacity:0;visibility:hidden;transform:translate(calc(var(--sw) * .8 - var(--ph-w) + 25 * var(--pt)),calc((100cqh - var(--ph-h)) / 2 + 562 * var(--pt) - var(--call-y))) scale(.45);transition:opacity .22s var(--ease-out),transform .52s var(--ease-expo),visibility 0s linear .52s}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-call--live{opacity:1;visibility:visible;transform:none;transition:opacity .26s var(--ease-out),transform .82s var(--ease-expo),visibility 0s}html[data-layout=a] #how .hwa-call--live .hwa-chart__path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .2s var(--ease-out)}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-call--live .hwa-chart__path{stroke-dashoffset:0;transition:stroke-dashoffset 1.5s cubic-bezier(.45,0,.55,1) .64s}html[data-layout=a] #how .hwa-call--live .hwa-chart__area{opacity:0;transition:opacity .2s var(--ease-out)}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-call--live .hwa-chart__area{opacity:1;transition:opacity .9s var(--ease-out) 1.9s}html[data-layout=a] #how .hwa-call--live :is(.hwa-chart__chk,.hwa-call__checks>li,.hwa-call__out){opacity:0;transition:opacity .16s var(--ease-out)}html[data-layout=a] #how .hwa-call--live .hwa-chart__chk{transform:scale(.4);transition:opacity .16s var(--ease-out),transform .2s var(--ease-out)}html[data-layout=a] #how .hwa-call--live :is(.hwa-chart__chk,.hwa-call__checks>li){--t: calc(1.08s + var(--i) * .5s)}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-call--live :is(.hwa-chart__chk,.hwa-call__checks>li){opacity:1;transition:opacity .36s var(--ease-out) var(--t)}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-call--live .hwa-chart__chk{transform:none;transition:opacity .28s var(--ease-out) var(--t),transform .52s cubic-bezier(.34,1.56,.64,1) var(--t)}html[data-layout=a] #how .hwa-stage[data-step="5"] .hwa-call--live .hwa-call__out{opacity:1;transition:opacity .52s var(--ease-out) 2.28s}}@keyframes hwa-ping{0%{transform:scale(.8);opacity:.9}to{transform:scale(3.6);opacity:0}}@keyframes hwa-ping-lg{0%{transform:scale(1.2);opacity:.8}to{transform:scale(5.2);opacity:0}}@keyframes hwa-show{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}@keyframes hwa-hide{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-70%)}}