@keyframes matching-reveal{0%{opacity:0;filter:blur(4px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translate(0,0)}}.hero-reveal{animation:.8s cubic-bezier(.2,.7,.2,1) both matching-reveal}.hero-delay-0{animation-delay:80ms}.hero-delay-1{animation-delay:.18s}.hero-delay-2{animation-delay:.31s}.hero-delay-3{animation-delay:.43s}.motion-hero{min-width:0}.motion-hero h1{font-family:DM Sans,Noto Sans KR,Noto Sans Thai,sans-serif}.motion-hero a.motion-hero-cta{color:#fff;text-decoration:none}.motion-hero .motion-hero-controls button{color:#64748b;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s;display:inline-flex}.motion-hero .motion-hero-controls button.motion-hero-dot{background:#b8c7df;border-radius:10px;width:6px;height:6px;transition:width .35s,background .35s}.motion-hero .motion-hero-controls button.motion-hero-dot.is-current{background:#2463eb;width:28px}.motion-hero .motion-hero-secondary{color:#263e60;background:#fff;border:1px solid #d7e2f2;border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:13px 18px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.motion-hero .motion-hero-secondary:hover{background:#f8fbff;transform:translateY(-2px)}.motion-hero-copy>div:first-child>p{margin-top:0}.motion-hero-image img{max-width:none}.motion-hero button:focus-visible{outline-offset:4px;outline:2px solid #2463eb}@media (max-width:1023px){.motion-hero-image{aspect-ratio:1.9;min-height:200px;max-height:360px}.motion-hero-copy{min-height:360px}}@media (prefers-reduced-motion:reduce){.hero-reveal{opacity:1;filter:none;animation:none;transform:none}.motion-hero *{scroll-behavior:auto!important;transition:none!important}.motion-hero .motion-hero-secondary:hover{transform:none}}.motion-hero{background:#142b3e;min-height:520px;display:block}.motion-hero .motion-hero-image{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none;position:absolute;inset:0}.motion-hero .motion-hero-image img{object-fit:cover;object-position:center 42%}.motion-hero .motion-hero-image:after{content:"";background:linear-gradient(90deg,#081724d9 0%,#081724ab 30%,#0817242e 65%,#0817240a 100%);position:absolute;inset:0}.motion-hero .motion-hero-copy{z-index:1;color:#fff;width:64%;max-width:760px;min-height:520px;padding:54px 48px 96px}.motion-hero .motion-hero-copy h1{color:#fff;text-shadow:0 2px 18px #071b2440}.motion-hero .motion-hero-copy p{color:#f1f5f9}.motion-hero .motion-hero-copy p>span{background:#a5c9ff}.motion-hero .motion-hero-controls{color:#fff}.motion-hero .motion-hero-controls span{color:#f1f5f9}.motion-hero .motion-hero-controls button{color:#fff;background:#ffffff18}.motion-hero .motion-hero-controls button:hover{color:#fff;background:#ffffff35}.motion-hero .motion-hero-controls button.motion-hero-dot{background:#ffffff70}.motion-hero .motion-hero-controls button.motion-hero-dot.is-current{background:#fff}.motion-hero .motion-hero-secondary{color:#19334d;background:#ffffffed;border-color:#ffffff80}@media (max-width:800px){.motion-hero{min-height:560px}.motion-hero .motion-hero-image img{object-position:62% center}.motion-hero .motion-hero-image:after{background:linear-gradient(#08172408 0%,#0817242e 25%,#081724cc 55%,#081724f0 100%)}.motion-hero .motion-hero-copy{justify-content:flex-end;width:100%;max-width:none;min-height:560px;padding:230px 26px 86px}.motion-hero .motion-hero-copy h1{font-size:34px}.motion-hero .motion-hero-copy p{font-size:13px}.motion-hero .motion-hero-controls{bottom:24px;left:26px;right:26px}}.kr-app .motion-hero .motion-hero-copy{width:50%;max-width:none}.kr-app .motion-hero .motion-hero-copy h1{font-size:44px;line-height:1.2}.kr-app .motion-hero .motion-hero-copy p{max-width:420px}.kr-app .motion-hero .motion-hero-image img{object-position:center center}.kr-app .motion-hero .motion-hero-image:after{background:linear-gradient(90deg,#081724c7,#0817248c 36%,#0817241a 54%,#0000 68%)}@media (max-width:800px){.kr-app .motion-hero .motion-hero-copy{width:100%;padding-top:270px}.kr-app .motion-hero .motion-hero-copy h1{font-size:32px}.kr-app .motion-hero .motion-hero-image img{object-position:78% center}.kr-app .motion-hero .motion-hero-image{background:#102333}.kr-app .motion-hero .motion-hero-image img{object-position:80% center;height:340px}.kr-app .motion-hero .motion-hero-image:after{background:linear-gradient(#0000 0 180px,#10233359 260px,#102333 345px)}.kr-app .motion-hero .motion-hero-copy{padding-top:300px}.kr-app .motion-hero .motion-hero-copy>div>p:first-child{letter-spacing:.12em;font-size:9px}}