.decision-hub{max-width:1320px;margin:30px auto 0;padding:30px;border:1px solid #35452f;border-radius:16px;background:linear-gradient(135deg,#0f160d,#090909 72%);box-shadow:0 22px 70px rgba(0,0,0,.24)}
.decision-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:20px}
.decision-head h2{margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(30px,3.5vw,50px);letter-spacing:-1.2px;line-height:.98}
.decision-head p{max-width:780px;margin:9px 0 0;color:#aeb8aa;font-size:15px;line-height:1.55}
.decision-hint{padding:9px 12px;border:1px solid #3b4a35;border-radius:999px;background:#0b100a;color:#b9f34d;font-size:10px;font-weight:950;letter-spacing:.8px;white-space:nowrap}

/* Two wide columns are easier to scan than six small tiles, especially for older RV owners. */
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.decision-card{position:relative;min-height:104px;padding:18px 54px 18px 18px;border:1px solid #333d31;border-radius:12px;background:linear-gradient(180deg,#0e110e,#0a0c0a);color:#f4f4f4;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.decision-card::after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#b9f34d;font-size:22px;font-weight:900;opacity:.72;transition:transform .18s ease,opacity .18s ease}
.decision-card:hover,.decision-card:focus-visible{border-color:#7ca957;background:#121a10;transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.2);outline:none}
.decision-card:hover::after,.decision-card:focus-visible::after{transform:translate(3px,-50%);opacity:1}
.decision-card.active{border-color:#9bd467;background:#152211;box-shadow:0 0 0 1px rgba(185,243,77,.10) inset,0 12px 32px rgba(0,0,0,.22)}
.decision-card.active::after{opacity:1}
.decision-card strong{display:block;font-size:16px;line-height:1.25;letter-spacing:-.1px}
.decision-card span{display:block;max-width:520px;margin-top:7px;color:#9ca696;font-size:12px;line-height:1.48}

.decision-result{display:none;margin-top:13px;padding:20px;border:1px solid #5f7d4c;border-radius:12px;background:linear-gradient(135deg,#132010,#0b0f0a);box-shadow:0 12px 34px rgba(0,0,0,.16)}
.decision-result.show{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;animation:decisionReveal .2s ease-out}
@keyframes decisionReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.decision-result .eyebrow{margin-bottom:6px}
.decision-result h3{margin:0;font-size:clamp(21px,2.4vw,30px);line-height:1.15}
.decision-result p{max-width:780px;margin:8px 0 0;color:#b6c0b2;line-height:1.55}
.decision-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.decision-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 15px;border:1px solid #414b3f;border-radius:9px;background:#101310;color:#edf0eb;font-size:11px;font-weight:950;letter-spacing:.25px;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.decision-actions a:hover,.decision-actions a:focus-visible{border-color:#708c5f;background:#151a14;transform:translateY(-1px);outline:none}
.decision-actions a.primary-next{border-color:#80ad5b;background:#1a2814;color:#d9ffae}
.decision-actions a.primary-next:hover,.decision-actions a.primary-next:focus-visible{border-color:#a6dc78;background:#22341a}
.decision-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid #2c3529}
.decision-trust span{padding:7px 9px;border:1px solid #313b2e;border-radius:999px;background:#0a0d0a;color:#a6b1a2;font-size:9px;font-weight:900;letter-spacing:.55px}

/* Quick answers are deliberately two-up instead of four cramped cards. The aim is to make the questions readable and worth a click, not to cram a resource directory into one row. */
.quick-answer{max-width:1320px;margin:34px auto 0;padding:26px;border:1px solid #2d382a;border-radius:16px;background:linear-gradient(135deg,#0d120c,#080908 72%)}
.quick-answer-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:26px;align-items:end;margin-bottom:18px}
.quick-answer .eyebrow{margin-bottom:6px}
.quick-answer h2{margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(28px,3.2vw,44px);letter-spacing:-1px;line-height:1}
.quick-answer-head>p{max-width:520px;margin:0;color:#9ca797;font-size:13px;line-height:1.55}
.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.answer-card{position:relative;display:block;min-height:178px;padding:22px 58px 20px 20px;border:1px solid #30382d;border-radius:13px;background:linear-gradient(180deg,#101410,#0a0b0a);overflow:hidden;transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}
.answer-card::after{content:"→";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#b9f34d;font-size:23px;font-weight:950;opacity:.75;transition:transform .18s ease,opacity .18s ease}
.answer-card::before{position:absolute;right:18px;top:16px;padding:5px 8px;border:1px solid #354230;border-radius:999px;background:#0a0d09;color:#91a08d;font-size:8px;font-weight:950;letter-spacing:.65px}
.answer-card:nth-child(1)::before{content:"2 MIN READ"}
.answer-card:nth-child(2)::before{content:"START HERE";color:#cfff9a;border-color:#567143}
.answer-card:nth-child(3)::before{content:"2 MIN READ"}
.answer-card:nth-child(4)::before{content:"DIAGNOSE FIRST";color:#ffd875;border-color:#6b5728}
.answer-card:hover,.answer-card:focus-visible{border-color:#6c944f;background:#111a0f;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.22);outline:none}
.answer-card:hover::after,.answer-card:focus-visible::after{transform:translate(4px,-50%);opacity:1}
.answer-card b{display:block;max-width:70%;color:#b9f34d;font-size:10px;letter-spacing:1px}
.answer-card strong{display:block;max-width:84%;margin-top:12px;color:#f3f5f1;font-size:clamp(18px,1.8vw,23px);line-height:1.2;letter-spacing:-.3px}
.answer-card span{display:block;max-width:86%;margin-top:10px;color:#9ba497;font-size:12px;line-height:1.55}
.answer-card i{display:inline-flex;align-items:center;margin-top:15px;padding:7px 10px;border:1px solid #354230;border-radius:8px;background:#0c100b;color:#d9e7d2;font-size:9px;font-style:normal;font-weight:950;letter-spacing:.35px}
.answer-card:nth-child(2){border-color:#4c653e;background:linear-gradient(145deg,#142010,#0a0d09 70%)}
.answer-card:nth-child(4){border-color:#514421}
.quick-answer::after{content:"NOT SURE WHERE TO START?  USE THE FREE RV POWER CALCULATOR →";display:block;margin-top:13px;padding:12px 14px;border-top:1px solid #293127;color:#94a08f;font-size:10px;font-weight:900;letter-spacing:.45px;text-align:center;pointer-events:none}

/* This is the credibility hand-off: explain the method in concrete electrical terms instead of generic trust badges. */
.expert-strip{position:relative;max-width:1320px;margin:34px auto 0;padding:0;display:grid;grid-template-columns:minmax(320px,1.3fr) repeat(3,minmax(155px,.62fr));overflow:hidden;border:1px solid #34422f;border-radius:16px;background:linear-gradient(120deg,#10180e 0%,#0b0e0b 38%,#080908 100%);box-shadow:0 18px 55px rgba(0,0,0,.2)}
.expert-strip>div:first-child{position:relative;padding:28px 30px 54px;border-right:1px solid #303b2c;background:linear-gradient(145deg,rgba(38,62,29,.28),rgba(10,13,9,.35))}
.expert-strip>div:first-child::after{content:"JOURNEYPERSON ELECTRICIAN · LOCAL MOBILE SERVICE · PRACTICAL SIZING";position:absolute;left:30px;right:28px;bottom:22px;padding-top:13px;border-top:1px solid #30402b;color:#9eb494;font-size:9px;font-weight:950;letter-spacing:.55px;line-height:1.45}
.expert-strip .eyebrow{margin-bottom:7px}
.expert-strip h2{max-width:560px;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(25px,2.8vw,38px);line-height:1.02;letter-spacing:-.7px}
.expert-strip>div:first-child>p:last-child{max-width:620px;margin:11px 0 0;color:#aab5a6;font-size:13px;line-height:1.58}
.expert-point{position:relative;min-height:210px;padding:72px 22px 24px;border-left:1px solid #252d23;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.08))}
.expert-point::before{position:absolute;left:21px;top:20px;color:#2f412a;font-family:Arial Black,Arial,sans-serif;font-size:38px;line-height:1}
.expert-point:nth-child(2)::before{content:"01"}.expert-point:nth-child(3)::before{content:"02"}.expert-point:nth-child(4)::before{content:"03"}
.expert-point b{display:block;color:#b9f34d;font-size:11px;letter-spacing:.8px;line-height:1.25}
.expert-point span{display:block;margin-top:10px;color:#d8ded5;font-size:13px;line-height:1.5}
.expert-point:nth-child(2){background:linear-gradient(180deg,rgba(95,130,72,.08),rgba(0,0,0,.06))}
.expert-strip::after{content:"LOADS → CHARGING → STORAGE → PROTECTION → EQUIPMENT";position:absolute;right:20px;bottom:12px;color:#596654;font-size:8px;font-weight:950;letter-spacing:.65px;pointer-events:none}

@media(max-width:1000px){
  .decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .decision-result.show{grid-template-columns:1fr}.decision-actions{justify-content:flex-start}
  .quick-answer-head{grid-template-columns:1fr;gap:8px}.quick-answer-head>p{max-width:720px}
  .answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .expert-strip{grid-template-columns:1fr 1fr 1fr}.expert-strip>div:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid #303b2c}.expert-point{min-height:170px;border-left:0;border-right:1px solid #252d23}.expert-point:last-of-type{border-right:0}.expert-strip::after{display:none}
}
@media(max-width:700px){
  .decision-hub,.quick-answer,.expert-strip{margin-left:16px;margin-right:16px}
  .decision-hub{padding:20px}.decision-head{grid-template-columns:1fr;gap:10px}.decision-hint{justify-self:start}
  .decision-grid,.answer-grid{grid-template-columns:1fr}
  .decision-card{min-height:84px;padding:15px 48px 15px 15px}.decision-card strong{font-size:15px}.decision-card span{font-size:11px}.decision-card::after{right:15px;font-size:20px}
  .decision-result{padding:17px}.decision-actions{display:grid;width:100%}.decision-actions a{width:100%}
  .quick-answer{padding:19px}.quick-answer-head{display:block}.quick-answer-head>p{margin-top:8px}.answer-card{min-height:156px;padding:19px 48px 18px 17px}.answer-card strong{max-width:88%;font-size:19px}.answer-card span{max-width:94%;font-size:11px}.answer-card::before{right:14px;top:13px}.answer-card::after{right:15px}
  .expert-strip{grid-template-columns:1fr}.expert-strip>div:first-child{grid-column:auto;padding:23px 20px 58px}.expert-strip>div:first-child::after{left:20px;right:20px;bottom:20px;font-size:8px}.expert-point{min-height:0;padding:58px 20px 20px;border-right:0;border-bottom:1px solid #252d23}.expert-point:last-of-type{border-bottom:0}.expert-point::before{left:20px;top:17px;font-size:31px}.expert-point span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.decision-card,.decision-card::after,.decision-actions a,.answer-card,.answer-card::after{transition:none}.decision-result.show{animation:none}}