/* Deploy and Manage are a continuous handoff within a fixed-size native stage. */
.cts-cloud-home .cts-architecture .cts-architecture-stage-row {width:100%!important;margin:0!important}
.cts-cloud-home .cts-architecture .cts-architecture-stage {position:relative;display:block!important;width:100%!important;min-width:0;padding:0!important;perspective:1300px}
.cts-cloud-home .cts-architecture .cts-architecture-fleet-caption {position:absolute;z-index:4;left:34%;top:57.4%;width:32%!important;padding:0!important;pointer-events:none;text-align:center}
.cts-cloud-home .cts-architecture .cts-architecture-fleet-caption p {font-size:10px!important;line-height:1.2!important;font-weight:550;letter-spacing:.015em;color:#deedf5!important;padding:0!important;text-align:center!important}
.cts-view-website,.cts-status-online,.cts-status-ready {display:none}
.cts-architecture .cts-status-healthy {color:#a6c9b7!important}
.cts-architecture:not([data-enhanced]) .cts-architecture-online::before,.cts-architecture:is([data-phase="manage"],[data-phase="complete"],[data-phase="static"]) .cts-architecture-online::before {background:#92bda8;box-shadow:none}
.cts-architecture[data-enhanced]:not([data-phase="static"]) .cts-fleet-scene {opacity:0}
.cts-architecture[data-enhanced]:not([data-phase="static"]) .cts-website-scene {opacity:1}
.cts-architecture[data-enhanced]:not([data-phase="static"]) .cts-architecture-fleet-caption {opacity:0}
.cts-architecture:is([data-phase="design"],[data-phase="build"],[data-phase="secure"],[data-phase="deploy"],[data-phase="reset"]) .cts-view-website,
.cts-architecture:is([data-phase="design"],[data-phase="build"],[data-phase="secure"],[data-phase="reset"]) .cts-status-online {display:block}
.cts-architecture:is([data-phase="design"],[data-phase="build"],[data-phase="secure"],[data-phase="deploy"],[data-phase="reset"]) :is(.cts-view-fleet,.cts-status-healthy) {display:none}
/* The full website itself condenses inside a refined digital frame, then descends. */
.cts-website-scene,.cts-deploy-package,.cts-fleet-scene {transform-box:view-box;transform-origin:50% 50%}
.cts-architecture[data-phase="deploy"] .cts-website-scene {animation:cts-handoff-site 3.4s cubic-bezier(.45,0,.2,1) both}
.cts-architecture[data-phase="deploy"] .cts-deploy-package {animation:cts-handoff-package 3.4s cubic-bezier(.45,0,.2,1) both}
.cts-architecture[data-phase="deploy"] .cts-browser-perimeter {animation:cts-handoff-ready-frame 3.4s ease both}
.cts-architecture[data-phase="deploy"] .cts-architecture-online {display:grid!important;grid-template-columns:auto 1fr;animation:none}
.cts-architecture[data-phase="deploy"] .cts-architecture-online::before {grid-area:1/1}
.cts-architecture[data-phase="deploy"] :is(.cts-status-online,.cts-status-ready) {display:block;grid-area:1/2}
.cts-architecture[data-phase="deploy"] .cts-status-ready {animation:cts-handoff-ready-label 3.4s ease both}
.cts-architecture[data-phase="deploy"] .cts-status-online {animation:cts-handoff-online-label 3.4s ease both}
.cts-architecture[data-phase="deploy"] .cts-architecture-managed {animation:cts-handoff-badge-away 3.4s ease both}
.cts-architecture[data-phase="deploy"] .cts-architecture-cloud::before {animation:cts-handoff-intake 3.4s ease both}
.cts-architecture[data-phase="deploy"] .cts-architecture-cloud::after {animation:cts-handoff-reception 3.4s ease both}
.cts-architecture[data-enhanced][data-phase="deploy"] .cts-architecture-body::after {animation:cts-handoff-light 3.4s ease both}
.cts-architecture[data-phase="deploy"] .cts-architecture-cloud-title {animation:cts-handoff-cloud-title 3.4s ease both}
.cts-cloud-home .cts-architecture:is(:not([data-enhanced]),[data-phase="deploy"],[data-phase="manage"],[data-phase="complete"],[data-phase="static"],[data-phase="reset"]) .cts-architecture-browser {background:transparent;box-shadow:none}
.cts-architecture:is(:not([data-enhanced]),[data-phase="deploy"],[data-phase="manage"],[data-phase="complete"],[data-phase="static"],[data-phase="reset"]) .cts-architecture-browser::before,
.cts-architecture:is(:not([data-enhanced]),[data-phase="deploy"],[data-phase="manage"],[data-phase="complete"],[data-phase="static"],[data-phase="reset"]) .cts-architecture-browser::after {opacity:0}
.cts-architecture[data-phase="deploy"] .cts-architecture-browser .et_pb_image_wrap {overflow:visible}
.cts-architecture-connections .cts-architecture-transfer-rail {stroke:#a9d4eb;stroke-width:1.4;stroke-opacity:0}
.cts-architecture[data-phase="deploy"] .cts-architecture-transfer-rail {animation:cts-handoff-rail 3.4s ease both}
@keyframes cts-handoff-site {0%,13%{opacity:1;transform:none}40%,49%{opacity:1;transform:scale(.28)}77%{opacity:1;transform:translateY(var(--deploy-drop,250px)) scale(.14)}87%,100%{opacity:0;transform:translateY(var(--deploy-drop,250px)) scale(.06)}}
@keyframes cts-handoff-package {0%,15%{opacity:0;transform:scale(1.22)}37%,49%{opacity:1;transform:none}77%{opacity:1;transform:translateY(var(--deploy-drop,250px)) scale(.5)}88%,100%{opacity:0;transform:translateY(var(--deploy-drop,250px)) scale(.12)}}
@keyframes cts-handoff-ready-frame {0%{opacity:.1}12%,34%{opacity:1}55%,100%{opacity:0}}
@keyframes cts-handoff-ready-label {0%,60%{opacity:1}74%,100%{opacity:0}}
@keyframes cts-handoff-online-label {0%,74%{opacity:0}87%,100%{opacity:1}}
@keyframes cts-handoff-badge-away {0%{opacity:1}24%,100%{opacity:0}}
@keyframes cts-handoff-intake {0%,48%{opacity:.45;transform:none}75%{opacity:1;transform:scale(1.10)}92%,100%{opacity:.9;transform:none}}
@keyframes cts-handoff-reception {0%,60%{opacity:0;transform:scale(.7)}77%{opacity:.9}100%{opacity:0;transform:scale(1.28)}}
@keyframes cts-handoff-light {0%,43%,100%{opacity:0}78%{opacity:.65}}
@keyframes cts-handoff-cloud-title {0%,56%{opacity:.65}82%,100%{opacity:1}}
@keyframes cts-handoff-rail {0%,27%{stroke-opacity:0}45%,79%{stroke-opacity:.65}100%{stroke-opacity:.15}}
/* The destination expands into nine organized environments. The incoming unit
   uses the same website imagery, then joins the highlighted center slot. */
.cts-cloud-home .cts-architecture:is(:not([data-enhanced]),[data-phase="manage"],[data-phase="complete"],[data-phase="static"]) .cts-architecture-browser {transform:none}
.cts-architecture:is([data-phase="manage"],[data-phase="complete"]) .cts-website-scene {opacity:0!important}
.cts-architecture[data-phase="manage"] .cts-fleet-scene {animation:cts-handoff-cloud-expand 4.2s cubic-bezier(.2,.75,.2,1) both}
.cts-architecture[data-phase="complete"] .cts-fleet-scene {opacity:1!important}
.cts-architecture[data-phase="manage"] .cts-fleet-unit {animation:cts-handoff-unit-reveal 750ms calc(200ms + var(--unit-delay,0ms)) cubic-bezier(.2,.75,.2,1) both}
.cts-fleet-unit,.cts-fleet-new-unit,.cts-fleet-intake-ring {transform-box:fill-box;transform-origin:center}
.cts-fleet-node-1,.cts-fleet-node-8 {--unit-delay:60ms}
.cts-fleet-node-2,.cts-fleet-node-7 {--unit-delay:160ms}
.cts-fleet-node-3,.cts-fleet-node-6 {--unit-delay:260ms}
.cts-fleet-node-4,.cts-fleet-node-5 {--unit-delay:360ms}
.cts-architecture[data-phase="manage"] .cts-fleet-new-unit {animation:cts-handoff-join 1300ms 900ms cubic-bezier(.2,.8,.2,1) both}
.cts-architecture[data-phase="manage"] .cts-fleet-new-health {animation:cts-handoff-health-confirm 4.2s ease both}
.cts-architecture[data-phase="manage"] .cts-fleet-new-check {stroke-dasharray:1;animation:cts-handoff-check 500ms 1900ms ease both}
.cts-architecture[data-phase="manage"] .cts-fleet-intake-ring {animation:cts-handoff-lock-in 1000ms 1700ms ease both}
.cts-architecture[data-phase="manage"] .cts-architecture-fleet-caption {animation:cts-handoff-caption 600ms 1700ms ease both}
.cts-architecture[data-phase="complete"] .cts-architecture-fleet-caption {opacity:1!important}
.cts-architecture[data-phase="manage"] .cts-architecture-managed {animation:cts-handoff-caption 900ms 800ms ease both}
.cts-architecture[data-phase="manage"] .cts-architecture-status span {animation:cts-handoff-caption 800ms calc(1s + var(--status-delay,0s)) ease both}
.cts-architecture-status span:nth-child(2) {--status-delay:.15s}
.cts-architecture-status span:nth-child(3) {--status-delay:.3s}
.cts-architecture:is([data-phase="manage"],[data-phase="complete"]) .cts-architecture-status span::before {background:#92bda8}
.cts-architecture:is([data-phase="manage"],[data-phase="complete"]) .cts-fleet-health {animation:cts-handoff-health 4.8s var(--unit-delay,0ms) ease-in-out infinite}
.cts-architecture:is([data-phase="manage"],[data-phase="complete"]) .cts-fleet-traffic {stroke-dasharray:.018 1;animation:cts-handoff-traffic 4s linear infinite}
.cts-architecture:is([data-phase="manage"],[data-phase="complete"]) .cts-fleet-traffic-b {animation-delay:1.4s;animation-direction:reverse}
.cts-architecture-connections .cts-architecture-care-packet {stroke:#b9def2;stroke-width:2;stroke-opacity:.85;stroke-linecap:round;stroke-dasharray:5 2000;opacity:0}
.cts-architecture:is([data-phase="manage"],[data-phase="complete"]) .cts-architecture-care-packet {animation:cts-handoff-care-traffic 3.6s ease-in-out infinite}
@keyframes cts-handoff-cloud-expand {0%{opacity:0;transform:translateY(var(--deploy-drop,250px)) scale(.16)}23%{opacity:1;transform:translateY(8px) scale(.96)}38%,100%{opacity:1;transform:none}}
@keyframes cts-handoff-unit-reveal {from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}
@keyframes cts-handoff-join {0%{opacity:0;transform:translateY(75px) scale(.5)}68%{opacity:1;transform:translateY(-3px) scale(1.025)}100%{opacity:1;transform:none}}
@keyframes cts-handoff-health-confirm {0%,46%{opacity:0}58%,100%{opacity:1}}
@keyframes cts-handoff-check {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes cts-handoff-lock-in {0%{opacity:0;transform:scale(.92)}30%{opacity:.85}100%{opacity:0;transform:scale(1.16)}}
@keyframes cts-handoff-caption {from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes cts-handoff-health {0%,65%,100%{opacity:.68}78%,87%{opacity:1}}
@keyframes cts-handoff-traffic {0%{opacity:0;stroke-dashoffset:0}12%,82%{opacity:.8}100%{opacity:0;stroke-dashoffset:-1}}
@keyframes cts-handoff-care-traffic {0%{opacity:0;stroke-dashoffset:0}12%,38%{opacity:.8}47%{opacity:0;stroke-dashoffset:var(--care-distance)}53%{opacity:0;stroke-dashoffset:var(--care-distance)}66%,87%{opacity:.65}100%{opacity:0;stroke-dashoffset:0}}
/* A brief dissolve restores the website for the next cycle without a hard cut. */
.cts-architecture[data-phase="reset"] .cts-fleet-scene {animation:cts-handoff-reset-fleet 650ms ease both}
.cts-architecture[data-phase="reset"] .cts-website-scene {animation:cts-handoff-reset-site 650ms ease both}
@keyframes cts-handoff-reset-fleet {from{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}
@keyframes cts-handoff-reset-site {from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media(max-width:980px){
 .cts-architecture[data-phase="manage"] .cts-fleet-unit {animation:none}
 .cts-architecture:is([data-phase="manage"],[data-phase="complete"]) .cts-fleet-traffic-b {animation:none}
 .cts-architecture[data-phase="manage"] .cts-fleet-intake-ring {animation:none}
}
@media(max-width:767px){
 .cts-cloud-home .cts-architecture .cts-architecture-stage {perspective:none}
 .cts-cloud-home .cts-architecture .cts-architecture-fleet-caption p {font-size:8px!important}
 .cts-cloud-home .cts-architecture .cts-architecture-website-label h3 {font-size:13px!important}
 .cts-cloud-home .cts-architecture .cts-architecture-online {font-size:8px!important;letter-spacing:.04em}
}
.cts-architecture[data-motion-running="false"] * {animation-play-state:paused!important}
.cts-architecture[data-phase="static"] * {animation:none!important}
@media(prefers-reduced-motion:reduce){
 .cts-architecture .cts-website-scene {opacity:0!important;animation:none!important}
 .cts-architecture .cts-fleet-scene,.cts-architecture .cts-architecture-fleet-caption {opacity:1!important;transform:none!important;animation:none!important}
 .cts-architecture .cts-deploy-package,.cts-architecture .cts-fleet-traffic,.cts-architecture .cts-fleet-intake-ring {opacity:0!important}
 .cts-architecture *,.cts-architecture *::before,.cts-architecture *::after {animation:none!important;transition:none!important}
}