.concept-sync{background:#0b2030;color:#dceaf7;border-block:1px solid #29445d;padding:88px 0}
.concept-sync-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;align-items:center}
.concept-sync .eyebrow{color:#69d6e7;font-size:12px;letter-spacing:.18em}
.concept-sync h2{font-size:clamp(36px,4vw,58px);line-height:1.08;margin:18px 0 20px}
.concept-sync p{color:#aec5d6;font-size:16px;max-width:470px}
.concept-sync .demo-note{font-size:13px;color:#9cb4c9;margin-top:24px}
.concept-sync-card{border:1px solid #304c61;border-radius:14px;background:#102638;padding:24px;box-shadow:0 24px 70px #0004;font-family:Arial,sans-serif;color:#dceaf7}
.concept-sync-card *{box-sizing:border-box}
.concept-sync-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #304758;padding-bottom:18px;font-size:12px;letter-spacing:.09em;color:#dceaf7}
.concept-sync-head small{display:block;margin-top:7px;font-size:12px;letter-spacing:0;color:#a8bfce;line-height:1.5}
.concept-sync-head strong{flex-shrink:0;color:#f0b77c;background:#302e2c;border:1px solid #71573b;border-radius:5px;padding:7px 9px;font-size:11px;letter-spacing:.06em}
.concept-sync-card.is-closed .concept-sync-head strong{color:#85e4d0;border-color:#356b65;background:#173f41}
.concept-sync-card svg{width:100%;max-width:470px;height:auto;display:block;margin:18px auto 22px;overflow:visible}
.concept-sync-card svg text{font:16px Arial,sans-serif;fill:#dceaf7;text-anchor:middle}
.concept-sync-card svg .source-label{font-size:16px;letter-spacing:1.1px;font-weight:700}
.concept-sync-card svg .source-value{font-size:14px;fill:#aac2d2;font-variant-numeric:tabular-nums}
.concept-sync-card svg .gen-letter{font-size:24px}
.concept-sync-card svg .ac-label{font-size:20px}
.concept-sync-card .grid-source,.concept-sync-card .gen-source,.concept-sync-card .gen-branch,.concept-sync-card .load-feeder{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.concept-sync-card .grid-source,.concept-sync-card .load-feeder{stroke:#69d6e7}
.concept-sync-card .gen-source{stroke:#f0b77c}
.concept-sync-card .gen-branch{stroke:#c1ced8}
.concept-sync-card .gen-branch circle,.concept-sync-card .grid-source circle{fill:#102638}
.concept-sync-card .is-connected{stroke:#69d6e7}
.concept-sync-card .breaker-frame{fill:#172f42;stroke:#597284;stroke-width:1}
.concept-sync-card svg .breaker-label{font-size:14px;text-anchor:end;fill:#aac2d2}
.concept-sync-card svg .breaker-label.right{text-anchor:start}
.concept-sync-card .common-bus{stroke:#69d6e7;stroke-width:5;stroke-linecap:round}
.concept-sync-card .bus-node{fill:#69d6e7}
.concept-sync-card svg .bus-label{font-size:14px;letter-spacing:.5px}
.concept-sync-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #304758;padding-top:22px}
.concept-sync-controls label{font-size:13px;color:#b5cadb;flex:1;min-width:175px}
.concept-sync-controls label strong{float:right;margin-left:10px;color:#edf7ff;font-variant-numeric:tabular-nums}
.concept-sync-controls input{display:block;width:100%;margin:14px 0 7px;accent-color:#69d6e7;min-height:24px}
.frequency-scale{display:flex;justify-content:space-between;font-size:11px;color:#99b3c5}
.concept-sync-controls button{background:#69d6e7;border:1px solid #69d6e7;border-radius:6px;color:#07121e;padding:13px 16px;min-height:44px;font-weight:700;font-size:13px}
.concept-sync-controls button:disabled{background:#213f50;border-color:#466070;color:#9bb4c5;cursor:not-allowed}
.concept-sync-card.is-closed button:disabled{color:#85e4d0;border-color:#356b65;background:#173f41}
.concept-sync-card .concept-sync-status{margin:16px 0 0;font-size:13px;line-height:1.5;color:#b5cadb;max-width:none}
@media(max-width:420px){.concept-sync-card{padding:16px}.concept-sync-head{gap:8px;font-size:11px;letter-spacing:.04em}.concept-sync-head small{max-width:170px}.concept-sync-controls button{width:100%}}

.concept-sync>.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.concept-sync .text-link{color:#69d6e7}.concept-sync p{line-height:1.7}.concept-sync h2{color:#dceaf7}.concept-sync{font-family:Arial,sans-serif}.concept-sync .eyebrow{display:block}
@media(max-width:760px){.concept-sync-grid{grid-template-columns:1fr;gap:28px}.concept-sync{padding:52px 0}.concept-sync-card{min-width:0}}