/* ============================================================
   ENTHUSIAST EXCHANGE — HOW IT WORKS.
   The trust manifesto (sweetwater.com/used/how-it-works energy):
   buyer path · guarantee · seller path · payout choice · fees · FAQ.
   ============================================================ */
.crumbs{ background:var(--paper); border-bottom:1px solid var(--line); }
.crumbs__inner{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:11px 0;
  font-family:var(--f-mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; }
.crumbs a{ color:var(--carbon); } .crumbs a:hover{ color:var(--command); }
.crumbs .sep{ color:var(--line-input); } .crumbs .cur{ color:var(--ink); font-weight:500; }
.hwhero{ position:relative; background:var(--ocean-900); color:#fff; overflow:hidden; }
.hwhero__bg{ position:absolute; inset:0; z-index:0; }
.hwhero__bg img{ width:100%; height:100%; object-fit:cover; }
.hwhero__bg::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(16,18,20,.96) 34%, rgba(16,18,20,.84) 64%, rgba(16,18,20,.62)); }
.hwhero__ghost{ position:absolute; right:-2%; top:50%; transform:translateY(-50%); font-family:var(--f-head); font-weight:900;
  font-size:clamp(60px,11vw,130px); line-height:1; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.07);
  pointer-events:none; user-select:none; white-space:nowrap; }
