@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
[hidden]{display:none!important}
.audience{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;border-top:5px solid #ffce32;padding:30px}.audience h1{font-size:clamp(2rem,3vw,2.8rem);margin:12px 0}.audience p{margin-bottom:0}.audience select{font-size:1rem;border:2px solid #122642;max-width:480px}.wizard-progress{display:flex;justify-content:space-between;gap:12px;margin:28px 0;font-size:.9rem}.wizard-progress span{flex:1;padding:14px 12px;border-bottom:3px solid #cbd5e1;color:#607286}.wizard-progress .current{color:#122642;border-color:#e4ad00;font-weight:600}.enduser-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:24px;align-items:start}.wizard-step{padding:30px}.wizard-step h2{font-size:1.6rem;margin:12px 0}.wizard-step>p{color:#4b5e73}.wizard-step>.primary{margin-top:22px}.wizard-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:25px}.simple-guide{background:#091c35;color:white;padding:30px}.simple-guide .eyebrow{color:#ffce32}.simple-guide h2{font-size:1.4rem;margin:18px 0}.simple-guide p,.simple-guide li{font-size:.9rem;line-height:1.8}.simple-guide .hint{color:#c5d2e2}.simple-guide a{color:#ffce32}.simple-guide ul{padding-left:20px}.simple-load{background:#f6f9fc;border:1px solid #dce4ed;border-radius:10px;padding:20px;margin:18px 0}.simple-appliance-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.simple-backup-check{margin-top:20px;font-size:.9rem}.rating-details{margin-top:20px}.rating-details summary{font-size:.8rem;font-weight:400;color:#425d7c}.rating-details input{max-width:220px}.form-error{color:#a51a1a!important;font-size:.9rem}.form-error:empty{display:none}.simple-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.simple-metric{border:1px solid #cfdbe8;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:10px}.simple-metric span{font-size:.85rem;color:#4b5e73}.simple-metric strong{font-size:1.8rem;line-height:1.25}.simple-metric small{font-size:.8rem;line-height:1.5;color:#4b5e73}.simple-explanation{border-left:4px solid #ffce32;padding:12px 18px;background:#fff9df}.simple-caution{font-size:.9rem;color:#684800;background:#fff9df;padding:15px;border-radius:8px}#simple-share{border-top:1px solid #dce4ed;margin-top:25px;padding-top:20px}#simple-share button{margin:8px 8px 0 0}
@media(max-width:950px){.audience{gap:20px}.enduser-layout{grid-template-columns:1fr}.simple-guide{position:static}.simple-guide ul{display:none}}@media(max-width:550px){.audience{grid-template-columns:1fr;padding:20px}.wizard-progress{gap:5px}.wizard-progress span{font-size:.75rem;padding:10px 5px}.wizard-step{padding:20px}.simple-load{padding:14px}.simple-appliance-fields{gap:10px}.simple-metrics{grid-template-columns:1fr}.wizard-actions button,#simple-share button{width:100%}.simple-metric strong{font-size:1.6rem}}@media print{.audience,.wizard-progress,.simple-guide,.wizard-actions,#simple-share{display:none!important}.enduser-layout{display:block}.simple-metric{break-inside:avoid}.simple-explanation{background:white}#simple-results details{display:block}}
:root{font-family:Poppins,Arial,sans-serif;color:#122642;background:#f1f5f9;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#091c35;color:white;padding:20px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:15px;color:white;text-decoration:none;font-weight:600}.brand img{width:100px;height:55px;object-fit:contain;background:#000}.brand small{display:block;font-weight:400;font-size:.8rem;color:#ccd7e7}.contact{color:white;font-size:.9rem}main{max-width:1440px;margin:auto;padding:42px 5vw}.intro{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center;margin-bottom:35px}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.13em;color:#8b6200}h1{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.15;letter-spacing:-.04em;margin:15px 0}h2{font-size:1.15rem;margin:0}p{line-height:1.65}.intro p{max-width:650px;color:#4b5e73}.note{border-left:4px solid #edb815;padding:6px 24px}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid #dae3ed;border-radius:14px;padding:24px;margin-bottom:20px}.sectionhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.step{background:#091c35;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#ffce32;font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}label{font-size:.85rem;display:block;font-weight:500}input,select{width:100%;padding:11px 10px;border:1px solid #bbc9d9;border-radius:7px;font:inherit;font-size:.9rem;color:#122642;background:white;margin-top:5px;min-height:44px}input[type=checkbox]{width:20px;min-height:20px;height:20px;vertical-align:middle;margin:0 6px 0 0}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #eebc22;outline-offset:2px}.hint{font-size:.8rem;line-height:1.6;color:#586b80}.load{border:1px solid #dce4ed;background:#f8fafc;border-radius:10px;padding:16px;margin:16px 0}.loadhead{display:flex;gap:10px;align-items:center}.loadhead label{flex:1}.smallgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.load details{margin-top:15px}summary{font-weight:600;cursor:pointer;font-size:.9rem;min-height:30px}details[open]>summary{margin-bottom:16px}.backup{margin-top:16px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.backup label:last-child{max-width:160px}.textbutton,.outline,.primary{font:inherit;cursor:pointer;border-radius:8px;min-height:44px;padding:11px 15px;font-size:.85rem}.textbutton{background:transparent;border:0;color:#234267;text-decoration:underline}.outline{border:1px solid #879cb6;color:#122642;background:white}.primary{background:#ffce32;border:1px solid #ffce32;color:#091c35;font-weight:600}.results{position:sticky;top:20px;background:#091c35;color:white;border:0}.results .eyebrow{color:#ffce32}.results h2{margin:15px 0}.results .hint{color:#becde0}.metric{border-top:1px solid #29415e;padding:16px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.metric span{font-size:.85rem;color:#ccdaeb}.metric strong{font-size:1.35rem;color:white;text-align:right}.results details{margin:18px 0;font-size:.85rem;color:#dce7f4}.results .outline{background:transparent;color:white;border-color:#879cb6}#actions button{width:100%;margin:5px 0}.warn{font-size:.8rem;line-height:1.6;background:#162e49;padding:14px;border-left:3px solid #ffce32;border-radius:5px}.error{color:#fff1b7;padding:10px;border:1px solid #ffce32;border-radius:8px;margin:10px 0}footer{padding:25px 5vw;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.85rem;background:#e6edf5}a{color:inherit}.method{margin-top:15px}.method p{font-size:.85rem}aside{position:sticky;top:20px}.delete{padding:5px 10px}.rowtitle{font-size:.8rem;color:#657a91}.hidden{display:none}@media(max-width:950px){.workspace{grid-template-columns:1fr}aside{position:static}.intro{grid-template-columns:1fr}.note{display:none}}@media(max-width:550px){main{padding:25px 14px}.panel{padding:17px}header{padding:16px}.contact{display:none}.brand span{font-size:.8rem}.smallgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}h1{font-size:2.2rem}}@media print{header{background:white;color:#091c35}.brand span{color:#091c35}body{background:white}main{padding:0}.intro{display:none}.workspace{display:block}.results{background:white;color:#091c35}.metric strong,.metric span,.results .eyebrow,.results .hint,.results details{color:#091c35}button,#actions{display:none!important}.warn{background:white;color:#091c35}.panel,.load{break-inside:avoid}details:not([open]){display:none}}
