.software-motion{aspect-ratio:2;min-height:610px;background:#f4f4f4;color:#262626;font-family:ScalevitySans,Arial,sans-serif}
.software-motion-heading{position:absolute;top:28px;left:32px;right:32px}
.software-motion-heading>span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#686868}
.software-motion-heading>p{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:9px 0 0}
.software-scene{position:absolute;inset:116px 32px 86px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(300px,2.8fr) minmax(150px,1fr);grid-template-rows:1fr 1fr;grid-template-areas:'concept model engineering' 'quality model delivery';gap:24px;align-items:center}
.software-concept{grid-area:concept}.software-engineering{grid-area:engineering}.software-quality{grid-area:quality}.software-delivery{grid-area:delivery}
.software-model{grid-area:model;width:100%;max-width:580px;justify-self:center}.software-model>svg{display:block;width:100%;overflow:visible}
.software-lens{position:relative;padding:17px 0 18px;border-top:1px solid #cfcfcf;align-self:center}
.software-lens-heading{display:flex;align-items:center;gap:9px}.software-lens-heading>svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2}
.software-lens h3{font:400 18px/1.3 ScalevitySans,Arial,sans-serif;letter-spacing:-.025em;margin:0;min-width:0}
.software-lens-heading>i{width:5px;height:5px;flex:none;border-radius:50%;background:#b6b6b6;margin-left:auto}
.software-lens>p{font-size:12px;line-height:1.6;color:#686868;margin:12px 0}
.software-lens>span{font:400 8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#888;display:block}
.software-lens-meter{position:absolute;inset:-1px 0 auto;height:1px;background:#cfcfcf}.software-lens-meter>i{display:block;width:100%;height:100%;background:#1b17ff;transform:scaleX(var(--meter,0));transform-origin:left}
.software-lens.is-active .software-lens-heading{color:#1b17ff}.software-lens.is-active .software-lens-heading>i{background:#1b17ff;box-shadow:0 0 0 4px #1b17ff0b}
.sw-name{font:400 16px ScalevitySans,Arial,sans-serif;fill:#262626}.sw-micro{font:400 6px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px;fill:#888}.sw-model-caption{font:400 6px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.7px;fill:#888}
.software-block-top{fill:#fafafa;stroke:#bdbdbd}.software-block-side{fill:#dedede;stroke:#bdbdbd}.software-block-front{fill:#fff;stroke:#bdbdbd}.software-block-symbol{color:#999;stroke-width:1.2}
.software-wires{stroke:#bdbdbd;stroke-width:1.2}.software-blueprint{opacity:.18}.software-validation-route,.software-validation-check,.software-unit-checks{opacity:.7}.software-system-trace{opacity:.35}.software-particles,.software-change{opacity:0}
.software-motion.is-ready .software-particles{opacity:1}
.software-code,.software-operations{opacity:0}.sw-code-lines{font:400 7.5px ui-monospace,SFMono-Regular,Consolas,monospace;fill:#444;white-space:pre}.sw-code-lines>text:first-child{fill:#1b17ff}.sw-code-numbers{font:400 7px ui-monospace,SFMono-Regular,Consolas,monospace;fill:#aaa}
.software-motion .logo-motion-caption{left:32px;bottom:30px;max-width:calc(100% - 185px);font-size:11px;line-height:1.6;text-transform:none;letter-spacing:0;color:#686868}
.software-motion .logo-motion-toggle{color:#555;border-color:#c8c8c8;background:#ffffffaa;min-height:42px}
.software-motion .logo-motion-toggle:hover{background:#fff;border-color:#999}.software-motion .logo-motion-toggle:focus-visible{outline-color:#1b17ff}
@media(min-width:701px) and (max-width:1000px){.software-scene{inset-inline:24px;gap:14px;grid-template-columns:minmax(130px,1fr) minmax(260px,2.4fr) minmax(130px,1fr)}.software-lens h3{font-size:16px}.software-lens>span{font-size:7px}}
@media(max-width:700px){.software-motion{aspect-ratio:auto;min-height:820px}.software-motion-heading{left:20px;right:20px;top:25px}.software-motion-heading>span{font-size:8px}.software-motion-heading>p{font-size:23px;max-width:250px}.software-scene{inset:113px 20px 130px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(220px,1.7fr) 1fr 1fr;grid-template-areas:'model model' 'concept engineering' 'quality delivery';gap:10px 20px}.software-model{max-width:440px}.software-lens{padding:12px 0 10px;align-self:start}.software-lens-heading{gap:6px}.software-lens-heading>svg{width:16px;height:16px}.software-lens h3{font-size:15px;white-space:normal}.software-lens>p{font-size:11px;margin:9px 0}.software-lens>span{font-size:7px}.software-lens-heading>i{width:4px;height:4px}.software-motion .logo-motion-caption{left:20px;right:20px;bottom:68px;max-width:none;font-size:10px;text-align:center}.software-motion .logo-motion-toggle{bottom:15px;right:50%;transform:translateX(50%);min-height:38px}}
@media(prefers-reduced-motion:reduce){.software-particles,.software-change{display:none}}
@media(max-width:700px){.software-model>svg{width:115%;max-width:none;transform:translateX(-6.5%)}.software-scene{grid-template-areas:'model model' 'concept engineering' 'quality delivery'}.software-lens h3{font-size:14px}.software-lens>span{overflow-wrap:normal}}
