@layer theme,base;@layer components{.pv-option-outline-hover{position:relative}.pv-option-outline-hover:after{border-radius:inherit;box-shadow:inset 0 0 0 calc(var(--sj-space-050) * .375) var(--sj-color-brand);clip-path:inset(0 100% 0 0);content:"";pointer-events:none;transition:clip-path var(--sj-duration-customer-slower) var(--sj-ease-out-quart);position:absolute;inset:0}.pv-option-outline-hover:hover:after,.pv-option-outline-hover:focus-visible:after{clip-path:inset(0)}.pv-error{background:var(--sj-color-customer-danger-soft);border:1px solid var(--sj-color-customer-danger-border);border-radius:var(--sj-radius-legacy-2xl,1rem);color:var(--sj-color-customer-danger);font-size:var(--sj-font-size-sm);margin-bottom:1.5rem;padding:.75rem 1rem}.pv-btn-row{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;display:grid}@media (width>=600px){.pv-btn-row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.625rem}}.pv-paper-list{flex-direction:column;gap:.5rem;display:flex}.pv-paper-item{border-radius:var(--sj-radius-legacy-2xl,1rem);cursor:pointer;transition:all var(--sj-duration-customer-slow,.3s) var(--sj-ease-out-quart,cubic-bezier(.25, 1, .5, 1));border:1px solid var(--sj-color-line-soft,#f0f0f0);background:var(--sj-color-surface,white);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.pv-paper-item:hover:not(.active){border-color:var(--sj-color-customer-border,#d9d9d9)}.pv-paper-item.active{background:var(--sj-color-surface-page);border-color:var(--sj-color-customer-border,#d9d9d9)}.pv-paper-item.disabled{opacity:.5;cursor:not-allowed}.pv-paper-thumb{border-radius:var(--sj-radius-legacy-4xl,1.5rem);flex-shrink:0;width:3rem;height:3rem;overflow:hidden}.pv-paper-thumb img{object-fit:cover;width:100%;height:100%}.pv-paper-swatch{width:100%;height:100%}.pv-paper-info{flex:1;min-width:0}.pv-paper-name{font-size:var(--sj-font-size-sm,.875rem);color:var(--sj-color-text-subtle,#5d5d5d)}.pv-paper-name.active{color:var(--sj-color-text,#262626);font-weight:500}.pv-paper-desc{font-size:var(--sj-font-size-sm,.875rem);color:var(--sj-color-text-muted,#909090);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pv-weight-btns{flex-wrap:wrap;gap:.25rem;display:flex}.pv-weight-btn{font-size:var(--sj-font-size-xs,.75rem);border-radius:var(--sj-radius-legacy-4xl,1.5rem);border:1px solid var(--sj-color-line-soft,#f0f0f0);background-image:linear-gradient(to right, var(--sj-color-brand,#262626) 55%, var(--sj-color-surface,white) 55%);color:var(--sj-color-text-subtle,#5d5d5d);cursor:pointer;transition:background-position var(--sj-duration-customer-slower,.5s) var(--sj-ease-out-quart,cubic-bezier(.25, 1, .5, 1)), border-color var(--sj-duration-customer-slower,.5s) var(--sj-ease-out-quart,cubic-bezier(.25, 1, .5, 1)), color var(--sj-duration-customer-slower,.5s) var(--sj-ease-out-quart,cubic-bezier(.25, 1, .5, 1));background-position:100% 0;background-size:250% 100%;padding:.5rem .75rem}.pv-weight-btn:hover:not(.active){color:var(--sj-color-text,#262626)}.pv-weight-btn.active{border-color:var(--sj-color-brand,#262626);color:var(--sj-color-surface,white);background-position:0 0;font-weight:500}.pv-pages-row{align-items:center;gap:.5rem;display:flex}.pv-pages-btn{border-radius:var(--sj-radius-legacy-4xl,1.5rem);background:var(--sj-color-surface-page);width:2.75rem;height:2.75rem;color:var(--sj-color-text-subtle);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:.875rem;transition:background .15s;display:flex}.pv-pages-btn:hover{background:var(--sj-color-line-soft)}.pv-pages-val{flex:1;justify-content:center;align-items:center;display:flex}.pv-pages-input{width:4rem;color:var(--sj-color-text);text-align:center;border-radius:var(--sj-radius-legacy-xl,.75rem);-moz-appearance:textfield;background:0 0;border:1px solid #0000;padding:.25rem;font-size:1.125rem;font-weight:600}.pv-pages-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pv-pages-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pv-pages-input:focus{border-color:var(--sj-color-info-light);background:var(--sj-color-surface-page);outline:none}.pv-pages-input:hover:not(:focus){background:var(--sj-color-surface-page)}.pv-pages-unit{color:var(--sj-color-text-muted);margin-left:.125rem;font-size:1.125rem;font-weight:600;line-height:1}.pv-pages-error{border:1px solid var(--sj-color-customer-danger);border-radius:var(--sj-radius-legacy-2xl,1rem);background:var(--sj-color-customer-danger-soft);padding:.25rem}.pv-pages-input-error{font-weight:700;color:var(--sj-color-customer-danger)!important}.pv-pages-unit-error{color:var(--sj-color-customer-danger)!important}.pv-pages-spine{text-align:center;font-size:var(--sj-font-size-xs-plus);color:var(--sj-color-text-subtle);margin-top:.5rem}.pv-block-error .pv-block-label{color:var(--sj-color-customer-danger)}@keyframes pvFadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=375px){.pv-btn-row{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.375rem}}}@layer utilities;
.welcome-toast{left:50%;bottom:var(--sj-space-400);transform:translate(-50%, var(--sj-space-250));z-index:var(--sj-z-toast);background:var(--sj-color-brand-dark);color:var(--sj-color-surface);padding:var(--sj-space-150) var(--sj-space-250);border-radius:var(--sj-radius-pill);font-size:var(--sj-font-size-sm);box-shadow:0 calc(var(--sj-space-250) / 2) var(--sj-type-xl) var(--sj-color-scrim);align-items:center;gap:var(--sj-space-100);opacity:0;transition:opacity var(--sj-duration-customer-base) ease, transform var(--sj-duration-customer-base) ease;pointer-events:none;font-weight:500;display:none;position:fixed}.welcome-toast.is-show{opacity:1;display:inline-flex;transform:translate(-50%)}.welcome-toast__emoji{font-size:var(--sj-font-size-base)}.live-orders-section{border-block:1px solid var(--sj-color-line);background:var(--sj-color-surface-page);padding-block:var(--sj-space-250);overflow:hidden}.live-ticker{align-items:center;gap:var(--sj-space-300);grid-template-columns:auto minmax(0,1fr);display:grid}.live-ticker-header{align-items:center;gap:var(--sj-space-100);color:var(--sj-color-text-subtle);font-size:var(--sj-font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.live-dot{width:var(--sj-space-100);height:var(--sj-space-100);border-radius:var(--sj-radius-pill);background:var(--sj-color-green-500);animation:liveOrderPulse calc(var(--sj-duration-customer-slower) * 4) ease-in-out infinite alternate}.live-label{color:var(--sj-color-text);letter-spacing:var(--sj-letter-spacing-label);font-weight:700}.live-ticker-viewport{min-width:0;overflow:hidden}.live-ticker-track,.live-ticker-group,.live-ticker-line{align-items:center;display:flex}.live-ticker-track{will-change:transform;width:max-content;animation-name:liveOrderScrollRight;animation-timing-function:linear;animation-iteration-count:infinite}.live-ticker-viewport:hover .live-ticker-track{animation-play-state:paused}.live-ticker-group{flex:none}.live-ticker-line{gap:var(--sj-space-100);padding-right:var(--sj-space-500);color:var(--sj-color-text-subtle);font-size:var(--sj-font-size-sm);white-space:nowrap;flex:none}.live-ticker-product{color:var(--sj-color-text);font-weight:700}.live-ticker-sep{color:var(--sj-color-neutral-400)}.live-ticker-qty{color:var(--sj-color-text-subtle);font-family:var(--sj-font-family-numeric);letter-spacing:var(--sj-letter-spacing-label)}.live-ticker-status{border-radius:var(--sj-radius-pill);padding:var(--sj-space-050) var(--sj-space-100);font-size:var(--sj-font-size-label);font-weight:700}.live-ticker-status[data-status=in_production]{background:var(--sj-color-tint-primary);color:var(--sj-color-blue-700)}.live-ticker-status[data-status=ready]{background:var(--sj-color-tint-success);color:var(--sj-color-green-700)}.live-ticker-empty{color:var(--sj-color-text-subtle);font-size:var(--sj-font-size-sm)}@keyframes liveOrderScrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes liveOrderPulse{0%{opacity:.45}to{opacity:1}}@media (width<=639px){.live-ticker{gap:var(--sj-space-150);grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.live-dot,.live-ticker-track{animation:none}.live-ticker-viewport{overflow-x:auto}.live-ticker-group[aria-hidden=true]{display:none}}
body:has(>main>.home-plate){height:var(--sj-impose-viewport-height);flex-direction:column;display:flex}body:has(>main>.home-plate)>header{flex-shrink:0}body:has(>main>.home-plate)>main{flex:1;min-height:0}.home-plate{gap:max(var(--sj-space-600), calc(var(--sj-impose-viewport-width) * .045));height:100%;padding:round(nearest, max(calc(var(--sj-space-250) + var(--sj-space-100)), calc(var(--sj-impose-viewport-width) * .025)), var(--sj-space-050)) max(var(--sj-space-700), calc(var(--sj-impose-viewport-width) * .09));box-sizing:border-box;color:var(--sj-color-text);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.plate-left{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.plate-greeting{font-size:clamp(calc(var(--sj-space-400) + var(--sj-space-050) / 2), calc(var(--sj-impose-viewport-width) * .037), var(--sj-font-size-6xl));letter-spacing:calc(var(--sj-letter-spacing-order-title) * 2 / 3);word-break:keep-all;margin:0;line-height:1.16}.plate-greeting>span{animation:plateGreetingIn var(--sj-duration-customer-slower) var(--sj-ease-out-quart) both;display:block}.plate-bottom{margin-top:var(--sj-space-400)}.plate-partners{mask-image:linear-gradient(to right, transparent, var(--sj-color-text) 10%, var(--sj-color-text) 90%, transparent);padding-bottom:var(--sj-space-250);border-bottom:1px solid var(--sj-color-neutral-100);overflow:hidden}.plate-logo-track{align-items:center;gap:var(--sj-space-500);will-change:transform;width:max-content;display:flex}.plate-logo-item{width:var(--sj-space-800);height:calc(var(--sj-space-400) + var(--sj-space-050));flex:none}.plate-logo-item a{width:100%;height:100%;display:block}.plate-logo-item img{object-fit:contain;filter:brightness(0)invert();opacity:.5;width:100%;height:100%;transition:filter var(--sj-duration-customer-slow), opacity var(--sj-duration-customer-slow);display:block}.plate-logo-item:is(:hover,:focus-within) img{filter:none;opacity:1}@media (width<900px){.plate-logo-track{gap:var(--sj-space-400)}.plate-logo-item{width:calc(var(--sj-space-700) + var(--sj-space-100));height:calc(var(--sj-space-300) + var(--sj-space-050) * 1.5)}}.plate-actions{gap:var(--sj-space-100);padding:var(--sj-space-250) 0 var(--sj-space-150);flex-wrap:wrap;display:flex}.plate-actions :is(a,button){align-items:center;gap:var(--sj-space-100);height:calc(var(--sj-control-height-input) + var(--sj-space-050) / 2);padding:0 var(--sj-space-200) 0 var(--sj-space-150);border-radius:var(--sj-radius-pill);font-size:var(--sj-type-sm);color:inherit;font-weight:500;line-height:1.7;text-decoration:none;display:inline-flex}.plate-actions button{cursor:pointer;background:0 0;font-family:inherit}button.plate-tile{color:inherit;text-align:left;cursor:pointer;border:0;padding:0}.plate-actions .plate-kakao{background:var(--sj-color-kakao);color:var(--sj-color-brand-dark);font-weight:600}.plate-bordered{border:1px solid var(--sj-color-neutral-200)}.plate-actions svg{width:var(--sj-space-200);height:var(--sj-space-200);fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.plate-actions .plate-kakao svg{stroke:none}.plate-company{color:var(--sj-color-text-subtle);font-size:var(--sj-type-xs);word-break:keep-all;margin:0;line-height:1.7}.plate-company-tail{white-space:nowrap}.plate-company a{color:inherit;text-underline-offset:calc(var(--sj-space-050) / 2);white-space:nowrap;text-decoration:underline}.plate-company a:hover{color:var(--sj-color-text)}.plate-socials{vertical-align:middle;gap:var(--sj-space-100);margin-left:var(--sj-space-100);display:inline-flex}.plate-company .plate-social{display:inline-flex}.plate-social svg{width:var(--sj-space-150);height:var(--sj-space-150)}.plate-tiles{gap:var(--sj-space-150);grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);min-width:0;min-height:0;display:grid}.plate-tile-row{gap:var(--sj-space-150);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.plate-tile{border-radius:var(--sj-radius-legacy-4xl);background:var(--sj-color-neutral-100);min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.plate-intro-shell{min-width:0;min-height:0;position:relative}.plate-intro-shell>.plate-tile-big{width:100%;height:100%}.plate-tile img{object-fit:cover;width:100%;height:100%;display:block}.plate-tile-big[data-fit=contain] img{object-fit:contain}.plate-tile-big[data-fit=width-fill]{align-items:center;display:flex}.plate-tile-big[data-fit=width-fill] img{object-fit:initial;flex-shrink:0;height:auto}.plate-pill{bottom:var(--sj-space-200);left:var(--sj-space-200);align-items:center;gap:var(--sj-space-150);padding:var(--sj-space-100) var(--sj-space-150);border-radius:var(--sj-radius-pill);background:var(--sj-color-surface);color:var(--sj-color-brand-dark);font-size:var(--sj-type-xs);letter-spacing:calc(var(--sj-letter-spacing-order-title) / 3);font-weight:600;line-height:1.6;display:inline-flex;position:absolute}.plate-showcase{cursor:default}.plate-empty{background:var(--sj-color-neutral-100)}.home-plate .plate-tile.plate-showcase-veiled{cursor:default;background-color:var(--sj-color-neutral-200)}.plate-showcase-veiled:before{content:"";background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--sj-color-surface) 85%, transparent) 50%, transparent 70%);animation:plateShowcaseShimmer calc(var(--sj-duration-customer-slower) * 5.6) ease-in-out infinite;will-change:transform;position:absolute;inset:0}@keyframes plateShowcaseShimmer{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.home-plate .plate-tile.plate-directions{background:linear-gradient(135deg, color-mix(in srgb, var(--sj-color-blue-100) 74%, var(--sj-color-info)) 0%, color-mix(in oklab, var(--sj-color-blue-200) 93%, var(--sj-color-cyan-500)) 45%, color-mix(in oklch, var(--sj-color-grape-500) 32%, var(--sj-color-green-100)) 100%);animation:plateDirectionsFlow calc(var(--sj-duration-customer-slower) * 18) ease-in-out infinite alternate;background-size:220% 220%}@keyframes plateDirectionsFlow{0%{background-position:0 0}to{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){.home-plate .plate-tile.plate-directions{animation:none}}.plate-home-notice{animation:plateNoticeIn var(--sj-duration-customer-slower) ease-out var(--sj-duration-customer-slower) both;top:var(--sj-space-200);left:var(--sj-space-200);right:var(--sj-space-200);width:fit-content;max-width:calc(100% - var(--sj-space-400));padding:var(--sj-space-150) var(--sj-space-200);background:color-mix(in srgb, var(--sj-color-surface) 78%, transparent);color:var(--sj-color-text);backdrop-filter:blur(calc(var(--sj-space-050) + var(--sj-space-050) / 2));border-radius:var(--sj-radius-400);font-size:var(--sj-type-xs);line-height:1.55;position:absolute}.plate-home-notice strong{white-space:pre-line;font-weight:600;font-size:var(--sj-type-sm);display:block}.plate-home-notice strong:before{content:"";width:calc(var(--sj-space-100) - var(--sj-space-050) / 4);height:calc(var(--sj-space-100) - var(--sj-space-050) / 4);margin-right:var(--sj-space-100);background:var(--sj-color-red-500);border-radius:50%;display:inline-block}.plate-home-notice span{opacity:.72;white-space:pre-line;display:block}.home-plate :is(a,button):focus-visible{outline:2px solid var(--sj-color-text);outline-offset:var(--sj-space-050)}.plate-live .live-orders-section{padding:0 0 var(--sj-space-150);background:0 0;border:0}.plate-live .live-orders-section>.container{max-width:none;padding:0}.plate-live .live-ticker{gap:var(--sj-space-150);grid-template-columns:auto minmax(0,1fr);display:grid}.plate-live .live-ticker-header,.plate-live .live-ticker-line,.plate-live .live-ticker-empty{color:var(--sj-color-text-subtle);font-size:var(--sj-type-xs)}.plate-live .live-label,.plate-live .live-ticker-product{color:var(--sj-color-text-muted)}.plate-live .live-ticker-status{color:var(--sj-color-text-muted);background:0 0;padding:0}.plate-live .live-ticker-qty{color:var(--sj-color-text-subtle)}.plate-live .live-dot{width:calc(var(--sj-space-050) * 1.5);height:calc(var(--sj-space-050) * 1.5)}@media (width<1000px){body:has(>main>.home-plate){height:auto;display:block}.home-plate{padding:var(--sj-space-250) var(--sj-space-300) var(--sj-space-400);gap:var(--sj-space-600);flex-direction:column;display:flex;height:auto!important}.plate-left{display:contents}.plate-greeting{font-size:calc(var(--sj-space-400) + var(--sj-space-050) / 2);order:0}.plate-tiles{order:1;grid-template-rows:auto auto}.plate-intro-shell,.plate-tile-big{aspect-ratio:4/3}.plate-tile-row .plate-tile{aspect-ratio:1}.plate-bottom{margin-top:calc(var(--sj-space-250) - var(--sj-space-600));order:2}.plate-pill{bottom:var(--sj-space-200);left:var(--sj-space-200)}.plate-company{font-size:var(--sj-type-xs)}.plate-home-notice{top:var(--sj-space-150);left:var(--sj-space-150);right:var(--sj-space-150)}.plate-live .live-ticker-header{font-size:var(--sj-type-xs);gap:var(--sj-space-050)}.plate-actions{padding-top:var(--sj-space-250);flex-wrap:wrap}.plate-actions :is(a,button){font-size:var(--sj-type-sm);gap:var(--sj-space-050);padding-inline:var(--sj-space-150);white-space:nowrap}.plate-actions svg{display:none}}@media (width<=389px){.plate-tile[data-home-dialog-open=how] .plate-pill>span{display:none}}.plate-tile img,.plate-pill{animation:platePhotoIn calc(var(--sj-duration-customer-slow) * 2) ease-out var(--sj-duration-customer-slow) both}.plate-pill>span{transition:transform var(--sj-duration-customer-slow);display:inline-block}.plate-tile:is(:hover,:focus-visible) .plate-pill>span{transform:rotate(-45deg)}@keyframes plateGreetingIn{0%{opacity:0;transform:translateY(var(--sj-space-250))}to{opacity:1;transform:translateY(0)}}@keyframes platePhotoIn{0%{opacity:.3;transform:translateY(calc(var(--sj-space-250) / 2))}to{opacity:1;transform:translateY(0)}}@keyframes plateNoticeIn{0%{opacity:0;transform:translateY(calc(var(--sj-space-150) / 2))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.plate-greeting>span,.plate-home-notice,.plate-tile img,.plate-pill,.plate-showcase-veiled:before{animation:none}.plate-logo-track{will-change:auto;transform:none!important}.plate-logo-item img,.plate-pill>span{transition:none}.plate-tile:is(:hover,:focus-visible) .plate-pill>span{transform:none}}
.home-dialog-layer{z-index:var(--sj-z-modal);color:var(--sj-color-text);word-break:keep-all;overflow-wrap:normal;position:fixed;inset:0}.home-dialog-layer[hidden],.home-dialog[hidden]{display:none}.home-dialog-dismiss{position:absolute;inset:0}.home-dialog{box-sizing:border-box;border:3px solid color-mix(in srgb, var(--sj-color-neutral-300) 35%, transparent);border-radius:var(--sj-radius-legacy-4xl);background:var(--sj-color-surface);min-width:0;min-height:0;box-shadow:0 var(--sj-font-size-2xl) calc(var(--sj-space-700) + var(--sj-space-200)) color-mix(in srgb, var(--sj-color-scrim) 30%, transparent), 0 calc(var(--sj-space-050) / 2) var(--sj-space-100) color-mix(in srgb, var(--sj-color-scrim) 20%, transparent);font-size:var(--sj-type-sm);flex-direction:column;line-height:1.5;display:flex;position:fixed;overflow:hidden;container:home-dialog/inline-size}.home-dialog :is(h2,h3,h4){text-wrap:balance;overflow-wrap:normal}.home-dialog :is(a,button,p){word-break:keep-all;overflow-wrap:normal}.home-dialog :is(p,li,dd){text-wrap:pretty}.home-dialog :is(a,button,input):focus-visible{outline:2px solid var(--sj-color-text);outline-offset:var(--sj-space-050)}.home-dialog-close{top:var(--sj-space-200);right:var(--sj-space-200);z-index:1;width:calc(var(--sj-space-500) + var(--sj-space-050) / 2);height:calc(var(--sj-space-500) + var(--sj-space-050) / 2);border-radius:var(--sj-radius-pill);background:var(--sj-color-neutral-000);color:var(--sj-color-brand-dark);font-size:var(--sj-icon-size-md);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute}.home-dialog-content{overscroll-behavior:contain;min-width:0;min-height:0;padding:calc(var(--sj-space-400) + var(--sj-space-050) / 2) var(--sj-space-500) var(--sj-space-500);overflow:auto}.home-dialog-title{margin:0 0 calc(var(--sj-space-300) - var(--sj-space-050) / 2);padding-right:var(--sj-space-400);font-size:calc(var(--sj-type-xl) + var(--sj-space-050));font-weight:400;line-height:1.6}.home-dialog-title small{margin-top:var(--sj-space-100);font-size:var(--sj-type-xs);letter-spacing:var(--sj-letter-spacing-label);color:var(--sj-color-text-muted);line-height:1.6;display:block}.home-about-grid{gap:var(--sj-space-300);grid-template-columns:minmax(0,1fr);display:grid}.home-about-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--sj-radius-500);width:100%;height:auto;display:block}.home-about-copy{max-width:calc(var(--sj-font-size-body-lg) * 40);font-size:var(--sj-type-md);line-height:1.85}.home-about-copy p{white-space:pre-line}.home-dialog[data-home-dialog=about] .home-dialog-content{scrollbar-width:none}.home-dialog[data-home-dialog=about] .home-dialog-content::-webkit-scrollbar{display:none}.home-dialog[data-home-dialog=about]:after{content:"";height:var(--sj-space-500);background:linear-gradient(to bottom, color-mix(in srgb, var(--sj-color-surface) 0%, transparent), var(--sj-color-surface));pointer-events:none;position:absolute;inset:auto 0 0}.home-dialog .l-stack>*{margin-block:0}.home-dialog .sj-dialog-number{font-variant-numeric:tabular-nums;white-space:nowrap}.home-visit-content{gap:var(--sj-space-300);flex-direction:column;flex:1;display:flex}.home-visit-content .home-dialog-title{font-size:var(--sj-font-size-4xl);margin-bottom:0;font-weight:500;line-height:1}.home-visit-info{gap:var(--sj-space-300);grid-template-columns:minmax(0,1fr);display:grid}.home-visit-company{font-weight:500;font-size:var(--sj-type-md)}.home-visit-info .l-irow{align-items:center;gap:var(--sj-space-100);display:flex}.home-visit-info .l-irow>span[aria-hidden]{flex-shrink:0}.home-visit-info .l-irow svg{width:var(--sj-icon-size-md);height:var(--sj-icon-size-md);flex-shrink:0}.home-visit-secondary{color:var(--sj-color-text-muted)}.home-visit-info a{color:inherit;text-decoration:none}.home-visit-info a:hover{text-underline-offset:var(--sj-space-050);text-decoration:underline}.home-visit-info .home-visit-directions,.home-visit-info .home-visit-hours{gap:var(--sj-space-050)}.home-visit-info .home-visit-kakao{align-items:center;gap:var(--sj-space-100);padding:var(--sj-space-100) var(--sj-space-200);border-radius:var(--sj-radius-pill);color:var(--sj-color-brand-dark);background:var(--sj-color-kakao);align-self:flex-start;display:inline-flex}.home-visit-kakao svg{width:var(--sj-icon-size-md);height:var(--sj-icon-size-md)}.home-visit-map{border-radius:var(--sj-radius-400);flex:1;min-height:0;overflow:hidden}.home-visit-map iframe{width:100%;height:100%;min-height:inherit;border:0;display:block}.home-showcase-grid{gap:var(--sj-space-300) var(--sj-space-150);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.home-showcase-card{min-width:0}.home-showcase-card img,.home-showcase-placeholder{aspect-ratio:1;object-fit:cover;background:var(--sj-color-neutral-200);border-radius:var(--sj-radius-500);width:100%;height:auto;display:block}.home-showcase-card h3{margin:var(--sj-space-150) 0 var(--sj-space-050);font-size:var(--sj-type-sm);font-weight:600;line-height:1.4}.home-showcase-card p{color:var(--sj-color-text-muted);font-size:var(--sj-type-xs);margin:0;line-height:1.6}@container home-dialog (width>=820px){.home-about-grid,.home-visit-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width>=1600px){.home-dialog-title,.home-dialog .home-how-heading h3{font-size:calc(var(--sj-type-xl) + var(--sj-space-050))}}@media (width<1000px){.home-visit-content{overflow:auto}.home-visit-map{min-height:calc(var(--sj-space-700) * 5);flex:none}.home-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dialog{border-radius:0;width:var(--sj-impose-viewport-width)!important;height:100%!important;inset:0!important}.home-dialog-content{padding:calc(var(--sj-space-600) + var(--sj-space-100)) var(--sj-space-250) calc(var(--sj-space-300) + var(--sj-space-050))}.home-dialog[data-home-dialog=about]:after{height:calc(var(--sj-space-300) + var(--sj-space-050))}.home-visit-content .home-dialog-title{font-size:calc(var(--sj-type-xl) + var(--sj-space-050))}.home-dialog-close{top:var(--sj-space-150);right:var(--sj-space-150)}}
.home-how.playground-section{gap:var(--sj-space-150);width:100%;max-width:none;height:100%;padding:calc(var(--sj-space-400) - var(--sj-space-050) / 2) calc(var(--sj-space-400) + var(--sj-space-050) / 2) var(--sj-space-300);flex-direction:column;margin:0;display:flex;overflow:hidden}.home-how .home-dialog-title{padding-right:calc(var(--sj-space-700) - var(--sj-space-050));margin:0;line-height:1.2}.home-how strong{font-weight:600}.home-how-tabs{gap:var(--sj-space-150);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-how-tabs:not([data-how-labels=short]) [data-how-label=short],.home-how-tabs[data-how-labels=short] [data-how-label=long]{display:none}.home-how-tabs button{justify-content:space-between;gap:calc(var(--sj-space-100) - var(--sj-space-050) / 2);padding:0 0 var(--sj-space-100);color:var(--sj-color-text-muted);text-align:left;font-size:var(--sj-type-xs);cursor:pointer;background:0 0;border:0;flex-direction:column;line-height:1.35;display:flex}.home-how-tabs button[aria-selected=true]{color:var(--sj-color-text);font-weight:500}.home-how-progress{width:100%;height:calc(var(--sj-space-050) * .75);border-radius:var(--sj-radius-pill);background:color-mix(in srgb, var(--sj-color-neutral-300) 35%, transparent);display:block;overflow:hidden}.home-how-progress>span{background:var(--sj-color-text);width:0;height:100%;display:block}.home-how-panels{min-height:0;margin-top:calc(var(--sj-space-150) - var(--sj-space-050) / 2);flex:1;position:relative;overflow:hidden}.home-how-panels>section{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;height:100%;overflow:auto}.home-how-panels>section[hidden],.home-how figure[hidden],.home-how tr[hidden]{display:none}.home-how-panels>section[data-leaving]{pointer-events:none;position:absolute;inset:0}.home-how-heading{column-gap:calc(var(--sj-space-300) + var(--sj-space-050));row-gap:calc(var(--sj-space-100) - var(--sj-space-050) / 2);margin-bottom:var(--sj-space-250);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}[data-how-panel="1"] .home-how-heading{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.home-how-heading h3{color:inherit;font-size:calc(var(--sj-type-xl) + var(--sj-space-050));margin:0;font-weight:600;line-height:1.25}.home-how-body{color:color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--sj-color-text-muted) 66.115%, var(--sj-color-text)) 99.2725%, var(--sj-color-kakao)) 99.744%, var(--sj-color-blue-500));font-size:var(--sj-type-md);font-weight:400;line-height:1.7}.home-how-body p{margin:0 0 calc(var(--sj-space-100) - var(--sj-space-050) / 2)}.home-how-controls{background:var(--sj-color-surface);justify-content:flex-end;gap:calc(var(--sj-space-100) - var(--sj-space-050) / 2);flex-shrink:0;display:flex;position:sticky;bottom:0}.home-how-controls button{width:calc(var(--sj-space-400) + var(--sj-space-050));height:calc(var(--sj-space-400) + var(--sj-space-050));border:1px solid color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--sj-color-surface) 85.98%, var(--sj-color-text)) 99.458%, var(--sj-color-kakao)) 99.81%, var(--sj-color-blue-500));border-radius:var(--sj-radius-pill);color:inherit;background:var(--sj-color-neutral-100);font-size:var(--sj-type-md);cursor:pointer;place-items:center;line-height:1.5;display:grid}.home-how-controls button:disabled{opacity:.5;cursor:default}.home-how-demo{border-radius:calc(var(--sj-space-200) + var(--sj-space-050) / 2);min-height:0;color:var(--sj-color-brand-dark);gap:var(--sj-space-100);background:0 0;flex-direction:column;padding:0;display:flex;overflow:visible}.home-how [data-home-price-table]{--sj-color-text:color-mix(in srgb, var(--sj-color-brand-dark) 42.857%, var(--sj-color-neutral-900));--sj-color-text-muted:color-mix(in srgb, var(--sj-color-neutral-700) 56.863%, var(--sj-color-neutral-600));--sj-color-line-soft:var(--sj-color-neutral-200);color:var(--sj-color-text);font-size:var(--sj-type-sm);word-break:keep-all;overflow-wrap:break-word;line-height:1.5;position:relative}.home-how [data-home-price-table] .pv-example-badge{top:var(--sj-space-100);padding:calc(var(--sj-space-050) / 2) var(--sj-space-100);border:1px solid var(--sj-color-amber-200);border-radius:var(--sj-radius-pill);background:var(--sj-color-amber-100);color:var(--sj-color-amber-700);font-size:var(--sj-type-xs);font-weight:600;line-height:1.4;position:absolute;right:0}.home-how [data-home-price-table] .pv-price-box{margin-top:var(--sj-space-100);padding:var(--sj-space-200)}.home-how [data-home-price-table] .pv-price-left{min-width:0;max-width:100%}.home-how [data-home-price-table] .pv-price-right{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.home-how [data-home-price-table] .pv-price-label{font-weight:500}.home-how [data-home-price-table] .pv-price-total{letter-spacing:var(--sj-letter-spacing-order-title);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;line-height:1.15;display:flex}.home-how [data-home-price-table] .pv-price-total:not(:has(.pv-price-unit)){white-space:normal;line-height:1.45;font-size:var(--sj-type-md)!important}.home-how [data-home-price-table] .pv-price-unit{margin-left:var(--sj-space-050);font-size:var(--sj-type-md);letter-spacing:normal;color:inherit;font-weight:400;line-height:1.45}.home-how [data-home-price-table] .pv-price-original{font-size:var(--sj-type-sm);margin-bottom:var(--sj-space-050)}.home-how [data-home-price-table] .pv-price-discount-info{font-size:var(--sj-type-xs);margin-top:var(--sj-space-050)}.home-how [data-home-price-table] .pv-price-weight{color:var(--sj-color-text-muted)}.home-how [data-home-price-table] .pv-price-row-sub{margin-top:var(--sj-space-100);gap:var(--sj-space-100)}.home-how [data-home-price-table] .pv-price-breakdown{white-space:nowrap;font-variant-numeric:tabular-nums}.home-how [data-home-price-table] .pv-btn-group{margin-top:var(--sj-space-100)}.home-how [data-home-price-table] :is(.pv-cart-btn,.pv-order-btn){white-space:nowrap;padding:var(--sj-space-150)}.home-how [data-home-price-table] .pv-block{border-bottom:var(--sj-impose-hairline) solid var(--sj-color-line-soft);padding:calc(var(--sj-space-200) + var(--sj-space-050) / 2) 0}.home-how [data-home-price-table] .pv-block:first-of-type{border-top:var(--sj-impose-hairline) solid var(--sj-color-line-soft)}.home-how [data-home-price-table] .pv-block-label{margin:0 0 calc(var(--sj-space-150) + var(--sj-space-050) / 2);font-size:var(--sj-font-size-base);letter-spacing:calc(var(--sj-letter-spacing-order-title) / 3);font-weight:600}.home-how [data-home-price-table] .pv-block-label:has(+[data-qty-table-wrap]){margin-bottom:0}.home-how [data-home-price-table] [data-delivery-row]{gap:var(--sj-space-100);flex-wrap:wrap;display:flex}.home-how [data-home-price-table] [data-delivery-option]{flex:1 1 calc(50% - var(--sj-space-050));cursor:pointer;border:var(--sj-impose-hairline) solid var(--sj-color-line-soft);border-radius:var(--sj-radius-300);min-width:0;padding:var(--sj-space-150);background:var(--sj-color-surface);text-align:center}.home-how [data-home-price-table] [data-delivery-option] p{font-size:var(--sj-font-size-sm);margin:0}.home-how [data-home-price-table] .pv-sample-date{font-weight:500}.home-how [data-home-price-table] [data-delivery-percent]{margin-top:calc(var(--sj-space-050) / 2);color:var(--sj-color-text-muted)}.home-how [data-home-price-table] [data-rate="1"]{color:var(--sj-color-customer-danger)}.home-how [data-home-price-table] [data-rate="-1"]{color:var(--sj-color-customer-success-strong)}.home-how [data-home-price-table] [data-delivery-option][data-active=true]{background:var(--sj-color-brand);border-color:var(--sj-color-brand);color:var(--sj-color-surface)}.home-how [data-home-price-table] [data-active=true] [data-delivery-percent]{color:inherit}.home-how [data-home-price-table] [data-qty-table-wrap]{border:var(--sj-impose-hairline) solid var(--sj-color-line-soft);border-radius:var(--sj-radius-legacy-2xl);overflow-x:auto}.home-how [data-home-price-table] [data-qty-table]{border-collapse:collapse;width:100%;font-size:var(--sj-font-size-sm)}.home-how [data-home-price-table] [data-qty-table] :is(th,td){border-bottom:var(--sj-impose-hairline) solid var(--sj-color-line-soft);padding:var(--sj-space-150) var(--sj-space-200);text-align:left}.home-how [data-home-price-table] [data-qty-table] th{background:var(--sj-color-surface-page);color:var(--sj-color-text-subtle);font-weight:500}.home-how [data-home-price-table] [data-qty-table] td:nth-child(2){color:var(--sj-color-text-muted)}.home-how [data-home-price-table] [data-qty-row]{cursor:pointer;position:relative}.home-how [data-home-price-table] [data-qty-row]:is(:hover,[data-selected=true]){background:var(--sj-color-surface-page)}.home-how [data-home-price-table] [data-qty-row][data-selected=true]:after{content:"";pointer-events:none;border:calc(var(--sj-impose-hairline) * 2) solid var(--sj-color-text);border-radius:var(--sj-radius-legacy-2xl);position:absolute;inset:0}.home-how [data-home-price-table] [data-qty-row-trigger]{cursor:pointer;text-align:left;color:inherit;font:inherit;background:0 0;border:0;padding:0}.home-how [data-home-price-table] .pv-qty-vat-note{display:none}.home-how [data-home-price-table] .pv-price-box{border:var(--sj-impose-hairline) solid var(--sj-color-customer-border);border-radius:var(--sj-radius-legacy-2xl);background:var(--sj-color-surface)}.home-how [data-home-price-table] .pv-price-row{justify-content:space-between;align-items:flex-start;display:flex}.home-how [data-home-price-table] .pv-price-left{gap:var(--sj-space-050);flex-direction:column;display:flex}.home-how [data-home-price-table] .pv-price-right{gap:var(--sj-space-050);text-align:right}.home-how [data-home-price-table] .pv-price-label{font-size:var(--sj-font-size-sm);color:var(--sj-color-text-muted)}.home-how [data-home-price-table] .pv-price-date{font-size:var(--sj-font-size-lg);font-weight:600}.home-how [data-home-price-table] .pv-price-total{font-size:var(--sj-font-size-xl);font-weight:600}.home-how [data-home-price-table] .pv-price-row-sub{border-top:var(--sj-impose-hairline) solid var(--sj-color-line-soft);padding-top:var(--sj-space-100);flex-wrap:wrap;display:flex}.home-how [data-home-price-table] :is(.pv-price-weight,.pv-price-breakdown){font-size:var(--sj-font-size-xs)}.home-how [data-home-price-table] .pv-price-breakdown{color:var(--sj-color-text-muted);margin-left:auto}@media (width>=600px){.home-how [data-home-price-table] [data-delivery-option]{flex:1 1 0}}@media (width>=1280px){.home-how [data-home-price-table]{zoom:1.0625}.home-how [data-home-price-table] :is(a,button,p){overflow-wrap:break-word}}@media (width<=1279px){.home-how [data-home-price-table]{font-size:var(--sj-type-md);word-break:normal;overflow-wrap:normal;line-height:1.6}.home-how [data-home-price-table] :not(button)>p{word-break:normal}.home-how [data-home-price-table] :is([data-qty-original],[data-qty-discount-word],[data-qty-vat-head],[data-qty-unit-word]){display:none}.home-how [data-home-price-table] table :is(th,td){white-space:nowrap}.home-how [data-home-price-table] .pv-qty-vat-note{margin:var(--sj-space-100) 0 0;font-size:var(--sj-type-xs);color:var(--sj-color-text-muted);display:block}.home-how [data-home-price-table] .pv-price-box{margin-top:var(--sj-space-200);padding:var(--sj-space-250) var(--sj-space-300)}.home-how [data-home-price-table] .pv-price-box .pv-price-total{line-height:inherit;display:block}.home-how [data-home-price-table] .pv-price-unit{margin-left:calc(var(--sj-space-050) / 2);font-size:var(--sj-font-size-sm);line-height:inherit}.home-how [data-home-price-table] .pv-price-row-sub{gap:calc(var(--sj-space-050) / 2) var(--sj-space-100)}}@media (width<1000px){.home-how [data-home-price-table] .pv-block{padding-inline:0}}.home-how-equipment{grid-template-columns:minmax(0, 1fr) calc(var(--sj-space-700) + var(--sj-space-600));gap:var(--sj-space-150);height:100%;min-height:0;display:grid}.home-how-machines{min-width:0;height:100%;min-height:0}.home-how-machines figure{flex-direction:column;height:100%;min-height:0;display:flex}.home-how figure{margin:0}.home-how figcaption{justify-content:space-between;gap:var(--sj-space-100);margin-bottom:var(--sj-space-100);display:flex}.home-how figcaption span{color:var(--sj-color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.home-how-machine-photo{border-radius:var(--sj-radius-500);background:var(--sj-color-neutral-100);flex:1;min-height:0;position:relative;overflow:hidden}.home-how-machine-photo>img{width:100%;height:100%;display:block}.home-how-gif{bottom:var(--sj-space-150);left:var(--sj-space-150);border:3px solid var(--sj-color-text);border-radius:var(--sj-radius-400);background:var(--sj-color-surface);width:30%;color:inherit;cursor:pointer;padding:0;position:absolute;overflow:hidden}.home-how-gif img{aspect-ratio:4/3;width:100%;display:block}.home-how-gif span{padding:var(--sj-space-050);font-size:var(--sj-type-xs);display:block}.home-how-thumbs{gap:var(--sj-space-100);min-height:0;padding-top:calc(var(--sj-space-400) - var(--sj-space-050) / 2);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;display:flex;overflow:auto}.home-how-thumbs button{border-radius:var(--sj-radius-400);color:inherit;text-align:left;font-size:var(--sj-type-xs);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;font-weight:400}.home-how-thumbs button[aria-pressed=true]{border-color:var(--sj-color-text)}.home-how-thumbs img{aspect-ratio:4/3;object-fit:contain;width:100%;margin-bottom:var(--sj-space-050);border-radius:var(--sj-radius-400);background:var(--sj-color-neutral-100);display:block}.home-how-conversations{gap:var(--sj-space-250);height:100%;min-height:0;mask-image:linear-gradient(transparent, var(--sj-color-neutral-000) 16%, var(--sj-color-neutral-000) 84%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.home-how-chat-column{min-width:0;overflow:hidden}.home-how-chat-run{padding-top:var(--sj-space-150);animation:home-how-chat calc(var(--sj-duration-customer-base) * 400) linear infinite}.home-how-chat-column:nth-child(2) .home-how-chat-run{animation-duration:calc(var(--sj-duration-customer-base) * 450)}.home-how-chat-copy{gap:var(--sj-space-250);padding-bottom:var(--sj-space-250);flex-direction:column;display:flex}.home-how-conversation{gap:calc(var(--sj-space-100) - var(--sj-space-050) / 2);padding:var(--sj-space-200) var(--sj-space-200) calc(var(--sj-space-200) - var(--sj-space-050) / 2);border-radius:var(--sj-radius-400);background:var(--sj-color-neutral-100);border:0;display:grid}.home-how-conversation header{align-items:center;gap:calc(var(--sj-space-100) - var(--sj-space-050) / 2);text-transform:uppercase;color:var(--sj-color-text-muted);font-size:var(--sj-type-xs);background:0 0;margin:0;font-weight:600;display:flex;position:static}.home-how-channel{align-items:center;gap:calc(var(--sj-space-100) - var(--sj-space-050) / 2);display:inline-flex}.home-how-channel i{width:var(--sj-space-100);height:var(--sj-space-100);border-radius:var(--sj-radius-pill);background:var(--sj-color-kakao);flex-shrink:0}.home-how-channel[data-channel=sms] i{background:var(--sj-color-blue-500)}.home-how-channel[data-channel=call] i{background:var(--sj-color-green-500)}.home-how-customer{text-transform:none;margin-left:auto;font-weight:400}.home-how-conversation p{padding:calc(var(--sj-space-100) - var(--sj-space-050) / 4) var(--sj-space-150) calc(var(--sj-space-100) - var(--sj-space-050) / 4) calc(var(--sj-space-150) + var(--sj-space-050) / 2);border-radius:var(--sj-radius-400);background:var(--sj-color-neutral-200);font-size:var(--sj-type-sm);border:0;margin:0;font-weight:400;line-height:1.45;position:relative}.home-how-conversation p:before{content:"";left:0;top:var(--sj-space-100);bottom:var(--sj-space-100);width:calc(var(--sj-space-050) * .75);border-radius:var(--sj-radius-100);background:var(--sj-color-kakao);position:absolute}.home-how-reply{justify-self:end}.home-how-conversation .home-how-reply{padding-top:var(--sj-space-100);padding-bottom:var(--sj-space-100);background:var(--sj-color-amber-100)}.home-how-conversation .home-how-reply:before{background:var(--sj-color-orange-600)}.home-how-reply small{margin-bottom:var(--sj-space-050);color:var(--sj-color-text-muted);font-size:var(--sj-type-xs);display:block}.home-how.is-paused .home-how-chat-run,.home-how-conversations:hover .home-how-chat-run{animation-play-state:paused}@keyframes home-how-chat{to{transform:translateY(-50%)}}@media (width<=999px){.home-how.playground-section{padding:var(--sj-space-250) var(--sj-space-200) var(--sj-space-300)}.home-how-heading,[data-how-panel="1"] .home-how-heading{row-gap:calc(var(--sj-space-100) + var(--sj-space-050) / 2);grid-template-columns:minmax(0,1fr)}.home-how-equipment{gap:var(--sj-space-150);grid-template-columns:minmax(0,1fr) minmax(0,.45fr)}.home-how-conversations{gap:var(--sj-space-150);padding:0 var(--sj-space-150)}.home-how-conversation{padding:var(--sj-space-150)}}@container home-dialog (width<500px){.home-how-heading,[data-how-panel="1"] .home-how-heading{grid-template-columns:minmax(0,1fr)}}@container home-dialog (500px<=width<690px){:is([data-how-panel="0"],[data-how-panel="2"]) .home-how-heading{grid-template-columns:minmax(0,1fr)}:is([data-how-panel="0"],[data-how-panel="2"]) .home-how-body{max-width:calc(var(--sj-space-800) * 4 + var(--sj-space-400) + var(--sj-space-050));margin-top:var(--sj-space-150)}[data-how-panel="2"] .home-how-lead h3{margin-bottom:0}}.home-how-panels>:is([data-how-panel="1"],[data-how-panel="2"]){gap:var(--sj-space-250);scrollbar-gutter:auto;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.home-how-panels>:is([data-how-panel="1"],[data-how-panel="2"])[hidden]{display:none}:is([data-how-panel="1"],[data-how-panel="2"]) .home-how-heading{margin:0}@media (prefers-reduced-motion:reduce){.home-how-chat-run{animation:none}.home-how-conversations{height:auto;overflow:visible;mask-image:none}.home-how-panels>[data-how-panel="2"]{display:block;overflow:auto}[data-how-panel="2"] .home-how-heading{margin-bottom:var(--sj-space-250)}}.home-how-panels>.pg-s3-full{background:0 0;min-height:0;padding:0;position:relative}@media (prefers-reduced-motion:reduce){.home-how-chat-copy[aria-hidden=true]{display:none}}.home-dialog.playground-section{max-width:none;margin:0;padding:0}.home-how-panels>[data-how-panel="0"]{gap:var(--sj-space-250);scrollbar-gutter:auto;grid-template-rows:max-content max-content;height:auto;display:grid;overflow:visible}.home-how.playground-section:has([data-how-panel="0"]:not([hidden]):not([data-leaving])){overflow:auto}.home-how-panels:has(>[data-how-panel="0"]:not([hidden]):not([data-leaving])){flex:1 0 auto;overflow:visible}.home-how-panels>[data-how-panel="0"][hidden]{display:none}[data-how-panel="0"] .home-how-heading{align-items:end;margin:0}[data-how-panel="2"] .home-how-heading{align-items:end}[data-how-panel="2"] .home-how-heading h3{font-size:calc(var(--sj-type-xl) + var(--sj-space-050))}.home-how-lead{font-size:var(--sj-type-md)}.home-how-lead h3{margin:0 0 var(--sj-space-200)}[data-how-panel="0"] .home-how-body p{margin-bottom:var(--sj-space-050)}[data-how-panel="2"] .home-how-heading{padding-top:calc(var(--sj-space-100) - var(--sj-space-050) / 2)}[data-how-panel="2"] .home-how-body p{margin-bottom:var(--sj-space-150)}[data-how-panel="1"] .home-how-body{font-size:var(--sj-type-sm)}@media (1000px<=width<=1500px){:is([data-how-panel="0"],[data-how-panel="1"]) .home-how-body{font-size:var(--sj-type-sm);line-height:1.55}}@media (width<1000px){[data-how-panel="1"] .home-how-body{font-size:var(--sj-type-md)}[data-how-panel="2"] .home-how-body{font-size:var(--sj-type-sm)}}.home-how-controls svg{width:var(--sj-space-200);height:var(--sj-space-200);stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.home-how em{padding:0 calc(var(--sj-space-050) / 4);background-image:linear-gradient(transparent 62%, color-mix(in srgb, var(--pg-em-color,var(--sj-color-kakao)) 32%, transparent) 62%);box-decoration-break:clone;transition:background-size var(--pg-em-duration,calc(var(--sj-duration-customer-base) * 3)) cubic-bezier(.22, 1, .36, 1);background-repeat:no-repeat;background-size:0 100%}.home-how em.is-revealed{background-size:100% 100%}.home-how em:after{content:none}@media (prefers-reduced-motion:reduce){.home-how em{transition:none}}.home-how-gif span{display:none}@media (width<=999px){.home-how.playground-section{overflow:auto}.home-how-panels:has(>[data-how-panel="1"]:not([hidden])){flex-shrink:0;min-height:min-content;overflow:visible}.home-how-panels>[data-how-panel="1"]{grid-template-rows:auto minmax(min-content,1fr);overflow:visible}.home-how-machine-photo{aspect-ratio:4/3;flex:1 0 auto;min-height:auto}.home-how-machine-photo>img{position:absolute;inset:0}.home-how-thumbs{height:0;min-height:100%}.home-how.is-paused .home-how-panels:has(>[data-how-panel="2"]:not([hidden])){flex:1 0 auto;overflow:visible}.home-how.is-paused .home-how-panels>[data-how-panel="2"]{grid-template-rows:auto auto;height:auto;overflow:visible}.home-how.is-paused .home-how-conversations{height:auto;overflow:visible;mask-image:none}.home-how.is-paused .home-how-chat-column{overflow:visible}.home-how.is-paused .home-how-chat-run{animation:none;transform:none}.home-how.is-paused .home-how-chat-copy[aria-hidden=true]{display:none}}@media (width>=1000px){.home-how.playground-section,.home-how.playground-section:has([data-how-panel="0"]:not([hidden]):not([data-leaving])){overflow:hidden}.home-how-panels,.home-how-panels:has(>[data-how-panel="0"]:not([hidden]):not([data-leaving])){flex:1 1 0;min-height:0;overflow:hidden;container:how-body/size}.home-how-panels>[data-how-panel]{zoom:var(--how-fit,1)}.home-how :is(.home-how-machine-photo,.home-how-conversations){min-height:calc(var(--sj-space-800) * 2 / var(--how-fit,1))}.home-how-panels>[data-how-panel][data-how-fit=scroll]{overscroll-behavior:contain;height:100%;overflow:auto}.home-how-panels>:is([data-how-panel="1"],[data-how-panel="2"])[data-how-fit=scroll]{grid-template-rows:auto auto}[data-how-panel="1"][data-how-fit=scroll] :is(.home-how-equipment,.home-how-machines,.home-how-machines figure){height:auto}[data-how-panel="1"][data-how-fit=scroll] .home-how-machine-photo{height:calc(var(--sj-space-800) * 2 / var(--how-fit,1));flex:none}[data-how-panel="1"][data-how-fit=scroll] .home-how-thumbs{height:0;min-height:100%}[data-how-panel="2"][data-how-fit=scroll] .home-how-conversations{height:calc(var(--sj-space-800) * 2 / var(--how-fit,1))}}@media (width<1000px){.home-dialog[data-home-dialog=how]{padding-top:calc(var(--sj-space-600) + var(--sj-space-100));padding-bottom:calc(var(--sj-space-150) + var(--sj-space-400) + var(--sj-space-050) + var(--sj-space-300))}.home-how.playground-section{padding-top:0;padding-bottom:var(--sj-space-150)}.home-how-controls{padding:var(--sj-space-150) var(--sj-space-200) var(--sj-space-300);position:fixed;inset:auto 0 0}}
.home-showcase-open{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.home-showcase-grid[hidden],#home-showcase-title[hidden]{display:none}.home-showcase-open:focus-visible{outline:2px solid var(--sj-color-text);outline-offset:var(--sj-space-050)}.home-dialog:has(.home-showcase-detail .sc-modal)>.home-dialog-close{visibility:hidden}.home-showcase-detail .sc-overlay{z-index:1;background:0 0;align-items:flex-start;padding:0;position:absolute;inset:0}.home-showcase-detail .sc-modal{overscroll-behavior:contain;border-radius:var(--sj-radius-500);background:var(--sj-color-surface);flex-direction:column;width:100%;max-width:none;height:auto;max-height:100%;display:flex;position:static;overflow:hidden}.home-showcase-detail .sc-modal-layout,.home-showcase-detail .sc-modal-left{display:contents}.home-showcase-detail .sc-modal-image-wrap{aspect-ratio:4/3;background:var(--sj-color-neutral-200);border-radius:0;flex:0 auto;width:100%;height:auto;min-height:0}.home-showcase-detail .sc-modal-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.home-showcase-detail .sc-modal-backdrop{top:calc(var(--sj-space-600) * -1);left:calc(var(--sj-space-600) * -1);width:calc(100% + var(--sj-space-600) * 2);height:calc(100% + var(--sj-space-600) * 2);object-fit:cover;filter:blur(var(--sj-space-300));pointer-events:none;position:absolute}.home-showcase-detail .sc-modal-right{background:var(--sj-color-surface);flex:none;grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);width:100%;min-height:0;display:grid;overflow:visible}.home-showcase-detail .sc-modal-right>.sc-info-header{grid-area:1/1}.home-showcase-detail .sc-modal-right>.sc-info-body{grid-area:2/1}.home-showcase-detail .sc-modal-right>.sc-info-footer{grid-area:4/1}.home-showcase-detail .sc-text-stack{visibility:hidden;pointer-events:none;grid-area:1/1/-1;display:grid}.home-showcase-detail .sc-text-stack>.sc-text-ghost{flex-direction:column;grid-area:1/1;display:flex}.home-showcase-detail .sc-info-header{padding:var(--sj-space-300) var(--sj-space-400) 0}.home-showcase-detail .sc-info-body{padding:var(--sj-space-200) var(--sj-space-400) 0;flex:none;overflow:visible}.home-showcase-detail .sc-info-footer{padding:var(--sj-space-300) var(--sj-space-400) var(--sj-space-400);border-top:0}.home-showcase-detail :is(.sc-title,.sc-price-label,.sc-highlight-item){color:var(--sj-color-text)}.home-showcase-detail :is(.sc-specs,.sc-caption,.sc-close-x){color:var(--sj-color-text-muted)}.home-showcase-detail .sc-title{font-size:var(--sj-type-lg)}.home-showcase-detail :is(.sc-specs,.sc-help-text){font-size:var(--sj-type-xs)}.home-showcase-detail :is(.sc-caption,.sc-highlight-item,.sc-btn){font-size:var(--sj-type-sm)}.home-showcase-detail .sc-price-label{font-size:var(--sj-type-md)}.home-showcase-detail .sc-highlights{gap:var(--sj-space-100)}.home-showcase-detail .sc-btn{border-radius:var(--sj-radius-400)}.home-showcase-detail .sc-caption-wrap{border-color:var(--sj-color-neutral-200)}.home-showcase-detail .sc-highlight-dot{background:var(--sj-color-kakao)}.home-showcase-detail .sc-close-x{background:var(--sj-color-neutral-200)}.home-showcase-detail .sc-close-x:hover{color:var(--sj-color-text);background:var(--sj-color-neutral-100)}.home-showcase-detail .sc-arrow-right{right:calc(var(--sj-space-600) + var(--sj-space-100))}.home-showcase-detail .sc-btn-order{background:var(--sj-color-brand);color:var(--sj-color-surface)}.home-showcase-detail .sc-btn-kakao{background:var(--sj-color-kakao);color:var(--sj-color-brand-dark);flex:none}@media (width>=1000px){.home-dialog:has(.home-showcase-detail .sc-modal){box-shadow:none;background:0 0;border:0;overflow:visible}.home-showcase-detail .sc-modal{border:var(--sj-impose-hairline) solid var(--sj-color-customer-border);border-radius:var(--sj-radius-400);height:100%;box-shadow:0 var(--sj-font-size-2xl) calc(var(--sj-space-700) + var(--sj-space-200)) color-mix(in srgb, var(--sj-color-scrim) 30%, transparent), 0 calc(var(--sj-space-050) / 2) var(--sj-space-100) color-mix(in srgb, var(--sj-color-scrim) 20%, transparent)}.home-showcase-detail .sc-modal-image-wrap{flex:auto}}@media (width<1000px){.home-showcase-detail .sc-modal{border-radius:0;overflow:auto}.home-showcase-detail .sc-modal-image-wrap{flex-shrink:0}.home-showcase-detail :is(.sc-info-header,.sc-info-body,.sc-info-footer){padding-inline:var(--sj-space-250)}.home-showcase-detail .sc-title{padding-right:var(--sj-space-400)}}
body:has(>main>.home-plate){height:auto;display:block}.home-plate :is(.plate-tile,.plate-empty){background-color:var(--sj-v3-home-placeholder-color)}.home-plate .plate-company{color:var(--sj-v3-caption-color)}@media (width>=1000px){.home-plate.v3-frame{column-gap:5.77617%;container-type:inline-size}.home-plate .plate-greeting{font-size:min(var(--sj-font-size-6xl), 4.8cqw)}}.plate-logo-item img{filter:none;opacity:1}.plate-actions .plate-kakao{background:var(--sj-color-storefront-accent);color:var(--sj-color-brand-dark)}.plate-bordered{border-color:var(--sj-v3-home-outline-color)}.home-dialog{border:1px solid var(--sj-color-customer-border);border-radius:var(--sj-radius-400);background:var(--sj-color-surface)}
@media (min-width:1000px) {.home-plate {height:calc(var(--sj-impose-viewport-height) - 74px)}}