.feature-cube-section{isolation:isolate;padding:90px max(24px,4vw);position:relative;overflow:visible!important}.feature-cube-section .section-head{max-width:1120px;margin:0 auto 40px}.cube-walkthrough{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:70px;max-width:1120px;margin:auto;display:grid}.cube-step{opacity:.32;flex-direction:column;justify-content:center;min-height:56vh;transition:opacity .5s,transform .5s;display:flex;transform:translateY(12px)}.cube-step.is-current{opacity:1;transform:none}.cube-number{letter-spacing:3px;color:#94baf0;margin-bottom:24px;font:12px monospace}.cube-step h3{letter-spacing:-1px;margin:0 0 22px;font-size:clamp(28px,3vw,42px);line-height:1.15}.cube-step p{color:#b5c4da;max-width:390px;font-size:16px;line-height:1.8}.cube-sticky{--cube-size:clamp(300px,35vw,460px);height:calc(var(--cube-size) + 150px);flex-direction:column;align-items:center;padding-top:15px;display:flex;position:sticky;top:130px}.cube-perspective{perspective:1500px;width:var(--cube-size);height:var(--cube-size);z-index:1;position:relative}.feature-cube{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,.75,.2,1);position:relative}.cube-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(145deg,#13243a,#080f1b);border:1px solid #7ca6df;border-radius:12px;flex-direction:column;padding:16px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 30px #79b0ff0c}.cube-face-header{letter-spacing:2px;color:#b9d2f5;border-bottom:1px solid #9abff327;align-items:center;gap:10px;padding-bottom:10px;font:10px monospace;display:flex}.cube-face-header img{object-fit:contain;width:23px;height:23px}.cube-face-header i{background:#8de6c3;border-radius:50%;width:5px;height:5px;margin-left:auto;box-shadow:0 0 10px #8de6c3}.cube-product{pointer-events:none;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:10px 0;display:flex;overflow:hidden}.cube-product .extension-preview{border:0;min-height:0}.cube-ca{object-fit:contain;max-width:100%;height:100%}.cube-face-title{color:#d3e4ff;border-top:1px solid #9abff327;padding-top:8px;font-size:13px;font-weight:600}.cube-orbit{pointer-events:none;background:radial-gradient(#4876c326,#0000 68%);position:absolute;inset:0 -30px 50px}.cube-circuit{color:#b5d2ff;width:100%;max-width:500px;height:90px;position:relative}.cube-circuit svg{stroke:#a6caff;stroke-width:1.5px;width:100%;height:74px;overflow:visible}.cube-circuit circle{fill:#a6caff}.circuit-base{opacity:.22}.circuit-pulse{stroke-dasharray:24 370;animation:2.3s linear infinite circuit-flow}.cube-circuit span{background:#0e1b30;border:1px solid #668abf;border-radius:6px;padding:9px 14px;font-size:12px;animation:.55s both circuit-label;position:absolute;top:38px;right:0}.cube-progress{gap:6px;margin-top:4px;display:flex}.cube-progress span{background:#344963;width:12px;height:3px;transition:background .4s,width .4s}.cube-progress .active{background:#bbd5ff;width:28px;box-shadow:0 0 12px #93baff66}.cube-hint{letter-spacing:1.5px;color:#7e94b1;margin-top:18px;font-size:9px}.cube-mobile-preview{display:none}@keyframes circuit-flow{to{stroke-dashoffset:-394px}}@keyframes circuit-label{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@media (max-width:850px),(prefers-reduced-motion:reduce){.cube-walkthrough{max-width:600px;display:block}.cube-sticky{display:none}.cube-step{opacity:1;min-height:0;margin:0 0 60px;transition:none;transform:none}.cube-step p{max-width:none}.cube-mobile-preview{background:#0b1626;border:1px solid #668abf;border-radius:12px;margin-top:20px;padding:16px;display:block}.cube-mobile-preview .extension-preview{border:0;width:100%}.cube-mobile-preview .cube-ca{max-height:480px;margin:auto;display:block}.feature-cube-section{padding:64px 24px}.cube-step h3{font-size:30px}.cube-number{margin-bottom:14px}}@media (min-width:851px) and (prefers-reduced-motion:no-preference){.cube-sticky{--cube-size:min(35vw,460px,calc(100dvh - 270px));align-self:start;top:110px}.cube-step.is-past{opacity:0;pointer-events:none;transform:translateY(-24px)}.cube-step.is-upcoming{opacity:.18}.cube-step.is-current{opacity:1;transform:none}}.cube-product{padding:8px 0}.cube-product .cube-ca{object-fit:contain;width:100%;height:100%}.cube-native-fit{width:100%;min-width:0;height:100%;position:relative}.cube-product .cube-native-fit .extension-preview{zoom:1;border:0;flex:none;height:auto;min-height:0}.cube-circuit{align-items:flex-start;gap:14px;display:flex}.cube-circuit svg{flex:1;width:0;min-width:0;height:74px}.cube-circuit span{overflow-wrap:anywhere;flex:0 auto;max-width:58%;margin-top:33px;line-height:20px;position:static}.cube-perspective{transform-origin:50%;transition:transform .42s cubic-bezier(.2,.85,.25,1.15),filter .42s}@media (hover:hover) and (pointer:fine){.cube-perspective:hover{filter:drop-shadow(0 18px 24px #02071180)drop-shadow(0 0 12px #85b9ff25);z-index:3;transform:translateY(-6px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.cube-perspective{transition:none}.cube-perspective:hover{transform:none}}.cube-locked-stage{display:contents}@media (min-width:851px) and (prefers-reduced-motion:no-preference){.cube-walkthrough{height:calc(616vh + min(35vw,460px,100dvh - 270px) + 150px);display:block}.cube-locked-stage{--cube-size:min(35vw,460px,calc(100dvh - 270px));min-height:calc(var(--cube-size) + 150px);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:70px;display:grid;position:sticky;top:110px}.cube-sticky{position:relative;top:auto}.cube-steps{height:var(--cube-size);align-items:center;margin-top:15px;display:grid}.cube-steps .cube-step{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;min-height:0;margin:0;transition:opacity .35s,transform .35s,visibility .35s;transform:translateY(10px)}.cube-steps .cube-step.is-current{opacity:1;visibility:visible;pointer-events:auto;transform:none}}.feature-cube-section{padding-bottom:32px}@media (max-width:850px) and (min-height:650px) and (prefers-reduced-motion:no-preference){.feature-cube-section{padding:45px 20px 28px}.cube-walkthrough{height:calc(1060svh - 88px);display:block}.cube-locked-stage{flex-direction:column;align-items:center;gap:12px;height:calc(100svh - 88px);padding:8px 0 20px;display:flex;position:sticky;top:88px}.cube-steps{flex:none;align-items:start;width:100%;height:162px;margin:0;display:grid}.cube-steps .cube-step{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;min-height:0;margin:0;transition:opacity .25s;transform:none}.cube-steps .cube-step.is-current{opacity:1;visibility:visible}.cube-step .cube-number{letter-spacing:2px;margin-bottom:7px;font-size:10px}.cube-step h3{margin-bottom:9px;font-size:23px;line-height:1.15}.cube-step p{max-width:none;margin:0;font-size:12px;line-height:1.5}.cube-mobile-preview{display:none}.cube-sticky{--cube-size:min(76vw,calc((100svh - 330px) / 1.12),420px);flex:1;justify-content:center;width:100%;height:auto;min-height:0;padding:0;display:flex;position:relative;top:auto}.cube-perspective{transform:scale(var(--mobile-zoom,1));transform-origin:50%;transition:none}.feature-cube{transition:none;transform:translateZ(calc(var(--cube-size) / -2)) rotateY(var(--mobile-turn,0deg))!important}.cube-face{padding:8px}.cube-face-header{letter-spacing:1px;padding-bottom:5px;font-size:8px}.cube-face-header img{width:18px;height:18px}.cube-face-title{padding-top:5px;font-size:10px}.cube-product{padding:4px 0}.cube-circuit,.cube-hint{display:none}.cube-progress{margin-top:calc(var(--cube-size) * .07 + 12px);gap:5px}.cube-progress span{width:9px}.cube-progress .active{width:20px}}
