.qdd-system-section{margin-block:clamp(48px,7vw,96px);color:#123e43;isolation:isolate}
.qdd-system-heading{max-width:820px;margin-bottom:28px}
.qdd-system-heading .qdd-system-kicker{margin:0 0 12px;color:#007e73;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.qdd-system-heading h2{margin:0 0 14px;font-size:clamp(27px,3.1vw,40px);line-height:1.2;letter-spacing:-.025em}
.qdd-system-heading .qdd-system-intro{margin:0;font-size:17px;line-height:1.7;color:#526d7a;max-width:760px}
.qdd-system-figure{margin:0;border:1px solid #d4e1dd;border-radius:16px;overflow:hidden;background:#fff}
.qdd-system-drawing{display:block;width:100%;height:auto;margin:0;background:#fbfdfc}
.qdd-system-legend{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:16px 30px;border-top:1px solid #e4ece8;border-bottom:1px solid #e4ece8;font-size:13px;color:#526d7a;background:#fbfdfc}
.qdd-system-legend>span{display:inline-flex;gap:9px;align-items:center}
.qdd-system-line{display:block;width:27px;height:0;border-top:3px solid #008477}
.qdd-system-line--power{border-color:#a76819}
.qdd-system-line--signal{border-top:2px dashed #665c92}
.qdd-system-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:28px 30px;gap:30px}
.qdd-system-steps>li{display:flex;align-items:flex-start;gap:13px;min-width:0;margin:0;padding:0;position:relative}
.qdd-system-step-number{font-size:12px;line-height:30px;flex:0 0 30px;text-align:center;background:#edf5f2;color:#007e73;font-weight:600;border-radius:50%}
.qdd-system-steps h3{margin:2px 0 8px;font-size:17px;font-weight:600;line-height:1.5}
.qdd-system-steps p{margin:0;color:#526d7a;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.qdd-system-figure figcaption{padding:0 30px 24px;margin:0;font-size:12px;line-height:1.6;color:#607581;text-align:left}
.qdd-system-followup{display:flex;gap:28px;align-items:center;justify-content:space-between;margin-top:23px}
.qdd-system-followup>p{font-size:15px;line-height:1.7;margin:0;color:#526d7a;max-width:500px}
.qdd-system-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center;flex-shrink:0}
.qdd-system-links a{font-size:14px;color:#00796e;text-underline-offset:5px;font-weight:500}
.qdd-system-links .qdd-system-contact{display:inline-flex;align-items:center;gap:18px;border:1px solid #00796e;border-radius:6px;padding:12px 17px;text-decoration:none;min-height:46px}
.qdd-system-contact:hover{background:#edf5f2}
.qdd-system-links a:focus-visible{outline:2px solid #00796e;outline-offset:5px}
@media(max-width:1050px){.qdd-system-followup{align-items:flex-start;flex-direction:column;gap:16px}.qdd-system-followup>p{max-width:700px}.qdd-system-steps{gap:20px;padding:24px}.qdd-system-steps>li{flex-direction:column;gap:9px}.qdd-system-step-number{width:30px;flex-basis:auto}.qdd-system-legend{padding-inline:24px}.qdd-system-figure figcaption{padding-inline:24px}}
@media(max-width:767px){.qdd-system-heading{margin-bottom:22px}.qdd-system-heading .qdd-system-intro{font-size:16px}.qdd-system-drawing,.qdd-system-legend{display:none}.qdd-system-steps{grid-template-columns:1fr;gap:25px;padding:25px 22px 22px}.qdd-system-steps>li{flex-direction:row;gap:15px}.qdd-system-step-number{flex:0 0 32px;line-height:32px;position:relative;z-index:1}.qdd-system-steps>li:not(:last-child):after{content:"";position:absolute;top:38px;left:15px;bottom:-20px;border-left:1px solid #bed8d1}.qdd-system-steps h3{font-size:18px;margin-top:2px}.qdd-system-steps p{font-size:15px}.qdd-system-figure figcaption{padding:0 22px 22px}.qdd-system-links{width:100%;gap:18px;flex-shrink:1}.qdd-system-links .qdd-system-contact{justify-content:space-between}.qdd-system-followup>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.qdd-system-section *{scroll-behavior:auto}}