.hero-grid{position:relative}.hero-grid>:not(.scene){z-index:1;position:relative}.hero-grid{--gap:clamp(32px, 5vw, 72px)}.scene{z-index:0;pointer-events:none;width:280px;bottom:clamp(40px,6vw,84px);left:calc(var(--gutter) + (100% - 2 * var(--gutter) - var(--gap)) * .575 + var(--gap) - 238px);position:absolute}.hero-grid:has(.scene) .lead{max-width:26rem}@media (min-width:961px) and (max-width:1199px){.scene{display:none}.hero-grid:has(.scene) .lead{max-width:none}}.scene svg{width:100%;height:auto;display:block;overflow:visible}@media (max-width:960px){.scene{opacity:.42;width:230px;inset:-8px -56px auto auto}}@media (max-width:560px){.scene{opacity:.34;width:190px;right:-70px}}.scene text{font-family:var(--font-body);font-weight:700}.sc-txt{letter-spacing:.14em;fill:#9fc7ff;font-size:10px}.sc-tag{letter-spacing:.12em;font-size:8px}.sc-tag:not([fill]){fill:#8fa6c6}.sc-big{font:700 15px var(--font-display);letter-spacing:.22em;fill:#fff}.sc-num{font:700 19px var(--font-display);fill:#ffd2b8;font-variant-numeric:tabular-nums}:where(.scene [class*=sc-]){transform-box:fill-box;transform-origin:50%}.sc-glow{animation:6s ease-in-out infinite scBreathe}@keyframes scBreathe{50%{opacity:.7}}.sc-blink{animation:1.6s step-end infinite scBlink}@keyframes scBlink{50%{opacity:.2}}.sc-lever{animation:7s cubic-bezier(.3,1.6,.5,1) infinite scLever}.sc-on{animation:7s infinite scOn}@keyframes scLever{0%,10%{transform:translateY(14px)}16%,88%{transform:none}95%,to{transform:translateY(14px)}}@keyframes scOn{0%,12%{opacity:0}17%,88%{opacity:1}94%,to{opacity:0}}.sc-flow{animation:2.2s linear infinite scFlow}@keyframes scFlow{0%{opacity:0;transform:translate(0)}10%,85%{opacity:1}to{opacity:0;transform:translate(164px)}}.sc-sweep{transform-box:view-box;transform-origin:160px 160px;animation:4s linear infinite scSpin}@keyframes scSpin{to{transform:rotate(360deg)}}.sc-ping{opacity:0;animation:2.7s cubic-bezier(.2,.7,.3,1) infinite scPing}@keyframes scPing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.sc-blip{opacity:0;animation:4s ease-out .45s infinite scBlip}@keyframes scBlip{0%{opacity:0;transform:scale(.6)}4%{opacity:1;transform:scale(1.5)}40%{opacity:.15;transform:scale(1)}to{opacity:0}}.sc-bolt{animation:3.2s ease-in-out infinite scFlicker}@keyframes scFlicker{0%,to{opacity:1}47%{opacity:1}49%{opacity:.45}51%{opacity:1}53%{opacity:.7}55%{opacity:1}}.sc-needle{transform-box:view-box;transform-origin:160px 178px;animation:7s cubic-bezier(.34,1.4,.5,1) infinite scNeedle;transform:rotate(10deg)}@keyframes scNeedle{0%,10%{transform:rotate(-70deg)}22%,40%{transform:rotate(-30deg)}52%,82%{transform:rotate(10deg)}94%,to{transform:rotate(-70deg)}}.sc-odo{animation:7s cubic-bezier(.6,0,.2,1) infinite scOdo;transform:translateY(-68px)}@keyframes scOdo{0%,12%{transform:none}20%,42%{transform:translateY(-34px)}50%,84%{transform:translateY(-68px)}92%,to{transform:none}}.sc-seg1{animation:7s infinite scSeg1}.sc-seg2{animation:7s infinite scSeg2}.sc-seg3{opacity:.22}@keyframes scSeg1{0%,14%{opacity:.15}22%,86%{opacity:1}94%,to{opacity:.15}}@keyframes scSeg2{0%,42%{opacity:.15}52%,84%{opacity:1}92%,to{opacity:.15}}.sc-wave{transform-box:view-box;animation:2.4s linear infinite scWave}@keyframes scWave{to{transform:translate(-160px)}}.sc-ring{animation:1.8s ease-in-out infinite scBreathe}.sc-pulse{offset-rotate:0deg;opacity:0;animation:2s linear infinite scAlong}@keyframes scAlong{0%{offset-distance:0%;opacity:0}12%,85%{opacity:1}to{offset-distance:100%;opacity:0}}.sc-cell{animation:6s infinite scCell}@keyframes scCell{0%,6%{opacity:.12}12%,76%{opacity:1}86%,to{opacity:.12}}.sc-tick{animation:6s cubic-bezier(.3,1.6,.5,1) infinite scTick}@keyframes scTick{0%,8%{transform:scale(0)}14%,86%{transform:scale(1)}92%,to{transform:scale(0)}}.sc-stamp{animation:6s cubic-bezier(.2,.9,.3,1.2) infinite scStamp;transform:rotate(-12deg)}@keyframes scStamp{0%,36%{opacity:0;transform:rotate(-12deg)scale(1.9)}42%{opacity:1;transform:rotate(-12deg)scale(.94)}46%,88%{opacity:1;transform:rotate(-12deg)scale(1)}96%,to{opacity:0;transform:rotate(-12deg)scale(1)}}.sc-cone,.sc-bulb{animation:6s infinite scLamp}@keyframes scLamp{0%,8%{opacity:.15}10%{opacity:.8}11%{opacity:.3}14%,84%{opacity:1}92%,to{opacity:.15}}.sc-led{animation:2.2s ease-in-out infinite scLed}@keyframes scLed{0%,to{opacity:.25}40%{opacity:1}}.sc-win{animation:5s ease-in-out infinite scWin}@keyframes scWin{0%,to{opacity:1}45%,60%{opacity:.2}}.sc-flat{animation:6s infinite scFlat}@keyframes scFlat{0%,4%{opacity:.1}10%,80%{opacity:.95}90%,to{opacity:.1}}.sc-rise{opacity:0;animation:2.6s linear infinite scRise}@keyframes scRise{0%{opacity:0;transform:translateY(0)}10%,85%{opacity:1}to{opacity:0;transform:translateY(-232px)}}@media (prefers-reduced-motion:reduce){.scene *{animation:none!important}}.ls-n{font:600 9.5px var(--font-body);fill:#b9c8de;paint-order:stroke;stroke:#0b2142;stroke-width:3px}.ls-b{font:700 9.5px var(--font-body);fill:#ffd2b8;paint-order:stroke;stroke:#0b2142;stroke-width:3px}.ls-c{font:700 13px var(--font-display);fill:#fff;paint-order:stroke;stroke:#0b2142;stroke-width:4px}
.tool{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);display:grid;overflow:hidden}@media (max-width:900px){.tool{grid-template-columns:minmax(0,1fr)}}.tool-in{align-content:start;gap:18px;padding:clamp(22px,3vw,36px);display:grid}.tool-out{color:#dbe6f5;background:radial-gradient(500px 300px at 100% 0, #1863dc40, transparent 60%), radial-gradient(400px 260px at 0 100%, #e0521f26, transparent 60%), var(--navy-900);align-content:start;gap:12px;padding:clamp(22px,3vw,36px);display:grid;position:relative}.tool-q{color:var(--ink);margin:0;font-weight:600}.tool-k{font:700 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#8fb3e6;margin:0}.tool-big{font:700 clamp(30px, 3.6vw, 44px)/1.05 var(--font-display);color:#fff;letter-spacing:-.02em;margin:0}.tool-big b{font-variant-numeric:tabular-nums}.tool-big.small{font-size:clamp(24px,2.6vw,32px)}.tool-v{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:0;padding:12px 14px;font-size:15px;line-height:1.5}.tool-v.warn{color:#ffe1d4;background:#ff5a2e1f;border-color:#ff7a3c66}.tool-v.good{color:#d3f7e2;background:#3ddc841a;border-color:#3ddc8459}.tool-v.info{background:#78b7ff14;border-color:#78b7ff40}.tool-v a{color:#fff;font-weight:700}.tool-fine{color:#8fa6c6;margin:0;font-size:12.5px}.tool-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:600 14.5px/1.2 var(--font-body);color:var(--ink);cursor:pointer;background:#fff;border:1.5px solid #c9d5e4;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.chip small{color:var(--ink-3);font-size:12px;font-weight:600}.chip:hover{border-color:var(--blue-500)}.chip:active{transform:scale(.96)}.chip.on{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.chip.on small{color:#ffb08a}.chip.on:before{content:"";background:#3ddc84;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #3ddc84}.chip.fixed{cursor:default;opacity:.85}.tool-steppers{gap:8px;display:grid}.stepper{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.stepper>span{color:var(--ink);gap:2px;font-size:15px;font-weight:600;display:grid}.stepper small{color:var(--ink-3);font-size:12.5px;font-weight:500}.stepper>div{align-items:center;gap:6px;display:flex}.stepper button{width:36px;height:36px;font:600 20px/1 var(--font-body);color:var(--ink);cursor:pointer;background:#f4f8fd;border:1px solid #c9d5e4;border-radius:10px}.stepper button:hover{border-color:var(--blue-500);color:var(--blue-600)}.stepper output{text-align:center;min-width:28px;font:700 18px var(--font-display);font-variant-numeric:tabular-nums}.tool-seg{background:#eef3f9;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tool-seg button{font:600 13.5px/1.2 var(--font-body);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:auto;padding:10px 12px;transition:background .2s,color .2s,box-shadow .2s}.tool-seg button.on{color:var(--ink);background:#fff;box-shadow:0 4px 12px -6px #0d1b2e59}.tool-sel{color:var(--ink);gap:6px;font-size:14px;font-weight:600;display:grid}.tool-out .tool-sel{color:#b9c8de}.tool-sel select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #c9d5e4;border-radius:12px;padding:12px 14px;font-size:16px}.tool-out .tool-sel select{color:#fff;background:#ffffff0f;border-color:#ffffff2e}.tool-out .tool-sel option{color:var(--ink)}.tool-range{color:var(--ink);grid-template-columns:1fr auto;gap:8px;font-size:14px;font-weight:600;display:grid}.tool-range output{font:700 16px var(--font-display);font-variant-numeric:tabular-nums;color:var(--blue-600)}.tool-range input{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:28px;margin:0}.tool-range input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--blue-500) var(--v), #dbe4ef var(--v));border-radius:6px;height:6px}.tool-range input::-moz-range-track{background:linear-gradient(90deg, var(--blue-500) var(--v), #dbe4ef var(--v));border-radius:6px;height:6px}.tool-range input::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--blue-500);background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 4px 10px -2px #1863dc66}.tool-range input::-moz-range-thumb{border:3px solid var(--blue-500);background:#fff;border-radius:50%;width:16px;height:16px}.tool-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tool-stats>div{border:1px solid var(--line);background:#f4f8fd;border-radius:12px;gap:4px;padding:12px;display:grid}.tool-out .tool-stats>div{background:#ffffff0a;border-color:#ffffff17}.tool-stats small{color:var(--ink-3);font-size:12px}.tool-out .tool-stats small{color:#8fa6c6}.tool-stats b{font:700 17px var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink)}.tool-out .tool-stats b{color:#fff}.gauge{width:100%;max-width:300px;height:auto;margin:0 auto 4px;display:block;overflow:visible}.gauge-t{font:700 10px var(--font-body);fill:#8fb3e6}.gauge-fill{transition:stroke-dasharray .7s cubic-bezier(.34,1.3,.5,1)}.gauge-needle{transform-box:view-box;transform-origin:120px 125px;transition:transform .7s cubic-bezier(.34,1.5,.5,1)}.tool-rec{color:#fff;background:linear-gradient(120deg,#c93f18,#e0521f);border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:14px 16px;display:flex}.tool-rec span{opacity:.9;font-size:14px;font-weight:600}.tool-rec b{font:700 26px var(--font-display);font-variant-numeric:tabular-nums}.tool-rec em{background:#fff3;border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:700}.ev-battery{background:#f4f8fd;border:2px solid #c9d5e4;border-radius:10px;height:34px;position:relative;overflow:hidden}.ev-battery:after{content:"";width:4px;height:12px;position:absolute;top:9px;right:-2px}.ev-battery i{transform-origin:0;background:linear-gradient(90deg,#13804a,#3ddc84);transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.ev-battery span{height:100%;font:700 13px var(--font-body);color:var(--ink);mix-blend-mode:multiply;place-items:center;display:grid;position:relative}.ev-bars{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.ev-bars li{background:#ffffff08;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px;transition:border-color .3s,background .3s;display:grid}.ev-bars li.best{background:#3ddc8414;border-color:#3ddc8480}.ev-l{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.ev-l b{color:#fff;font-size:15px}.ev-l em{letter-spacing:.06em;text-transform:uppercase;color:#0b2142;background:#3ddc84;border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:700}.ev-l span{color:#8fa6c6;width:100%;font-size:12.5px}.ev-r{text-align:right;grid-area:1/2;gap:2px;display:grid}.ev-r b{font:700 18px var(--font-display);color:#fff;font-variant-numeric:tabular-nums}.ev-r span{color:#8fa6c6;font-size:12px}.ev-track{background:#ffffff12;border-radius:6px;grid-column:1/-1;height:6px;overflow:hidden}.ev-track i{transform-origin:0;background:linear-gradient(90deg,#78b7ff,#ffb08a);height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.ev-bars li.best .ev-track i{background:linear-gradient(90deg,#13804a,#3ddc84)}.qc{counter-reset:q;gap:8px;margin:0;padding:0;list-style:none;display:grid}.qc li{counter-increment:q;border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 12px 12px 14px;transition:border-color .25s,background .25s;display:grid}.qc li>span{color:var(--ink);font-size:15px;line-height:1.4}.qc li>span:before{content:counter(q) ". ";color:var(--blue-600);font-weight:700}.qc li.yes{background:#fff7f3;border-color:#f6c8b4}.qc li.no{background:#f3fbf6;border-color:#b9e6cc}.qc-a{background:#eef3f9;border-radius:10px;gap:4px;padding:3px;display:flex}.qc-a button{min-width:52px;font:700 13.5px var(--font-body);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px}.qc-a button[aria-checked=true]{color:var(--ink);background:#fff;box-shadow:0 3px 10px -5px #0d1b2e66}.qc li.yes .qc-a button[aria-checked=true]{color:#c93f18}.qc li.no .qc-a button[aria-checked=true]{color:#13804a}@media (max-width:520px){.qc li{grid-template-columns:minmax(0,1fr)}}.qc-panel{background:#071427;border:1px solid #78b7ff33;border-radius:14px;grid-template-columns:repeat(7,1fr);gap:6px;padding:14px;display:grid}.qc-panel i{background:#1b2d4a;border-radius:5px;height:46px;transition:background .3s;position:relative}.qc-panel i:after{content:"";background:#33445f;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;transition:background .3s,box-shadow .3s;position:absolute;bottom:7px;left:50%}.qc-panel i.good:after{background:#3ddc84;box-shadow:0 0 10px #3ddc84}.qc-panel i.warn:after{background:#f5b400;box-shadow:0 0 10px #f5b400}.qc-panel i.bad:after{background:#ff4d2e;box-shadow:0 0 10px #ff4d2e}.qc-meter{background:#ffffff14;border-radius:8px;height:8px;overflow:hidden}.qc-meter i{transform-origin:0;background:linear-gradient(90deg,#3ddc84,#f5b400 50%,#ff4d2e);height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.qc-out.replace .tool-big{color:#ffb08a}.qc-out.ok .tool-big{color:#9ff0c2}.led-row{flex-wrap:wrap;gap:8px;min-height:22px;display:flex}.led-row i{background:radial-gradient(circle,#fff6df 0 30%,#ffd27a 60%,#ffd27a00 72%);border-radius:50%;width:18px;height:18px;animation:.4s cubic-bezier(.3,1.6,.5,1) both ledPop;box-shadow:0 0 14px #ffd27a99}@keyframes ledPop{0%{opacity:0;transform:scale(0)}}.tlead{border-top:1px solid var(--line);background:#f4f8fd;grid-column:1/-1;gap:10px;padding:18px clamp(22px,3vw,36px) 22px;display:grid}.tlead-t{color:var(--ink);margin:0;font-weight:600}.tlead-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:8px;display:grid}@media (max-width:760px){.tlead-row{grid-template-columns:minmax(0,1fr)}}.tlead input{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #c9d5e4;border-radius:12px;padding:12px 14px;font-size:16px}.tlead input:focus{border-color:var(--blue-500);outline:none;box-shadow:0 0 0 4px #1863dc22}.tlead .btn{min-height:48px}.tlead-done{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.tlead-done b{font:700 18px var(--font-display);color:#13804a}.tlead-done[role=alert] b{color:#c93f18}@media (prefers-reduced-motion:reduce){.gauge-needle,.gauge-fill,.ev-track i,.ev-battery i,.qc-meter i{transition:none}.led-row i{animation:none}}.tool-section{background:linear-gradient(180deg, var(--paper), #fff)}