.sm-sub-square-container{background-color:var(--colors-card);border:1px solid var(--colors-border);border-radius:var(--radius-16);box-shadow:var(--shadow-elevation-1);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-sans);gap:var(--spacing-24);letter-spacing:var(--letter-spacing-sans);margin:0 auto;max-width:500px;overflow:hidden;padding:var(--spacing-24);position:relative;width:100%}.sm-text-heading-sm{color:var(--colors-foreground);font-family:var(--font-heading);font-size:20px;font-weight:700;letter-spacing:-1px;line-height:18px;margin:0}.sm-text-subheading-md{align-items:center;color:var(--colors-foreground);display:flex;font-family:var(--font-serif);font-size:16px;font-style:italic;font-weight:500;gap:var(--spacing-8);letter-spacing:var(--letter-spacing-tight);line-height:20px;margin:0 0 var(--spacing-8) 0}.sm-text-label-xl{font-size:24px;letter-spacing:-1.5px;line-height:32px;margin:0}.sm-text-label-sm,.sm-text-label-xl{font-family:var(--font-sans);font-weight:500}.sm-text-label-sm{color:var(--colors-foreground);font-size:14px;letter-spacing:-.2px;line-height:20px}.sm-text-label-xs{font-size:12px;letter-spacing:0;line-height:16px;transition:color .3s}.sm-text-label-xs,.sm-text-label-xxs{color:var(--colors-muted-foreground);font-family:var(--font-sans);font-weight:500}.sm-text-label-xxs{font-size:10px;line-height:12px}.sm-text-label-xxs,.sm-text-paragraph-sm{letter-spacing:var(--letter-spacing-sans)}.sm-text-paragraph-sm{color:var(--colors-muted-foreground);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:20px;margin:0}.sm-text-brand-primary{color:var(--colors-primary-700)}.sm-text-success{color:var(--colors-success-600)!important}.sm-text-warning{color:var(--colors-warning-500)!important}i.ti{align-items:center;display:inline-flex;justify-content:center;line-height:1}i.ti.sm-icon-sm{font-size:16px}.sm-sub-square-header{display:flex;flex-direction:column;gap:var(--spacing-12)}.sm-sub-square-tabs{border-bottom:1px solid var(--colors-border);display:flex;gap:var(--spacing-4);padding-bottom:var(--spacing-12)}.sm-sub-tab-btn{background:none;border:none;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:6px;overflow:hidden;padding:0;text-align:left;transition:opacity .2s}.sm-sub-tab-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-sub-tab-btn:hover{opacity:.8}.sm-sub-tab-btn:focus-visible{border-radius:var(--radius-8);outline:2px solid var(--colors-primary-700);outline-offset:2px}.sm-sub-tab-btn.sm-active span{color:var(--colors-primary-700);font-weight:600}.sm-sub-tab-progress{background-color:var(--colors-border);border-radius:4px;height:3px;overflow:hidden;position:relative;width:100%}.sm-sub-tab-progress-fill{background-color:var(--colors-primary-700);height:100%;transition:background-color .3s ease;width:0}.sm-sub-tab-btn.sm-active .sm-sub-tab-progress-fill{animation:tabLoad 7s linear forwards}.sm-sub-tab-btn.sm-completed .sm-sub-tab-progress-fill{background-color:#8871d6;opacity:.5;width:100%}@keyframes tabLoad{0%{width:0}to{width:100%}}.sm-autoplay-paused .sm-sub-tab-btn.sm-active .sm-sub-tab-progress-fill{animation-play-state:paused}.sm-sub-square-canvas{animation:slideGrid 20s linear infinite;background-color:var(--colors-muted);background-image:linear-gradient(90deg,rgba(107,109,138,.02) 1px,transparent 0),linear-gradient(180deg,rgba(107,109,138,.02) 1px,transparent 0);background-size:24px 24px;border:1px solid var(--colors-border);border-radius:var(--radius-12);box-shadow:var(--shadow-elevation-1);display:flex;flex-direction:column;flex-shrink:0;height:280px;overflow:hidden;position:relative}@keyframes slideGrid{0%{background-position:0 0}to{background-position:-24px -24px}}.sm-saas-ambient-glow{animation:ambientMove 10s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(79,50,175,.12) 0,rgba(3,139,107,.05) 60%,transparent 100%);filter:blur(35px);height:180px;pointer-events:none;position:absolute;width:180px;z-index:1}@keyframes ambientMove{0%{left:10%;top:10%}to{left:60%;top:50%}}.sm-sub-saas-header{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.9);border-bottom:1px solid var(--colors-border);display:flex;gap:var(--spacing-12);padding:10px var(--spacing-16);z-index:10}.sm-sub-saas-dots{display:flex;gap:6px}.sm-sub-saas-dots span{border-radius:var(--radius-full);height:var(--spacing-8);width:var(--spacing-8)}.sm-dot-red{background-color:#ff5f56}.sm-dot-yellow{background-color:#ffbd2e}.sm-dot-green{background-color:#27c93f}.sm-sub-saas-title{color:var(--colors-muted-foreground);flex-grow:1;font-family:monospace;font-size:11px;font-weight:500;line-height:14px}.sm-sub-saas-body{flex:1;perspective:1000px;position:relative;z-index:2}.sm-sub-canvas-pane{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:var(--spacing-16);position:absolute;transform:scale(.97);transition:opacity .4s ease,transform .4s ease;visibility:hidden}.sm-sub-canvas-pane.sm-active{opacity:1;transform:scale(1);visibility:visible}.sm-glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.75);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-12);box-shadow:0 8px 24px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.5)}.sm-glow-primary-soft{border-color:rgba(79,50,175,.2)!important;box-shadow:0 4px 24px rgba(79,50,175,.15)}.sm-glow-success-soft{box-shadow:0 4px 16px rgba(3,139,107,.2)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes floatBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sm-pipeline-ui{align-items:center;height:146px;justify-content:space-between;max-width:320px;width:100%}.sm-pipe-sources,.sm-pipeline-ui{display:flex;position:relative;z-index:2}.sm-pipe-sources{flex-direction:column;gap:6px;width:150px}.sm-pipe-node{align-items:center;display:flex;gap:var(--spacing-8);opacity:0;padding:6px 10px;transform:translateX(-10px)}.sm-pipe-node i{background:rgba(236,231,255,.8);border-radius:4px;color:var(--colors-primary-700);padding:var(--spacing-4)}.sm-sub-canvas-pane.sm-active .sm-pipe-node:first-child{animation:slideRightFade .3s .2s forwards}.sm-sub-canvas-pane.sm-active .sm-pipe-node:nth-child(2){animation:slideRightFade .3s .35s forwards}.sm-sub-canvas-pane.sm-active .sm-pipe-node:nth-child(3){animation:slideRightFade .3s .5s forwards}.sm-sub-canvas-pane.sm-active .sm-pipe-node:nth-child(4){animation:slideRightFade .3s .65s forwards}.sm-pipeline-svg{height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:1}.sm-sub-canvas-pane.sm-active .sm-pipeline-svg{animation:fadeInSvg .5s .8s forwards}@keyframes fadeInSvg{to{opacity:1}}.sm-pipe-line{stroke:var(--colors-border);stroke-width:2px}.sm-pipe-pulse{filter:drop-shadow(0 0 3px rgba(79,50,175,.4));opacity:0;stroke:var(--colors-primary-700);stroke-dasharray:12 160;stroke-dashoffset:172;stroke-linecap:round;stroke-width:2px}.sm-sub-canvas-pane.sm-active .sm-pipe-pulse-1{animation:flowPacket 2.5s linear 1.2s infinite}.sm-sub-canvas-pane.sm-active .sm-pipe-pulse-2{animation:flowPacket 2.5s linear 1.5s infinite}.sm-sub-canvas-pane.sm-active .sm-pipe-pulse-3{animation:flowPacket 2.5s linear 1.8s infinite}.sm-sub-canvas-pane.sm-active .sm-pipe-pulse-4{animation:flowPacket 2.5s linear 2.1s infinite}@keyframes flowPacket{0%{opacity:0;stroke-dashoffset:172}15%{opacity:1}85%{opacity:1}to{opacity:0;stroke-dashoffset:0}}.sm-pipe-dest{align-items:center;color:#111751;display:flex;flex-direction:column;gap:6px;opacity:0;padding:var(--spacing-12) var(--spacing-16);position:relative;transform:scale(.9);z-index:2}.sm-sub-canvas-pane.sm-active .sm-pipe-dest{animation:scalePop .4s 1s forwards,ambientDestPulse 3s 1.4s infinite alternate}@keyframes ambientDestPulse{to{border-color:rgba(79,50,175,.3);box-shadow:0 4px 24px rgba(79,50,175,.25)}}@keyframes slideRightFade{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.sm-engine-mockup{display:flex;flex-direction:column;margin:auto;max-width:280px;padding:var(--spacing-8) var(--spacing-12);position:relative;width:100%}.sm-engine-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-8)}.sm-engine-options{display:flex;flex-direction:column;gap:var(--spacing-4)}.sm-engine-node{align-items:center;background:hsla(0,0%,100%,.5);border:1px solid var(--colors-border);border-radius:var(--radius-8);display:flex;gap:10px;opacity:0;overflow:hidden;padding:var(--spacing-4) var(--spacing-8);position:relative;transform:translateY(10px);transition:all .3s}.sm-sub-canvas-pane.sm-active .sm-engine-node:first-child{animation:slideUpFade .4s ease-out .1s forwards}.sm-sub-canvas-pane.sm-active .sm-engine-node:nth-child(2){animation:slideUpFade .4s ease-out .2s forwards}.sm-sub-canvas-pane.sm-active .sm-engine-node:nth-child(3){animation:slideUpFade .4s ease-out .3s forwards}.sm-sub-canvas-pane.sm-active .sm-engine-node:nth-child(4){animation:slideUpFade .4s ease-out .4s forwards}.sm-sub-canvas-pane.sm-active .sm-engine-node:nth-child(5){animation:slideUpFade .4s ease-out .5s forwards}.sm-sub-canvas-pane.sm-active .sm-engine-node.sm-node-active{animation:slideUpFade .4s ease-out .2s forwards,activateNode .4s ease-in-out 1s forwards}@keyframes activateNode{to{background:rgba(236,231,255,.65);border-color:rgba(79,50,175,.4);box-shadow:0 0 0 1px rgba(79,50,175,.2),0 4px 16px rgba(79,50,175,.15)}}.sm-engine-node-pulse{border:1.5px solid var(--colors-primary-700);border-radius:var(--radius-8);inset:0;opacity:0;position:absolute}.sm-sub-canvas-pane.sm-active .sm-engine-node.sm-node-active .sm-engine-node-pulse{animation:infinitePulse 2s 1.4s infinite}@keyframes infinitePulse{0%{opacity:0;transform:scale(.98)}50%{opacity:.5}to{opacity:0;transform:scale(1.05)}}.sm-node-icon-wrap{align-items:center;background:hsla(0,0%,100%,.8);border-radius:var(--radius-full);box-shadow:0 2px 4px rgba(0,0,0,.02);display:flex;flex-shrink:0;height:var(--spacing-24);justify-content:center;transition:all .3s;width:var(--spacing-24)}.sm-node-active .sm-node-icon-wrap{background:var(--colors-primary-700);color:var(--colors-card)}.sm-node-active .sm-node-icon-wrap i{color:var(--colors-card)!important}.sm-engine-opt-title{align-items:center;color:var(--colors-foreground);display:flex;justify-content:space-between;width:100%}.sm-optimizer-widget{display:flex;flex-direction:column;gap:var(--spacing-12);max-width:300px;opacity:0;padding:var(--spacing-16);width:100%}.sm-sub-canvas-pane.sm-active .sm-optimizer-widget{animation:scalePop .5s ease-out .2s forwards}.sm-opt-widget-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.04);display:flex;justify-content:space-between;padding-bottom:6px}.sm-opt-grid{display:grid;gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}.sm-opt-slot{align-items:center;background:hsla(0,0%,100%,.4);border:1px solid var(--colors-border);border-radius:var(--radius-8);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;padding:10px 2px;text-align:center;transition:all .3s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.sm-opt-slot span{color:var(--colors-muted-foreground);font-size:10px;font-weight:600;line-height:13px}.sm-opt-slot div{color:var(--colors-foreground);font-size:11px;font-weight:600;line-height:14px}.sm-opt-slot-disabled{background:rgba(0,0,0,.015);border-color:rgba(0,0,0,.05);opacity:.6}.sm-sub-canvas-pane.sm-active .sm-opt-slot.sm-active-slot{animation:activateSlot .4s cubic-bezier(.2,.8,.2,1) .8s forwards}@keyframes activateSlot{to{background:var(--colors-primary-700);border-color:var(--colors-primary-700);box-shadow:0 6px 16px rgba(79,50,175,.25);transform:translateY(-2px)}}.sm-sub-canvas-pane.sm-active .sm-opt-slot.sm-active-slot div,.sm-sub-canvas-pane.sm-active .sm-opt-slot.sm-active-slot span{animation:toWhite .4s .8s forwards}@keyframes toWhite{to{color:var(--colors-card)}}.sm-carbon-node{align-items:center;background:hsla(0,0%,100%,.9);border:1px solid rgba(3,139,107,.2);border-radius:var(--radius-8);box-shadow:0 4px 12px rgba(3,139,107,.04);display:flex;gap:var(--spacing-8);justify-content:center;opacity:0;padding:var(--spacing-8)}.sm-sub-canvas-pane.sm-active .sm-carbon-node{animation:slideUpFade .4s 1s forwards}.sm-map-container{border-radius:var(--radius-12);height:100%;inset:0;opacity:0;overflow:hidden;position:absolute;width:100%}.sm-sub-canvas-pane.sm-active .sm-map-container{animation:scalePop .5s ease-out .2s forwards}.sm-custom-leaflet-icon{background:transparent;border:none}.sm-marker-container{align-items:center;display:flex;flex-direction:column;position:relative}.sm-marker-anim-inner{align-items:center;animation:scalePop .4s ease-out forwards;background:var(--colors-primary-700);border:2px solid var(--colors-card);border-radius:50%;box-shadow:0 0 0 4px rgba(79,50,175,.15),0 4px 12px rgba(79,50,175,.4);color:var(--colors-card);display:flex;height:28px;justify-content:center;opacity:0;width:28px}.sm-marker-label{background:var(--colors-card);border:1px solid var(--colors-border);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#111751;font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:var(--letter-spacing-sans);line-height:13px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap}@keyframes labelPopBottom{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes labelPopRight{0%{opacity:0;transform:translate(-10px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes labelPopLeft{0%{opacity:0;transform:translate(10px,-50%)}to{opacity:1;transform:translateY(-50%)}}.sm-pos-bottom{animation:labelPopBottom .4s ease-out .2s forwards;left:50%;top:38px;transform:translate(-50%)}.sm-pos-right{animation:labelPopRight .4s ease-out .2s forwards;left:38px}.sm-pos-left,.sm-pos-right{top:50%;transform:translateY(-50%)}.sm-pos-left{animation:labelPopLeft .4s ease-out .2s forwards;left:auto;right:38px}.sm-net-info-card{align-items:center;background:hsla(0,0%,100%,.95);bottom:var(--spacing-16);display:flex;gap:10px;opacity:0;padding:var(--spacing-8) var(--spacing-16);position:absolute;right:var(--spacing-16);white-space:nowrap;z-index:1000}@keyframes slideUpFadeCard{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.sm-sub-canvas-pane.sm-active .sm-net-info-card{animation:slideUpFadeCard .5s .8s forwards}.sm-net-info-dot{animation:dotPulse 1.5s infinite alternate;background:var(--colors-success-600);border-radius:var(--radius-full);box-shadow:0 0 8px var(--colors-success-600);height:8px;width:8px}@keyframes dotPulse{to{box-shadow:0 0 2px var(--colors-success-600);opacity:.4}}.sm-booster-dashboard{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:340px;padding:0 var(--spacing-16);position:relative;width:100%;z-index:2}.sm-boost-main-card{display:flex;flex-direction:column;gap:var(--spacing-16);opacity:0;padding:var(--spacing-16) var(--spacing-20);transform:translateY(15px)}.sm-sub-canvas-pane.sm-active .sm-boost-main-card{animation:slideUpFade .5s .2s forwards}.sm-boost-header{align-items:center;border-bottom:1px solid var(--colors-border);display:flex;justify-content:space-between;padding-bottom:var(--spacing-8)}.sm-boost-badge{align-items:center;background:rgba(3,139,107,.1);border-radius:var(--radius-full);display:flex;font-size:11px;font-weight:700;gap:4px;line-height:14px;padding:4px 10px}.sm-boost-metrics{align-items:stretch;display:flex;gap:var(--spacing-16)}.sm-metric-col{display:flex;flex:1;flex-direction:column;gap:6px;position:relative}.sm-metric-divider{background:var(--colors-border);width:1px}.sm-metric-val{align-items:baseline;display:flex;font-family:var(--font-sans);font-size:28px;font-weight:700;gap:6px;letter-spacing:-1px;line-height:1}.sm-sparkline{height:36px;margin-top:auto;overflow:visible;width:100%}.sm-spark-path{fill:none;stroke-dasharray:200;stroke-dashoffset:200;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.sm-spark-area{opacity:0}.sm-sub-canvas-pane.sm-active .sm-spark-path{animation:drawSpark 1.2s cubic-bezier(.2,.8,.2,1) .4s forwards}.sm-sub-canvas-pane.sm-active .sm-spark-area{animation:fadeInSvg .8s 1s forwards}@keyframes drawSpark{to{stroke-dashoffset:0}}.sm-sub-square-footer{display:flex;flex-direction:column;justify-content:flex-start;min-height:80px}.sm-sub-footer-text{display:none;width:100%}.sm-sub-footer-text.sm-active{animation:slideTextUp .4s ease-out forwards;display:block}@keyframes slideTextUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.sm-sub-square-container{min-height:520px}}@media (prefers-reduced-motion:reduce){.sm-sub-square-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}