.hwhero__inner{ position:relative; z-index:2; padding-block:40px 42px; }
.hwhero__kicker{ font-family:var(--f-mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); }
.hwhero h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.9rem,4.6vw,2.9rem); line-height:.95; margin:11px 0 12px; }
.hwhero h1 .lime{ color:var(--lime); }
.hwhero__sub{ font-size:14.5px; line-height:1.65; color:rgba(255,255,255,.8); max-width:64ch; margin-bottom:18px; }
.hwhero__cta{ display:flex; gap:10px; flex-wrap:wrap; }
.hsec{ padding-block:42px 10px; }
.hsec--bone{ background:var(--bone); padding-bottom:42px; }
.hsec:last-of-type{ padding-bottom:48px; }
.blocknum{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); }
.hsec h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:25px; line-height:.95; color:var(--ink); margin:8px 0 10px; }
.hsec h2 .hl{ color:var(--command); }
.hsec__lead{ font-size:14px; line-height:1.65; color:var(--carbon); max-width:66ch; margin-bottom:22px; }
.hsec__lead b{ color:var(--ink); }
/* step cards */
.hsteps{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:768px){ .hsteps{ grid-template-columns:repeat(4,1fr); } }
.hstep{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:19px 17px; transition:var(--t); }
.hstep:hover{ border-color:var(--command); transform:translateY(-3px); box-shadow:0 10px 24px rgba(16,18,20,.08); }
.hstep__num{ font-family:var(--f-head); font-weight:900; font-size:32px; line-height:1; color:transparent; -webkit-text-stroke:1.3px var(--command); margin-bottom:10px; }
.hstep h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:15.5px; line-height:1.05; color:var(--ink); margin-bottom:8px; }
.hstep p{ font-size:12.5px; line-height:1.6; color:var(--carbon); }
.hstep p b{ color:var(--ink); }
/* guarantee band */
.hguar{ background:var(--ocean-900); color:#fff; }
.hguar__inner{ padding-block:42px; }
.hguar h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.4rem,3.4vw,2.1rem); line-height:.95; margin:8px 0 10px; }
.hguar h2 em{ color:var(--lime); font-style:normal; }
.hguar__lead{ font-size:14px; line-height:1.65; color:rgba(255,255,255,.72); max-width:60ch; margin-bottom:22px; }
.hguar__grid{ display:grid; grid-template-columns:1fr; gap:13px; }
@media (min-width:768px){ .hguar__grid{ grid-template-columns:repeat(3,1fr); } }
.hg{ background:var(--ocean-deep); border:1px solid var(--line-dark); border-radius:var(--r); padding:19px 17px; }
.hg__ico{ width:42px; height:42px; border-radius:var(--r-sm); background:rgba(206,32,47,.1); color:var(--lime); display:grid; place-items:center; margin-bottom:11px; }
.hg__ico svg{ width:22px; height:22px; }
.hg h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:15px; margin-bottom:7px; }
.hg p{ font-size:12.5px; line-height:1.6; color:rgba(255,255,255,.66); }
/* payout comparison */
.pay2{ display:grid; grid-template-columns:1fr; gap:13px; max-width:860px; }
@media (min-width:768px){ .pay2{ grid-template-columns:1fr 1fr; } }
.pc{ border-radius:var(--r); padding:20px 19px; border:1px solid var(--line); background:var(--paper); }
.pc--credit{ background:var(--ocean-900); color:#fff; border-color:var(--ocean-900); position:relative; overflow:hidden; }
.pc__flag{ position:absolute; top:13px; right:13px; }
.pc__lbl{ font-family:var(--f-mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--carbon); }
.pc--credit .pc__lbl{ color:var(--lime); }
.pc__amt{ font-family:var(--f-head); font-weight:800; font-size:clamp(1.9rem,4vw,2.5rem); line-height:1; margin:9px 0 4px; color:var(--ink); }
.pc--credit .pc__amt{ color:var(--lime); }
.pc__sub{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--carbon); margin-bottom:12px; }
.pc--credit .pc__sub{ color:rgba(255,255,255,.6); }
.pc p{ font-size:13px; line-height:1.6; color:var(--carbon); }
.pc--credit p{ color:rgba(255,255,255,.72); }
.pc p b{ color:var(--ink); }
.pc--credit p b{ color:#fff; }
/* fees table */
.fees{ border:1px solid var(--line); border-radius:var(--r); overflow:hidden; max-width:860px; }
.fees__row{ display:grid; grid-template-columns:1.3fr 1fr 1.2fr; }
.fees__row > div{ padding:12px 14px; font-size:13px; color:var(--carbon); border-top:1px solid var(--line-2); }
.fees__row--head > div{ background:var(--bone); border-top:none; font-family:var(--f-mono); font-size:9.5px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); }
.fees__row > div:first-child{ font-family:var(--f-mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); font-weight:500; }
.fees__row .yes{ color:var(--command); font-weight:700; }
/* faq */
.hfaq{ max-width:840px; }
.hfaq h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:15.5px; color:var(--ink); margin:16px 0 6px; }
.hfaq p{ font-size:13.5px; line-height:1.7; color:var(--carbon); margin-bottom:8px; }
.hfaq p b{ color:var(--ink); }
.hfaq a{ color:var(--command); text-decoration:underline; text-underline-offset:2px; }
.flag--new{ background:var(--lime); color:var(--on-lime); }
/* floating Get Started dock — rides along on wide screens */
.hwdock{ display:none; }
@media (min-width:1360px){
  .hwdock{ display:block; position:fixed; right:26px; top:50%; transform:translateY(-50%); width:280px; z-index:60;
    background:var(--ocean-900); color:#fff; border-radius:var(--r); padding:20px 19px; box-shadow:var(--sh-lg);
    border:1px solid var(--line-dark); }
}
.hwdock__lbl{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--lime); margin-bottom:7px; }
.hwdock h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:19px; line-height:1; margin-bottom:9px; }
.hwdock p{ font-size:12px; line-height:1.55; color:rgba(255,255,255,.68); margin-bottom:13px; }
.hwdock .btn{ width:100%; text-align:center; margin-bottom:8px; }
.hwdock__mini{ display:flex; justify-content:space-between; gap:8px; border-top:1px solid var(--line-dark); padding-top:12px; margin-top:5px; }
.hwdock__stat{ text-align:center; flex:1; }
.hwdock__stat .v{ font-family:var(--f-head); font-weight:800; font-size:15px; color:var(--lime); line-height:1; }
.hwdock__stat .k{ font-family:var(--f-mono); font-size:7.5px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-top:4px; }

/* ==== utilities (extracted from inline style attributes) ==== */
.u636a84a{ display:flex !important; gap:10px !important; flex-wrap:wrap !important; margin-top:26px !important; }
.ud24cfbc{ object-position:center 18% !important; }
.udec6f69{ color:var(--lime) !important; }
.ue32cc1c{ color:var(--command) !important; text-decoration:underline !important; text-underline-offset:2px !important; }

/* protection trio — SIVA pattern: photo, stat, their outcome, access */
.hg__img{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; margin-bottom:12px; display:block; }
.hg__stat{ font-family:var(--f-head); font-weight:800; font-size:26px; line-height:1; color:var(--ink); margin-bottom:8px; }
.hg__stat span{ display:block; font-family:var(--f-mono); font-weight:500; font-size:8.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); margin-top:5px; line-height:1.5; }
.hg__go{ display:inline-block; margin-top:10px; font-family:var(--f-mono); font-size:9.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--command); text-decoration:none; border-bottom:1px solid rgba(206,32,47,.35); padding-bottom:2px; }
.hg__go:hover{ border-color:var(--command); }