/* Approved Matrix Only preview, scoped to the Home calculator. */
#calculator .calculator-visual{align-self:center;align-items:center;padding-top:0;gap:0;width:100%}
.installation-matrix{width:100%;max-width:560px;margin:0 auto;padding:28px 28px 24px;border:1px solid #e0e5e4;border-radius:22px;background:linear-gradient(160deg,#fff,#f6f9f7);display:flex;flex-direction:column;gap:24px}
.installation-matrix .matrix-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:100%;margin:0 auto}
.installation-matrix .matrix-node{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1}
.installation-matrix .core{width:13px;height:13px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 22%,transparent),0 0 18px var(--lime)}
.installation-matrix .ring{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--lime) 35%,transparent);animation:ctpulse 3s cubic-bezier(.16,1,.3,1) infinite;animation-delay:var(--phase);animation-play-state:paused}
.installation-matrix.is-running .ring{animation-play-state:running}
.installation-matrix .matrix-label{font-size:11px;letter-spacing:.1em;color:#7c878d;line-height:1.4}
@keyframes ctpulse{0%,100%{transform:scale(.55);opacity:.25}50%{transform:scale(1);opacity:.7}}
@media(max-width:1100px){.installation-matrix{padding:24px 20px 20px}.installation-matrix .matrix-grid{gap:12px}}
@media(max-width:800px){.installation-matrix{max-width:540px}}
@media(max-width:480px){.installation-matrix{padding:20px 14px 18px;gap:20px}.installation-matrix .matrix-grid{gap:9px}.installation-matrix .core{width:10px;height:10px}.installation-matrix .matrix-label{font-size:11px;letter-spacing:.065em}}