:root{--bg:#f5f6fc;--card:#fff;--ink:#151a42;--muted:#686d8a;--line:#dfe2f2;--green:#3546a7;--deep:#17246f;--lime:#8fa2ff;--soft:#edf0ff;--shadow:0 20px 65px #26358d16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,sans-serif;transition:.3s}body.dark{--bg:#090d25;--card:#111737;--ink:#f4f5ff;--muted:#a9aecb;--line:#29315c;--soft:#1b2554;--shadow:0 20px 65px #0006}button,input,select{font:inherit}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1220px)/2));background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none}.logo strong{font-size:21px;font-weight:900;letter-spacing:-.025em;line-height:1}.logo strong span{color:var(--green)}.logo>img{width:44px;height:44px;object-fit:contain;border-radius:50%;margin-right:5px;background:#fff}.nav>div{display:flex;align-items:center;gap:10px}.nav>div small{color:var(--muted)}.nav>div small::first-letter{color:#19ad69}.nav button,.nav>div a,.soft,.back{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px 14px;border-radius:11px;text-decoration:none;font-weight:750;cursor:pointer}.nav button{width:41px;padding:9px}.nav>div a{background:var(--deep);color:#fff}main{max-width:1220px;margin:auto;padding:43px 20px 80px}.intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.intro>p{max-width:470px;color:var(--muted);font-size:17px}.intro small,.panel label,.result-head label,.product label,.summary label,.consult label{color:var(--green);font-size:11px;font-weight:850;letter-spacing:.14em}h1{font-size:clamp(39px,5.2vw,67px);line-height:1;letter-spacing:-.055em;margin:8px 0}h1 em{font-style:normal;color:var(--green)}.steps{max-width:830px;margin:0 auto 32px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center}.steps hr{border:0;border-top:1px solid var(--line);width:calc(100% - 24px)}.steps button{border:0;background:none;display:flex;align-items:center;gap:10px;color:var(--muted);cursor:pointer}.steps i{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-weight:800}.steps span{display:grid;text-align:left}.steps span small{font-size:11px}.steps button.active,.steps button.done{color:var(--ink)}.steps button.active i{background:var(--deep);color:var(--lime);box-shadow:0 0 0 6px #5266cc24}.steps button.done i{background:var(--green);color:#fff}.panel{display:none;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:29px;box-shadow:var(--shadow);animation:enter .45s cubic-bezier(.2,.8,.2,1)}.panel.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.head,.result-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px;gap:20px}.head h2,.result-head h2{font-size:30px;letter-spacing:-.03em;margin:4px 0}.head p,.result-head p{margin:0;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:0 13px;min-width:275px;font-size:22px}.search input{border:0;outline:0;background:none;color:var(--ink);padding:11px 0;width:100%;font-size:14px}.categories{display:flex;gap:7px;overflow:auto}.category{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:30px;padding:8px 12px;font-size:12px;font-weight:750;cursor:pointer}.category.active{background:var(--deep);color:#fff}.equipment-layout{display:grid;grid-template-columns:1fr 310px;gap:18px}.appliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:515px;overflow:auto;padding:2px}.appliance{min-height:121px;padding:14px;border:1px solid var(--line);border-radius:15px;position:relative;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.2s}.appliance:hover{transform:translateY(-2px);border-color:#84aa97;box-shadow:0 9px 20px #133b2c12}.appliance.selected{background:var(--soft);border-color:var(--green);box-shadow:0 0 0 2px #08794b17}.appliance>span{font-size:22px}.appliance h3{font-size:14px;margin:9px 0 1px}.appliance p{font-size:11px;color:var(--muted);margin:0}.appliance button{position:absolute;right:10px;top:10px;border:1px solid var(--line);background:var(--card);color:var(--green);border-radius:8px;width:29px;height:29px}.appliance.selected button{background:var(--green);color:#fff}.tray{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;min-height:400px}.tray-head,.tray-total,.pref-head,.preview p,.summary p{display:flex;justify-content:space-between;align-items:center}.tray-head h3{font-size:16px;margin:0}.tray-head span{font-size:11px;color:var(--muted)}.selected-list{flex:1;overflow:auto;max-height:390px;margin:13px -3px}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty b{font-size:32px;color:var(--green)}.selected-row{background:var(--card);border:1px solid var(--line);padding:10px;border-radius:11px;margin:0 3px 7px;animation:enter .25s}.selected-row>div{display:flex;justify-content:space-between}.selected-row b{font-size:12px}.selected-row small{font-size:10px;color:var(--muted)}.qty{display:flex;align-items:center;gap:6px}.qty button{border:0;background:var(--soft);color:var(--ink);border-radius:6px;width:24px;height:24px}.fields{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.fields label{font-size:9px;color:var(--muted);letter-spacing:0}.fields input{width:100%;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font-size:11px}.tray-total{border-top:1px solid var(--line);padding-top:13px}.tray-total span{font-size:11px;color:var(--muted)}.tray-total strong{color:var(--green);font-size:21px}.panel>footer,dialog footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:23px;padding-top:19px}.panel>footer>span{font-size:12px;color:var(--muted)}.cta{border:0;background:var(--green);color:#fff;padding:13px 18px;border-radius:11px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px #3546a735;transition:.2s}.cta:hover{transform:translateY(-2px)}.cta:disabled{opacity:.45;transform:none}.usage-layout{display:grid;grid-template-columns:1fr 335px;gap:20px}.prefs{display:grid;gap:12px}.pref{border:1px solid var(--line);border-radius:16px;padding:19px;display:flex;gap:14px}.pref>i{font-style:normal;width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;background:var(--soft);color:var(--green);border-radius:11px;font-size:20px}.pref>div{width:100%}.pref h3{font-size:15px;margin:0}.pref p{font-size:12px;color:var(--muted);margin:2px 0 12px}.pref-head strong{color:var(--green);font-size:20px}.pref input[type=range]{width:100%;accent-color:var(--green)}.pref>div>small{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.radios{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.radios input{position:absolute;opacity:0}.radios label span{display:grid;padding:9px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.radios label small{color:var(--muted);font-size:9px}.radios input:checked+span{background:var(--soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.preview{background:var(--deep);color:#fff;border-radius:18px;padding:22px}.preview>label{color:#b9d0c6}.ring{width:175px;height:175px;margin:23px auto;border-radius:50%;background:conic-gradient(var(--lime) var(--ring,0%),#294c40 0);display:grid;place-items:center;position:relative;transition:1s}.ring:after{content:"";position:absolute;inset:11px;background:var(--deep);border-radius:50%}.ring span{z-index:1;display:grid;text-align:center}.ring strong{font-size:36px;color:var(--lime)}.ring small{color:#a5bbb2}.preview h3{text-align:center}.preview p{border-top:1px solid #315147;padding:9px 0;margin:0;font-size:12px}.preview p span{color:#a8bcb4}.preview blockquote{margin:14px 0 0;padding:11px;background:#173b31;border-radius:10px;color:#bfd0ca;font-size:10px}.result-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:13px}.primary{background:var(--deep);color:#fff;border-radius:17px;padding:23px}.primary>small:first-child{display:flex;justify-content:space-between;color:#a8beb6;letter-spacing:.1em}.primary>small b{color:var(--lime)}.primary>strong{display:block;font-size:clamp(45px,6vw,70px);color:var(--lime);line-height:1;margin-top:35px}.primary>p{color:#c6d4cf}.primary>div{height:7px;background:#294a3f;border-radius:8px;margin-top:35px;overflow:hidden}.primary>div i{display:block;width:0;height:100%;background:var(--lime);transition:1s .2s}.primary>small:last-child{display:flex;justify-content:space-between;color:#8fa79f;font-size:9px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics article{border:1px solid var(--line);border-radius:15px;padding:16px;display:grid}.metrics small{color:var(--muted);font-size:9px;letter-spacing:.1em}.metrics strong{font-size:24px;margin-top:7px}.metrics p{font-size:10px;color:var(--muted);margin:0}.recommend{display:grid;grid-template-columns:1.45fr .75fr;gap:13px;margin-top:13px}.product,.summary{border:1px solid var(--line);border-radius:17px;padding:19px}.product{display:grid;grid-template-columns:205px 1fr;gap:22px}.product-art{display:grid;place-items:center;min-height:210px;border-radius:13px;background:radial-gradient(circle at 50% 80%,#b9f35877,transparent 45%),var(--soft)}.product-art img{width:132px;height:132px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 20px 40px #25379232}.product h3,.summary h3{font-size:21px;margin:6px 0}.product p,.product ul{font-size:12px;color:var(--muted)}.product button{border:0;background:none;padding:0;color:var(--green);font-weight:800;cursor:pointer}.summary p{border-top:1px solid var(--line);margin:0;padding:10px 0;font-size:12px}.summary p span{color:var(--muted)}.summary .soft{width:100%;margin-top:10px}.breakdown{border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:13px;animation:enter .3s}.breakdown h3{margin:0}.breakdown h3 button{float:right;border:0;background:none;color:var(--ink);font-size:22px}.break-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.break-row span,.breakdown>small{color:var(--muted)}.consult{background:var(--soft);border-radius:17px;padding:25px;margin-top:13px;display:flex;justify-content:space-between;align-items:center;gap:25px}.consult h2{margin:4px 0}.consult p{margin:0;color:var(--muted)}.consult>div:last-child{display:grid;gap:8px;min-width:235px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:var(--deep);color:#fff;border-radius:10px;padding:11px 17px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:18px;background:var(--card);color:var(--ink);width:min(480px,calc(100% - 28px));padding:0;box-shadow:0 30px 80px #00150c77}dialog::backdrop{background:#04140daa;backdrop-filter:blur(4px)}dialog form{padding:25px;display:grid;gap:15px}dialog form>div:first-child{display:flex;justify-content:space-between}dialog form>div:first-child button{border:0;background:none;color:var(--ink);font-size:23px}dialog h2{margin:0}dialog form>label,.form label{display:grid;gap:5px;font-size:12px;font-weight:750}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}dialog input,dialog select{padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink)}@media(max-width:930px){.appliance-grid{grid-template-columns:repeat(2,1fr)}.usage-layout,.result-grid,.recommend{grid-template-columns:1fr}.product{grid-template-columns:190px 1fr}}@media(max-width:700px){main{padding:30px 12px 60px}.intro{display:block}.steps{grid-template-columns:repeat(3,1fr);gap:5px}.steps hr,.steps span{display:none}.steps button{justify-content:center}.panel{padding:18px;border-radius:18px}.head,.result-head{display:block}.head>.soft,.result-head>.soft{margin-top:13px}.toolbar{display:block}.search{min-width:0;margin-bottom:10px}.equipment-layout{grid-template-columns:1fr}.appliance-grid{max-height:none}.tray{min-height:260px}.product{grid-template-columns:1fr}.consult{display:block}.consult>div:last-child{margin-top:18px}.nav small{display:none}}@media(max-width:430px){h1{font-size:39px}.appliance-grid,.metrics,.radios{grid-template-columns:1fr}.panel>footer>span{display:none}.form{grid-template-columns:1fr}.logo strong{font-size:18px}.logo strong span{display:none}}