.osc{--osc-green:#168e4e;--osc-dark:#142a25;--osc-muted:#677875;--osc-line:#e3eae7;--osc-soft:#f4f9f6;color:var(--osc-dark);font-family:inherit;max-width:1260px;margin:24px auto 45px;background:#fff;border:1px solid var(--osc-line);border-radius:22px;box-shadow:0 18px 45px rgba(15,60,42,.07);overflow:hidden;line-height:1.5}
.osc *{box-sizing:border-box}.osc [hidden]{display:none!important}
.osc h2,.osc h3,.osc h4,.osc p{margin-top:0}.osc h2{font-weight:800;font-size:clamp(1.55rem,2.6vw,2.4rem);line-height:1.16;letter-spacing:-.035em;color:#fff;margin:11px 0 12px}.osc h3{font-size:1.1rem;letter-spacing:-.025em;font-weight:800;color:var(--osc-dark);margin:0 0 21px}.osc button,.osc input,.osc select{font-family:inherit}.osc button{cursor:pointer;text-transform:none;box-shadow:none}.osc button:focus-visible,.osc input:focus-visible,.osc select:focus-visible{outline:3px solid rgba(22,142,78,.35);outline-offset:2px}
.osc-header{background:linear-gradient(112deg,#0c3128 0%,#14583a 68%,#168e4e 100%);display:flex;justify-content:space-between;align-items:center;color:#fff;padding:36px clamp(22px,4vw,50px);gap:16px}.osc-header p{font-size:.96rem;color:#d2eade;margin:0;max-width:640px}.osc-kicker{font-size:.68rem;letter-spacing:.19em;font-weight:800;color:#b5e2c4}.osc-header-mark{flex-shrink:0;width:93px;height:93px;border:1px solid rgba(255,255,255,.4);border-radius:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:2rem;font-weight:900;line-height:1}.osc-header-mark span{font-size:.7rem;font-weight:600;margin-top:5px;letter-spacing:.1em;color:#ccf0d8}
.osc-main{display:grid;grid-template-columns:minmax(265px,.78fr) minmax(0,1.4fr);border-bottom:1px solid var(--osc-line)}.osc-controls{padding:29px clamp(20px,3vw,34px);background:#fbfdfb;border-right:1px solid var(--osc-line)}.osc-label{display:block;color:#243d34;font-size:.88rem;font-weight:750;margin:20px 0 10px}.osc-label:first-of-type{margin-top:6px}.osc-number{background:#fff;display:flex;align-items:center;border:1px solid #cbdcd4;border-radius:12px;overflow:hidden;box-shadow:0 2px 2px rgba(0,0,0,.018)}.osc .osc-consum{border:0!important;border-radius:0!important;width:100%;min-width:0;outline:none!important;background:transparent!important;box-shadow:none!important;color:#143b28!important;padding:13px 12px 13px 16px!important;font-weight:800;font-size:1.65rem;line-height:1.1}.osc-number span{white-space:nowrap;color:var(--osc-muted);font-size:.8rem;padding:14px 15px 14px 4px}.osc .osc-range{margin:17px 0 3px!important;width:100%;height:5px;accent-color:var(--osc-green);cursor:pointer}.osc-range-labels{display:flex;justify-content:space-between;color:#7c8d85;font-size:.67rem}
.osc-segment{display:flex;gap:7px;padding:5px;border-radius:12px;background:#eaf2ed}.osc .osc-segment button{flex:1;min-width:0;border:1px solid transparent;border-radius:9px;font-size:.84rem;line-height:1.3;font-weight:750;padding:12px 8px;color:#4c6860;background:transparent;transition:background .15s,color .15s}.osc .osc-segment button.osc-active{background:#fff;color:#0c7a41;box-shadow:0 3px 11px rgba(5,53,32,.1);border-color:#d2e5d9}.osc .osc-goal{background:#fff;border:1px solid #cbdcd4;border-radius:11px;padding:11px;min-width:0;width:100%;color:var(--osc-dark);font-size:.83rem;min-height:44px}.osc-hint{color:#7f928a;font-size:.73rem;line-height:1.55;margin-top:8px!important}.osc-info{display:flex;gap:10px;align-items:flex-start;font-size:.74rem;line-height:1.6;color:#57726a;background:#eaf6ee;padding:13px;border-radius:12px;margin-top:22px}.osc-info-icon{font-size:.75rem;flex-shrink:0;width:19px;height:19px;border-radius:50%;background:#2b9960;color:#fff;text-align:center;font-weight:800;line-height:19px}
.osc-preview{padding:29px clamp(18px,3vw,35px)}.osc-preview-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.osc-preview-top h3{margin-bottom:20px}.osc-status{font-size:.61rem;font-weight:900;letter-spacing:.13em;color:#14834c;background:#e2f4e9;border-radius:99px;padding:6px 10px;white-space:nowrap}.osc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.osc-stats>div{background:var(--osc-soft);border:1px solid #e6eee7;padding:11px 12px;border-radius:11px;min-width:0}.osc-stats span,.osc-result-item span{display:block;color:#71847a;font-size:.7rem;margin-bottom:3px}.osc-stats strong{display:block;font-size:clamp(1rem,1.9vw,1.4rem);color:#115b39;letter-spacing:-.035em;white-space:nowrap}
.osc-stage{border:1px solid #e9efea;background:radial-gradient(circle at 50% 28%,#f8fcfa,#eef5f0);border-radius:16px;margin-top:18px;min-height:320px;padding:24px 14px 20px;overflow:hidden}.osc-roofs{display:flex;justify-content:center;align-items:flex-start;gap:22px;max-width:100%;margin:0 auto}.osc-roof{max-width:100%;background:rgba(255,255,255,.85);border:1px solid #dfe8e0;border-radius:12px;padding:12px;box-shadow:0 6px 16px rgba(5,45,24,.05)}.osc-roof-head{display:flex;justify-content:space-between;gap:11px;align-items:center;font-size:.68rem;white-space:nowrap;color:#71857b;margin-bottom:12px}.osc-roof-head strong{color:#39564a;font-size:.64rem;letter-spacing:.055em}.osc-panel-grid{display:grid;grid-template-columns:repeat(var(--osc-cols,7),minmax(0,1fr));gap:4px;max-width:340px;margin:0 auto}.osc-two-roofs .osc-panel-grid{max-width:165px;gap:3px}.osc-panel{width:34px;height:47px;max-width:100%;border:2px solid #31556a;border-radius:2px;background:linear-gradient(90deg,transparent 47%,rgba(202,231,246,.56) 48%,rgba(202,231,246,.56) 52%,transparent 53%),repeating-linear-gradient(0deg,#183e5d 0,#183e5d 9px,#9bb4c6 10px,#184564 11px);box-shadow:inset 0 0 0 2px #31546a,0 1px 2px rgba(5,36,63,.16);position:relative}.osc-two-roofs .osc-panel{width:28px;height:39px}.osc-panel:after{content:'';position:absolute;top:2px;left:2px;width:20%;height:85%;background:linear-gradient(90deg,rgba(255,255,255,.19),transparent);transform:skew(-13deg);pointer-events:none}
.osc-flow{margin:21px auto 0;display:flex;justify-content:center;align-items:center;gap:0;min-width:0}.osc-wire{height:2px;width:min(10%,64px);background:linear-gradient(90deg,rgba(9,127,68,.25),#24a460);position:relative}.osc-wire:after{content:'';position:absolute;right:1px;top:-3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #24a460}.osc-wire-out{background:#c1d6c9;width:min(10%,64px)}.osc-inverter{width:86px;height:114px;background:#fafdfa;border:2px solid #e0e8e1;border-radius:9px;box-shadow:0 8px 16px rgba(30,69,46,.12);position:relative;flex-shrink:0;padding:10px 8px;color:#6b8072;text-align:center}.osc-inverter-brand{font-size:.57rem;color:#177f44;font-weight:900;letter-spacing:.055em}.osc-inverter-body{font-size:.65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:61px}.osc-inverter-body strong{font-size:.72rem;white-space:nowrap;color:#1a382a}.osc-inverter-led{width:7px;height:7px;background:#2ac56a;box-shadow:0 0 0 3px #d6f8e4;border-radius:50%;position:absolute;bottom:10px;left:calc(50% - 4px)}.osc-inverter.osc-invalid .osc-inverter-led{background:#d99a20;box-shadow:0 0 0 3px #faf0d7}.osc-home{height:65px;min-width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#517e67}.osc-home span{font-size:3rem;line-height:1}.osc-home small{font-size:.63rem;font-weight:700}
.osc-strings{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.osc-string{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#f5f9f6;border-radius:8px;padding:7px 10px;font-size:.67rem;color:#62756a;border:1px solid #e3eae4}.osc-string strong{color:#25583d}.osc-string-dot{background:#31a462;border-radius:50%;width:7px;height:7px;flex-shrink:0}.osc-strwarning{font-size:.75rem;color:#a86216}
.osc-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:23px clamp(20px,3vw,34px);border-bottom:1px solid var(--osc-line);gap:15px}.osc-result-item:not(:first-child){border-left:1px solid var(--osc-line);padding-left:16px}.osc-result-item strong{display:block;font-size:clamp(.96rem,1.6vw,1.3rem);line-height:1.35;letter-spacing:-.02em;color:#154d36}
.osc-lower{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:32px clamp(20px,3vw,34px)}.osc-lower h3{margin-bottom:17px}.osc-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:5px;height:192px;max-width:100%}.osc-bar{height:100%;display:flex;align-items:center;flex-direction:column;min-width:0}.osc-bar-value{font-size:.57rem;color:#678274;margin-bottom:5px;height:15px;text-align:center;white-space:nowrap}.osc-bar-track{width:100%;max-width:29px;height:139px;display:flex;align-items:end;background:#e8f0eb;border-radius:4px;overflow:hidden}.osc-bar-fill{width:100%;background:linear-gradient(180deg,#34b66c,#14854c);border-radius:4px 4px 0 0;transition:height .25s}.osc-bar-month{font-size:.59rem;color:#7b8e81;margin-top:7px}.osc-caption{margin:11px 0 0!important;color:#819289;font-size:.7rem;line-height:1.55}.osc-product{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--osc-line);min-width:0}.osc-product-icon{width:51px;height:55px;border-radius:10px;flex-shrink:0;background:#eef4f0;display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:800;color:#286f4b;overflow:hidden}.osc-product-icon img{width:100%;height:100%;object-fit:contain}.osc-product-words{flex:1;min-width:0;line-height:1.4}.osc-product-words small{color:#82938a;display:block;font-size:.63rem}.osc-product-words strong{color:#193a2a;font-size:.83rem;display:block;overflow-wrap:anywhere}.osc-product-words span{color:#74887b;font-size:.7rem}.osc-product-link{font-size:.7rem;color:#137b44;text-decoration:none;font-weight:800;white-space:nowrap}.osc-product-link:hover{text-decoration:underline;color:#0c6134}.osc-unlinked{font-size:.61rem;line-height:1.4;color:#889c8f;max-width:68px;text-align:right}.osc-warning{background:#f6faf6;color:#638071;border-radius:8px;font-size:.72rem;padding:11px;margin-top:15px}.osc-warning-strong{background:#fff1db;color:#8a570d}
.osc-cta{background:#10372b;color:#fff;padding:26px clamp(20px,3vw,34px);display:flex;align-items:center;justify-content:space-between;gap:20px}.osc-cta strong{font-size:1rem;color:#fff}.osc-cta p{font-size:.77rem;max-width:640px;color:#bad7c5;margin:6px 0 0}.osc .osc-quote-trigger,.osc .osc-submit{border:0;border-radius:10px;background:#2ab664;color:#fff;padding:14px 22px;font-weight:800;font-size:.82rem;white-space:nowrap;transition:background .15s;box-shadow:none}.osc .osc-quote-trigger:hover,.osc .osc-submit:hover{background:#1a934f;color:#fff}.osc .osc-quote-trigger span{padding-left:10px}.osc-quote-form{padding:25px clamp(20px,3vw,34px);background:#f7fbf8;border-bottom:1px solid var(--osc-line)}.osc-quote-form h3{margin-bottom:13px}.osc-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.osc-form-grid label{display:block;color:#385f48;font-size:.74rem;font-weight:750}.osc-form-grid input{display:block!important;margin-top:7px!important;width:100%!important;border:1px solid #cddfd0!important;border-radius:8px!important;background:#fff!important;padding:11px!important;font-size:.85rem!important;color:#213e31!important}.osc-privacy{display:flex;align-items:flex-start;gap:8px;font-size:.72rem;color:#617a68;line-height:1.6;margin:17px 0!important}.osc-privacy input{margin-top:3px!important;flex-shrink:0}.osc-privacy a{color:#148b4b}.osc-hp{position:absolute!important;left:-10000px!important;opacity:0!important;width:1px!important;height:1px!important}.osc-form-status{font-size:.77rem;margin-top:12px!important;color:#9c5512}.osc-form-status.osc-success{color:#078047}.osc .osc-submit:disabled{opacity:.6;cursor:wait}.osc-disclaimer{margin:0!important;padding:15px clamp(20px,3vw,34px) 20px;color:#83918b;font-size:.67rem;line-height:1.6;background:#fff}
@media(max-width:960px){.osc-main{grid-template-columns:1fr}.osc-controls{border-right:0;border-bottom:1px solid var(--osc-line)}.osc-preview{padding:26px}.osc-lower{gap:25px}.osc-roofs{gap:10px}.osc-stats strong{white-space:normal}}
@media(max-width:670px){.osc{border-radius:13px;margin:12px auto 30px}.osc-header{padding:25px 19px}.osc-header-mark{width:60px;height:60px;font-size:1.3rem}.osc-header-mark span{font-size:.51rem}.osc-header h2{font-size:1.65rem}.osc-controls,.osc-preview{padding:20px 16px}.osc-stats{gap:5px}.osc-stats>div{padding:9px 7px}.osc-stats span{font-size:.61rem}.osc-stats strong{font-size:1.05rem}.osc-stage{padding:18px 7px 15px;min-height:260px}.osc-roof{padding:7px}.osc-two-roofs .osc-panel{width:20px;height:28px;border-width:1px}.osc-panel{width:25px;height:34px;border-width:1px}.osc-panel-grid{gap:3px}.osc-roof-head{flex-direction:column;align-items:flex-start;gap:0;font-size:.6rem;margin-bottom:8px}.osc-roof-head strong{font-size:.58rem}.osc-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;padding:20px}.osc-result-item:not(:first-child){border-left:0;padding-left:0}.osc-result-item:nth-child(2n){border-left:1px solid var(--osc-line);padding-left:12px}.osc-lower{grid-template-columns:1fr;padding:23px 18px}.osc-cta{display:block;padding:22px 20px}.osc .osc-quote-trigger{margin-top:16px;width:100%}.osc-form-grid{grid-template-columns:1fr}.osc-bar-value{font-size:.52rem}.osc-bar-month{font-size:.5rem}}
@media(max-width:400px){.osc-two-roofs{gap:5px}.osc-two-roofs .osc-panel-grid{gap:2px}.osc-two-roofs .osc-panel{width:17px;height:25px}.osc-roof{padding:5px}.osc-roof-head{font-size:.55rem}.osc .osc-segment button{font-size:.74rem}.osc-inverter{width:75px;height:105px}.osc-home{min-width:42px}.osc-home span{font-size:2.2rem}.osc-product{gap:8px}.osc-product-icon{width:42px;height:48px}.osc-product-words strong{font-size:.75rem}}
/* v1.1: marcaj pătrat, tip consum, baterii LV/HV */
.osc-header-mark{border-radius:17px;width:104px;height:104px;overflow:hidden;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);padding:7px}
.osc-header-mark img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.osc-header-mark strong{font-size:2.25rem;color:#e9ffef;letter-spacing:-.055em}
.osc-header-mark small{font-size:.51rem;letter-spacing:.06em;color:#ccf0d8;font-weight:900}
.osc-usage button{font-size:.8rem!important}
.osc-usage-help{margin:8px 0 0!important}
.osc-battery-count-wrap .osc-label{margin-top:11px}
.osc-battery-visual{margin-left:17px;border:1px solid #c7d8ce;box-shadow:0 3px 8px rgba(11,59,34,.07);background:#fff;padding:7px 9px;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:110px;text-align:center}
.osc-battery-visual span{font-size:1.7rem;color:#188750;line-height:1.1}
.osc-battery-visual strong{font-size:.61rem;color:#31624b;line-height:1.15}
@media(max-width:670px){.osc-header-mark{width:67px;height:67px;border-radius:12px}.osc-header-mark strong{font-size:1.45rem}.osc-header-mark small{font-size:.34rem}.osc-battery-visual{margin-left:5px;padding:4px;max-width:65px}.osc-battery-visual span{font-size:1.15rem}.osc-battery-visual strong{font-size:.49rem}}

.osc-large-roof .osc-panel{width:16px;height:22px;border-width:1px}.osc-large-roof .osc-panel-grid{max-width:340px;gap:2px}.osc-large-roof .osc-roof-head{white-space:normal}.osc-model-help{color:#457660!important}.osc .osc-model{border-color:#91c6a4;font-weight:700;background:#f5fbf7}.osc-battery-visual strong{font-size:.6rem;overflow-wrap:anywhere}
@media(max-width:670px){.osc-large-roof .osc-panel{width:11px;height:16px}.osc-large-roof .osc-panel-grid{gap:1px;max-width:145px}.osc-large-roof{padding:5px}}