{"id":418,"date":"2026-06-18T16:39:28","date_gmt":"2026-06-18T16:39:28","guid":{"rendered":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/?page_id=418"},"modified":"2026-06-22T16:00:23","modified_gmt":"2026-06-22T16:00:23","slug":"find-my-generator","status":"publish","type":"page","link":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/find-my-generator\/","title":{"rendered":"FIND MY GENERATOR"},"content":{"rendered":"\n<section class=\"wp-block-uicore-container uicore-block-xqpr36snsk\"><div class=\"uicore-bl-container\">\n<div class=\"wp-block-uicore-container uicore-block-x3rflgpqvs uicore-animate-hide\" data-ui-animation=\"fadeInUp\"><div class=\"uicore-bl-container\">\n<div class=\"wp-block-uicore-icon-list uicore-block-jh5695hm4\"><div class=\"uicore-bl-block wp-block-uicore-item uicore-bl-inner-item\" data-bl-id=\"a1\"><div class=\"uicore-bl-block wp-block-uicore-icon\" data-bl-icon=\"RxMinus||Radix\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z\" fill=\"currentColor\"><\/path><\/svg><\/div><p class=\"uicore-bl-block wp-block-uicore-paragraph uicore-typo-h6 uicore-bl-content\">Generator Sizing Tool <\/p><\/div><\/div>\n\n\n\n<h1 class=\"wp-block-uicore-heading uicore-typo-secondary uicore-block-4e19v8zfbg uicore-bl-title uicore-bl-content\">How Much Generator<br>Do You <span class=\"uicore-bl-highlight\"><span style=\"color: var(--uicore-primary-color)\" class=\"uicore-bl-format\">Actually <\/span><\/span>Need?<\/h1>\n\n\n\n<p class=\"wp-block-uicore-paragraph uicore-block-4hb1tplt7f uicore-bl-content\">Answer a few quick questions and our Lake of the Ozarks specialists will match you with the right generator for your home or business \u2014 free and with no obligation. <\/p>\n\n\n\n<div class=\"wp-block-uicore-icon-list uicore-block-oqkb29nroa\"><div class=\"uicore-bl-block wp-block-uicore-item uicore-bl-inner-item\" data-bl-id=\"a1\"><div class=\"uicore-bl-block wp-block-uicore-icon\" data-bl-icon=\"RiShieldCheckLine||Remix\"><svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\" height=\"24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 1L20.2169 2.82598C20.6745 2.92766 21 3.33347 21 3.80217V13.7889C21 15.795 19.9974 17.6684 18.3282 18.7812L12 23L5.6718 18.7812C4.00261 17.6684 3 15.795 3 13.7889V3.80217C3 3.33347 3.32553 2.92766 3.78307 2.82598L12 1ZM12 3.04879L5 4.60434V13.7889C5 15.1263 5.6684 16.3752 6.7812 17.1171L12 20.5963L17.2188 17.1171C18.3316 16.3752 19 15.1263 19 13.7889V4.60434L12 3.04879ZM16.4524 8.22183L17.8666 9.63604L11.5026 16L7.25999 11.7574L8.67421 10.3431L11.5019 13.1709L16.4524 8.22183Z\"><\/path><\/svg><\/div><p class=\"uicore-bl-block wp-block-uicore-paragraph uicore-typo-h6 uicore-bl-content\">Licensed &amp; Insured<\/p><\/div><div class=\"uicore-bl-block wp-block-uicore-item uicore-bl-inner-item\" data-bl-id=\"a2\"><div class=\"uicore-bl-block wp-block-uicore-icon\" data-bl-icon=\"RxClock||Radix\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 15 15\" height=\"24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.50009 0.877014C3.84241 0.877014 0.877258 3.84216 0.877258 7.49984C0.877258 11.1575 3.8424 14.1227 7.50009 14.1227C11.1578 14.1227 14.1229 11.1575 14.1229 7.49984C14.1229 3.84216 11.1577 0.877014 7.50009 0.877014ZM1.82726 7.49984C1.82726 4.36683 4.36708 1.82701 7.50009 1.82701C10.6331 1.82701 13.1729 4.36683 13.1729 7.49984C13.1729 10.6328 10.6331 13.1727 7.50009 13.1727C4.36708 13.1727 1.82726 10.6328 1.82726 7.49984ZM8 4.50001C8 4.22387 7.77614 4.00001 7.5 4.00001C7.22386 4.00001 7 4.22387 7 4.50001V7.50001C7 7.63262 7.05268 7.7598 7.14645 7.85357L9.14645 9.85357C9.34171 10.0488 9.65829 10.0488 9.85355 9.85357C10.0488 9.65831 10.0488 9.34172 9.85355 9.14646L8 7.29291V4.50001Z\" fill=\"currentColor\"><\/path><\/svg><\/div><p class=\"uicore-bl-block wp-block-uicore-paragraph uicore-typo-h6 uicore-bl-content\">100% free &amp; no obligation <\/p><\/div><div class=\"uicore-bl-block wp-block-uicore-item uicore-bl-inner-item\" data-bl-id=\"uwt3k\"><div class=\"uicore-bl-block wp-block-uicore-icon\" data-bl-icon=\"RiCheckFill||Remix\"><svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\" height=\"24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z\"><\/path><\/svg><\/div><p class=\"uicore-bl-block wp-block-uicore-paragraph uicore-typo-h6 uicore-bl-content\">Personalized recommendation<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"pup-generator-calc-wrapper\">\n  <section class=\"quiz\" id=\"quiz\">\n    <div class=\"quiz-head\" id=\"quizHead\">\n      <div class=\"progress-row\">\n        <div class=\"progress-track\"><div class=\"progress-fill\" id=\"progFill\" style=\"width: 0%;\"><\/div><\/div>\n        <div class=\"progress-pct\" id=\"progPct\">0%<\/div>\n      <\/div>\n      <div class=\"step-count\" id=\"stepCount\">Step 1 of 7<\/div>\n    <\/div>\n\n    <div class=\"quiz-body\" id=\"quizBody\">\n\n      <div class=\"qstep active\" data-step=\"0\">\n        <h2 class=\"q-title\">What type of generator do you need?<\/h2>\n        <p class=\"q-sub\">Pick the option that best fits your situation.<\/p>\n        <div class=\"q-rule\"><\/div>\n        <div class=\"opts cols-3\">\n          <div class=\"opt\" data-q=\"type\" data-val=\"Portable (Domestic)\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 100 76\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"10\" y=\"14\" width=\"80\" height=\"48\" rx=\"10\"><\/rect><rect x=\"18\" y=\"22\" width=\"64\" height=\"32\" rx=\"6\"><\/rect><path d=\"M24 22v-6h30\"><\/path><circle cx=\"36\" cy=\"38\" r=\"8\"><\/circle><path d=\"M36 38h-12\"><\/path><rect x=\"52\" y=\"28\" width=\"22\" height=\"14\" rx=\"2\"><\/rect><circle cx=\"58\" cy=\"48\" r=\"2.4\"><\/circle><circle cx=\"66\" cy=\"48\" r=\"2.4\"><\/circle><path d=\"M28 62l-4 8M72 62l4 8\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Portable<br>(Domestic)<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"type\" data-val=\"Portable (Commercial)\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 100 76\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"10\" y=\"12\" width=\"80\" height=\"50\" rx=\"10\"><\/rect><circle cx=\"34\" cy=\"34\" r=\"11\"><\/circle><rect x=\"50\" y=\"22\" width=\"24\" height=\"20\" rx=\"3\"><\/rect><circle cx=\"62\" cy=\"32\" r=\"5\"><\/circle><rect x=\"26\" y=\"46\" width=\"16\" height=\"10\" rx=\"2\"><\/rect><path d=\"M22 62l-4 8M78 62l4 8M50 46h22\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Portable<br>(Commercial)<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"type\" data-val=\"Standby (Emergency Backup)\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 100 76\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 22h66v34H14z\"><\/path><path d=\"M14 56l8 8h66l-8-8M80 22l8-6v34l-8 6\"><\/path><path d=\"M22 28v22M28 28v22\"><\/path><rect x=\"40\" y=\"30\" width=\"16\" height=\"20\" rx=\"2\"><\/rect><rect x=\"62\" y=\"30\" width=\"14\" height=\"20\" rx=\"2\"><\/rect><path d=\"M44 38h8\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Standby<br>(Emergency Backup)<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"type\" data-val=\"Continuous Running\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 100 76\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 24h54v30H18z\"><\/path><path d=\"M18 54l-6 8h54l6-8M72 24l10-8v30l-10 8z\"><\/path><path d=\"M30 30v18M44 30v18M58 30v18\"><\/path><rect x=\"33\" y=\"36\" width=\"6\" height=\"8\"><\/rect><\/svg><\/span>\n            <span class=\"lab\">Continuous<br>Running<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"type\" data-val=\"Off-grid Solar Backup\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 100 76\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"16\" y=\"20\" width=\"68\" height=\"30\" rx=\"4\"><\/rect><path d=\"M20 50l-3 14h66l-3-14\"><\/path><rect x=\"24\" y=\"28\" width=\"22\" height=\"16\" rx=\"2\"><\/rect><circle cx=\"29\" cy=\"40\" r=\"2\"><\/circle><circle cx=\"37\" cy=\"40\" r=\"2\"><\/circle><path d=\"M56 28v16M62 28v16M68 28v16M74 30c0 6-4 10-9 10\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Off-grid<br>Solar Backup<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"type\" data-val=\"Project Power &amp; Mining\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 100 76\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 26l58-6v34l-58 6z\"><\/path><path d=\"M22 26l-6 4v30l6 4M22 60l58 6v-6\"><\/path><path d=\"M34 25v32M48 23v32M62 22v32\"><\/path><rect x=\"68\" y=\"28\" width=\"8\" height=\"8\"><\/rect><path d=\"M16 60l-4 10h12\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Project Power<br>&amp; Mining<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qstep\" data-step=\"1\">\n        <h2 class=\"q-title\">Do you need new or used equipment?<\/h2>\n        <p class=\"q-sub\">We source both \u2014 and can advise on the best value for your budget.<\/p>\n        <div class=\"q-rule\"><\/div>\n        <div class=\"opts cols-3\">\n          <div class=\"opt compact\" data-q=\"condition\" data-val=\"New\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l2.4 5 5.6.5-4.2 3.7 1.3 5.5L12 19l-5.1 2.7 1.3-5.5L4 12.5l5.6-.5z\"><\/path><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">New<\/span><span class=\"desc\">Latest models, full warranty<\/span><\/span>\n          <\/div>\n          <div class=\"opt compact\" data-q=\"condition\" data-val=\"Used \/ Refurbished\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5\"><\/path><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">Used \/ Refurbished<\/span><span class=\"desc\">Inspected &amp; cost-effective<\/span><\/span>\n          <\/div>\n          <div class=\"opt compact\" data-q=\"condition\" data-val=\"Either \/ Not Sure\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01\"><\/path><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">Either \/ Not Sure<\/span><span class=\"desc\">Show me the best option<\/span><\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qstep\" data-step=\"2\">\n        <h2 class=\"q-title\">What will you use it for?<\/h2>\n        <p class=\"q-sub\">Your application helps us size and configure the right unit.<\/p>\n        <div class=\"q-rule\"><\/div>\n        <div class=\"opts cols-3\">\n          <div class=\"opt\" data-q=\"application\" data-val=\"Home \/ Residence\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 30 L32 12 L54 30\"><\/path><path d=\"M16 28v22h32V28\"><\/path><rect x=\"28\" y=\"38\" width=\"8\" height=\"12\"><\/rect><\/svg><\/span>\n            <span class=\"lab\">Home \/ Residence<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"application\" data-val=\"Business \/ Commercial\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"12\" y=\"14\" width=\"40\" height=\"38\"><\/rect><path d=\"M20 22h6M30 22h6M40 22h4M20 30h6M30 30h6M40 30h4M20 38h6M30 38h6M40 38h4\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Business \/ Commercial<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"application\" data-val=\"Construction \/ Job Site\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 52h44\"><\/path><path d=\"M16 52V30l16-12 16 12v22\"><\/path><path d=\"M26 52V40h12v12\"><\/path><path d=\"M44 22l8-6\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Construction \/ Job Site<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"application\" data-val=\"Farm \/ Agriculture\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 52h48\"><\/path><path d=\"M12 52V34l12-10 12 10v18\"><\/path><path d=\"M36 52V40h12v12\"><\/path><path d=\"M42 30l8-2\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Farm \/ Agriculture<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"application\" data-val=\"RV \/ Mobile\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 20h34l10 10v14H8z\"><\/path><circle cx=\"20\" cy=\"44\" r=\"5\"><\/circle><circle cx=\"44\" cy=\"44\" r=\"5\"><\/circle><path d=\"M14 26h12v10H14zM42 30h8\"><\/path><\/svg><\/span>\n            <span class=\"lab\">RV \/ Mobile<\/span>\n          <\/div>\n          <div class=\"opt\" data-q=\"application\" data-val=\"Events \/ Other\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 50V30c0-12 9-20 22-20s22 8 22 20v20\"><\/path><path d=\"M10 50h44\"><\/path><path d=\"M32 10v6M22 50V34M42 50V34\"><\/path><\/svg><\/span>\n            <span class=\"lab\">Events \/ Other<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qstep\" data-step=\"3\">\n        <h2 class=\"q-title\">How many do you need?<\/h2>\n        <p class=\"q-sub\">Larger sites sometimes run multiple units in parallel.<\/p>\n        <div class=\"q-rule\"><\/div>\n        <div class=\"counter\">\n          <button type=\"button\" id=\"qtyMinus\" aria-label=\"Decrease\">\u2212<\/button>\n          <div class=\"val\" id=\"qtyVal\">1<\/div>\n          <button type=\"button\" id=\"qtyPlus\" aria-label=\"Increase\">+<\/button>\n        <\/div>\n        <div class=\"qty-chips\" id=\"qtyChips\">\n          <button type=\"button\" data-qty=\"1\">1<\/button>\n          <button type=\"button\" data-qty=\"2\">2<\/button>\n          <button type=\"button\" data-qty=\"3\">3<\/button>\n          <button type=\"button\" data-qty=\"5\">5<\/button>\n          <button type=\"button\" data-qty=\"10\">10+<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"qstep\" data-step=\"4\">\n        <h2 class=\"q-title\">How much power will you require?<\/h2>\n        <p class=\"q-sub\">Enter any value you know \u2014 or pick a typical home size below.<\/p>\n        <div class=\"q-rule\"><\/div>\n        <div class=\"power-grid\">\n          <div class=\"field\">\n            <label>Kilowatts <span class=\"or\">(kW)<\/span><\/label>\n            <input type=\"number\" id=\"pwrKw\" min=\"0\" step=\"0.5\" placeholder=\"e.g. 22\" inputmode=\"decimal\">\n          <\/div>\n          <div class=\"field\">\n            <label>Amps <span class=\"or\">(A)<\/span><\/label>\n            <input type=\"number\" id=\"pwrAmps\" min=\"0\" step=\"1\" placeholder=\"e.g. 200\" inputmode=\"numeric\">\n          <\/div>\n          <div class=\"field\">\n            <label>Voltage<\/label>\n            <select id=\"pwrVolt\">\n              <option value=\"\">Select voltage<\/option>\n              <option value=\"120V\">120V<\/option>\n              <option value=\"240V\">240V (most homes)<\/option>\n              <option value=\"208V\">208V (light commercial)<\/option>\n              <option value=\"480V\">480V (industrial)<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <div class=\"sub-row\">\n          <span class=\"chk\" data-phase=\"Single Phase\"><span class=\"box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Single Phase<\/span>\n          <span class=\"chk\" data-phase=\"Three Phase\"><span class=\"box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Three Phase<\/span>\n          <span class=\"chk\" id=\"dontKnow\"><span class=\"box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>I don\u2019t know \u2014 help me size it<\/span>\n        <\/div>\n        <div class=\"preset-label\">Typical Home Sizes<\/div>\n        <div class=\"presets\">\n          <div class=\"preset\" data-preset=\"8\"><b>8 kW<\/b><span>Essentials<\/span><small>Fridge, lights, outlets<\/small><\/div>\n          <div class=\"preset\" data-preset=\"14\"><b>14 kW<\/b><span>Half-Home<\/span><small>+ Furnace &amp; well pump<\/small><\/div>\n          <div class=\"preset\" data-preset=\"22\"><b>22 kW<\/b><span>Whole-Home<\/span><small>Most homes + central A\/C<\/small><\/div>\n          <div class=\"preset\" data-preset=\"26\"><b>26 kW+<\/b><span>Estate<\/span><small>Large homes &amp; shops<\/small><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qstep\" data-step=\"5\">\n        <h2 class=\"q-title\">What engine \/ fuel type do you prefer?<\/h2>\n        <p class=\"q-sub\">Fuel choice affects run time, cost and installation.<\/p>\n        <div class=\"q-rule\"><\/div>\n        <div class=\"opts cols-3\">\n          <div class=\"opt compact\" data-q=\"fuel\" data-val=\"Natural Gas\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c3 4 5 6.5 5 10a5 5 0 0 1-10 0c0-1.6.6-3 1.5-4.2C9.5 10.5 11 9 12 3z\"><\/path><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">Natural Gas<\/span><span class=\"desc\">Unlimited runtime<\/span><\/span>\n          <\/div>\n          <div class=\"opt compact\" data-q=\"fuel\" data-val=\"Liquid Propane (LP)\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"7\" y=\"6\" width=\"10\" height=\"15\" rx=\"5\"><\/rect><path d=\"M10 6V4h4v2\"><\/path><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">Liquid Propane (LP)<\/span><span class=\"desc\">Great for rural homes<\/span><\/span>\n          <\/div>\n          <div class=\"opt compact\" data-q=\"fuel\" data-val=\"Diesel\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 22V8l8-5v19M3 13h8M14 22V11l5 3v8M14 14l5-3\"><\/path><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">Diesel<\/span><span class=\"desc\">High output &amp; durable<\/span><\/span>\n          <\/div>\n          <div class=\"opt compact\" data-q=\"fuel\" data-val=\"Gasoline\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 21V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16H5zM15 9h2.5a2 2 0 0 1 2 2v6a1.5 1.5 0 0 1-3 0v-4M8 8h4\"><\/path><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">Gasoline<\/span><span class=\"desc\">Common for portables<\/span><\/span>\n          <\/div>\n          <div class=\"opt compact\" data-q=\"fuel\" data-val=\"Bi-Fuel \/ Dual-Fuel\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 3c2 2.7 3.2 4.3 3.2 6.5A3.2 3.2 0 0 1 8 13a3.2 3.2 0 0 1-3.2-3.5C4.8 7.3 6 5.7 8 3z\"><\/path><path d=\"M16 11c2 2.7 3.2 4.3 3.2 6.5A3.2 3.2 0 0 1 16 21a3.2 3.2 0 0 1-3.2-3.5C12.8 15.3 14 13.7 16 11z\"><\/path><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">Bi-Fuel \/ Dual-Fuel<\/span><span class=\"desc\">Flexible fuel sources<\/span><\/span>\n          <\/div>\n          <div class=\"opt compact\" data-q=\"fuel\" data-val=\"No Preference\">\n            <span class=\"tick\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>\n            <span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01\"><\/path><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><\/svg><\/span>\n            <span class=\"txtwrap\"><span class=\"lab\">No Preference<\/span><span class=\"desc\">Recommend the best fit<\/span><\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qstep\" data-step=\"6\">\n        <h2 class=\"q-title\">Where should we send your match?<\/h2>\n        <p class=\"q-sub\">Drop your details and we will send your recommendation.<\/p>\n        <div class=\"q-rule\"><\/div>\n        <div class=\"summary\" id=\"summaryCard\"><h4>YOUR SELECTIONS<\/h4><div id=\"summaryRows\"><\/div><\/div>\n        <form id=\"leadForm\" class=\"cform\" novalidate=\"\">\n          <div class=\"field\"><label>Full Name *<\/label><input type=\"text\" name=\"name\" required=\"\" placeholder=\"Jane Smith\"><\/div>\n          <div class=\"field\"><label>Phone *<\/label><input type=\"tel\" name=\"phone\" required=\"\" placeholder=\"(573) 555-0142\"><\/div>\n          <div class=\"field\"><label>Email *<\/label><input type=\"email\" name=\"email\" required=\"\" placeholder=\"jane@email.com\"><\/div>\n          <div class=\"field\"><label>City \/ Area *<\/label><input type=\"text\" name=\"city\" required=\"\" placeholder=\"Osage Beach, MO\"><\/div>\n          <div class=\"field full\"><label>Anything else we should know? (optional)<\/label><input type=\"text\" name=\"notes\" placeholder=\"Timeline, budget, questions\u2026\"><\/div>\n          <p class=\"consent full\">By submitting you agree to be contacted regarding your request.<\/p>\n        <\/form>\n      <\/div>\n\n      <div class=\"qnav\" id=\"qnav\">\n        <button class=\"btn btn-ghost\" id=\"btnBack\" style=\"visibility: hidden;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M19 12H5M12 19l-7-7 7-7\"><\/path><\/svg> Back<\/button>\n        <div class=\"spacer\"><\/div>\n        <button class=\"btn btn-primary\" id=\"btnNext\" disabled=\"\" style=\"display: inline-flex;\">Next <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/button>\n        <button class=\"btn btn-primary\" id=\"btnSubmit\" style=\"display:none\">Get My Recommendation <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"success\" id=\"success\">\n      <div class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\n      <h2>You&#8217;re All Set!<\/h2>\n      <p>Thanks \u2014 your request is in. We will review your answers and reach out shortly with your recommended generator size.<\/p>\n      <div class=\"summary\" id=\"successSummary\" style=\"max-width:480px;margin:28px auto 0;text-align:left\"><\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n\/* --- Scoped Custom Properties Setup --- *\/\n.pup-generator-calc-wrapper {\n  --orange: #FF5800;\n  --orange-glow: #FF7A2E;\n  --orange-deep: #E14D00;\n  --on-orange: #2A1400;\n  --bg: #EEF2F7;\n  --bg-2: #FFFFFF;\n  --panel: #FFFFFF;\n  --panel-2: #F3F6FA;\n  --line: #E1E7EF;\n  --heading: #10151D;\n  --text: #414A59;\n  --muted: #5E6776;\n  --faint: #9AA4B2;\n  --sel: rgba(255,88,0,.07);\n  --shadow: 0 30px 60px -26px rgba(40,55,80,.28);\n  --ease: cubic-bezier(.16,1,.3,1);\n  \n  font-family: \"Barlow\", system-ui, -apple-system, sans-serif;\n  color: var(--text);\n  margin: 20px auto;\n  max-width: 920px;\n}\n\n.pup-generator-calc-wrapper * {\n  box-sizing: border-box;\n}\n\n\/* Structural Shell Layout *\/\n.pup-generator-calc-wrapper .quiz {\n  background: var(--panel);\n  border: 1px solid var(--line);\n  border-radius: 22px;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n  position: relative;\n}\n\n.pup-generator-calc-wrapper .quiz-head {\n  padding: 26px 34px 0;\n}\n\n.pup-generator-calc-wrapper .progress-row {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.pup-generator-calc-wrapper .progress-track {\n  flex: 1;\n  height: 12px;\n  border-radius: 30px;\n  background: var(--panel-2);\n  border: 1px solid var(--line);\n  overflow: hidden;\n}\n\n.pup-generator-calc-wrapper .progress-fill {\n  height: 100%;\n  width: 0;\n  border-radius: 30px;\n  background: linear-gradient(90deg, var(--orange-deep), var(--orange), var(--orange-glow));\n  transition: width .5s var(--ease);\n  box-shadow: 0 0 14px rgba(255,88,0,.3);\n}\n\n.pup-generator-calc-wrapper .progress-pct {\n  font-weight: 800;\n  font-size: 16px;\n  color: var(--orange);\n  min-width: 46px;\n  text-align: right;\n}\n\n.pup-generator-calc-wrapper .step-count {\n  margin-top: 14px;\n  font-size: 12.5px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--faint);\n  font-weight: 600;\n}\n\n.pup-generator-calc-wrapper .quiz-body {\n  padding: 8px 34px 34px;\n  position: relative;\n}\n\n.pup-generator-calc-wrapper .qstep {\n  display: none;\n}\n\n.pup-generator-calc-wrapper .qstep.active {\n  display: block;\n  animation: pupFade .45s var(--ease);\n}\n\n@keyframes pupFade {\n  from { opacity: 0; transform: translateY(14px); }\n  to { opacity: 1; transform: none; }\n}\n\n.pup-generator-calc-wrapper .q-title {\n  font-size: clamp(22px, 3.6vw, 32px);\n  font-weight: 800;\n  margin: 18px 0 4px;\n  color: var(--heading);\n  text-transform: uppercase;\n}\n\n.pup-generator-calc-wrapper .q-sub {\n  color: var(--muted);\n  font-size: 16px;\n  margin-bottom: 6px;\n}\n\n.pup-generator-calc-wrapper .q-rule {\n  height: 1px;\n  background: var(--line);\n  margin: 20px 0 26px;\n}\n\n\/* Option Interface Selection Cards *\/\n.pup-generator-calc-wrapper .opts {\n  display: grid;\n  gap: 16px;\n}\n\n.pup-generator-calc-wrapper .opts.cols-3 { grid-template-columns: repeat(3, 1fr); }\n@media(max-width: 760px){ .pup-generator-calc-wrapper .opts.cols-3 { grid-template-columns: repeat(2, 1fr); } }\n@media(max-width: 520px){ .pup-generator-calc-wrapper .opts.cols-3 { grid-template-columns: 1fr; } }\n\n.pup-generator-calc-wrapper .opt {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 14px;\n  text-align: center;\n  padding: 26px 16px 20px;\n  border: 1.5px solid var(--line);\n  border-radius: 16px;\n  background: var(--bg-2);\n  cursor: pointer;\n  transition: transform .3s var(--ease), border-color .3s, background .3s;\n}\n\n.pup-generator-calc-wrapper .opt:hover {\n  transform: translateY(-4px);\n  border-color: var(--orange);\n}\n\n.pup-generator-calc-wrapper .opt .ic {\n  width: 84px;\n  height: 64px;\n  color: var(--muted);\n  transition: color .3s, transform .3s;\n}\n\n.pup-generator-calc-wrapper .opt:hover .ic,\n.pup-generator-calc-wrapper .opt.sel .ic {\n  color: var(--orange);\n}\n\n.pup-generator-calc-wrapper .opt .ic svg { width: 100%; height: 100%; }\n\n.pup-generator-calc-wrapper .opt .lab {\n  font-weight: 700;\n  font-size: 16px;\n  text-transform: uppercase;\n  color: var(--heading);\n  line-height: 1.15;\n}\n\n.pup-generator-calc-wrapper .opt .desc {\n  font-size: 13px;\n  color: var(--muted);\n  margin-top: -4px;\n}\n\n.pup-generator-calc-wrapper .opt .tick {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: var(--orange);\n  display: grid;\n  place-items: center;\n  color: var(--on-orange);\n  opacity: 0;\n  transform: scale(.5);\n  transition: .3s;\n}\n\n.pup-generator-calc-wrapper .opt .tick svg { width: 14px; height: 14px; }\n.pup-generator-calc-wrapper .opt.sel { border-color: var(--orange); background: var(--sel); }\n.pup-generator-calc-wrapper .opt.sel .tick { opacity: 1; transform: scale(1); }\n\n\/* Horizontal Layout Variant Options *\/\n.pup-generator-calc-wrapper .opt.compact {\n  flex-direction: row;\n  justify-content: flex-start;\n  text-align: left;\n  padding: 22px;\n  gap: 16px;\n}\n.pup-generator-calc-wrapper .opt.compact .ic { width: 46px; height: 46px; flex: none; }\n\n\/* Counter Metric Selector elements *\/\n.pup-generator-calc-wrapper .counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 26px;\n  margin: 14px 0 6px;\n}\n\n.pup-generator-calc-wrapper .counter button {\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  border: 1.5px solid var(--line);\n  background: var(--bg-2);\n  color: var(--heading);\n  font-size: 30px;\n  cursor: pointer;\n  transition: .25s;\n}\n\n.pup-generator-calc-wrapper .counter button:hover {\n  border-color: var(--orange);\n  color: var(--orange);\n}\n\n.pup-generator-calc-wrapper .counter .val {\n  font-weight: 900;\n  font-size: 74px;\n  color: var(--heading);\n  min-width: 120px;\n  text-align: center;\n}\n\n.pup-generator-calc-wrapper .qty-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-top: 8px;\n}\n\n.pup-generator-calc-wrapper .qty-chips button {\n  padding: 9px 18px;\n  border-radius: 30px;\n  border: 1.5px solid var(--line);\n  background: var(--bg-2);\n  color: var(--text);\n  font-weight: 700;\n  cursor: pointer;\n  transition: .25s;\n}\n\n.pup-generator-calc-wrapper .qty-chips button:hover, \n.pup-generator-calc-wrapper .qty-chips button.sel {\n  border-color: var(--orange);\n  color: var(--orange);\n  background: var(--sel);\n}\n\n\/* Power Technical Metrics Forms Fields styling *\/\n.pup-generator-calc-wrapper .power-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  margin-bottom: 8px;\n}\n@media(max-width: 620px){ .pup-generator-calc-wrapper .power-grid { grid-template-columns: 1fr; } }\n\n.pup-generator-calc-wrapper .field label {\n  display: block;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 8px;\n}\n.pup-generator-calc-wrapper .field label .or { color: var(--faint); }\n\n.pup-generator-calc-wrapper .field input,\n.pup-generator-calc-wrapper .field select {\n  width: 100%;\n  background: var(--bg-2);\n  border: 1.5px solid var(--line);\n  border-radius: 12px;\n  padding: 15px 16px;\n  color: var(--heading);\n  font-size: 17px;\n  transition: .25s;\n  outline: none;\n}\n\n.pup-generator-calc-wrapper .field input:focus,\n.pup-generator-calc-wrapper .field select:focus {\n  border-color: var(--orange);\n}\n\n.pup-generator-calc-wrapper .sub-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 14px;\n  margin: 22px 0 6px;\n}\n\n.pup-generator-calc-wrapper .chk {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  cursor: pointer;\n  padding: 12px 18px;\n  border: 1.5px solid var(--line);\n  border-radius: 12px;\n  background: var(--bg-2);\n  transition: .25s;\n}\n\n.pup-generator-calc-wrapper .chk .box {\n  width: 22px;\n  height: 22px;\n  border-radius: 6px;\n  border: 1.5px solid var(--faint);\n  display: grid;\n  place-items: center;\n}\n\n.pup-generator-calc-wrapper .chk .box svg { width: 14px; height: 14px; color: var(--on-orange); opacity: 0; }\n.pup-generator-calc-wrapper .chk.on { border-color: var(--orange); background: var(--sel); color: var(--heading); }\n.pup-generator-calc-wrapper .chk.on .box { background: var(--orange); border-color: var(--orange); }\n.pup-generator-calc-wrapper .chk.on .box svg { opacity: 1; }\n\n.pup-generator-calc-wrapper .preset-label {\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  font-size: 13px;\n  color: var(--faint);\n  margin: 26px 0 12px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.pup-generator-calc-wrapper .preset-label::before,\n.pup-generator-calc-wrapper .preset-label::after { content: \"\"; height: 1px; background: var(--line); flex: 1; }\n\n.pup-generator-calc-wrapper .presets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }\n@media(max-width: 720px){ .pup-generator-calc-wrapper .presets { grid-template-columns: repeat(2, 1fr); } }\n\n.pup-generator-calc-wrapper .preset {\n  padding: 16px 12px;\n  border: 1.5px solid var(--line);\n  border-radius: 13px;\n  background: var(--bg-2);\n  cursor: pointer;\n  transition: .25s;\n  text-align: center;\n}\n\n.pup-generator-calc-wrapper .preset:hover, .pup-generator-calc-wrapper .preset.sel { border-color: var(--orange); background: var(--sel); }\n.pup-generator-calc-wrapper .preset b { display: block; font-size: 24px; color: var(--orange); line-height: 1; }\n.pup-generator-calc-wrapper .preset span { display: block; font-size: 13px; margin-top: 5px; font-weight: 600; }\n.pup-generator-calc-wrapper .preset small { display: block; font-size: 11.5px; color: var(--muted); }\n\n\/* Step 7 Contact Module and Layout Sheets *\/\n.pup-generator-calc-wrapper .cform { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n@media(max-width: 560px){ .pup-generator-calc-wrapper .cform { grid-template-columns: 1fr; } }\n.pup-generator-calc-wrapper .cform .full { grid-column: 1\/-1; }\n.pup-generator-calc-wrapper .consent { font-size: 12.5px; color: var(--muted); line-height: 1.5; margin-top: 4px;}\n\n.pup-generator-calc-wrapper .summary {\n  background: var(--panel-2);\n  border: 1px solid var(--line);\n  border-radius: 14px;\n  padding: 18px 20px;\n  margin-bottom: 24px;\n}\n\n.pup-generator-calc-wrapper .summary h4 { font-size: 14px; letter-spacing: 2px; color: var(--muted); margin-bottom: 12px; margin-top:0; text-transform: uppercase;}\n.pup-generator-calc-wrapper .summary .row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px dashed var(--line); font-size: 15px; }\n.pup-generator-calc-wrapper .summary .row:last-child { border-bottom: none; }\n.pup-generator-calc-wrapper .summary .row span { color: var(--muted); }\n.pup-generator-calc-wrapper .summary .row b { color: var(--heading); text-align: right; }\n\n\/* Dynamic Navigation Control Buttons styling *\/\n.pup-generator-calc-wrapper .qnav { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 30px; }\n.pup-generator-calc-wrapper .qnav .spacer { flex: 1; }\n\n.pup-generator-calc-wrapper .btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  font-size: 15px;\n  padding: 14px 28px;\n  border-radius: 10px;\n  cursor: pointer;\n  border: none;\n  transition: transform .2s, opacity .3s, box-shadow .3s;\n}\n\n.pup-generator-calc-wrapper .btn svg { width: 16px; height: 16px; }\n.pup-generator-calc-wrapper .btn-primary { background: var(--orange); color: var(--on-orange); }\n.pup-generator-calc-wrapper .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 20px -8px rgba(255,88,0,.4); }\n.pup-generator-calc-wrapper .btn-primary:disabled { opacity: .4; cursor: not-allowed; transform: none; box-shadow: none; }\n.pup-generator-calc-wrapper .btn-ghost { background: transparent; color: var(--text); border: 1.5px solid var(--line); }\n.pup-generator-calc-wrapper .btn-ghost:hover { border-color: var(--orange); color: var(--orange); }\n\n\/* Submission Success Layout Interface design *\/\n.pup-generator-calc-wrapper .success { display: none; text-align: center; padding: 50px 30px; }\n.pup-generator-calc-wrapper .success.show { display: block; animation: pupFade .5s var(--ease); }\n.pup-generator-calc-wrapper .success .check { width: 80px; height: 80px; border-radius: 50%; background: rgba(34,197,94,.12); border: 1.5px solid rgba(34,197,94,.5); display: grid; place-items: center; margin: 0 auto 24px; color: #22c55e; }\n.pup-generator-calc-wrapper .success .check svg { width: 40px; height: 40px; }\n.pup-generator-calc-wrapper .success h2 { font-size: clamp(26px, 5vw, 38px); margin-bottom: 12px; }\n.pup-generator-calc-wrapper .success p { color: var(--muted); font-size: 17px; max-width: 520px; margin: 0 auto 8px; }\n<\/style>\n\n<script>\n(function() {\n  const steps = [...document.querySelectorAll('.pup-generator-calc-wrapper .qstep')];\n  const TOTAL = steps.length;\n  let idx = 0;\n  const answers = {type:'', condition:'', application:'', quantity:1, power_kw:'', power_amps:'', voltage:'', phase:'', dontknow:false, fuel:''};\n  const singleSelectSteps = [0, 1, 2, 5];\n\n  const progFill = document.getElementById('progFill');\n  const progPct = document.getElementById('progPct');\n  const stepCount = document.getElementById('stepCount');\n  const btnBack = document.getElementById('btnBack');\n  const btnNext = document.getElementById('btnNext');\n  const btnSubmit = document.getElementById('btnSubmit');\n\n  function pct() { return Math.round((idx \/ TOTAL) * 100); }\n\n  function render() {\n    steps.forEach((s, i) => s.classList.toggle('active', i === idx));\n    progFill.style.width = pct() + '%';\n    progPct.textContent = pct() + '%';\n    stepCount.textContent = 'Step ' + (idx + 1) + ' of ' + TOTAL;\n    btnBack.style.visibility = idx === 0 ? 'hidden' : 'visible';\n    const last = idx === TOTAL - 1;\n    btnNext.style.display = last ? 'none' : 'inline-flex';\n    btnSubmit.style.display = last ? 'inline-flex' : 'none';\n    btnNext.disabled = !stepComplete(idx);\n    if(last) buildSummary();\n    document.getElementById('quiz').scrollIntoView({behavior:'smooth', block:'start'});\n  }\n\n  function stepComplete(i) {\n    if(i === 0) return !!answers.type;\n    if(i === 1) return !!answers.condition;\n    if(i === 2) return !!answers.application;\n    if(i === 3) return answers.quantity >= 1;\n    if(i === 4) return answers.dontknow || !!answers.power_kw || !!answers.power_amps || !!answers.voltage || !!answers.phase;\n    if(i === 5) return !!answers.fuel;\n    return true;\n  }\n\n  function go(n) { idx = Math.max(0, Math.min(TOTAL - 1, n)); render(); }\n  btnNext.addEventListener('click', () => { if(stepComplete(idx)) go(idx + 1); });\n  btnBack.addEventListener('click', () => go(idx - 1));\n\n  document.querySelectorAll('.pup-generator-calc-wrapper .opt').forEach(o => {\n    o.addEventListener('click', () => {\n      const q = o.dataset.q, val = o.dataset.val;\n      document.querySelectorAll('.pup-generator-calc-wrapper .opt[data-q=\"'+q+'\"]').forEach(x => x.classList.remove('sel'));\n      o.classList.add('sel');\n      answers[q] = val;\n      btnNext.disabled = !stepComplete(idx);\n      if(singleSelectSteps.includes(idx)){\n        setTimeout(() => { if(idx < TOTAL - 1) go(idx + 1); }, 340);\n      }\n    });\n  });\n\n  const qtyVal = document.getElementById('qtyVal');\n  function setQty(n) { \n    answers.quantity = Math.max(1, n); \n    qtyVal.textContent = answers.quantity >= 10 ? '10+' : answers.quantity;\n    document.querySelectorAll('.pup-generator-calc-wrapper #qtyChips button').forEach(b => b.classList.toggle('sel', +b.dataset.qty === answers.quantity));\n    btnNext.disabled = !stepComplete(idx);\n  }\n  document.getElementById('qtyPlus').addEventListener('click', () => setQty(answers.quantity + 1));\n  document.getElementById('qtyMinus').addEventListener('click', () => setQty(answers.quantity - 1));\n  document.querySelectorAll('.pup-generator-calc-wrapper #qtyChips button').forEach(b => b.addEventListener('click', () => setQty(+b.dataset.qty)));\n\n  const kw = document.getElementById('pwrKw'), amps = document.getElementById('pwrAmps'), volt = document.getElementById('pwrVolt');\n  const dontKnow = document.getElementById('dontKnow');\n  function syncPower() { answers.power_kw = kw.value; answers.power_amps = amps.value; answers.voltage = volt.value; btnNext.disabled = !stepComplete(idx); }\n  [kw, amps, volt].forEach(el => el.addEventListener('input', () => { if(answers.dontknow){ dontKnow.classList.remove('on'); answers.dontknow = false; } syncPower(); }));\n  \n  document.querySelectorAll('.pup-generator-calc-wrapper .chk[data-phase]').forEach(c => {\n    c.addEventListener('click', () => {\n      document.querySelectorAll('.pup-generator-calc-wrapper .chk[data-phase]').forEach(x => { if(x !== c) x.classList.remove('on') });\n      c.classList.toggle('on');\n      answers.phase = c.classList.contains('on') ? c.dataset.phase : '';\n      btnNext.disabled = !stepComplete(idx);\n    });\n  });\n  \n  dontKnow.addEventListener('click', () => {\n    dontKnow.classList.toggle('on');\n    answers.dontknow = dontKnow.classList.contains('on');\n    if(answers.dontknow){ \n      kw.value = ''; amps.value = ''; volt.value = ''; answers.power_kw = ''; answers.power_amps = ''; answers.voltage = '';\n      document.querySelectorAll('.pup-generator-calc-wrapper .preset').forEach(p => p.classList.remove('sel')); \n    }\n    btnNext.disabled = !stepComplete(idx);\n  });\n  \n  document.querySelectorAll('.pup-generator-calc-wrapper .preset').forEach(p => {\n    p.addEventListener('click', () => {\n      document.querySelectorAll('.pup-generator-calc-wrapper .preset').forEach(x => x.classList.remove('sel'));\n      p.classList.add('sel');\n      kw.value = p.dataset.preset; answers.power_kw = p.dataset.preset;\n      if(!volt.value){ volt.value = '240V'; answers.voltage = '240V'; }\n      if(answers.dontknow){ dontKnow.classList.remove('on'); answers.dontknow = false; }\n      btnNext.disabled = !stepComplete(idx);\n    });\n  });\n\n  function powerText() {\n    if(answers.dontknow) return 'Help me size it';\n    const bits = [];\n    if(answers.power_kw) bits.push(answers.power_kw + ' kW');\n    if(answers.power_amps) bits.push(answers.power_amps + ' A');\n    if(answers.voltage) bits.push(answers.voltage);\n    if(answers.phase) bits.push(answers.phase);\n    return bits.length ? bits.join(' \u00b7 ') : '\u2014';\n  }\n\n  function summaryHTML() {\n    const rows = [\n      ['Generator type', answers.type || '\u2014'],\n      ['Condition', answers.condition || '\u2014'],\n      ['Application', answers.application || '\u2014'],\n      ['Quantity', answers.quantity >= 10 ? '10+' : String(answers.quantity)],\n      ['Power needed', powerText()],\n      ['Preferred fuel', answers.fuel || '\u2014']\n    ];\n    return rows.map(r => '<div class=\"row\"><span>' + r[0] + '<\/span><b>' + r[1] + '<\/b><\/div>').join('');\n  }\n  \n  function buildSummary() { document.getElementById('summaryRows').innerHTML = summaryHTML(); }\n\n  const form = document.getElementById('leadForm');\n  btnSubmit.addEventListener('click', () => {\n    let ok = true;\n    form.querySelectorAll('[required]').forEach(i => {\n      if(!i.value.trim()){ ok = false; i.style.borderColor = 'var(--orange)'; }\n      else { i.style.borderColor = ''; }\n    });\n    if(!ok){ form.scrollIntoView({behavior:'smooth', block:'center'}); return; }\n    \n    document.getElementById('quizBody').style.display = 'none';\n    document.getElementById('quizHead').style.display = 'none';\n    progFill.style.width = '100%'; progPct.textContent = '100%';\n    document.getElementById('successSummary').innerHTML = '<h4>YOUR SELECTIONS<\/h4>' + summaryHTML();\n    document.getElementById('success').classList.add('show');\n    document.getElementById('quiz').scrollIntoView({behavior:'smooth', block:'start'});\n  });\n\n  render();\n})();\n<\/script>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uicore_block_fonts":"","footnotes":""},"class_list":["post-418","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/wp-json\/wp\/v2\/pages\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/wp-json\/wp\/v2\/comments?post=418"}],"version-history":[{"count":10,"href":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/wp-json\/wp\/v2\/pages\/418\/revisions"}],"predecessor-version":[{"id":730,"href":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/wp-json\/wp\/v2\/pages\/418\/revisions\/730"}],"wp:attachment":[{"href":"https:\/\/dev.tempsitez.com\/PowerUpProsLLC\/wp-json\/wp\/v2\/media?parent=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}