.store-demo{--sd-ink:#493c31;--sd-sub:#84786d;--sd-line:#ede7e2;color:var(--sd-ink);background:linear-gradient(140deg,#f6f2ee 0%,#f9f6f3 62%,#fcfaf9);border:1px solid #fff;border-radius:26px;padding:20px;box-shadow:0 28px 70px #8d786515;font-family:Pretendard,system-ui,sans-serif;min-width:0;isolation:isolate}.store-demo *{box-sizing:border-box}.sd-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#806f61}.sd-top>span{display:flex;gap:7px;align-items:center}.sd-top i{width:6px;height:6px;background:#a99380;border-radius:50%;flex-shrink:0}.sd-play{font:inherit;color:#786453;border:1px solid #e6dcd3;border-radius:20px;background:#ffffffa8;min-height:36px;padding:7px 11px;white-space:nowrap;cursor:pointer}.sd-theatre{height:400px;position:relative;perspective:1000px;perspective-origin:50% 40%;margin-top:12px}.sd-floor{position:absolute;left:8%;right:8%;bottom:28px;height:100px;border-radius:50%;background:radial-gradient(ellipse,#a9988a2b,transparent 67%);transform:rotateX(50deg)}.sd-aura{position:absolute;inset:25px 30px;border-radius:50%;background:radial-gradient(ellipse,#e8dcd15e,transparent 70%)}.sd-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(18px) rotateY(8deg);transition:opacity .65s ease,transform .85s cubic-bezier(.16,1,.3,1),visibility .65s;transform-style:preserve-3d}.sd-scene.is-active{visibility:visible;opacity:1;transform:translateY(0) rotateY(0)}.sd-sheet{background:#fff;border:1px solid #fff;box-shadow:1px 1px 0 #ded4cc,2px 2px 0 #ded4cc,3px 3px 0 #ded4cc,5px 5px 0 #ded4cc,16px 30px 45px #66544425;border-radius:15px;overflow:hidden;position:absolute;transform-style:preserve-3d}.sd-photo{width:76%;left:8%;top:35px;transform:rotateY(-14deg) rotateX(7deg) rotateZ(-5deg)}.sd-window{display:flex;justify-content:space-between;padding:12px 15px;font-size:10px;color:#a5998f;border-bottom:1px solid #f2eeeb}.sd-photo img{display:block;width:100%;height:205px;object-fit:cover;object-position:center 55%}.sd-photo-foot{padding:16px;display:flex;flex-direction:column;gap:6px}.sd-photo-foot strong{font-size:17px}.sd-photo-foot span{font-size:11px;color:var(--sd-sub)}.sd-floating{position:absolute;background:#ffffffee;border:1px solid #fff;border-radius:13px;box-shadow:0 15px 35px #8b766419;padding:15px 18px;z-index:4;color:var(--sd-ink);backdrop-filter:blur(12px)}.sd-time{right:0;top:5px;display:flex;flex-direction:column;gap:7px;transform:translateZ(45px) rotateZ(3deg)}.sd-time span{font-size:10px;color:var(--sd-sub)}.sd-time strong{font-size:18px;letter-spacing:-.5px}.sd-time small{font-size:9px;color:var(--sd-sub)}.sd-material{left:0;bottom:12px;display:flex;gap:13px;align-items:center}.sd-floating b{font-size:25px;color:#a18f80;font-weight:500}.sd-floating>span{font-size:12px;line-height:1.8}.sd-floating strong{font-weight:700}.sd-poster{top:14px;left:20%;width:62%;transform:rotateY(-13deg) rotateX(4deg) rotateZ(-3deg)}.sd-poster-copy{padding:23px 22px 17px;background:#fffaf2}.sd-poster-copy>span{font-size:10px;color:#7c654a}.store-demo .sd-poster-copy h3{font-size:clamp(23px,2.2vw,30px);line-height:1.35;letter-spacing:-1px;margin:14px 0 10px;color:#4a3d32}.store-demo .sd-poster-copy p{font-size:9px;line-height:1.7;color:#82715f;margin:0}.sd-poster img{width:100%;height:145px;object-fit:cover;display:block}.sd-poster-foot{padding:13px 17px;display:flex;justify-content:space-between;font-size:11px;background:#fffaf2}.sd-poster-shadow{position:absolute;top:34px;left:17%;width:62%;height:322px;border:1px solid #fff;border-radius:15px;background:#f3ede7;transform:rotateY(-13deg) rotateZ(-10deg);box-shadow:10px 15px 35px #8a766412}.sd-draft{top:110px;left:0;display:flex;gap:10px;align-items:center}.sd-format{position:absolute;bottom:2px;left:20%;right:0;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sd-format span{background:#fff;padding:8px 10px;border-radius:20px;color:#8a796a;font-size:10px}.sd-phone{width:43%;top:18px;left:6%;border:5px solid #fdfcfb;transform:rotateY(-15deg) rotateZ(-5deg);border-radius:24px}.sd-phone-camera{height:17px;background:#fff;position:relative}.sd-phone-camera:after{content:'';position:absolute;width:40px;height:5px;background:#e7e0d9;border-radius:6px;top:3px;left:calc(50% - 20px)}.sd-phone>img{width:100%;height:135px;object-fit:cover;display:block}.sd-phone-body{padding:15px}.sd-phone-body small{font-size:9px;color:var(--sd-sub)}.store-demo .sd-phone-body h3{font-size:23px;margin:12px 0;line-height:1.4;letter-spacing:-.7px}.store-demo .sd-phone-body p{font-size:9px;color:var(--sd-sub);margin:0 0 15px}.sd-phone-body>span{display:block;background:#4d4034;color:#fff;border-radius:7px;font-size:10px;padding:10px;text-align:center}.sd-record{width:48%;right:1%;top:74px;transform:rotateY(9deg) rotateZ(3deg);padding:21px 18px}.sd-record-label{font-size:10px;color:#96877a}.store-demo .sd-record h3{font-size:18px;line-height:1.4;margin:14px 0 16px;letter-spacing:-.5px}.sd-record>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #efebe7;padding:12px 0;font-size:10px}.sd-record>div span{color:var(--sd-sub)}.sd-record>div strong{font-weight:600;text-align:right}.store-demo .sd-record p{font-size:10px;line-height:1.8;margin:10px 0 0;color:var(--sd-sub)}.sd-proof{bottom:2px;right:6%;display:flex;gap:12px;align-items:center}.sd-example{position:absolute;bottom:-19px;left:0;right:0;text-align:center;font-size:9px;color:#948578}.sd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:36px}.sd-steps button{font:inherit;font-size:11px;border:1px solid #e9e0d9;background:#ffffffb3;color:#887769;border-radius:10px;min-height:44px;padding:10px 5px;cursor:pointer;transition:background .25s,color .25s}.sd-steps button span{margin-right:5px;font-size:9px;opacity:.7}.sd-steps button[aria-pressed=true]{background:#544436;color:#fff;border-color:#544436}.store-demo .sd-caption{font-size:12px;line-height:1.8;margin:16px 0 7px;color:#715f4f;min-height:43px}.store-demo .sd-boundary{font-size:10px;color:#8e8277;line-height:1.75;margin:0}.store-demo button:focus-visible{outline:3px solid #bea895;outline-offset:3px}.hero-visual:has(.store-demo){background:transparent;border:none;box-shadow:none;overflow:visible;display:block;padding:0;min-height:0}.hero-visual:has(.store-demo):not([data-demo-audience=blogger]) #spatial-stage{display:none}.hero-visual[data-demo-audience=blogger]>.store-demo{display:none}.hero-visual:has(.store-demo):not([data-demo-audience=blogger])>.spatial-caption{display:none}.store-demo-feature{max-width:1150px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center;background:#fcfbfa;color:#493c31}.store-demo-feature>div:first-child>span{font-size:11px;color:#8d7865;letter-spacing:.1em;font-weight:700}.store-demo-feature h2{font-size:clamp(30px,3.6vw,44px);line-height:1.35;letter-spacing:-1.6px;margin:18px 0}.store-demo-feature h2 em{font-style:normal;color:#8d7865}.store-demo-feature>div:first-child>p{font-size:14px;line-height:1.9;color:#84786d}.store-demo-feature ol{padding-left:20px;font-size:14px;line-height:2.2;color:#736152}.store-demo-feature a{font-size:14px;color:#736152;text-underline-offset:5px}.store-demo-feature .sd-theatre{height:390px}@media(max-width:780px){.store-demo-feature{grid-template-columns:1fr;gap:25px;padding:40px 20px}.store-demo-feature .store-demo{width:100%;max-width:560px;margin:auto}}@media(max-width:430px){.store-demo{padding:14px;border-radius:20px}.sd-top{font-size:10px;gap:6px}.sd-play{font-size:10px;padding:7px 8px}.sd-theatre,.store-demo-feature .sd-theatre{height:335px}.sd-photo{left:8%;width:81%;top:37px}.sd-photo img{height:164px}.sd-photo-foot strong{font-size:15px}.sd-photo-foot{padding:13px}.sd-time{padding:11px;top:7px}.sd-time strong{font-size:15px}.sd-floating{padding:11px 13px}.sd-floating>span{font-size:10px}.sd-floating b{font-size:20px}.sd-poster{width:69%;left:18%;top:20px}.sd-poster-copy{padding:17px}.store-demo .sd-poster-copy h3{font-size:23px}.sd-poster img{height:116px}.sd-poster-shadow{width:69%;left:14%;height:273px}.sd-draft{top:108px;left:-3px}.sd-format{bottom:0;left:10%}.sd-format span{font-size:9px;padding:6px 8px}.sd-phone{width:46%;left:2%;top:25px}.sd-phone>img{height:105px}.sd-phone-body{padding:11px}.store-demo .sd-phone-body h3{font-size:19px}.sd-record{width:51%;right:0;top:72px;padding:17px 12px}.store-demo .sd-record h3{font-size:15px}.sd-record>div{font-size:9px;gap:5px;padding:9px 0}.sd-proof{right:2%;bottom:0}.sd-steps button{font-size:10px}.sd-steps button span{display:block;margin:0 0 3px}.sd-example{font-size:8px}.store-demo .sd-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.store-demo *{transition:none!important;animation:none!important}.sd-sheet,.sd-poster-shadow{transform:none!important}}html.motion-off .store-demo *{transition:none!important;animation:none!important}
.opening-event{display:none}.hero-visual:has(.store-demo){transform:none}.hero-grid{align-items:center}#store-demo{scroll-margin-top:95px}
.store-demo .sd-poster-shadow{z-index:0;transform:translateZ(-35px) rotateY(-13deg) rotateZ(-10deg)}.store-demo .sd-poster{z-index:2}
@media(max-width:430px){.sd-theatre,.store-demo-feature .sd-theatre{height:390px}.store-demo .sd-draft{display:none}.store-demo .sd-poster{left:7%;width:86%;top:12px}.store-demo .sd-poster-shadow{left:4%;width:86%;height:325px}.store-demo .sd-poster-copy h3{font-size:21px;line-height:1.35;margin:12px 0}.store-demo .sd-poster-copy{padding:17px}.store-demo .sd-poster img{height:110px}.sd-format{bottom:0}}
@media(max-width:430px){.store-demo .sd-phone{width:87%;left:5%;top:6px;display:grid;grid-template-columns:39% 61%;border-radius:16px;transform:rotateY(-6deg) rotateZ(-2deg)}.sd-phone-camera{display:none}.store-demo .sd-phone>img{height:164px;width:100%;object-fit:cover}.store-demo .sd-phone-body{padding:12px}.store-demo .sd-phone-body h3{font-size:17px;line-height:1.35;margin:9px 0}.store-demo .sd-phone-body p{margin-bottom:8px;font-size:9px}.store-demo .sd-phone-body>span{font-size:9px;padding:8px}.store-demo .sd-record{width:90%;left:5%;right:auto;top:191px;padding:13px 15px;transform:rotateZ(2deg)}.store-demo .sd-record h3{font-size:16px;margin:8px 0 9px}.store-demo .sd-record>div{font-size:10px;padding:8px 0;gap:9px}.store-demo .sd-record p,.store-demo .sd-proof{display:none}}
.store-demo .sd-material,.store-demo .sd-draft,.store-demo .sd-proof{display:none}
.store-demo .sd-format{display:none}
.sd-webgl{position:absolute;inset:0;width:100%;height:100%;display:block}.has-webgl .sd-scene,.has-webgl .sd-floor,.has-webgl .sd-aura{display:none}.has-webgl .sd-theatre{background:radial-gradient(ellipse at 50% 70%,#e0d2c666,transparent 66%);border-radius:18px}
/* Cinematic orbital stage; controls and merchant explanations stay outside the scene. */
.has-webgl .sd-theatre{background:radial-gradient(ellipse at 50% 70%,#78624f77,transparent 60%),radial-gradient(ellipse at 20% 20%,#66564855,transparent 65%),#2b2119;box-shadow:inset 0 0 65px #1a130d55,0 18px 40px #5b493924;overflow:hidden;border:1px solid #bba49050;height:430px!important}.has-webgl .sd-example{bottom:12px;color:#e2d6cb;font-size:9px;z-index:2;padding:0 12px}.has-webgl .sd-theatre:after{content:'LOCAL GROWTH / LIVE DEMO';position:absolute;top:17px;left:18px;color:#e1d2c4;font-size:8px;letter-spacing:2px;pointer-events:none}.has-webgl .sd-steps{margin-top:18px}.has-webgl .sd-theatre:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,#ffffff0b,transparent 45%);pointer-events:none;z-index:1}@media(max-width:430px){.has-webgl .sd-theatre{height:370px!important}.has-webgl .sd-theatre:after{font-size:7px;letter-spacing:1.5px}}
.sd-expand{position:absolute;top:10px;right:12px;z-index:3;font:inherit;font-size:10px;color:#f1ebe5;background:#413225d9;border:1px solid #b9a59466;border-radius:20px;padding:9px 12px;cursor:pointer}.store-demo:fullscreen{border:0;border-radius:0;background:#261d15;color:#f6f2ee;padding:24px 5vw;overflow:auto}.store-demo:fullscreen .sd-theatre{height:70vh!important;max-width:1250px;margin:12px auto}.store-demo:fullscreen .sd-top,.store-demo:fullscreen .sd-steps,.store-demo:fullscreen .sd-caption,.store-demo:fullscreen .sd-boundary{max-width:1000px;margin-left:auto;margin-right:auto}.store-demo:fullscreen .sd-caption{color:#f1eae4}.store-demo:fullscreen .sd-boundary,.store-demo:fullscreen .sd-top{color:#d2c2b4}@media(max-width:430px){.has-webgl .sd-theatre:after{top:54px;left:12px}.sd-expand{font-size:9px}}
/* Photo-led cinematic composition, with stable readable controls. */
.has-webgl .sd-theatre{height:490px!important;background:radial-gradient(ellipse at 20% 15%,#83786f66,transparent 55%),radial-gradient(ellipse at 80% 85%,#6f594677,transparent 65%),#231c16;border:1px solid #ac9f9355;border-radius:20px;box-shadow:0 24px 65px #3a2d2230,inset 0 0 60px #120d0922}.has-webgl .sd-theatre:after{display:none}.sd-cinema-title{position:absolute;top:25px;left:22px;right:22px;z-index:2;pointer-events:none;color:#faf8f6}.sd-cinema-title span{display:block;font-size:9px;letter-spacing:.12em;color:#dbd1c9;margin-bottom:8px}.sd-cinema-title strong{font-size:clamp(17px,1.7vw,24px);font-weight:600;letter-spacing:-.6px}.sd-expand{top:auto;bottom:38px;right:15px;background:#312820b8;backdrop-filter:blur(8px);border-color:#cbbeb34d}.has-webgl .sd-example{bottom:13px;color:#c4b9af;font-size:8px}.has-webgl .sd-webgl{top:40px;height:calc(100% - 40px)}.store-demo:fullscreen .sd-theatre{height:76vh!important}.store-demo:fullscreen .sd-cinema-title strong{font-size:30px}@media(max-width:430px){.has-webgl .sd-theatre{height:415px!important}.sd-cinema-title{top:20px;left:16px}.sd-cinema-title strong{font-size:17px}.sd-cinema-title span{font-size:8px}.has-webgl .sd-webgl{top:25px;height:calc(100% - 25px)}.sd-expand{font-size:9px;bottom:37px}.store-demo:fullscreen .sd-cinema-title strong{font-size:21px}}
/* Crisp HTML content above the animated WebGL lighting. Text stays at native display resolution. */
.has-webgl .sd-theatre{height:590px!important;background:radial-gradient(ellipse at 20% 0%,#64595080,transparent 60%),radial-gradient(ellipse at 95% 90%,#6b5c4e80,transparent 65%),#28211b;overflow:hidden;border:1px solid #c5bab055;box-shadow:0 24px 55px #3c302526}.has-webgl .sd-scene{display:block;inset:100px 14px 58px;z-index:2;transform:translateY(16px);transform-style:flat}.has-webgl .sd-scene.is-active{transform:translateY(0)}.has-webgl .sd-sheet{transform:none;transform-style:flat;border-color:#e7e2dd;box-shadow:0 20px 45px #100c0845,0 1px 0 #ffffff80 inset}.has-webgl .sd-photo{width:78%;left:7%;top:16px;border-radius:16px;transform:rotate(-2deg)}.has-webgl .sd-photo img{height:220px}.has-webgl .sd-photo-foot strong{font-size:22px}.has-webgl .sd-photo-foot span{font-size:12px}.has-webgl .sd-time{top:0;right:0;transform:none;padding:12px 15px}.has-webgl .sd-time strong{font-size:17px}.has-webgl .sd-material{bottom:5px;padding:12px 16px}.has-webgl .sd-poster{top:0;left:17%;width:69%;border-radius:14px}.has-webgl .sd-poster-copy{padding:22px;background:#faf5e9}.has-webgl .sd-poster-copy>span{font-size:11px}.has-webgl .sd-poster-copy h3{font-size:29px;line-height:1.3}.has-webgl .sd-poster-copy p{font-size:11px}.has-webgl .sd-poster img{height:185px}.has-webgl .sd-poster-foot{font-size:13px;padding:15px 20px}.has-webgl .sd-poster-shadow,.has-webgl .sd-draft,.has-webgl .sd-format{display:none}.has-webgl .sd-phone{width:47%;max-width:255px;left:3%;top:0;border:6px solid #fbf9f8;border-radius:24px;transform:rotate(-2deg);background:#fff}.has-webgl .sd-phone-camera{height:18px}.has-webgl .sd-phone>img{height:180px}.has-webgl .sd-phone-body{padding:16px}.has-webgl .sd-phone-body h3{font-size:26px;line-height:1.25;margin:10px 0 12px;color:#42372e}.has-webgl .sd-phone-body small{font-size:10px}.has-webgl .sd-phone-body p{font-size:11px;line-height:1.6}.has-webgl .sd-phone-body>span{font-size:12px;padding:12px 8px;background:#473b31}.has-webgl .sd-record{width:47%;right:0;top:74px;padding:22px 16px;border-radius:15px;background:#f5f2f0}.has-webgl .sd-record-label{font-size:11px;color:#796e65}.has-webgl .sd-record h3{font-size:21px;margin:12px 0 18px}.has-webgl .sd-record>div{font-size:12px;display:block;padding:12px 0}.has-webgl .sd-record>div strong{display:block;margin-top:4px;text-align:left;color:#4a3d31}.has-webgl .sd-record p{font-size:11px;line-height:1.7;color:#847970}.has-webgl .sd-proof{display:none}.sd-cinema-title{z-index:3;top:25px;left:24px;right:20px}.sd-cinema-title strong{font-size:clamp(19px,1.7vw,26px);line-height:1.35}.has-webgl .sd-webgl{opacity:.65;pointer-events:none}.sd-expand{z-index:5;bottom:20px;right:16px;font-size:10px}.has-webgl .sd-example{bottom:22px;left:12px;right:120px;width:auto;font-size:9px;text-align:left}.store-demo:fullscreen .sd-theatre{min-height:620px;max-width:1000px}.store-demo:fullscreen .sd-scene{max-width:600px;margin:auto}.store-demo:fullscreen .sd-phone{max-width:none}
@media(max-width:430px){.has-webgl .sd-theatre{height:560px!important}.has-webgl .sd-scene{inset:100px 10px 58px}.has-webgl .sd-phone{width:53%;left:0;transform:none;border-width:4px;border-radius:18px}.has-webgl .sd-phone>img{height:155px}.has-webgl .sd-phone-body{padding:12px}.has-webgl .sd-phone-body h3{font-size:21px}.has-webgl .sd-phone-body p{font-size:10px}.has-webgl .sd-record{width:45%;padding:16px 10px;top:80px}.has-webgl .sd-record h3{font-size:17px}.has-webgl .sd-record-label{font-size:10px}.has-webgl .sd-record>div{font-size:11px}.has-webgl .sd-record p{font-size:10px}.has-webgl .sd-photo{width:90%;left:3%;top:32px;transform:none}.has-webgl .sd-photo img{height:200px}.has-webgl .sd-time{padding:10px 12px}.has-webgl .sd-material{bottom:4px}.has-webgl .sd-poster{width:88%;left:6%}.has-webgl .sd-poster-copy h3{font-size:25px}.has-webgl .sd-poster img{height:180px}.sd-cinema-title{left:18px;top:23px}.sd-cinema-title strong{font-size:20px}.has-webgl .sd-example{font-size:8px;right:105px}.sd-expand{font-size:9px}}
.has-webgl .sd-record h3,.store-demo:fullscreen .sd-record h3,.store-demo:fullscreen .sd-phone-body h3{color:#42372e!important}.store-demo:fullscreen .sd-scene{max-width:760px}.store-demo:fullscreen .sd-phone>img{height:220px}.store-demo:fullscreen .sd-record>div{font-size:14px}.store-demo:fullscreen .sd-phone-body h3{font-size:30px}.store-demo:fullscreen .sd-record h3{font-size:24px}.store-demo:fullscreen .sd-record p{font-size:12px}
.has-webgl .sd-phone{display:block;grid-template-columns:none}.has-webgl .sd-record{left:auto}@media(max-width:430px){.has-webgl .sd-theatre{height:600px!important}.has-webgl .sd-record{left:auto;right:0}.has-webgl .sd-phone-body h3{font-size:20px}}