.solution-explain-section{padding-top:var(--vapor-size-space-900);padding-bottom:9rem;background-color:var(--vapor-color-background-canvas-100)}.solution-explain-container{display:flex;flex-direction:column;gap:var(--vapor-size-space-900)}.solution-explain-screen{position:relative;width:100%;height:22.375rem;background-color:var(--vapor-color-background-canvas-200);border-radius:var(--vapor-size-borderRadius-300);flex-shrink:0;overflow:hidden}.solution-explain-screen-desktop{width:100%;height:100%;min-height:0}.solution-explain-screen-mobile{display:none}.solution-explain-content-row{display:flex;align-items:stretch;width:100%}.solution-explain-col{flex:1 0 0;min-width:0;display:flex;flex-direction:column;padding:var(--vapor-size-space-500) var(--vapor-size-space-600);border-right:1px solid var(--vapor-color-border-normal)}.solution-explain-col:first-child{padding-left:var(--vapor-size-space-000)}.solution-explain-col:last-child{padding-right:var(--vapor-size-space-000);border-right:none}.solution-explain-text-wrapper{display:flex;flex-direction:column;gap:var(--vapor-size-space-100);width:100%}.solution-explain-col-title{font-size:var(--vapor-typography-fontSize-300);letter-spacing:var(--vapor-typography-letterSpacing-200)}.solution-explain-col-title,.solution-explain-text{line-height:var(--vapor-typography-lineHeight-300);font-weight:var(--vapor-typography-fontWeight-500);text-wrap:pretty}.solution-explain-text{font-size:var(--vapor-typography-fontSize-200);letter-spacing:var(--vapor-typography-letterSpacing-100)}@media (max-width:992px){.solution-explain-section{padding-top:var(--vapor-size-space-900);padding-bottom:6rem}.solution-explain-content-row{flex-direction:column}.solution-explain-col{padding-left:0;padding-right:0;border-right:none;border-bottom:1px solid var(--vapor-color-border-normal)}.solution-explain-col:first-child{padding-left:0;padding-top:var(--vapor-size-space-000)}.solution-explain-col:last-child{padding-right:0;padding-bottom:var(--vapor-size-space-000);border-bottom:none}}@media (max-width:768px){.solution-explain-section{padding-top:var(--vapor-size-space-800);padding-bottom:5rem}.solution-explain-screen--has-mobile-fallback .solution-explain-screen-desktop{display:none}.solution-explain-screen--has-mobile-fallback .solution-explain-screen-mobile{display:block;position:absolute;inset:0;width:100%;height:100%}.solution-explain-screen-mobile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.solution-explain-screen--has-mobile-fallback .solution-explain-screen-mobile-img--light{display:block}.solution-explain-screen--has-mobile-fallback .solution-explain-screen-mobile-img--dark,:root[data-vapor-theme=dark] .solution-explain-screen--has-mobile-fallback .solution-explain-screen-mobile-img--light{display:none}:root[data-vapor-theme=dark] .solution-explain-screen--has-mobile-fallback .solution-explain-screen-mobile-img--dark{display:block}.solution-explain-text{font-size:var(--vapor-typography-fontSize-100);line-height:var(--vapor-typography-lineHeight-200)}.solution-explain-container{gap:var(--vapor-size-space-600)}}@media (max-width:576px){.solution-explain-section{padding-top:var(--vapor-size-space-700);padding-bottom:var(--vapor-size-space-900)}.solution-explain-screen--has-mobile-fallback{height:auto;min-height:0;background-color:transparent}.solution-explain-screen--has-mobile-fallback .solution-explain-screen-mobile{position:relative;inset:auto;width:100%;height:auto}.solution-explain-screen--has-mobile-fallback .solution-explain-screen-mobile-img{position:relative;inset:auto;width:100%;max-width:100%;height:auto;object-fit:unset;object-position:center}.solution-explain-text{font-size:var(--vapor-typography-fontSize-100);line-height:var(--vapor-typography-lineHeight-100)}}.usecase-section{padding:9rem 0;background-color:var(--vapor-color-background-canvas-100)}.usecase-container,.usecase-content-section{display:flex;flex-direction:column}.usecase-content-section{gap:var(--vapor-size-space-900)}.usecase-header-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.usecase-text-wrapper{display:flex;flex-direction:column;gap:var(--vapor-size-space-300)}.usecase-title{font-size:var(--vapor-typography-fontSize-600);line-height:var(--vapor-typography-lineHeight-500);letter-spacing:var(--vapor-typography-letterSpacing-400)}.usecase-description,.usecase-title{font-weight:var(--vapor-typography-fontWeight-500);text-wrap:balance}.usecase-description{font-size:var(--vapor-typography-fontSize-200);line-height:var(--vapor-typography-lineHeight-200);letter-spacing:var(--vapor-typography-letterSpacing-100)}.usecase-button-wrapper{display:flex;gap:var(--vapor-size-space-100);align-items:center;flex-shrink:0}.usecase-button-icon{width:var(--vapor-size-dimension-250);height:var(--vapor-size-dimension-250)}.usecase-card-track{display:flex;gap:var(--vapor-size-space-150);align-items:stretch}.usecase-card{height:420px;display:flex;align-items:stretch;background-color:var(--vapor-color-background-canvas-200);border:1px solid var(--vapor-color-border-normal);border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;transition:none}.usecase-card--active{flex:1 0 0;cursor:default}.usecase-card--inactive{flex:0 0 20px;cursor:pointer}.usecase-card--inactive:hover{flex:0 0 24px}.usecase-card--inactive:focus-visible{outline:2px solid var(--vapor-color-foreground-normal-200);outline-offset:2px}.usecase-card-left{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--vapor-size-space-400);transition:opacity .8s ease}.usecase-card--inactive .usecase-card-left{flex:0 0 0;padding:0;overflow:hidden;opacity:0;transition:opacity .2s ease,padding .2s ease}.usecase-card-left-body{display:flex;flex:1;min-height:0;min-width:0;width:100%;flex-direction:column;justify-content:space-between;transform:translateY(0);transition:transform .8s ease,opacity .8s ease;gap:var(--vapor-size-space-300)}.usecase-card--inactive .usecase-card-left-body{transform:translateY(12px);transition:transform .2s ease,opacity .2s ease}.usecase-card-content{display:flex;flex-direction:column;gap:var(--vapor-size-space-200);padding-right:var(--vapor-size-space-300)}.usecase-card-title{font-weight:var(--vapor-typography-fontWeight-500);font-size:var(--vapor-typography-fontSize-400);line-height:var(--vapor-typography-lineHeight-400);letter-spacing:var(--vapor-typography-letterSpacing-400);text-wrap:pretty}.usecase-card-desc{font-weight:var(--vapor-typography-fontWeight-400);font-size:var(--vapor-typography-fontSize-100);line-height:var(--vapor-typography-lineHeight-100);letter-spacing:var(--vapor-typography-letterSpacing-100);text-wrap:pretty}.usecase-card-logo{flex-shrink:0}.usecase-card-logo-img{height:26px;width:auto;object-fit:contain}.usecase-card-right{position:relative;overflow:hidden;background-color:var(--vapor-color-background-canvas-200)}.usecase-card--active .usecase-card-right{flex:0 0 auto;width:auto;min-width:0;height:100%;max-height:100%;align-self:stretch;aspect-ratio:7/6}.usecase-card--inactive .usecase-card-right{flex:1 1 100%;width:100%;min-width:0;height:100%;aspect-ratio:auto;max-height:none}.usecase-card-screenshot-img{position:absolute;inset:0;width:100%;height:100%;display:block;transform-origin:center center;backface-visibility:hidden;object-position:center}.usecase-card-strip-img{z-index:0;object-fit:cover}.usecase-card-active-img{z-index:1;object-fit:contain}.usecase-card-active-img--hidden{opacity:0;visibility:hidden}.usecase-card-right-ui{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:clamp(.5rem,7%,2.5rem) clamp(.5rem,8%,2.75rem);pointer-events:none}.usecase-card-ui-img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;object-fit:contain;object-position:center;filter:drop-shadow(0 1rem 2.5rem rgba(15,23,42,.16))}.usecase-card-right-ui--2{align-items:flex-end;justify-content:center;padding:clamp(.5rem,7%,2.5rem) clamp(.5rem,8%,2.75rem) 0}.usecase-card-ui-img--2{object-position:bottom center;transform:translateY(4px)}.usecase-card-ui-img--3{transform:translate(16px,4px)}@media (max-width:992px){.usecase-section{padding:6rem 0}.usecase-card-track{gap:0}.usecase-card--inactive{display:none}.usecase-card--active{flex:1 1 100%;min-width:0;flex-direction:column;height:auto;min-height:360px}.usecase-card--active .usecase-card-right{flex:0 0 auto;width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:5/3;align-self:stretch}.usecase-card--inactive .usecase-card-right{flex:1 1 100%;width:100%}.usecase-card-screenshot{height:100%}.usecase-card-left{padding:var(--vapor-size-space-300);gap:var(--vapor-size-space-300)}.usecase-card-content{padding-right:0}.usecase-card-logo-img{height:24px}}@media (max-width:768px){.usecase-section{padding:5rem 0}.usecase-title{font-size:var(--vapor-typography-fontSize-500);line-height:var(--vapor-typography-lineHeight-400)}.usecase-description{font-size:var(--vapor-typography-fontSize-100);line-height:var(--vapor-typography-lineHeight-100)}html[lang^=ko] .usecase-description{line-height:var(--vapor-typography-lineHeight-200)}.usecase-button-wrapper{align-self:flex-end}.usecase-content-section{gap:var(--vapor-size-space-600)}.usecase-card-title{font-size:var(--vapor-typography-fontSize-300);line-height:var(--vapor-typography-lineHeight-300)}}@media (max-width:576px){.usecase-section{padding:var(--vapor-size-space-900) 0}.usecase-card--inactive{flex:0 0 24px}.usecase-card--inactive:hover{flex:0 0 30px}.usecase-description{font-size:var(--vapor-typography-fontSize-075);line-height:var(--vapor-typography-lineHeight-100)}}