.sales-landing .work-devices-section{background:linear-gradient(#343631 0%,#41433c 46%,#303131 100%);width:100%;max-width:none;padding:48px max(24px,50% - 690px) 112px}.sales-landing .work-devices-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px;display:grid}.sales-landing .work-showcase-group{min-width:0}.sales-landing .work-showcase-group>h3{color:#f4f1e9;margin-bottom:24px;font-size:18px;font-weight:500;line-height:1.3}.sales-landing .work-group-windows{grid-template-columns:1.35fr 1fr;align-items:start;gap:12px;display:grid}.sales-landing [data-work-group=concept] .work-group-windows{grid-template-columns:1fr 1.15fr}.sales-landing .work-window-stack{gap:22px;min-width:0;display:grid}.sales-landing .work-window-stack--narrow{padding-top:48px}.sales-landing .work-window-stack--offset{padding-top:64px}:is(.sales-landing .work-device-link:focus-visible,.sales-landing .work-sample-window:focus-visible){outline-offset:4px;outline:2px solid #3c554b}.sales-landing .work-device{min-width:0}.sales-landing .work-device-link{color:#181818;display:block}.sales-landing .work-device-shell{background:#242628;border:1px solid #ffffff36;border-radius:6px;padding:4px;box-shadow:0 8px 20px #1114}.sales-landing .work-concept-phone .work-device-shell{border-radius:25px;padding:7px}.sales-landing .work-concept-phone .work-device-screen{aspect-ratio:9/16;border-radius:18px}.sales-landing .work-sample-window>.work-device-code,.sales-landing .work-sample-window>.work-login-scene{border-radius:3px;inset:5px}.sales-landing .work-mobile-page{color:#333b35;background:#eeeae0;height:100%}.sales-landing .work-mobile-page--material{color:#4c382c;background:#e2d9cb}.sales-landing .work-mobile-scroll{padding:8%}.sales-landing .work-mobile-scroll header{justify-content:space-between;font-size:4cqw;display:flex}.sales-landing .work-mobile-kicker{letter-spacing:.12em;margin-top:14%;font-size:2.8cqw}.sales-landing .work-mobile-scroll h4{letter-spacing:-.05em;margin:7% 0 10%;font-size:9cqw;font-weight:500;line-height:1.2}.sales-landing .work-mobile-scroll img{object-fit:cover;width:100%;height:68cqw;display:block}.sales-landing .work-mobile-link{border-bottom:1px solid #3334;padding:7% 0;font-size:4cqw;display:block}.sales-landing .work-mobile-story{padding-top:14%}.sales-landing .work-mobile-story small{font-size:3cqw}.sales-landing .work-mobile-story h4{font-size:7cqw}.sales-landing .work-sample-window[data-motion=scroll].is-playing .work-mobile-scroll{animation:8s ease-in-out both work-mobile-pan}@keyframes work-mobile-pan{0%,12%,95%,to{transform:translateY(0)}50%,70%{transform:translateY(-36%)}}.sales-landing .work-editorial-concept{color:#282e2d;background:#e8e6dd;height:100%;padding:6%}.sales-landing .work-editorial-concept span{letter-spacing:.12em;font-size:2.6cqw}.sales-landing .work-editorial-concept h4{margin-top:5%;font-size:8cqw;font-weight:500;line-height:1}.sales-landing .work-editorial-images{gap:4%;height:18cqw;margin-top:5%;display:flex}.sales-landing .work-editorial-images i{background:url(/media/yeolmae-sample-material.webp) 50%/cover;flex:1}.sales-landing .work-editorial-images i+i{background-image:url(/media/yeolmae-sample-store.webp)}.sales-landing .work-device-shell,.sales-landing .work-window-sample .sales-design-composition{transition:transform .35s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sales-landing [data-motion=hover]:hover .work-device-shell,.sales-landing [data-motion=hover]:hover .sales-design-composition{transform:translateY(-4px)scale(1.025)}}.sales-landing .work-device-screen{isolation:isolate;aspect-ratio:16/9;background:#f1f1ee;position:relative;overflow:hidden;container-type:inline-size}.sales-landing .work-device-screen>img{object-fit:contain;width:100%;height:100%;display:block}.sales-landing .work-device--phone .work-device-shell{border-radius:25px;padding:7px}.sales-landing .work-device--phone .work-device-screen{aspect-ratio:9/16;border-radius:19px}.sales-landing .work-device-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin-top:8px;display:flex}.sales-landing .work-device-caption h3{letter-spacing:-.02em;font-size:14px;font-weight:550;line-height:1.5}.sales-landing .work-device-caption>span{color:#62625e;font-size:12px;line-height:1.5}.sales-landing .work-window-sample{min-width:0}.sales-landing .work-sample-window{min-width:0;position:relative;container-type:inline-size}.sales-landing .work-sample-window>.work-device-code{aspect-ratio:16/9;bottom:auto;overflow:hidden}.sales-landing .work-sample-window[data-motion=reveal].is-playing :is(.sales-design-composition>.sales-composition-stage,.work-editorial-concept){animation:4.7s cubic-bezier(.16,1,.3,1) both work-page-arrive}.sales-landing .work-login-scene{aspect-ratio:16/9;color:#18222d;pointer-events:none;background:#edf0f1;place-items:center;animation:4.7s both work-login-out;display:grid;position:absolute;inset:0 0 auto;overflow:hidden}.sales-landing .work-login-card{width:51%;font:400 3cqw/1.3 var(--font-sans,sans-serif);gap:3cqw;display:grid;position:relative}.sales-landing .work-login-card b{letter-spacing:.08em;font-size:4cqw}.sales-landing .work-login-card>div{background:#fff;padding:2cqw;font-size:2.5cqw}.sales-landing .work-login-card strong{color:#fff;text-align:center;background:#18222d;padding:2cqw;animation:4.7s both work-login-click}.sales-landing .work-login-scene small{font-size:2.5cqw;position:absolute;bottom:3%;right:3%}.sales-landing .work-demo-cursor{animation:4.7s both work-login-pointer;position:absolute;bottom:0;left:68%}@keyframes work-page-arrive{0%{clip-path:inset(0 100% 0 0);transform:translate(8%)}24%,to{clip-path:inset(0);transform:none}}@keyframes work-login-out{0%,58%{opacity:1;transform:none}76%,to{opacity:0;transform:translateY(-6%)}}@keyframes work-login-pointer{0%,15%{opacity:0;transform:translate(80%,100%)}42%,to{opacity:1;transform:none}}@keyframes work-login-click{0%,44%{background:#18222d}48%,58%{background:#52675f}65%,to{background:#18222d}}.sales-landing .work-window-sample .sales-design-composition{aspect-ratio:16/9;border:1px solid #d9d7d2;border-radius:3px}.sales-landing .work-device-code{color:#c4d7e0;pointer-events:none;background:#11191f;animation:3s ease-out both work-code-reveal;position:absolute;inset:0}.sales-landing .work-code-bar{color:#91a8b4;border-bottom:1px solid #33434c;padding:3% 5%;font:400 clamp(8px,2cqw,15px)/1.5 monospace}.sales-landing .work-device-code pre{margin:8% 5%;font:400 clamp(8px,2.4cqw,19px)/1.8 monospace}.sales-landing .work-device-code pre>span{white-space:pre;animation:.5s steps(24,end) both work-code-line;display:block;overflow:hidden}.sales-landing .work-device-code pre i{color:#617782;width:2.5em;font-style:normal;display:inline-block}.sales-landing .work-code-status{color:#95b7a1;font:400 clamp(8px,2cqw,15px)/1.5 monospace;position:absolute;bottom:7%;left:5%}.sales-landing .work-device--phone .work-device-code pre{margin-top:18%;font-size:clamp(8px,3.5cqw,13px)}.sales-landing .work-devices-note{color:#62625e;margin-top:40px;font-size:16px}.sales-landing .work-devices-note summary{width:fit-content;padding-block:12px}.sales-landing .work-devices-note p{max-width:65ch;margin-top:10px}@keyframes work-code-line{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes work-code-reveal{0%,65%{opacity:1}to{opacity:0}}@media (max-width:899px){.sales-landing .work-devices-grid{grid-template-columns:minmax(0,1fr);gap:56px}.sales-landing .work-window-stack{gap:16px}.sales-landing .work-showcase-group>h3{margin-bottom:20px;font-size:18px}}@media (max-width:480px){.sales-landing .work-editorial-concept>.sales-composition-stage{height:100%;padding:0;font-size:2.6cqw;line-height:1.3}.sales-landing .work-devices-section{padding-inline:16px}.sales-landing .work-concept-phone .work-device-shell{border-radius:16px;padding:4px}.sales-landing .work-concept-phone .work-device-screen{border-radius:12px}.sales-landing .work-devices-grid{column-gap:12px}.sales-landing .work-device--phone .work-device-shell{border-radius:16px;padding:4px}.sales-landing .work-device--phone .work-device-screen{border-radius:12px}}@media (prefers-reduced-motion:reduce){.sales-landing .work-showcase .work-device-code{animation-duration:3s!important}.sales-landing .work-showcase .work-device-code pre>span{animation-duration:.5s!important}.sales-landing .work-showcase .work-sample-window.is-playing .work-mobile-scroll{animation-duration:8s!important}.sales-landing .work-showcase .work-sample-window.is-playing :is(.sales-design-composition>.sales-composition-stage,.work-editorial-concept),.sales-landing .work-showcase :is(.work-login-scene,.work-login-card strong,.work-demo-cursor){animation-duration:4.7s!important}.sales-landing .work-login-scene{transform:none!important}}