.bt-spaces{background:#eef2f6;padding:90px 24px;color:#101827;scroll-margin-top:90px}.spaces-wrap{max-width:1120px;margin:auto}.spaces-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.spaces-heading h2{font-size:clamp(32px,4vw,51px);letter-spacing:-.045em;line-height:1.13;margin:16px 0 0}.spaces-heading em{font-style:normal;color:#075a9c}.spaces-heading>p{font-size:14px;line-height:1.8;color:#59677a;max-width:300px}.spaces-layout{display:grid;grid-template-columns:280px 1fr;gap:30px}.spaces-nav button{display:flex;width:100%;align-items:center;gap:20px;text-align:left;background:transparent;border:0;border-bottom:1px solid #d4dce4;color:inherit;padding:25px 15px;font:inherit;cursor:pointer;transition:background .25s,box-shadow .25s}.spaces-nav button>span{font-size:11px;color:#7e8e9d}.spaces-nav button strong{display:block;font-size:20px;letter-spacing:-.025em}.spaces-nav button small{font-size:12px;color:#687789}.spaces-nav button b{margin-left:auto;font-size:20px;font-weight:400;color:#8594a0}.spaces-nav button[aria-pressed=true]{background:#fff;box-shadow:inset 3px 0 #f36b21,0 10px 25px #17233708;border-bottom-color:transparent}.spaces-nav button[aria-pressed=true] b{color:#f36b21}.spaces-small{padding:25px 15px;font-size:10px;font-weight:700;line-height:2;letter-spacing:.08em;color:#075a9c}.spaces-small span{font-size:11px;letter-spacing:0;font-weight:400;color:#59677a}.spaces-display{border:1px solid #d4dce4;border-radius:10px;overflow:hidden;background:white;box-shadow:0 22px 55px #1723370a}.spaces-scene{height:350px;position:relative;background-color:#101e31;background-image:linear-gradient(#77a1c509 1px,transparent 1px),linear-gradient(90deg,#77a1c509 1px,transparent 1px);background-size:28px 28px;overflow:hidden;color:#fff}.scene-label,.scene-key{position:absolute;top:20px;font-size:9px;letter-spacing:.12em;color:#93b4cf}.scene-label{left:22px}.scene-key{right:22px;color:#ffad78}.spaces-paths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#35627d;stroke-width:1.4}.spaces-flow{stroke:#46d9e7;stroke-width:2;stroke-dasharray:12 130;animation:spaces-signal 7s linear infinite}.space-hub{position:absolute;left:50%;top:48%;translate:-50% -50%;width:135px;height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #6489a2;border-radius:20px;background:linear-gradient(135deg,#2b4860,#17283c);box-shadow:0 15px 30px #0004,0 0 40px #11a7b818}.space-hub small{font-size:8px;letter-spacing:.12em;color:#b0c5d6}.space-hub strong{font-size:47px;line-height:1.4;letter-spacing:-.05em}.space-hub strong span{color:#f36b21}.space-hub>span{font-size:6px;letter-spacing:.08em;color:#b0c5d6}.space-node{position:absolute;width:145px;display:flex;align-items:center;flex-direction:column;gap:11px}.space-node>span{font-size:8px;letter-spacing:.09em;color:#a5bdcf}.node-one{left:12%;top:64px}.node-two{right:10%;top:64px}.node-three{left:10%;bottom:30px}.node-four{right:8%;bottom:30px}.space-screen{width:84px;height:51px;border:3px solid #86a1b3;border-radius:5px;background:#1e334c;display:flex;gap:4px;align-items:end;padding:8px;position:relative;animation:spaces-float 6s ease-in-out infinite}.space-screen:after{content:'';position:absolute;bottom:-10px;left:23px;width:32px;border-bottom:3px solid #7693aa}.space-screen i{width:16px;height:70%;background:#4c7b9e}.space-screen i:nth-child(2){height:100%;background:#e9955c}.space-screen i:nth-child(3){height:45%;background:#60beca}.space-router{width:92px;height:32px;border:1px solid #8199af;transform:skewY(-7deg);border-radius:4px;background:#344a62;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;box-shadow:0 8px #1b2d42;animation:spaces-float 7s ease-in-out -2s infinite}.space-router i{height:9px;width:8px;background:#0c1827;border-bottom:2px solid #64c3bf}.space-storage{width:46px;height:56px;border:1px solid #8199af;border-radius:5px;background:#344a62;display:flex;padding:7px;gap:4px;animation:spaces-float 6s ease-in-out -3s infinite}.space-storage i{background:#162a40;flex:1;border-bottom:3px solid #62babc}.space-output{width:75px;height:40px;margin-top:10px;border-radius:6px;background:#48617a;border:1px solid #8eacbc;display:flex;align-items:center;justify-content:center;gap:4px;animation:spaces-float 7s ease-in-out -4s infinite}.space-output i{width:13px;height:17px;background:#aec0ce;border-bottom:2px solid #72d1db}.spaces-detail{padding:28px;display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.spaces-kicker{font-size:9px!important;letter-spacing:.1em;color:#d65d1b!important;font-weight:700}.spaces-detail h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:10px 0 14px}.spaces-detail p{font-size:13px;line-height:1.8;color:#59677a;margin:0}.spaces-links a{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e4e9ed;padding:11px 0;text-decoration:none;font-size:12px;font-weight:600}.spaces-links a span{color:#d65d1b}.spaces-links a:hover{color:#075a9c}.spaces-foot{display:flex;justify-content:space-between;gap:25px;margin-top:27px;font-size:12px;color:#6b7885}.spaces-foot a{color:#075a9c;font-weight:700;text-decoration:none;white-space:nowrap}.spaces-display[data-active-space=shop] .space-hub{border-color:#f36b21}.spaces-display[data-active-space=home] .space-hub{border-color:#11a7b8}.motion-paused .bt-spaces *{animation-play-state:paused!important}@keyframes spaces-signal{to{stroke-dashoffset:-284}}@keyframes spaces-float{50%{translate:0 -6px}}@media(max-width:850px){.spaces-layout{grid-template-columns:1fr}.spaces-nav{display:flex;gap:10px}.spaces-nav button{padding:16px 12px;gap:10px;flex:1}.spaces-nav button>span,.spaces-nav small,.spaces-small{display:none}.spaces-nav button strong{font-size:15px}.spaces-heading{display:block}.spaces-heading>p{max-width:none}.spaces-heading>p br{display:none}}@media(max-width:500px){.bt-spaces{padding:55px 16px}.spaces-nav button b{display:none}.spaces-nav button{justify-content:center}.spaces-scene{height:310px}.space-node{width:85px}.space-node>span{font-size:6px}.node-one,.node-three{left:4%}.node-two,.node-four{right:4%}.space-hub{width:94px;height:100px;border-radius:15px}.space-hub strong{font-size:36px}.space-hub small{font-size:6px}.space-hub>span{font-size:4px}.spaces-detail{grid-template-columns:1fr;padding:22px}.spaces-links{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.spaces-foot{flex-direction:column;gap:12px}.scene-label,.scene-key{font-size:7px}.space-screen{width:65px}.space-router{width:70px}.spaces-nav{gap:5px}}@media(prefers-reduced-motion:reduce){.bt-spaces *{animation:none!important;transition:none!important}}
.spaces-display[data-active-space=shop] .space-storage{width:65px;height:44px;border-width:3px;background:#213951;position:relative}.spaces-display[data-active-space=shop] .space-storage:after{content:'';position:absolute;bottom:-12px;left:15px;width:30px;height:3px;background:#86a1b3}.spaces-display[data-active-space=shop] .space-output{width:65px;height:37px;border-radius:22px 7px 7px 22px;transform:rotate(-12deg);justify-content:start;padding-left:7px}.spaces-display[data-active-space=shop] .space-output i{display:none}.spaces-display[data-active-space=shop] .space-output i:first-child{display:block;width:23px;height:23px;border-radius:50%;background:#0c1929;border:4px solid #60869c;box-shadow:inset 0 0 0 3px #142d42}.spaces-display[data-active-space=home] .space-storage{width:50px;height:50px;border-radius:50%;justify-content:center;align-items:center}.spaces-display[data-active-space=home] .space-storage i{flex:none;width:12px;height:12px;border:2px solid #60beca;border-radius:50%}.spaces-display[data-active-space=home] .space-storage i:last-child{display:none}