.pb-sc .sc-box{position:relative}
.pb-sc .sc-box{overflow-anchor:none}
.sc-track{position:relative;height:calc((var(--sc-len) + 1) * 100vh);height:calc((var(--sc-len) + 1) * 100svh);margin-bottom:calc(-1 * var(--sc-tail, 0px))}
.sc-track.sc-end{clip-path:inset(0 0 calc(-1 * min(var(--sc-end, 0px), var(--sec-lg, 0px))) 0);height:calc((var(--sc-len) + 1) * 100vh - var(--sc-end, 0px));height:calc((var(--sc-len) + 1) * 100svh - var(--sc-end, 0px))}
.sc-end > .sc-pin{margin-bottom:calc(-1 * var(--sc-end, 0px))}
:root{--sc-top:88px;--sc-h:calc(100vh - 104px);--sc-h:calc(100svh - 104px)}
@media (max-height:500px){:root{--sc-h:max(480px,calc(100svh - 104px))}}
.sc-pin{position:sticky;top:var(--sc-top);height:calc(100vh - var(--sc-top));height:calc(100svh - var(--sc-top));overflow:clip}
.sc-pin{display:flex;flex-direction:column}
.sc-pin > .sc-box{flex:none;height:min(100%, calc(900px - var(--sc-top)));margin-block:auto}
.sc-pin.sc-full > .sc-box{height:100%;margin-block:0}
.sc-pin.sc-full{top:0;height:100vh;height:100svh}
.sc-mid > .sc-pin{top:calc(var(--sc-top) + var(--sc-mid, 0px));height:calc(100vh - var(--sc-top) - var(--sc-mid, 0px));height:calc(100svh - var(--sc-top) - var(--sc-mid, 0px))}
.sc-mid > .sc-pin > .sc-box{margin-block:0}
.pb-sc:not(.sc-run) *,html.sc-tab-off .pb-sc *{animation-play-state:paused!important} 
.sc-w{transition:none}
@media (prefers-reduced-motion:reduce){.pb-sc *{animation:none!important;transition:none!important}}

