.ProblemVisual-module__ITYSWW__frame{--ink:#18364c;--muted:#7d90a0;--accent:#1676d2;--positive:#228976;--paper:#fff;--canvas:#f4f8fc;--line:#e3ebf2;--soft:#e4f0fc;--cycle:8s;color:var(--ink);isolation:isolate;padding:12px 3px;position:relative}.dark .ProblemVisual-module__ITYSWW__frame{--ink:#e2edf6;--muted:#8fa8bc;--accent:#79cfff;--positive:#72d5b7;--paper:#142538;--canvas:#0d1c2b;--line:#293f53;--soft:#1a364e}.ProblemVisual-module__ITYSWW__frame:before{content:"";z-index:-1;background:radial-gradient(ellipse at 55% 55%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%);position:absolute;inset:6% 0}.ProblemVisual-module__ITYSWW__scene{width:100%;max-width:480px;height:260px;margin:0 auto;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative}.group:hover .ProblemVisual-module__ITYSWW__scene{transform:translateY(-4px)}.ProblemVisual-module__ITYSWW__panel{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 15px 32px -18px #173e663b}.ProblemVisual-module__ITYSWW__windowBar{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:10px 12px;font-size:10px;font-weight:600;line-height:1.2;display:flex}.ProblemVisual-module__ITYSWW__windowBar>span:nth-child(2){flex:1;min-width:0}.ProblemVisual-module__ITYSWW__windowDots{gap:3px;display:flex}.ProblemVisual-module__ITYSWW__windowDots i{background:var(--muted);opacity:.5;border-radius:50%;width:3px;height:3px}.ProblemVisual-module__ITYSWW__liveDot{background:var(--positive);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:block}.ProblemVisual-module__ITYSWW__status{color:var(--positive);justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:500;line-height:1.4;display:flex}.ProblemVisual-module__ITYSWW__status svg{flex-shrink:0}.ProblemVisual-module__ITYSWW__wires{width:100%;height:100%;position:absolute;inset:0}.ProblemVisual-module__ITYSWW__wire{stroke:var(--line);stroke-width:1.5px}.ProblemVisual-module__ITYSWW__packet{stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:.09 .91;animation:ProblemVisual-module__ITYSWW__transmit var(--cycle) linear calc(var(--step) * .55s) infinite}.ProblemVisual-module__ITYSWW__sources{flex-direction:column;justify-content:space-between;width:29%;display:flex;position:absolute;top:32px;bottom:32px;left:0}.ProblemVisual-module__ITYSWW__source{border:1px solid var(--line);background:var(--paper);height:50px;animation:ProblemVisual-module__ITYSWW__sync-source var(--cycle) ease-in-out calc(var(--step) * .55s) infinite;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex;box-shadow:0 6px 15px -10px #173e6630}.ProblemVisual-module__ITYSWW__source>svg{color:var(--accent);flex-shrink:0}.ProblemVisual-module__ITYSWW__source>span{font-size:10px;font-weight:500}.ProblemVisual-module__ITYSWW__sourceDot{background:var(--positive);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-left:auto}.ProblemVisual-module__ITYSWW__mergePoint{width:46px;height:46px;color:var(--accent);background:var(--paper);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:43%;transform:translate(-50%,-50%)}.ProblemVisual-module__ITYSWW__records{width:46%;position:absolute;top:28px;right:0}.ProblemVisual-module__ITYSWW__recordRows{padding:8px 12px 0}.ProblemVisual-module__ITYSWW__recordRow{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:40px;display:flex}.ProblemVisual-module__ITYSWW__recordRow:last-child{border-bottom:0}.ProblemVisual-module__ITYSWW__recordNumber{color:var(--muted);font-variant-numeric:tabular-nums;font-size:8px}.ProblemVisual-module__ITYSWW__skeleton{flex:1;gap:6px;display:grid}.ProblemVisual-module__ITYSWW__skeleton i{background:var(--line);height:4px;animation:ProblemVisual-module__ITYSWW__record-fill var(--cycle) ease calc(var(--step) * .55s) infinite;transform-origin:0;border-radius:2px}.ProblemVisual-module__ITYSWW__skeleton i:last-child{width:62%;height:3px}.ProblemVisual-module__ITYSWW__recordCheck{color:var(--positive);animation:ProblemVisual-module__ITYSWW__record-check var(--cycle) ease calc(var(--step) * .55s) infinite}.ProblemVisual-module__ITYSWW__records .ProblemVisual-module__ITYSWW__status{border-top:1px solid var(--line);background:var(--canvas);padding:12px 6px}.ProblemVisual-module__ITYSWW__automation{max-width:380px}.ProblemVisual-module__ITYSWW__pipeline{grid-template-columns:repeat(3,1fr);padding:6px 0 0;display:grid;position:relative}.ProblemVisual-module__ITYSWW__pipeline:before{content:"";background:var(--line);height:1px;position:absolute;top:32px;left:16%;right:16%}.ProblemVisual-module__ITYSWW__pipelineStep{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.ProblemVisual-module__ITYSWW__pipelineIcon{width:52px;height:52px;color:var(--muted);border:1px solid var(--line);background:var(--paper);animation:ProblemVisual-module__ITYSWW__process-step var(--cycle) ease-in-out calc(var(--step) * 1s) infinite;border-radius:14px;place-items:center;display:grid}.ProblemVisual-module__ITYSWW__pipelineStep>span{color:var(--muted);font-size:10px}.ProblemVisual-module__ITYSWW__taskPanel{margin:20px 12px 0;padding:4px 12px 0}.ProblemVisual-module__ITYSWW__task{align-items:center;gap:8px;height:32px;font-size:10px;display:flex}.ProblemVisual-module__ITYSWW__taskCheck{width:16px;height:16px;color:var(--positive);background:var(--canvas);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ProblemVisual-module__ITYSWW__taskCheck svg{animation:ProblemVisual-module__ITYSWW__task-check var(--cycle) ease calc(var(--step) * .6s) infinite}.ProblemVisual-module__ITYSWW__taskTrack{background:var(--line);border-radius:3px;width:38px;height:3px;margin-left:auto;overflow:hidden}.ProblemVisual-module__ITYSWW__taskTrack i{transform-origin:0;background:var(--positive);width:100%;height:100%;animation:ProblemVisual-module__ITYSWW__task-progress var(--cycle) ease calc(var(--step) * .6s) infinite;display:block}.ProblemVisual-module__ITYSWW__taskFooter{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;margin-top:3px;padding:9px 0;font-size:9px;display:flex}.ProblemVisual-module__ITYSWW__adoption{max-width:370px}.ProblemVisual-module__ITYSWW__product{transition:transform .6s;position:absolute;top:8px;left:6%;right:6%;transform:perspective(900px)rotateY(-5deg)rotate(-2deg)}.group:hover .ProblemVisual-module__ITYSWW__product{transform:perspective(900px)rotateY(0)rotate(0)}.ProblemVisual-module__ITYSWW__productBody{min-height:178px;display:flex}.ProblemVisual-module__ITYSWW__productSidebar{border-right:1px solid var(--line);background:var(--canvas);width:42px;color:var(--accent);flex-direction:column;flex-shrink:0;align-items:center;gap:14px;padding-top:17px;display:flex}.ProblemVisual-module__ITYSWW__productSidebar i{background:var(--line);border-radius:2px;width:14px;height:4px}.ProblemVisual-module__ITYSWW__productSidebar i:first-of-type{background:var(--accent);opacity:.5}.ProblemVisual-module__ITYSWW__onboarding{flex:1;padding:14px 16px 12px;position:relative}.ProblemVisual-module__ITYSWW__stepProgress{gap:5px;margin-bottom:12px;display:flex}.ProblemVisual-module__ITYSWW__stepProgress i{background:var(--line);height:3px;animation:ProblemVisual-module__ITYSWW__onboarding-progress var(--cycle) ease calc(var(--step) * .65s) infinite;border-radius:2px;flex:1}.ProblemVisual-module__ITYSWW__onboardingStep{align-items:center;gap:7px;min-height:29px;font-size:10px;display:flex}.ProblemVisual-module__ITYSWW__onboardingStep>span{border:1px solid var(--line);width:15px;height:15px;color:var(--positive);border-radius:4px;place-items:center;display:grid}.ProblemVisual-module__ITYSWW__onboardingStep svg{animation:ProblemVisual-module__ITYSWW__onboarding-check var(--cycle) ease calc(var(--step) * .65s) infinite}.ProblemVisual-module__ITYSWW__productButton{background:var(--accent);width:fit-content;max-width:100%;color:var(--paper);animation:ProblemVisual-module__ITYSWW__button-press var(--cycle) ease infinite;border-radius:5px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:7px 10px;font-size:9px;font-weight:600;display:flex}.ProblemVisual-module__ITYSWW__cursor{color:var(--ink);filter:drop-shadow(0 2px 2px #173e6620);animation:ProblemVisual-module__ITYSWW__cursor-click var(--cycle) cubic-bezier(.22,1,.36,1) infinite;position:absolute;bottom:2px;right:5%}.ProblemVisual-module__ITYSWW__successToast{border:1px solid var(--line);background:var(--paper);animation:ProblemVisual-module__ITYSWW__success-toast var(--cycle) ease infinite;border-radius:9px;padding:11px 14px;position:absolute;bottom:6px;right:0;box-shadow:0 10px 24px -12px #173e6640}.ProblemVisual-module__ITYSWW__foundation{max-width:460px}.ProblemVisual-module__ITYSWW__infrastructure{z-index:1;width:76%;position:absolute;top:15px;left:2%}.ProblemVisual-module__ITYSWW__layers{padding:6px 14px 12px}.ProblemVisual-module__ITYSWW__layer{border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:47px;display:flex}.ProblemVisual-module__ITYSWW__layer:last-child{border-bottom:0}.ProblemVisual-module__ITYSWW__layer>svg{color:var(--accent);flex-shrink:0}.ProblemVisual-module__ITYSWW__layer>span:not(.ProblemVisual-module__ITYSWW__liveDot){font-size:11px}.ProblemVisual-module__ITYSWW__capacity{gap:3px;margin-left:auto;display:flex}.ProblemVisual-module__ITYSWW__capacity i{background:var(--accent);transform-origin:bottom;width:3px;height:12px;animation:ProblemVisual-module__ITYSWW__capacity-shift var(--cycle) ease calc(var(--step) * .15s) infinite;border-radius:2px}.ProblemVisual-module__ITYSWW__capacity i:nth-child(2n){opacity:.5;align-self:flex-end;height:8px}.ProblemVisual-module__ITYSWW__scaleRail{background:var(--line);height:1px;position:absolute;top:128px;left:70%;right:5%}.ProblemVisual-module__ITYSWW__scaleRail:after{content:"";background:var(--line);width:1px;height:140px;position:absolute;top:-70px;right:0}.ProblemVisual-module__ITYSWW__replicas{flex-direction:column;justify-content:space-between;width:13%;display:flex;position:absolute;top:30px;bottom:44px;right:0}.ProblemVisual-module__ITYSWW__replica{border:1px solid var(--line);background:var(--paper);height:46px;color:var(--accent);animation:ProblemVisual-module__ITYSWW__replica-add var(--cycle) cubic-bezier(.22,1,.36,1) calc(var(--step) * .7s) infinite;border-radius:10px;place-items:center;display:grid;position:relative}.ProblemVisual-module__ITYSWW__replica .ProblemVisual-module__ITYSWW__liveDot{width:4px;height:4px;position:absolute;bottom:6px;right:6px}.ProblemVisual-module__ITYSWW__scaleStatus{position:absolute;bottom:7px;left:3%}.ProblemVisual-module__ITYSWW__frame:not([data-running=true]) *,.ProblemVisual-module__ITYSWW__frame:not([data-running=true]) :before,.ProblemVisual-module__ITYSWW__frame:not([data-running=true]) :after{animation-play-state:paused}@keyframes ProblemVisual-module__ITYSWW__transmit{0%,10%{stroke-dashoffset:1px;opacity:0}16%{opacity:1}42%{stroke-dashoffset:0;opacity:1}48%,to{stroke-dashoffset:0;opacity:0}}@keyframes ProblemVisual-module__ITYSWW__sync-source{0%,10%,55%,to{border-color:var(--line);transform:translate(0)}20%,40%{border-color:var(--accent);transform:translate(3px)}}@keyframes ProblemVisual-module__ITYSWW__record-fill{0%,18%{opacity:.4;transform:scaleX(.3)}46%,90%{opacity:1;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.3)}}@keyframes ProblemVisual-module__ITYSWW__record-check{0%,25%{opacity:.15}44%,90%{opacity:1}to{opacity:.15}}@keyframes ProblemVisual-module__ITYSWW__process-step{0%,12%,75%,to{color:var(--muted);border-color:var(--line);transform:translateY(0)}22%,55%{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}}@keyframes ProblemVisual-module__ITYSWW__task-check{0%,42%{opacity:.15;transform:scale(.7)}60%,90%{opacity:1;transform:scale(1)}to{opacity:.15;transform:scale(.7)}}@keyframes ProblemVisual-module__ITYSWW__task-progress{0%,20%{transform:scaleX(.05)}57%,92%{transform:scaleX(1)}to{transform:scaleX(.05)}}@keyframes ProblemVisual-module__ITYSWW__onboarding-progress{0%,12%,to{background:var(--line)}29%,90%{background:var(--positive)}}@keyframes ProblemVisual-module__ITYSWW__onboarding-check{0%,12%,to{opacity:.1}29%,90%{opacity:1}}@keyframes ProblemVisual-module__ITYSWW__cursor-click{0%,10%,to{opacity:0;transform:translate(10px,8px)}20%{opacity:1}46%,54%{opacity:1;transform:translate(-44px,-14px)}62%,88%{opacity:0;transform:translate(-25px,-3px)}}@keyframes ProblemVisual-module__ITYSWW__button-press{0%,47%,55%,to{transform:scale(1)}51%{transform:scale(.96)}}@keyframes ProblemVisual-module__ITYSWW__success-toast{0%,52%,to{opacity:0;transform:translateY(9px)}61%,90%{opacity:1;transform:translateY(0)}}@keyframes ProblemVisual-module__ITYSWW__capacity-shift{0%,12%,to{transform:scaleY(.5)}34%,45%{transform:scaleY(1)}65%,88%{transform:scaleY(.55)}}@keyframes ProblemVisual-module__ITYSWW__replica-add{0%,22%,to{opacity:.18;transform:translate(8px)scale(.9)}43%,90%{opacity:1;transform:translate(0)scale(1)}}@media (max-width:480px){.ProblemVisual-module__ITYSWW__source{gap:5px;padding:0 6px}.ProblemVisual-module__ITYSWW__source>svg{width:16px}.ProblemVisual-module__ITYSWW__source>span{overflow-wrap:anywhere;min-width:0;font-size:9px}.ProblemVisual-module__ITYSWW__sourceDot,.ProblemVisual-module__ITYSWW__windowDots{display:none}.ProblemVisual-module__ITYSWW__windowBar{padding:10px 8px}.ProblemVisual-module__ITYSWW__recordRows{padding-inline:8px}.ProblemVisual-module__ITYSWW__onboarding{padding-inline:10px}.ProblemVisual-module__ITYSWW__layer{gap:6px}.ProblemVisual-module__ITYSWW__layers{padding-inline:9px}.ProblemVisual-module__ITYSWW__layer>span:not(.ProblemVisual-module__ITYSWW__liveDot){font-size:10px}}@media (prefers-reduced-motion:reduce){.ProblemVisual-module__ITYSWW__frame *,.ProblemVisual-module__ITYSWW__frame :before,.ProblemVisual-module__ITYSWW__frame :after{transition:none!important;animation:none!important}:is(.group:hover .ProblemVisual-module__ITYSWW__scene,.group:hover .ProblemVisual-module__ITYSWW__product){transform:none}}
