._9huete0{z-index:1;box-sizing:border-box;width:100%;min-height:200px;margin-top:var(--_136r7wwv) 0;background-image:url(/top/hero/code-background.svg);background-position:50%;background-repeat:no-repeat;background-size:min(100%,1600px);justify-content:center;align-items:center;padding:160px 32px;display:flex;position:relative;overflow:hidden}
._9huete1{z-index:1;text-align:center;width:100%;max-width:820px;position:relative}
._9huete2{color:var(--_136r7wwk);letter-spacing:.24em;white-space:nowrap;align-items:center;gap:16px;margin:0;font-size:24px;font-weight:400;display:inline-flex}
._9huete3{align-items:center;gap:12px;display:inline-flex}
._9huete4{width:16px;height:16px}
._9huete5{color:var(--_136r7wwk);text-wrap:balance;margin:4px 0 0;font-size:16px;line-height:24px}
._9huete6{margin-top:32px}
@media screen and (max-width:768px){._9huete0{aspect-ratio:auto;background-position:0;background-size:cover;min-height:auto;padding:16px 0 64px}._9huete2{white-space:normal;gap:8px;font-size:16px}._9huete3{gap:8px}._9huete5{font-size:14px}}
._1idwfar0{z-index:1;box-sizing:border-box;width:100%;padding:160px 64px;position:relative}
._1idwfar1{width:100%;max-width:1232px;margin:0 auto}
@media screen and (max-width:768px){._1idwfar0{padding:32px 16px}}
._104j6j70{padding-left:0;padding-right:0}
._104j6j72{text-align:center;color:#fffffffa;margin:0 0 64px;font-size:clamp(1.875rem,7vw,3.25rem);font-weight:700;line-height:1.2}
._104j6j73{box-sizing:border-box;width:100%;margin-bottom:48px;overflow:hidden}
._104j6j74{width:100%;height:auto;display:block}
._104j6j75{flex-direction:column;gap:32px;display:flex}
._104j6j76{box-sizing:border-box;grid-template-columns:1fr;grid-template-areas:"visual""content";align-items:center;gap:16px;padding:0;display:grid}
._104j6j78{color:var(--_136r7wwk);white-space:break-spaces;margin:0;font-size:40px;font-weight:700;line-height:1.2}
._104j6j79{color:var(--_136r7wwk);margin:16px 0 0;font-size:16px;line-height:1.6}
._104j6j7a{box-sizing:border-box;border-radius:8px;grid-area:visual;width:100%;overflow:hidden}
._104j6j7b{width:100%;height:auto;display:block}
._104j6j7c{grid-area:content;width:100%}
@media screen and (min-width:768px){._104j6j75{gap:90px}._104j6j76{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);grid-template-areas:"visual content";gap:64px}._104j6j77{grid-template-areas:"content visual"}}
@media screen and (max-width:768px){._104j6j78{font-size:32px}}
@keyframes jzz7fe0{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes jzz7fe1{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}
@keyframes jzz7fe2{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.jzz7fe3{width:100%;position:relative;overflow:clip visible}
.jzz7fe4{z-index:0;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:min(100%,920px);margin:48px auto 0;padding:0 32px 64px;display:flex;position:relative;overflow:visible}
.jzz7fe5{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex;overflow:visible}
.jzz7fe6{flex-direction:column;align-items:center;width:100%;max-width:384px;display:flex;position:relative;overflow:visible}
.jzz7fe7{width:100%;max-width:384px;position:relative}
.jzz7fe8{aspect-ratio:390/844;transform-origin:50%;width:100%;max-width:384px;position:relative;overflow:visible;transform:translateY(30px)scale(1.08)}
.jzz7fe9{will-change:transform;width:500%;height:100%;transition:transform .58s cubic-bezier(.22,.61,.36,1);display:flex;transform:translate(-40%)}
.jzz7fea{transform:translate(-60%)}
.jzz7feb{transform:translate(-20%)}
.jzz7fec{transition:none;transform:translate(-40%)}
.jzz7fed{will-change:transform;transform-origin:50%;backface-visibility:hidden;border-radius:16px;width:20%;height:100%;transition:transform .58s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}
.jzz7fee{transition:none}
.jzz7fef{z-index:2;transform:scale(1)}
.jzz7feg{opacity:.1;z-index:1}
.jzz7feh{transform:translate(-20px)scale(1)}
.jzz7fei{transform:translate(20px)scale(1)}
.jzz7fej{opacity:0;z-index:0;transform:scale(.72)}
.jzz7fek{opacity:1;z-index:2;transform:scale(1)}
.jzz7fel{opacity:.1;z-index:1;transform:translate(-20px)scale(1)}
.jzz7fem{opacity:.1;z-index:1;transform:translate(20px)scale(1)}
.jzz7fen{opacity:0;z-index:0;transform:scale(.72)}
.jzz7feo{z-index:10;color:#fff;cursor:pointer;background:#000;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}
.jzz7feo:hover{background:#171717}
.jzz7feo:focus-visible{outline-offset:2px;outline:2px solid #ffffffb8}
.jzz7fep{left:max(16px, env(safe-area-inset-left,0px))}
.jzz7feq{right:max(16px, env(safe-area-inset-right,0px))}
.jzz7fer{flex-shrink:0;display:block}
.jzz7fes{z-index:2;flex-direction:column;align-items:center;width:100%;margin-top:64px;display:flex}
.jzz7fet{z-index:3;box-sizing:border-box;text-align:center;pointer-events:none;flex-direction:column;align-items:stretch;width:100vw;padding-left:8px;padding-right:8px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,calc(-50% - 60px + clamp(0px,5.92969vw - 16px,104px)))}
.jzz7feu{flex-direction:column;align-items:center;width:100%;display:flex}
.jzz7fev{flex-shrink:0;align-self:center;gap:4px;width:100%;max-width:240px;display:flex}
.jzz7few{background:#ffffff17;border-radius:9999px;flex:1;height:3px;overflow:hidden}
.jzz7fex{transform-origin:0;background:#fff;border-radius:9999px;height:100%;display:block}
.jzz7fey{transform:scaleX(1)}
.jzz7fez{opacity:0;transform:scaleX(0)}
.jzz7fe10{animation:2.5s linear forwards jzz7fe0}
.jzz7fe11{z-index:0;position:absolute;inset:0}
.jzz7fe12{object-fit:cover}
.jzz7fe13{color:#fffffffa;text-align:center;flex-direction:column;align-items:center;gap:.16em;margin:0;font-size:76px;font-weight:700;line-height:1.2;display:flex}
.jzz7fe14{text-wrap:balance;display:block}
.jzz7fe15{clip-path:inset(0 100% 0 0);align-items:center;display:inline-flex}
.jzz7fe15:after{content:"";background:#ffffffe0;width:1px;height:.95em;margin-left:.08em;animation:.9s step-end infinite jzz7fe1;display:inline-block}
.jzz7fe16{font-weight:400}
.jzz7fe17{animation:.7s steps(12,end) forwards jzz7fe2}
.jzz7fe18{animation:.9s steps(16,end) forwards jzz7fe2}
.jzz7fe19{animation:1.1s steps(22,end) forwards jzz7fe2}
.jzz7fe1a{color:#fffc;text-align:center;flex-direction:column;align-items:center;gap:.15em;margin:16px 0 0;font-size:clamp(.875rem,2.4vw,1.125rem);font-weight:400;line-height:1.55;display:flex}
.jzz7fe1b{text-wrap:balance;display:block}
.jzz7fe1c{pointer-events:auto;margin-top:32px}
.jzz7fe1d{padding:24px 28px;font-size:18px}
@media (max-width:767px){.jzz7feo{top:58%}}
@media (prefers-reduced-motion:reduce){.jzz7fe10{animation:none;transform:scaleX(1)}.jzz7fe15{clip-path:inset(0);animation:none}}
@media screen and (max-width:768px){.jzz7fe13{font-size:34px}.jzz7fe1c{margin-top:16px}.jzz7fe1d{padding:10px 24px;font-size:16px}}