:root{--red:#ff5f63}.nav-wrap{position:sticky;top:0;z-index:20;background:#090e14d9;backdrop-filter:blur(18px);border-bottom:1px solid #25313d}.nav-wrap .nav{border-bottom:0}.quick-tabs{justify-content:center}.quick-tabs a{padding:7px 12px;border:1px solid transparent;border-radius:16px;transition:color .2s,background .2s,border-color .2s}.quick-tabs a:hover{color:var(--text);background:#1a2632;border-color:#314253}.highlight-red{color:var(--red)!important;font-weight:800;position:relative}.highlight-red:before{content:"";display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin:0 7px 1px 0;box-shadow:0 0 12px var(--red)}.mock-window{margin:0}.mock-window img{display:block;width:100%;height:260px;object-fit:cover;object-position:top}.local-window{width:72%;right:1%;bottom:5px;z-index:2;opacity:.84;transform:translateZ(-25px) rotate(1deg)}.server-window{z-index:3}.storefront-window{opacity:.5}.preview-body{display:block;background:#0d1115}.preview-body img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .4s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1)}.preview-body.changing img{opacity:.2;transform:scale(.985)}.preview-tabs{display:flex;gap:4px;margin-left:auto}.preview-tabs button{border:1px solid transparent;background:transparent;border-radius:5px;color:#8fa2b0;padding:3px 6px;font:600 10px/1 "Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer}.preview-tabs button:hover,.preview-tabs button.active{border-color:#4b6473;background:#263b48;color:#ffb454}.preview-top [data-preview-status]{margin-left:8px}.story-stage{gap:84px}.story-step{min-height:360px;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}.preview-window{transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}.preview-window.changing{opacity:.45;transform:scale(.985) rotateY(-3deg)}@media(max-width:800px){.nav-wrap .nav{height:64px}.nav-wrap .logo{font-size:13px}.nav-wrap .login-link{font-size:13px}.mock-window img{height:210px}.preview-tabs button{padding:3px 4px;font-size:9px}.preview-top [data-preview-status]{display:none}.story-stage{gap:44px}.story-step{min-height:330px}}
:root{--red:#ff5f63}.nav-wrap{position:sticky;top:0;z-index:20;background:#090e14d9;backdrop-filter:blur(18px);border-bottom:1px solid #25313d}.nav-wrap .nav{border-bottom:0}.quick-tabs{justify-content:center}.quick-tabs a{padding:7px 12px;border:1px solid transparent;border-radius:16px;transition:color .2s,background .2s,border-color .2s}.quick-tabs a:hover{color:var(--text);background:#1a2632;border-color:#314253}.highlight-red{color:var(--red)!important;font-weight:800;position:relative}.highlight-red:before{content:"";display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin:0 7px 1px 0;box-shadow:0 0 12px var(--red)}.mock-window{margin:0}.mock-window img{display:block;width:100%;height:260px;object-fit:cover;object-position:top}.local-window{width:72%;right:1%;bottom:5px;z-index:2;opacity:.84;transform:translateZ(-25px) rotate(1deg)}.server-window{z-index:3}.storefront-window{opacity:.5}.preview-body{display:block;background:#0d1115;overflow:hidden;position:relative}.preview-body img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;position:absolute;inset:0;opacity:1;transform:translateX(0) scale(1);transition:opacity .48s cubic-bezier(.22,.61,.36,1),transform .48s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.preview-body img.slide-out-left{opacity:0;transform:translateX(-9%) scale(.99)}.preview-body img.slide-in-right{opacity:0;transform:translateX(9%) scale(.99)}.preview-body img.slide-in-right.slide-active{opacity:1;transform:translateX(0) scale(1)}.preview-tabs{display:flex;gap:4px;margin-left:auto}.preview-tabs button{border:1px solid transparent;background:transparent;border-radius:5px;color:#8fa2b0;padding:3px 6px;font:600 10px/1 "Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer}.preview-tabs button:hover,.preview-tabs button.active{border-color:#4b6473;background:#263b48;color:#ffb454}.preview-top [data-preview-status]{margin-left:8px}.story-stage{gap:84px}.story-step{min-height:360px;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}.preview-window{transform:perspective(900px) rotateY(var(--preview-tilt-y,-5deg)) rotateX(var(--preview-tilt-x,2deg)) translate3d(var(--preview-shift-x,0),var(--preview-shift-y,0),0);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1);will-change:transform}.preview-window.changing{opacity:.45;transform:perspective(900px) rotateY(var(--preview-tilt-y,-3deg)) rotateX(var(--preview-tilt-x,1deg)) translate3d(var(--preview-shift-x,0),var(--preview-shift-y,0),0) scale(.985)}.preview-glow{transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .28s ease;will-change:transform}@media(max-width:800px){.nav-wrap .nav{height:64px}.nav-wrap .logo{font-size:13px}.nav-wrap .login-link{font-size:13px}.mock-window img{height:210px}.preview-tabs button{padding:3px 4px;font-size:9px}.preview-top [data-preview-status]{display:none}.story-stage{gap:44px}.story-step{min-height:330px}.preview-window{transform:none}}
.hero-visual{isolation:isolate}.hero-orbit{z-index:0;width:620px;height:460px;right:-70px;top:-20px;background:radial-gradient(ellipse at center,rgba(255,180,84,.38) 0%,rgba(255,180,84,.14) 32%,rgba(255,180,84,0) 72%);filter:blur(18px);opacity:.62}.window-stack{z-index:1}.window-stack .server-window{width:80%;left:-3%;top:74px}.window-stack .local-window{width:66%;right:-1%;bottom:-2px;opacity:.9}.window-stack .storefront-window{width:56%;right:-5%;top:-12px;opacity:.62;transform:translateZ(-70px)}
@media(max-width:800px){.hero-orbit{width:500px;height:360px;right:-100px}.window-stack .server-window{width:88%;left:0;top:58px}.window-stack .local-window{width:72%;right:-2%;bottom:0}.window-stack .storefront-window{width:62%;right:-3%;top:0}}