.equipment{--eq-ink:#25463c;--eq-muted:#61756b;--eq-paper:#f4f7f3;--eq-line:#d7e1d9;--eq-accent:#7ba342;margin:3rem 0 5rem;scroll-margin-top:6rem;color:var(--eq-ink)}
.equipment .equipment-kicker{font-size:.75rem;font-weight:700;letter-spacing:.13em;color:var(--eq-muted);margin:0 0 .6rem}
.equipment h3{font:inherit;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;line-height:1.5;margin:0 0 .7rem}
.equipment .equipment-intro{font-size:.95rem;line-height:1.9;margin:0 0 1.5rem;color:var(--eq-muted)}
.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.equipment-card{min-width:0;background:var(--eq-paper);border:1px solid var(--eq-line);border-radius:1rem;padding:1.1rem}
.equipment-card h4{font:inherit;font-size:1rem;line-height:1.6;font-weight:700;color:var(--eq-ink);margin:0 0 .25rem}
.equipment-card p{font-size:.85rem;line-height:1.8;color:var(--eq-muted);margin:.6rem 0 0}
.equipment-diagram{display:block;width:100%;height:auto;color:var(--eq-ink);margin:.5rem 0}
.equipment-diagram .device{fill:white;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.equipment-diagram .screen{fill:#e5efdc;stroke:currentColor;stroke-width:1.8}
.equipment-diagram .art{fill:none;stroke:var(--eq-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.equipment-diagram .cable{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.equipment-diagram .wireless{fill:none;stroke:var(--eq-accent);stroke-width:2;stroke-dasharray:4 5;stroke-linecap:round}
.equipment-diagram .cloud{fill:white;stroke:var(--eq-accent);stroke-width:2}
.equipment-diagram text{font-family:inherit;font-size:11px;fill:var(--eq-ink);text-anchor:middle}
.equipment-diagram .small{font-size:9px;fill:var(--eq-muted)}
.equipment .equipment-note{font-size:.8rem;line-height:1.9;color:var(--eq-muted);margin:1rem 0 0}
#business .equipment{--eq-ink:#fff;--eq-muted:#e4daff;--eq-paper:#26104f;--eq-line:#8b63ff;--eq-accent:#f8dc48}
#business .equipment-diagram .device,#business .equipment-diagram .cloud{fill:#321b60}
#business .equipment-diagram .screen{fill:#4a3477}
@media(max-width:1000px){.equipment-grid{grid-template-columns:minmax(0,1fr)}.equipment-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;column-gap:1.2rem}.equipment-card h4{grid-column:2;grid-row:1;align-self:end}.equipment-card svg{grid-column:1;grid-row:1/3}.equipment-card p{grid-column:2;grid-row:2;align-self:start}}
@media(max-width:520px){.equipment-card{display:block;padding:1rem}.equipment-diagram{max-width:340px;margin:.5rem auto}.equipment{margin:2.5rem 0 3.5rem}}