.tgw{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;border-radius:28px;overflow:hidden;font-family:var(--font-sans);text-align:left;
  background:radial-gradient(120% 70% at 85% 0%,color-mix(in srgb,var(--c) 8%,transparent),transparent 60%),#0d0d0f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ph-card .tgw{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 90px rgba(0,0,0,.55)}
.tgw-hd{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(28,28,30,.72)}
.tgw-hd img,.tgw-av{display:block;flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover}
.tgw-av{display:grid;place-items:center;background:#2c2c2e;font:600 17px/1 var(--font-sans);color:#f5f5f7}
.tgw-hd b{display:block;font:600 17px/22px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7}
.tgw-hd small{display:block;font:400 13px/17px var(--font-sans);color:#98989d}
.tgw-bd{position:relative;flex:1;min-height:0;-webkit-mask:linear-gradient(180deg,transparent,#000 18%) no-repeat;mask:linear-gradient(180deg,transparent,#000 18%) no-repeat}
.tgw-ls{position:absolute;left:0;right:0;bottom:0;padding:0 16px 16px;will-change:transform}
.tgw-m{display:flex;margin-top:8px}
.tgw-m.me{justify-content:flex-end}
.tgw-b{position:relative;box-sizing:border-box;max-width:86%;margin:0;padding:8px 12px 7px;border-radius:18px;font:400 16px/21px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7;text-wrap:pretty;overflow-wrap:normal}
.tgw-b p{margin:0}.tgw-b p+p{margin-top:6px}
.tgw-m.me .tgw-b{border-bottom-right-radius:6px;background:linear-gradient(180deg,#2d82f0,#1c69dc)}
.tgw-m:not(.me) .tgw-b{border-bottom-left-radius:6px;background:#1f1f22}
.tgw-tm{float:right;margin:6px -2px -3px 12px;font:500 12px/16px var(--font-sans);letter-spacing:0;color:rgba(235,235,245,.62)}
.tgw-m.me .tgw-tm{color:rgba(255,255,255,.66)}
.tgw-bot{display:grid;grid-template-columns:fit-content(92%);justify-content:start;row-gap:5px}
.tgw-bot .tgw-b{max-width:none}
.tgw-kb{display:flex;flex-direction:column;gap:5px}.tgw-kr{display:flex;gap:5px}
.tgw-kr > span{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.09);font:500 15px/20px var(--font-sans);color:#f5f5f7;white-space:nowrap}
.tgw-kr > span:is(.b,.g,.r){color:#fff}.tgw-kr > span.b{background:#3d78be}.tgw-kr > span.g{background:#357f37}.tgw-kr > span.r{background:#c93c3c}
.tgw-via{display:block;margin-bottom:2px;font:600 14px/19px var(--font-sans);color:#6ab3f3}
.tgw-in{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:10px;padding:10px 12px 14px;background:rgba(28,28,30,.72);border-top:1px solid rgba(255,255,255,.08)}
.tgw-field{flex:1;min-width:0;min-height:36px;display:flex;align-items:center;padding:0 14px;border-radius:18px;background:#1c1c1e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font:400 16px/21px var(--font-sans);color:#f5f5f7;white-space:nowrap;overflow:hidden}
.tgw-field i{flex:none;width:2px;height:20px;margin-left:1px;border-radius:1px;background:#2d82f0}
.tgw-ph{color:#8e8e93}
@media (max-width:734px){.tgw{border-radius:24px}.tgw-b{font-size:15px;line-height:20px}.tgw-kr > span{min-height:36px;font-size:14px}}

html.js-rv .sc-lead{opacity:0;translate:0 var(--reveal-y);transition:opacity var(--reveal-fade) var(--ease-reveal),translate var(--reveal-move) var(--ease-reveal)}
html.js-rv .sc-lead.sc-in{opacity:1;translate:none}

.sc-l{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.sc-l > span{display:inline-block;transform:translateY(110%)}
.sc-mf-h.in .sc-l > span{transform:none;transition:transform .5s cubic-bezier(.25,.46,.45,.94) calc(var(--ln, 0) * 300ms)}
html:root .sc-mf .pb-h{margin-bottom:var(--s-32)}
.sc-mf-p{max-width:1040px;margin:0;font:600 32px/40px var(--font-sans);letter-spacing:-.012em;color:#f5f5f7;text-wrap:pretty}
.sc-nm{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--gap-card, 20px)}
.sc-nm li{padding-top:var(--s-24);border-top:1px solid #424245;opacity:0;transform:translateY(30px)}
.in .sc-nm li{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.42,0,.58,1) calc(var(--i) * 150ms),transform .7s cubic-bezier(.42,0,.58,1) calc(var(--i) * 150ms)}
.sc-nm b{display:block;font:600 64px/68px var(--font-sans);letter-spacing:-.02em;color:#f5f5f7;white-space:nowrap}
.sc-nm span{display:block;max-width:300px;margin-top:var(--s-8);font:600 17px/21px var(--font-sans);letter-spacing:-.016em;color:#86868b;text-wrap:pretty}
@media (max-width:734px){
  .sc-mf-p{font-size:21px;line-height:27px}
  .sc-nm{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s-32)}
  .sc-nm b{font-size:40px;line-height:44px}
  .sc-nm span{font-size:14px;line-height:18px}
}

:root{--sc-replay:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 727.5 888.7'%3E%3Cpath d='M684 525A320.2 320.2 0 1 1 363.8 204.7Q453.4 204.7 523.6 217.9M349.2 43.5L523.6 217.9L349.2 392.2' fill='none' stroke='%23000' stroke-width='87' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sc-again{position:relative;z-index:1;display:flex;align-items:baseline;width:max-content;margin:var(--s-20) auto 0;padding:4px 0 3px;border:0;border-bottom:1px solid transparent;background:none;font:400 17px/21px var(--font-sans);letter-spacing:-.022em;color:var(--pro);cursor:pointer;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent}
.sc-again::after{content:"";flex:none;position:relative;top:.015em;width:.7275em;height:.8887em;margin-left:calc(5px + .07em);background:currentColor;-webkit-mask:var(--sc-replay) center/contain no-repeat;mask:var(--sc-replay) center/contain no-repeat}
.sc-again:hover{border-bottom-color:var(--hover-line)}.sc-again:focus-visible{outline:2px solid var(--pro);outline-offset:3px;border-radius:4px}
@media (max-width:734px){.sc-again::after{margin-left:calc(3px + .07em)}}
.sc-again[hidden]{visibility:hidden;opacity:0}
@media (prefers-reduced-motion:reduce){.sc-again[hidden]{display:none}}