.showcase.has-purpose{min-height:820px;height:100svh;max-height:1050px}
.showcase.has-purpose .hero-shade{background:linear-gradient(90deg,rgba(21,23,28,.69) 0%,rgba(21,23,28,.4) 55%,rgba(21,23,28,.13) 100%),linear-gradient(0deg,rgba(21,23,28,.48),transparent 38%)}
.showcase .pw-purpose-body{padding:72px 8% 120px;pointer-events:auto;max-width:none}
.pw-purpose-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.showcase .pw-purpose-heading{font-family:Arial,'Noto Sans KR',sans-serif;font-size:clamp(48px,5.3vw,84px);font-weight:500;letter-spacing:-.065em;line-height:1.32;margin:25px 0 28px;max-width:1100px;word-break:keep-all;overflow-wrap:normal;color:#fff}
.pw-purpose-word{display:grid;position:relative;overflow:hidden;isolation:isolate;padding-block:2px}
.pw-purpose-heading .pw-purpose-item{grid-area:1/1;display:block;opacity:0;transform:translateY(65%);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.3,1);color:#fff;font-style:normal;font-family:inherit;line-height:inherit;letter-spacing:inherit}
.pw-purpose-heading .pw-purpose-item.is-active{opacity:1;transform:translateY(0)}
.pw-purpose-fixed{display:block;color:#fff;font-family:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit}
.showcase .pw-purpose-heading span{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}
.pw-purpose-tabs{display:flex;gap:24px;align-items:center;width:max-content;max-width:100%;margin:0 0 27px}
.pw-purpose-tabs button{appearance:none;border:0;border-bottom:1px solid transparent;border-radius:0;padding:7px 0;background:none;color:rgba(255,255,255,.57);font-family:inherit;font-size:13px;font-weight:500;line-height:1.7;letter-spacing:-.02em;cursor:pointer;white-space:nowrap}
.pw-purpose-tabs button.is-active{color:#fff;border-bottom-color:#fff}.pw-purpose-tabs button:hover{color:#fff}
.pw-purpose-tabs .pw-purpose-play{width:28px;height:32px;margin-left:4px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:11px;color:#fff;display:inline-grid;place-items:center}
.pw-purpose-tabs button:focus-visible{outline:2px solid white;outline-offset:5px}.pw-purpose-tabs button:disabled{opacity:.4;cursor:default}
.pw-purpose-bottom{display:flex;align-items:flex-end;gap:48px;max-width:680px}
.pw-purpose-detail{min-height:94px;min-width:285px}.pw-purpose-panel[hidden]{display:none!important}.pw-purpose-panel.is-active{animation:pw-purpose-reveal .45s ease both}
.pw-purpose-tag{display:block;color:rgba(255,255,255,.68);font-size:10px;letter-spacing:.08em;line-height:1.6;margin-bottom:8px}
.pw-purpose-detail p{white-space:pre-line;color:#fff;font-size:16px;line-height:1.8;font-weight:400;margin:0;word-break:keep-all}
.pw-purpose-bottom .discover{margin:0 0 5px;min-width:155px;justify-content:space-between;border-color:rgba(255,255,255,.55);font-size:13px;flex-shrink:0}
@keyframes pw-purpose-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.showcase .pw-purpose-body{padding-top:100px}}
@media(max-width:1000px){.showcase .pw-purpose-body{padding-top:80px}.showcase .pw-purpose-heading{font-size:clamp(46px,6vw,64px)}.has-purpose .hero-site-preview{width:23%;bottom:126px}.pw-purpose-bottom{gap:35px}.pw-purpose-detail{min-width:270px}.pw-purpose-detail p{font-size:15px}}
@media(max-width:760px){.showcase.has-purpose{height:100svh;min-height:780px;max-height:920px}.showcase .pw-purpose-body{padding:76px 6% 120px}.showcase .pw-purpose-heading{font-size:clamp(38px,7.3vw,54px);line-height:1.36;letter-spacing:-.065em;margin:22px 0 24px}.pw-purpose-tabs{gap:20px;margin-bottom:23px}.pw-purpose-tabs button{font-size:12px}.pw-purpose-tabs .pw-purpose-play{width:25px;height:28px;margin-left:0}.pw-purpose-bottom{display:block}.pw-purpose-detail{min-height:91px;min-width:0}.pw-purpose-detail p{font-size:14px;line-height:1.85}.pw-purpose-tag{font-size:9px}.pw-purpose-bottom .discover{margin:22px 0 0;width:155px;font-size:12px}.showcase.has-purpose .hero-foot{bottom:24px}.showcase.has-purpose .hero-kicker{font-size:10px}.has-purpose .hero-site-preview{display:none}}
@media(max-width:420px){.showcase.has-purpose{min-height:770px}.showcase .pw-purpose-body{padding-top:62px}.showcase .pw-purpose-heading{font-size:38px}.pw-purpose-fixed{max-width:290px}.pw-purpose-tabs{gap:17px}.pw-purpose-tabs button{font-size:11px}.pw-purpose-detail p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pw-purpose-heading .pw-purpose-item{transition:none;transform:none}.pw-purpose-panel.is-active{animation:none}}