:root{--bg:#03141d;--surface:#08242e;--surface2:#0b2e39;--surface3:#0e3943;--text:#edf7f6;--muted:#9fb5b9;--line:#ffffff1a;--green:#45c486;--green2:#74e0a6;--blue:#3d91d2;--gold:#efd37c;--orange:#df8950;--red:#e56c6c;--max:1220px;--shadow:0 24px 65px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 8% 6%,#0d3c4b 0,transparent 30rem),radial-gradient(circle at 93% 42%,#0c3831 0,transparent 27rem),linear-gradient(180deg,#041821,#061f29 55%,#03141d);font:16px/1.7 "Tajawal","Manrope",sans-serif;min-height:100vh}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-100px;left:1rem;z-index:1000;background:var(--gold);color:#071821;padding:.65rem 1rem;border-radius:6px}.skip-link:focus{top:1rem}.tool-header{height:84px;position:sticky;top:0;z-index:50;padding:0 max(1.1rem,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;background:#041821ec;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.tool-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold),var(--orange))}.tool-brand{display:flex;align-items:center;gap:.8rem;justify-self:start}.tool-brand img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid #efd37c70}.tool-brand span{display:flex;flex-direction:column;line-height:1.2}.tool-brand strong{font:800 1.05rem "Manrope";letter-spacing:.18em}.tool-brand small{font:700 .65rem "Manrope";color:var(--gold);letter-spacing:.08em;margin-top:.22rem}.header-note{display:flex;align-items:center;gap:.55rem;font:700 .7rem "Manrope";color:#a8bdc1;letter-spacing:.08em}.header-note i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}.back-link{justify-self:end;border:1px solid var(--line);border-radius:7px;padding:.55rem .8rem;font-weight:700;font-size:.82rem}.back-link:hover{border-color:#efd37c88}.back-link b{margin-inline-start:.5rem;color:var(--gold)}main{max-width:var(--max);margin:auto;padding:3rem 1.1rem 5rem}.intro{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end}.eyebrow{margin:0 0 .45rem;color:var(--green2);font-weight:700;letter-spacing:.04em}.intro h1{font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:1.13;letter-spacing:-.035em;margin:0}.intro>div>p:last-child{color:var(--muted);max-width:710px;font-size:1.05rem;margin:1rem 0 0}.intro aside{border:1px solid var(--line);border-top:3px solid var(--green);border-radius:10px;background:#0a2a3485;padding:1.15rem;display:flex;flex-direction:column}.intro aside strong{font-size:.92rem}.intro aside span{font-size:.82rem;color:var(--muted);margin-top:.25rem}.screening-notice{display:grid;grid-template-columns:150px 1fr;gap:1rem;margin:2rem 0 1.15rem;padding:1rem 1.2rem;border:1px solid #efd37c4d;border-radius:10px;background:#4e41182b}.screening-notice b{color:var(--gold)}.screening-notice span{color:#c8d5d7;font-size:.9rem}.workspace{display:grid;grid-template-columns:245px 1fr;gap:1rem;align-items:start}.steps{position:sticky;top:101px;border:1px solid var(--line);border-radius:12px;background:#061d26;padding:.55rem;box-shadow:var(--shadow)}.step-tab{width:100%;border:0;border-radius:8px;background:transparent;color:var(--text);padding:.85rem;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:start;cursor:pointer}.step-tab+ .step-tab{margin-top:.25rem}.step-tab span{grid-row:1/3;align-self:center;color:#66838b;font:700 .76rem "Manrope"}.step-tab b{font-size:.9rem}.step-tab small{color:#78939a;font-size:.74rem}.step-tab:hover{background:#ffffff08}.step-tab.active{background:linear-gradient(120deg,#144d5c,#0d3b39);box-shadow:inset 3px 0 0 var(--green)}.step-tab.active span{color:var(--gold)}.step-tab.active small{color:#b8cacc}form{min-width:0}.form-step{display:none;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,#0a2a35,#061d27);box-shadow:var(--shadow);padding:2rem}.form-step.active{display:block}.step-heading{display:grid;grid-template-columns:58px 1fr;gap:1rem;align-items:start;padding-bottom:1.4rem;border-bottom:1px solid var(--line)}.step-heading>span{width:50px;height:50px;display:grid;place-items:center;border:1px solid #efd37c62;border-radius:50%;color:var(--gold);font:800 .85rem "Manrope"}.step-heading h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.25;margin:0}.step-heading p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.6rem}.field-grid label{display:grid;gap:.38rem}.field-grid label.wide{grid-column:1/-1}.field-grid label>span{font-weight:600;font-size:.87rem;color:#dce8e9}.field-grid em{font-style:normal;color:var(--gold);font-size:.7rem;margin-inline-start:.3rem}.field-grid input,.field-grid select{width:100%;height:48px;border:1px solid #ffffff2e;border-radius:8px;background:#041820;color:var(--text);padding:.65rem .8rem;outline:none}.field-grid select{cursor:pointer}.field-grid input::placeholder{color:#6f8990}.field-grid input:focus,.field-grid select:focus{border-color:var(--green);box-shadow:0 0 0 3px #45c4861f}.field-grid .invalid{border-color:var(--red);box-shadow:0 0 0 3px #e56c6c1a}.energy-hint{display:flex;gap:.8rem;margin-top:1rem;border:1px solid #3d91d23b;border-radius:8px;background:#12394a5c;padding:.8rem 1rem;font-size:.82rem}.energy-hint b{color:#86c5f1;white-space:nowrap}.energy-hint span{color:#b9cbd0}.step-actions{display:flex;justify-content:space-between;gap:.7rem;margin-top:1.7rem;padding-top:1.25rem;border-top:1px solid var(--line)}.next-button,.ghost-button,.secondary-action{border-radius:8px;min-height:46px;padding:.65rem 1rem;font-weight:700;cursor:pointer}.next-button{border:0;background:linear-gradient(110deg,#287fb8,#2fa870);color:white;box-shadow:0 12px 30px #1c816038}.next-button:hover{filter:brightness(1.08)}.next-button b{margin-inline-start:1.4rem}.ghost-button,.secondary-action{border:1px solid #ffffff2b;background:transparent;color:var(--text)}.ghost-button:hover,.secondary-action:hover{border-color:#efd37c88;background:#ffffff08}.question-list{display:grid;gap:.75rem;margin-top:1.4rem}.question-list fieldset{margin:0;border:1px solid var(--line);border-radius:10px;background:#061a2280;padding:.85rem 1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.question-list legend{display:contents}.question-list legend>span{display:block;color:var(--gold);font-size:.72rem;font-weight:700}.choices{display:flex;gap:.4rem}.choices label{cursor:pointer}.choices input{position:absolute;opacity:0;pointer-events:none}.choices span{display:block;min-width:90px;border:1px solid #ffffff27;border-radius:7px;padding:.48rem .65rem;text-align:center;color:#b8c9cc;font-size:.78rem;font-weight:600}.choices input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.choices input:checked+span{background:#175044;border-color:var(--green);color:white}.question-list fieldset.invalid{border-color:var(--red)}.report-head{display:flex;justify-content:space-between;gap:2rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.report-head p{margin:0;color:var(--green2);font:700 .7rem "Manrope";letter-spacing:.08em}.report-head h2{font-size:clamp(1.65rem,3vw,2.4rem);margin:.4rem 0 .25rem}.report-head>div>span{color:var(--muted);font-size:.82rem}.score-ring{--score:0;width:148px;height:148px;flex:0 0 auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:conic-gradient(var(--green) calc(var(--score)*1%),#ffffff15 0)}.score-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#082630}.score-ring>*{position:relative}.score-ring strong{font:800 2.2rem "Manrope";line-height:1}.score-ring small{font:.65rem "Manrope";color:var(--muted)}.score-ring span{font-size:.7rem;color:#bfd0d2;margin-top:.25rem}.status-banner{display:grid;grid-template-columns:230px 1fr;gap:1.4rem;align-items:center;margin:1.2rem 0;border:1px solid #ffffff1c;border-right:4px solid var(--gold);border-radius:9px;background:#0d303a;padding:1rem 1.2rem}.status-banner div{display:flex;flex-direction:column}.status-banner span{font-size:.72rem;color:var(--muted)}.status-banner strong{font-size:1.05rem;color:var(--gold)}.status-banner p{margin:0;color:#c5d4d6;font-size:.88rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.metric-grid article{border:1px solid var(--line);border-radius:10px;background:#061b24;padding:1rem}.metric-grid span{display:block;color:#a8bdc1;font-size:.76rem}.metric-grid strong{display:block;margin:.55rem 0 .1rem;font:800 1.45rem "Manrope";color:white}.metric-grid small{font:.65rem "Manrope";color:#6e9099}.report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.8rem;margin-top:.8rem}.priority-panel,.quality-panel,.decision-panel{border:1px solid var(--line);border-radius:10px;background:#061b24;padding:1rem}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.panel-title>div{display:flex;align-items:center;gap:.6rem}.panel-title span{color:var(--gold);font:700 .7rem "Manrope"}.panel-title h3{margin:0;font-size:1rem}.panel-title small{font-size:.7rem;color:var(--muted)}.panel-title>strong{color:var(--green2);font:800 1.05rem "Manrope"}.priority-item{display:grid;grid-template-columns:34px 1fr auto;gap:.65rem;align-items:center;padding:.72rem 0;border-bottom:1px solid #ffffff10}.priority-item:last-child{border-bottom:0;padding-bottom:0}.priority-item>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#103a45;color:var(--gold);font:700 .66rem "Manrope"}.priority-item b{font-size:.86rem}.priority-item p{margin:.08rem 0 0;color:var(--muted);font-size:.72rem}.priority-item>small{border-radius:999px;padding:.25rem .55rem;font-size:.65rem;font-weight:700}.priority-item>small.high{background:#713535;color:#ffc3c3}.priority-item>small.medium{background:#594a23;color:#ffe39c}.priority-item>small.good{background:#174937;color:#9be6bd}.quality-track{height:8px;border-radius:999px;background:#ffffff12;margin:1rem 0;overflow:hidden}.quality-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--gold),var(--green));transition:width .6s}.quality-panel ul{margin:0;padding:0 1rem 0 0;color:var(--muted);font-size:.76rem}.quality-panel li+li{margin-top:.35rem}.decision-panel{margin-top:.8rem;display:grid;grid-template-columns:1.3fr .7fr;gap:1.5rem;border-top:3px solid var(--blue)}.decision-panel>div>span{color:#83bfe8;font-size:.72rem;font-weight:700}.decision-panel h3{margin:.3rem 0;font-size:1.08rem}.decision-panel p{margin:0;color:var(--muted);font-size:.8rem}.decision-panel ol{margin:0;padding:0 1.2rem 0 0;color:#cbd8da;font-size:.78rem}.decision-panel li+li{margin-top:.35rem}.report-disclaimer{display:grid;grid-template-columns:110px 1fr;gap:1rem;margin-top:.8rem;padding:.9rem 1rem;border:1px solid #efd37c3d;border-radius:9px;background:#50431d24}.report-disclaimer b{color:var(--gold)}.report-disclaimer p{margin:0;color:#bfcfd1;font-size:.76rem}.report-contact{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#0a2b35}.report-contact h3{margin:0;font-size:1rem}.report-contact p{margin:.2rem 0 0;color:var(--muted);font-size:.75rem}.contact-fields{grid-template-columns:repeat(3,1fr);margin-top:.8rem}.report-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.action-error{margin:.65rem 0 0;color:#ffc1c1;font-size:.82rem;text-align:end}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:1.5rem 1.1rem 2.5rem;display:flex;justify-content:space-between;gap:1rem;color:#809aa0;font-size:.75rem}footer a{color:var(--green2);font-weight:700}
@media(max-width:980px){.workspace{grid-template-columns:1fr}.steps{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.step-tab{grid-template-columns:30px 1fr}.step-tab small{display:none}.question-list fieldset{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.tool-header{grid-template-columns:1fr auto}.header-note{display:none}}
@media(max-width:680px){body{font-size:15px}.tool-header{height:72px}.tool-brand img{width:44px;height:44px}.tool-brand small{display:none}.back-link{font-size:.74rem}.intro{grid-template-columns:1fr;gap:1.2rem}.intro h1{font-size:2.35rem}.screening-notice{grid-template-columns:1fr;gap:.2rem}.steps{grid-template-columns:repeat(2,1fr)}.form-step{padding:1.15rem}.field-grid,.contact-fields{grid-template-columns:1fr}.field-grid label.wide{grid-column:auto}.question-list fieldset{padding:.75rem}.choices{display:grid;grid-template-columns:repeat(3,1fr)}.choices span{min-width:0;padding:.48rem .35rem}.report-head{align-items:flex-start}.score-ring{width:112px;height:112px}.score-ring strong{font-size:1.7rem}.score-ring span{font-size:.6rem}.status-banner{grid-template-columns:1fr;gap:.45rem}.metric-grid{grid-template-columns:1fr 1fr}.decision-panel{grid-template-columns:1fr}.report-disclaimer{grid-template-columns:1fr}.report-actions{display:grid}.step-actions{align-items:stretch}.next-button b{margin-inline-start:.5rem}footer{flex-direction:column;text-align:center}}
@media(max-width:430px){main{padding-inline:.7rem}.intro h1{font-size:2rem}.metric-grid{grid-template-columns:1fr}.report-head{display:grid;grid-template-columns:1fr auto}.score-ring{grid-column:2;grid-row:1}.question-list legend{font-size:.9rem}.choices span{font-size:.7rem}.tool-brand strong{font-size:.9rem}.back-link{padding:.45rem}.back-link b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quality-track i{transition:none}}
@media print{@page{size:A4;margin:12mm}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{background:white;color:#102630;font-size:12px}.tool-header,.intro,.screening-notice,.steps,.form-step:not(.results-step),.no-print,footer{display:none!important}main,.workspace{display:block;max-width:none;padding:0}.form-step.results-step{display:block!important;border:0;background:white;box-shadow:none;padding:0}.report-head,.status-banner,.metric-grid,.report-grid,.decision-panel,.report-disclaimer{break-inside:avoid}.report-head{border-color:#ccd8d8}.report-head h2,.score-ring strong,.metric-grid strong{color:#102630}.score-ring{background:conic-gradient(#249c64 calc(var(--score)*1%),#dfe9e5 0)}.score-ring:before{background:white}.status-banner,.metric-grid article,.priority-panel,.quality-panel,.decision-panel{background:#f2f7f5;border-color:#ccd8d8}.status-banner p,.metric-grid span,.priority-item p,.decision-panel p,.quality-panel ul,.report-disclaimer p{color:#445d63}.priority-item{border-color:#dbe4e2}.report-disclaimer{background:#fff9e9;border-color:#dfc36f}.metric-grid{grid-template-columns:repeat(3,1fr)}}
.report-recipient{display:block;margin-top:.18rem;color:var(--gold)!important}.report-recipient:empty{display:none}
.tool-brand small,.header-note,.step-tab span,.step-tab small,.field-grid em,.report-head p,.score-ring small,.score-ring span,.status-banner span,.metric-grid span,.metric-grid small,.panel-title span,.panel-title small,.priority-item p,.priority-item>small,.quality-panel ul,.decision-panel>div>span,.decision-panel p,.decision-panel ol,.report-disclaimer p,.report-contact p,footer{font-size:.75rem}.choices span,.priority-item b{font-size:.875rem}
.operations-consent{margin-top:1rem;border:1px solid #45c48655;border-radius:11px;background:linear-gradient(120deg,#0d3840,#0d342d);padding:1.1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.operations-consent span{color:var(--gold);font-size:.75rem;font-weight:700}.operations-consent h3{margin:.2rem 0;font-size:1.05rem}.operations-consent p{margin:0;color:#afc3c6;font-size:.82rem}.consent-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.send-status{grid-column:1/-1;border-top:1px solid #ffffff16;padding-top:.7rem!important;color:#d8eee4!important}.send-status.success{color:#8aebb4!important}.send-status.error{color:#ffc0c0!important}@media(max-width:820px){.operations-consent{grid-template-columns:1fr}.consent-actions{justify-content:flex-start}}@media(max-width:520px){.consent-actions{display:grid}.consent-actions button{width:100%}}
.consent-actions a{display:inline-flex;align-items:center;justify-content:center}.grade-metric{border-color:#efd37c88!important;background:linear-gradient(145deg,#5a461d,#604d22)!important}.grade-metric strong{color:#fff0b0}

/* Digital Energy Lab — brighter product identity, shared EEESC brand */
body{background:radial-gradient(circle at 8% 5%,#1c8fcf 0,transparent 26rem),radial-gradient(circle at 94% 30%,#18b89a 0,transparent 23rem),radial-gradient(circle at 30% 95%,#7058c7 0,transparent 22rem),linear-gradient(145deg,#071c43,#0a3d6a 52%,#075c66);background-attachment:fixed}.tool-header{background:#061a3aee}.intro{position:relative;overflow:hidden;border:1px solid #ffffff2e;border-radius:18px;background:linear-gradient(120deg,#135f9a80,#128a7b73);padding:2rem;box-shadow:0 24px 70px #00143252}.intro:after{content:"DIGITAL ENERGY LAB";position:absolute;inset-inline-end:1.5rem;top:1rem;color:#ffffff12;font:800 clamp(2rem,5vw,5rem) "Manrope";letter-spacing:-.05em;pointer-events:none}.intro>*{position:relative;z-index:1}.intro aside{background:#0628509c;border-color:#83e8ff66;border-top-color:#ffd166}.eyebrow{display:inline-flex;border-radius:999px;background:#7ff3d51f;border:1px solid #7ff3d55c;padding:.32rem .72rem;color:#a9ffe9}.screening-notice{background:#ffd1661c;border-color:#ffd1668a}.workspace{gap:1.1rem}.steps{background:linear-gradient(160deg,#0b2d5b,#0b4160);border-color:#8edcff3d}.step-tab.active{background:linear-gradient(110deg,#2079c7,#16a98d);box-shadow:inset 3px 0 0 #ffd166}.form-step{position:relative;background:linear-gradient(145deg,#103f72,#092c52);border-color:#7ddcff42;box-shadow:0 28px 80px #00143066}.form-step:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#62c8ff,#4be39a,#ffd166,#ff9d68)}.field-grid input,.field-grid select{background:#f7fcff;color:#133447;border-color:#b7dbe6}.field-grid input::placeholder{color:#7895a0}.field-grid input:focus,.field-grid select:focus{border-color:#22bb91;box-shadow:0 0 0 3px #65e7be3d}.question-list fieldset{background:#f2faff;color:#123343;border-color:#b8dce5}.question-list legend>span{color:#087d91}.choices span{color:#244b5a;border-color:#9fc7d1;background:white}.choices input:checked+span{background:linear-gradient(110deg,#147eaa,#17a475);border-color:#12a37b;color:white}.energy-hint{background:#dff6ff14;border-color:#7bd5ff70}.status-banner{background:linear-gradient(110deg,#15517d,#126d6f);border-right-color:#ffd166}.metric-grid article{background:linear-gradient(145deg,#0b3766,#105477);border-color:#79d2ff35}.metric-grid article:nth-child(2),.metric-grid article:nth-child(5){background:linear-gradient(145deg,#0b5563,#0f756c)}.metric-grid article:nth-child(3),.metric-grid article:nth-child(6){background:linear-gradient(145deg,#4d407c,#3a557e)}.priority-panel,.quality-panel,.decision-panel{background:#082d52;border-color:#79d2ff35}.operations-consent{background:linear-gradient(110deg,#0a695f,#126997);border-color:#75efd1aa}.operations-consent p{color:#d5eeee}.next-button{background:linear-gradient(110deg,#247fd1,#18ae7e);box-shadow:0 12px 30px #001c4766}.secondary-action,.ghost-button{border-color:#b3e8ff6b}.report-disclaimer{background:#ffd16616;border-color:#ffd16676}@media print{body{background:white}.intro{background:white}.form-step{background:white}.form-step:before{display:none}.priority-panel,.quality-panel,.decision-panel,.metric-grid article,.status-banner{background:#f2f7f5}}

/* Screening semantics: readiness, data quality, and inspection priority are distinct. */
.screening-meaning{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0 0 .8rem}.screening-meaning>div{padding:.9rem;border:1px solid #78d9ff3d;border-radius:10px;background:#062d50}.screening-meaning span{color:var(--gold);font:800 .62rem "Manrope"}.screening-meaning strong{display:block;margin:.3rem 0;color:white;font-size:.9rem}.screening-meaning p{margin:0;color:#bcd3d8;font-size:.78rem;line-height:1.65}@media(max-width:680px){.screening-meaning{grid-template-columns:1fr}}@media print{.screening-meaning{break-inside:avoid}.screening-meaning>div{background:#f2f7f5;border-color:#ccd8d8}.screening-meaning strong{color:#102630}.screening-meaning p{color:#445d63}}