.chg-hero{padding:68px 0;background:radial-gradient(circle at 80% 18%,rgba(255,176,0,.12),transparent 31%),#060606;border-bottom:1px solid #201b0f}
.chg-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}
.chg-hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.92;letter-spacing:-.055em;margin:10px 0 16px}.chg-hero h1 span{color:#ffca44}
.chg-hero p{color:#9a9aa0;max-width:680px;font-size:1.03rem}
.chg-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.chg-tags span{font-size:.66rem;color:#85858a;border:1px solid #2b2b2d;background:#0a0a0a;border-radius:999px;padding:6px 9px}
.charge-path-viz{border:1px solid #302811;border-radius:17px;padding:18px;background:#090909}.viz-title{font-size:.67rem;color:#ffb000;font-weight:900;letter-spacing:.14em;margin-bottom:18px}
.charge-path{display:flex;align-items:center;gap:7px}.path-node{flex:1;border:1px solid #333;border-radius:10px;padding:12px 8px;text-align:center;background:#0d0d0e}.path-node b,.path-node small{display:block}.path-node b{font-size:.74rem}.path-node small{font-size:.61rem;color:#737378}.path-node.active{border-color:#ffb000;background:#151005}.charge-path>i{width:20px;height:2px;background:#5a4300;position:relative}.charge-path>i:after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#ffb000;animation:pathdot 1.6s linear infinite}.charge-path>i:nth-of-type(2):after{animation-delay:.25s}.charge-path>i:nth-of-type(3):after{animation-delay:.5s}.charge-path>i:nth-of-type(4):after{animation-delay:.75s}
@keyframes pathdot{from{left:0}to{left:calc(100% - 7px)}}.charge-wave{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center;margin-top:18px;color:#777;font-size:.65rem}.charge-wave div{height:2px;background:#332700;position:relative}.charge-wave i{position:absolute;width:20%;height:2px;background:#ffb000;animation:waveMove 2s linear infinite}@keyframes waveMove{from{left:0}to{left:80%}}.charge-path-viz p{color:#6e6e73;font-size:.68rem;border-top:1px solid #242018;padding-top:10px;margin-bottom:0}

.chg-section{padding:76px 0}.chg-section.dark{background:#080808;border-block:1px solid #1b1b1c}
.evidence-layout{display:grid;grid-template-columns:1.35fr .65fr;border:1px solid #2d281c;border-radius:16px;overflow:hidden;background:#0b0b0b}
.charge-form{padding:20px}.charge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.charge-grid label span{display:block;color:#808085;font-size:.7rem;margin-bottom:5px}.charge-grid .wide{grid-column:1/-1}.charge-grid input,.charge-grid select{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:9px;padding:10px 11px;outline:none}.charge-grid input:focus,.charge-grid select:focus{border-color:#ffb000;box-shadow:0 0 0 3px rgba(255,176,0,.08)}
.charge-analyze{width:100%;min-height:46px;margin-top:13px;border:0;border-radius:10px;background:linear-gradient(#ffd45a,#ffad00);color:#160f00;font-weight:950}
.charge-output{padding:22px;border-left:1px solid #2d281c;background:linear-gradient(160deg,#111006,#090909)}.charge-output h3{font-size:1.35rem;margin:16px 0 8px}.charge-output p{color:#85858a}.output-label{font-size:.67rem;color:#ffb000;font-weight:900;letter-spacing:.13em}.confidence{display:flex;gap:5px;margin-top:18px}.confidence span{height:7px;flex:1;background:#2b2b2d;border-radius:99px}.confidence.level1 span:nth-child(-n+1),.confidence.level2 span:nth-child(-n+2),.confidence.level3 span:nth-child(-n+3),.confidence.level4 span:nth-child(-n+4),.confidence.level5 span:nth-child(-n+5){background:#ffb000}

.protocol-controls,.topology-switch{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.protocol-btn,.topology-btn{border:1px solid #2c2c2f;background:#0d0d0e;color:#8c8c91;border-radius:9px;padding:9px 12px;font-size:.7rem;font-weight:900}.protocol-btn.active,.topology-btn.active{background:#ffb000;color:#160f00;border-color:#ffb000}
.ammeter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ammeter-card{min-height:112px;border:1px solid #29292b;border-radius:11px;background:#0d0d0e;padding:12px;text-align:left;color:#ddd}.ammeter-card:hover,.ammeter-card.active{border-color:#ffb000;background:#151005}.ammeter-card b,.ammeter-card small{display:block}.ammeter-card b{color:#ffca44;font-size:.82rem}.ammeter-card small{color:#747479;margin-top:6px;line-height:1.35}
.protocol-result{margin-top:12px;border:1px solid #2c281c;border-radius:11px;background:#0b0a08;padding:14px}.protocol-result b{color:#ffca44}.protocol-result p{color:#818186;margin-bottom:0}
.cc-diagnostic{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:20px;border-top:1px solid #232323;padding-top:20px}.cc-diagnostic h3{font-size:1.5rem;margin:6px 0}.cc-diagnostic p{color:#828287}.cc-viz{height:110px;border:1px solid #2b261a;border-radius:11px;background:#090909;display:flex;align-items:center;justify-content:center;gap:10px}.cc-viz span{color:#ffb000;font-weight:900;font-size:.7rem}.cc-viz .port{border:1px solid #555;border-radius:9px;padding:18px 22px;color:#ddd}.cc-viz i{height:2px;width:80px;background:#5a4300;position:relative}.cc-viz i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#ffb000;top:-3px;animation:ccmove 1.7s linear infinite}.cc-viz .cc2:after{animation-direction:reverse}@keyframes ccmove{from{left:0}to{left:calc(100% - 7px)}}

.topology-map{border:1px solid #2b281f;border-radius:14px;background:#0b0b0b;padding:18px}.topology-diagram{display:grid;gap:10px}.topology-row{display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr;gap:8px;align-items:center}.topology-block{border:1px solid #303033;border-radius:11px;background:#0d0d0e;padding:17px}.topology-block strong,.topology-block small{display:block}.topology-block strong{color:#eee}.topology-block small{color:#777;margin-top:5px}.topology-block.gold{border-color:#5a4300;background:#151005}.topology-row i{height:2px;background:#5a4300}.topology-note{margin-top:14px;color:#777;font-size:.73rem}

.rail-controls{display:grid;grid-template-columns:1fr 230px auto;gap:9px;align-items:center;margin-bottom:12px}.rail-controls input,.rail-controls select{background:#060606;color:#eee;border:1px solid #303034;border-radius:9px;padding:10px 11px}.rail-controls span{font-size:.7rem;color:#777}
.table-wrap{overflow-x:auto;border:1px solid #29292b;border-radius:13px}.charge-table{width:100%;border-collapse:collapse;min-width:1100px}.charge-table th{background:#0d0c09;color:#ffb000;text-align:left;padding:11px;font-size:.66rem;letter-spacing:.06em;border-bottom:1px solid #2c281d}.charge-table td{padding:11px;border-bottom:1px solid #222;color:#aaa;font-size:.72rem}.charge-table tr:last-child td{border-bottom:0}.charge-table td:first-child{color:#ffca44;font-weight:900}
.rail-tool-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:14px}.gr-evaluator,.sequence-panel{border:1px solid #2d281c;border-radius:13px;background:#0d0d0e;padding:17px}.gr-evaluator h3,.sequence-panel h3{margin:5px 0 14px}.gr-evaluator label{display:block;margin-bottom:8px}.gr-evaluator label span{display:block;color:#777;font-size:.68rem;margin-bottom:5px}.gr-evaluator input,.gr-evaluator select{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.gr-evaluator button{width:100%;min-height:41px;border:0;border-radius:8px;background:#ffb000;color:#160f00;font-weight:900}.gr-evaluator #chg-eval-result{margin-top:10px;padding:10px;border:1px solid #29261b;border-radius:8px;background:#090907;color:#7f7f84;font-size:.72rem}
.seq-list{display:grid;gap:7px}.seq-step{display:grid;grid-template-columns:32px 1fr;gap:10px;border:1px solid #272729;border-radius:9px;padding:10px}.seq-step b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffb000;color:#160f00;font-size:.7rem}.seq-step strong,.seq-step small{display:block}.seq-step small{color:#777;margin-top:3px}

.thermal-symptoms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.thermal-sym{border:1px solid #29292b;background:#0d0d0e;color:#ddd;border-radius:10px;padding:12px;text-align:left}.thermal-sym.active,.thermal-sym:hover{border-color:#ffb000;background:#151005}.thermal-sym b,.thermal-sym small{display:block}.thermal-sym small{color:#777;margin-top:3px}
.thermal-result{margin:10px 0 18px;padding:14px;border:1px solid #2d281c;border-radius:10px;background:#0b0a08;color:#888}.thermal-result h3{color:#ffca44;margin:0 0 6px}.thermal-result ul{padding-left:18px}
.ntc-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}.ntc-simulator,.ntc-db{border:1px solid #29292b;border-radius:13px;background:#0d0d0e;padding:17px}.ntc-simulator h3,.ntc-db h3{margin:5px 0 14px}.ntc-simulator label span{display:block;color:#85858a;font-size:.7rem;margin-bottom:5px}.ntc-simulator input[type=range]{width:100%}.ntc-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ntc-three select{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.ntc-faults{display:flex;gap:16px;flex-wrap:wrap;margin:13px 0;color:#aaa;font-size:.72rem}.ntc-output{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ntc-output div{border:1px solid #29261b;border-radius:9px;background:#090907;padding:11px}.ntc-output span,.ntc-output b{display:block}.ntc-output span{color:#777;font-size:.65rem}.ntc-output b{color:#ffca44;margin-top:4px}.ntc-output p{grid-column:1/-1;color:#888;margin:0;border-top:1px solid #222;padding-top:10px}
.ntc-db-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.ntc-db-head select{background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.ntc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.ntc-card{border:1px solid #272729;border-radius:9px;padding:11px;background:#0a0a0b}.ntc-card span{color:#ffb000;font-size:.63rem;font-weight:900}.ntc-card b{display:block;margin-top:4px}.ntc-card small{display:block;color:#777;margin-top:3px}.ntc-card p{color:#8a8a8f;font-size:.68rem;margin:7px 0 0}

.charge-signals{grid-template-columns:repeat(4,1fr)}.scope-card{height:78px;border:1px solid #2b261a;border-radius:9px;background:#080808;position:relative;overflow:hidden}.scope-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 18px,#191919 19px),repeating-linear-gradient(90deg,transparent 0 30px,#191919 31px)}.scope-card i{position:absolute;left:6%;right:6%;top:50%;height:2px;background:#ffb000;z-index:1}.cc-wave i{animation:sig1 1.2s steps(5,end) infinite}.spmi-wave i{animation:sig2 .9s steps(7,end) infinite}.sw-wave i{animation:sig3 .45s linear infinite}.dpdm-wave i{animation:sig4 1.4s steps(3,end) infinite}@keyframes sig1{30%{transform:translateY(-14px)}60%{transform:translateY(10px)}}@keyframes sig2{25%{transform:translateY(-10px)}50%{transform:translateY(13px)}75%{transform:translateY(-5px)}}@keyframes sig3{50%{transform:translateY(-16px)}}@keyframes sig4{50%{transform:translateY(12px)}}.signal-label{display:block;color:#ffb000;font-size:.62rem;font-weight:900;letter-spacing:.08em;margin-top:10px}.charge-signals h3{margin:4px 0}.charge-signals p{color:#777;font-size:.7rem}

.fault-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.fault-branches article{padding:16px;border:1px solid #29292b;border-radius:11px;background:#0d0d0e}.fault-branches span{color:#ffb000;font-size:.67rem;font-weight:900}.fault-branches h3{margin:10px 0 5px}.fault-branches p{color:#7e7e83;font-size:.74rem}
.chg-next{padding:42px 0;background:#0c0904;border-top:1px solid #30260f}.chg-next-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.chg-next h2{font-size:clamp(2rem,4vw,3.2rem);margin:7px 0}.chg-next p{color:#85858a}.chg-next a{text-decoration:none;border:1px solid #5a4300;color:#ffca44;border-radius:9px;padding:11px 14px;font-size:.72rem;font-weight:900}

@media(max-width:1050px){
 .chg-hero-grid,.evidence-layout,.ntc-layout,.rail-tool-grid{grid-template-columns:1fr}.charge-output{border-left:0;border-top:1px solid #2d281c}
 .ammeter-grid{grid-template-columns:repeat(3,1fr)}.charge-signals{grid-template-columns:repeat(2,1fr)}.fault-branches{grid-template-columns:repeat(2,1fr)}
 .cc-diagnostic{grid-template-columns:1fr}.topology-row{grid-template-columns:1fr}.topology-row i{height:22px;width:2px;justify-self:center}
}
@media(max-width:700px){
 .charge-grid{grid-template-columns:1fr}.charge-grid .wide{grid-column:auto}.ammeter-grid,.thermal-symptoms,.charge-signals,.fault-branches{grid-template-columns:1fr}
 .rail-controls{grid-template-columns:1fr}.ntc-three,.ntc-cards{grid-template-columns:1fr}.chg-next-inner{align-items:flex-start;flex-direction:column}
 .charge-path{display:grid;grid-template-columns:1fr}.charge-path>i{width:2px;height:18px;justify-self:center}.charge-wave{display:none}.ntc-output{grid-template-columns:1fr}.ntc-output p{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.charge-path>i:after,.charge-wave i,.cc-viz i:after,.scope-card i{animation:none!important}}


/* V2 charging path matrix */
.matrix-section{background:#090805;border-block:1px solid #211b0d}
.matrix-toolbar{display:grid;grid-template-columns:260px 1fr auto;gap:9px;align-items:end;margin-bottom:12px}
.matrix-toolbar label span{display:block;color:#7d7d82;font-size:.68rem;margin-bottom:5px}
.matrix-toolbar input,.matrix-toolbar select{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:10px}
.matrix-toolbar button{min-height:40px;border:0;border-radius:8px;background:#ffb000;color:#160f00;font-weight:900;padding:0 15px}
.matrix-wrap{overflow-x:auto;border:1px solid #2b271d;border-radius:13px}
.path-matrix{width:100%;border-collapse:collapse;min-width:1050px}.path-matrix th{background:#0d0c09;color:#ffb000;padding:10px;text-align:left;font-size:.65rem;letter-spacing:.06em}.path-matrix td{padding:9px;border-top:1px solid #222;color:#aaa;font-size:.7rem}.path-matrix td:nth-child(2){color:#ddd;font-weight:800}.path-matrix input,.path-matrix select{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:7px;padding:7px}.matrix-verdict{font-weight:900}.matrix-verdict.ok{color:#88d978}.matrix-verdict.warn{color:#ffb000}.matrix-verdict.bad{color:#ff6a5d}.matrix-summary{margin-top:11px;border:1px solid #2b271d;border-radius:9px;background:#0b0a08;padding:12px;color:#85858a;font-size:.74rem}

.icdb-section{background:#070707;border-block:1px solid #1c1c1d}
.ic-selector-row{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:13px}.ic-selector-row label{min-width:300px}.ic-selector-row label span{display:block;color:#777;font-size:.68rem;margin-bottom:5px}.ic-selector-row select{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:10px}.ic-source-badge{font-size:.65rem;color:#ffb000;border:1px solid #5a4300;background:#141005;border-radius:999px;padding:7px 10px}
.ic-overview{border:1px solid #2b271d;border-radius:12px;background:#0c0b08;padding:14px;margin-bottom:12px}.ic-overview h3{margin:0 0 5px}.ic-overview p{color:#7e7e83;margin:0}.ic-workspace{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #29292b;border-radius:14px;overflow:hidden;background:#0b0b0b}.ic-pins{padding:16px}.ic-pins-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:10px}.ic-pins-head h3{margin:4px 0 0}.ic-pins-head input{width:260px;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.ic-pin-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ic-pin-btn{text-align:left;border:1px solid #29292b;border-radius:8px;background:#0d0d0e;color:#ccc;padding:9px}.ic-pin-btn:hover,.ic-pin-btn.active{border-color:#ffb000;background:#151005}.ic-pin-btn b,.ic-pin-btn small{display:block}.ic-pin-btn b{color:#ffca44;font-size:.7rem}.ic-pin-btn small{font-size:.62rem;color:#777;margin-top:2px}.ic-detail{padding:18px;border-left:1px solid #29292b;background:linear-gradient(160deg,#111006,#090909)}.ic-detail h3{margin:8px 0}.ic-detail p,.ic-detail li{color:#85858a;font-size:.73rem}.ic-detail dl div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #222;font-size:.7rem}.ic-detail dt{color:#777}.ic-detail dd{margin:0;color:#ddd;text-align:right}
.ic-subtools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ic-subtools section{border:1px solid #29292b;border-radius:12px;background:#0d0d0e;padding:15px}.ic-subtools h3{margin:5px 0 12px}.rapid-path{display:flex;align-items:center;gap:6px}.rapid-path button{flex:1;border:1px solid #343437;background:#090909;color:#ddd;border-radius:8px;padding:10px}.rapid-path button:hover{border-color:#ffb000}.rapid-path b,.rapid-path small{display:block}.rapid-path small{color:#777;margin-top:3px;font-size:.62rem}.rapid-path i{width:18px;height:2px;background:#5a4300}.rapid-result,.register-result{margin-top:10px;padding:10px;border:1px solid #28251c;border-radius:8px;background:#090907;color:#7e7e83;font-size:.7rem}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.register-grid label span{display:block;color:#777;font-size:.67rem;margin-bottom:5px}.register-grid input{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.ic-subtools section>button{width:100%;min-height:40px;margin-top:9px;border:0;border-radius:8px;background:#ffb000;color:#160f00;font-weight:900}

.advanced-charge{background:#080808}.advanced-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.adv-charge-tab{border:1px solid #2b2b2e;background:#0d0d0e;color:#8b8b90;border-radius:9px;padding:9px 12px;font-size:.7rem;font-weight:900}.adv-charge-tab.active{background:#ffb000;color:#160f00;border-color:#ffb000}.advanced-panels{border:1px solid #29292b;border-radius:14px;background:#0b0b0b;overflow:hidden}.adv-charge-panel{padding:16px}.adv-charge-panel[hidden]{display:none}.compact-signals{margin:0}

@media(max-width:1000px){.matrix-toolbar{grid-template-columns:1fr}.ic-workspace,.ic-subtools{grid-template-columns:1fr}.ic-detail{border-left:0;border-top:1px solid #29292b}.ic-pin-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ic-selector-row,.ic-pins-head{align-items:flex-start;flex-direction:column}.ic-selector-row label,.ic-pins-head input{min-width:0;width:100%}.ic-pin-list{grid-template-columns:repeat(2,1fr)}.rapid-path{display:grid;grid-template-columns:1fr}.rapid-path i{width:2px;height:16px;justify-self:center}}