/* Homepage layout C: split screen with listener pictures, EPC leaderboard, FAQ accordion. Own prefix .hc- */
.home-c{--hc-plum:#45205b;--hc-deep:#2b0b3f;--hc-purple:#5d1257;--hc-p2:#43124e;--hc-rasp:#870a42;--hc-rasp2:#c2185b;--hc-ink:#1d1424;--hc-muted:#5b5163;--hc-line:#e6ddef;--hc-tint:#f6f1fa;
  --hc-head:var(--serif,'Fraunces',Georgia,serif);--hc-body:var(--sans,'Inter',system-ui,sans-serif)}
.home-c .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hc-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.home-c main{color:var(--hc-ink)}
.home-c main section{font-family:var(--hc-body);font-size:18px;line-height:1.6}
.home-c main section p{margin:0 0 16px}
.hc-h2{font-family:var(--hc-head);font-weight:700;font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.015em;color:var(--hc-deep);text-align:center;margin:0 0 36px}
.hc-left{text-align:left}.hc-center{text-align:center}.hc-big{font-size:21px}

/* split hero */
.hc-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:var(--hc-deep)}
.hc-hero-pic{position:relative;overflow:hidden}
.hc-hero-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 30%}
.hc-hero-pic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(43,11,63,.85))}
.hc-hero-panel{background:linear-gradient(160deg,var(--hc-plum),var(--hc-deep) 70%);color:#fff;display:flex;align-items:center}
.hc-hero-in{padding:56px 56px 56px 48px;max-width:640px}
.hc-hero h1{font-family:var(--hc-head);font-weight:700;font-size:clamp(34px,3.6vw,50px);line-height:1.1;letter-spacing:-.015em;color:#fff;margin:0 0 18px}
.hc-lead{font-size:20px!important;color:#efe5f6!important;line-height:1.6!important;margin-bottom:26px!important}
.hc-lead strong{color:#ffc2da}
.hc-formbox{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px 22px 18px}
.hc-formhead{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.hc-formhead img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);flex:none;background:#fff}
.hc-formbox h3{font-family:var(--hc-head);font-size:22px;line-height:1.25;margin:0;color:#fff}
.hc-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.hc-form input{font:inherit;font-size:17px;width:100%;box-sizing:border-box;padding:15px 16px;border:1.5px solid transparent;border-radius:10px;background:#fff;color:var(--hc-ink)}
.hc-form input::placeholder{color:#6d6377}
.hc-form input[type=email]{grid-column:1 / -1}
.hc-form input:focus{outline:none;border-color:var(--hc-rasp2);box-shadow:0 0 0 4px rgba(194,24,91,.2)}
.hc-form button{grid-column:1 / -1;font:inherit;font-weight:700;font-size:19px;padding:16px;border:0;border-radius:10px;background:var(--hc-rasp);color:#fff;cursor:pointer;transition:background .15s}
.hc-form button:hover{background:var(--hc-rasp2)}
.hc-already{font-size:17px;margin:0 0 8px!important;color:#fff}
.hc-already a{color:#ffc2da;text-underline-offset:3px}
.hc-small{font-size:16px;line-height:1.5;margin:0!important;color:#d9c8e6}
.hc-formbox-light{background:#fff;border-color:var(--hc-line);box-shadow:0 26px 60px rgba(20,0,35,.3);padding:28px 26px 22px}
.hc-formbox-light h3{color:var(--hc-deep);font-size:24px;margin-bottom:16px}
.hc-formbox-light input{background:var(--hc-tint);border-color:#ddd0e8}
.hc-formbox-light .hc-already{color:var(--hc-ink)}
.hc-formbox-light .hc-already a{color:var(--hc-rasp)}
.hc-formbox-light .hc-small{color:var(--hc-muted)}

/* earnings strip */
.hc-earn{background:var(--hc-tint);border-bottom:1px solid var(--hc-line)}
.hc-earn-in{display:grid;grid-template-columns:1fr 1fr;gap:0}
.hc-earn-in p{margin:0!important;padding:30px 30px;font-size:20px;line-height:1.5}
.hc-earn-2{border-left:1px solid var(--hc-line);font-weight:700;color:var(--hc-rasp)}

/* leaderboard */
.hc-stats{padding:84px 0}
.hc-board{list-style:none;margin:0 auto;padding:0;max-width:980px;display:grid;gap:14px}
.hc-row{display:grid;grid-template-columns:190px 1fr auto;grid-template-areas:"pic name epc" "pic bar bar";gap:6px 26px;align-items:center;background:#fff;border:1px solid var(--hc-line);border-radius:18px;padding:16px 26px 16px 16px;box-shadow:0 10px 26px rgba(43,11,63,.06)}
.hc-row img{grid-area:pic;width:100%;height:auto;aspect-ratio:865/477;object-fit:contain}
.hc-row h3{grid-area:name;font-family:var(--hc-head);font-size:24px;line-height:1.25;margin:0;color:var(--hc-deep)}
.hc-epc{grid-area:epc;margin:0!important;text-align:right;font-size:16px;font-weight:600;color:var(--hc-muted);text-transform:uppercase;letter-spacing:.06em}
.hc-epc b{display:block;font-family:var(--hc-head);font-size:38px;line-height:1.05;color:var(--hc-rasp);letter-spacing:0;text-transform:none}
.hc-bar{grid-area:bar;height:12px;border-radius:99px;background:var(--hc-tint);overflow:hidden;align-self:start}
.hc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--hc-plum),var(--hc-rasp2))}

/* split text + picture */
.hc-split{display:grid;grid-template-columns:1fr 1fr;background:var(--hc-tint)}
.hc-split-txt{display:flex;justify-content:flex-end}
.hc-split-in{max-width:600px;padding:76px 56px 60px 24px}
.hc-split-pic{position:relative;min-height:420px}
.hc-split-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hc-q{font-family:var(--hc-head);font-weight:700;font-size:30px!important;line-height:1.25!important;color:var(--hc-deep);margin-bottom:22px!important}
.hc-q-sm{font-size:24px!important}
.hc-split-in p:last-child{font-weight:700;color:var(--hc-rasp)}

/* commission */
.hc-comm{padding:84px 0}
.hc-comm-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:36px;align-items:center}
.hc-chart{margin:0;background:#fff;border-radius:22px;padding:20px;border:1px solid var(--hc-line);box-shadow:0 20px 50px rgba(43,11,63,.12)}
.hc-chart img{width:100%;height:auto;display:block}
.hc-comm-col p:last-child strong{color:var(--hc-rasp)}

/* mid sign-up split */
.hc-signup{display:grid;grid-template-columns:1fr 1fr;background:var(--hc-deep)}
.hc-signup-l{background:linear-gradient(90deg,rgba(43,11,63,.35),rgba(43,11,63,.8)),var(--hc-deep) url(../../img/home-band-ripples-1568.webp) center/cover no-repeat;display:flex;align-items:center;justify-content:flex-end;min-height:420px}
.hc-signup-txt{max-width:560px;padding:56px 48px 56px 24px}
.hc-signup h2,.hc-final h2{font-family:var(--hc-head);font-weight:700;font-size:clamp(30px,3.4vw,46px);line-height:1.12;color:#fff;text-shadow:0 2px 18px rgba(10,0,20,.6);margin:0 0 14px}
.hc-by{font-size:20px;font-weight:500;color:#e3d2ef;margin:0;font-family:var(--hc-body)}
.hc-signup-r{display:flex;align-items:center;padding:48px 24px 48px 48px}
.hc-signup-r .hc-formbox{max-width:520px;width:100%;box-sizing:border-box}

/* tools */
.hc-tools{padding:84px 0;background:#fff}
.hc-tool-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;max-width:1000px;margin:28px auto 36px;background:var(--hc-tint);border-radius:22px;padding:18px 34px}
.hc-tl{list-style:none;margin:0;padding:0}
.hc-tl li{position:relative;padding:16px 0 16px 46px;border-bottom:1px dashed #d8c9e5;font-size:18px;line-height:1.45;font-weight:600;color:var(--hc-deep)}
.hc-tl li:last-child{border-bottom:0}
.hc-tl li:before{content:"";position:absolute;left:0;top:15px;width:28px;height:28px;border-radius:8px;background:var(--hc-rasp) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/15px no-repeat}
.hc-tools-more{max-width:820px;margin:0 auto;text-align:center}
.hc-covered{font-family:var(--hc-head);font-size:30px;color:var(--hc-rasp);margin:6px 0 16px!important}

/* testimonials */
.hc-testi{padding:84px 0;background:var(--hc-tint)}
.hc-quote{margin:0 auto 26px;max-width:1000px;display:grid;grid-template-columns:220px 1fr;background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--hc-line);box-shadow:0 14px 34px rgba(43,11,63,.07)}
.hc-quote blockquote{margin:0;padding:30px 34px 18px;grid-column:2;grid-row:1}
.hc-quote figcaption{grid-column:1;grid-row:1;background:linear-gradient(180deg,var(--hc-plum),var(--hc-deep));color:#fff;padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.hc-quote figcaption img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#fff}
.hc-quote figcaption b{display:block;font-family:var(--hc-head);font-size:22px}
.hc-quote figcaption span span{font-size:16px;color:#e3d2ef}
.hc-shot{width:100%;height:auto;display:block;border:1px solid var(--hc-line);border-radius:8px;margin:2px 0 18px}

/* contact + faq accordion */
.hc-contact{padding:84px 0}
.hc-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.hc-contact-l .hc-h2{margin-bottom:20px}
.hc-andrew{display:flex;align-items:center;gap:18px;background:var(--hc-deep);color:#fff;border-radius:18px;padding:20px 22px;margin-top:10px}
.hc-andrew img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;background:#fff}
.hc-andrew p{margin:0!important;line-height:1.55}
.hc-andrew a{color:#ffc2da;word-break:break-word}
.hc-faq-link{font-size:19px;background:var(--hc-tint);border-radius:14px;padding:18px 22px;border-left:5px solid var(--hc-rasp)}
.hc-faq-link a,.hc-acc-a a{color:var(--hc-rasp);word-break:break-word}
.hc-faq{scroll-margin-top:80px}
.hc-acc{border-bottom:1px solid var(--hc-line)}
.hc-acc summary{list-style:none;cursor:pointer;padding:20px 48px 20px 0;position:relative}
.hc-acc summary::-webkit-details-marker{display:none}
.hc-acc summary:after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--hc-tint);color:var(--hc-rasp);font-size:24px;line-height:32px;text-align:center;font-weight:700}
.hc-acc[open] summary:after{content:"\2212";background:var(--hc-rasp);color:#fff}
.hc-acc summary h3{font-family:var(--hc-head);font-size:22px;line-height:1.3;margin:0;color:var(--hc-deep);display:inline}
.hc-acc-a{padding:0 0 12px}
.hc-acc-a ol,.hc-acc-a ul{margin:0 0 16px;padding-left:24px}

/* final */
.hc-final{position:relative;background:var(--hc-deep);padding:84px 0;overflow:hidden}
.hc-final-bg{position:absolute;inset:0}
.hc-final-bg img{width:100%;height:100%;object-fit:cover;opacity:.75}
.hc-final-in{position:relative;display:grid;grid-template-columns:1fr 520px;gap:56px;align-items:center}

@media (max-width:1000px){
  .hc-hero{grid-template-columns:1fr}
  .hc-hero-pic{min-height:360px}
  .hc-hero-pic:after{background:linear-gradient(180deg,transparent 55%,rgba(43,11,63,.9))}
  .hc-hero-in{padding:40px 24px 48px;max-width:720px;margin:0 auto}
  .hc-split,.hc-signup{grid-template-columns:1fr}
  .hc-split-txt{justify-content:center}
  .hc-split-in{padding:56px 24px 40px;max-width:720px}
  .hc-split-pic{min-height:360px}
  .hc-comm-grid{grid-template-columns:1fr;gap:28px;max-width:720px;margin:0 auto}
  .hc-signup-l{justify-content:center;min-height:0}
  .hc-signup-txt{padding:56px 24px 40px;text-align:center}
  .hc-signup-r{padding:0 24px 56px;justify-content:center;background:var(--hc-deep)}
  .hc-contact-grid,.hc-final-in{grid-template-columns:1fr;gap:30px}
  .hc-final-txt{text-align:center}
  .hc-final .hc-formbox{max-width:560px;margin:0 auto;width:100%;box-sizing:border-box}
}
@media (max-width:700px){
  .home-c main section{font-size:17px}
  .hc-wrap{padding:0 18px}
  .hc-hero-pic{min-height:260px}
  .hc-hero-in{padding:30px 18px 40px}
  .hc-lead{font-size:18px!important}
  .hc-formbox{padding:18px 16px 16px}
  .hc-form{grid-template-columns:1fr}
  .hc-earn-in{grid-template-columns:1fr}
  .hc-earn-in p{padding:22px 4px;font-size:18px}
  .hc-earn-2{border-left:0;border-top:1px solid var(--hc-line)}
  .hc-stats,.hc-comm,.hc-tools,.hc-testi,.hc-contact,.hc-final{padding:56px 0}
  .hc-row{grid-template-columns:110px 1fr;grid-template-areas:"pic name" "pic epc" "bar bar";padding:14px;gap:4px 14px}
  .hc-row h3{font-size:20px}
  .hc-epc{text-align:left}
  .hc-epc b{font-size:32px}
  .hc-split-in{padding:46px 18px 30px}
  .hc-split-pic{min-height:260px}
  .hc-q{font-size:24px!important}
  .hc-tool-cols{grid-template-columns:1fr;padding:8px 18px}
  .hc-tl li:last-child{border-bottom:1px dashed #d8c9e5}
  .hc-tl:last-child li:last-child{border-bottom:0}
  .hc-quote{grid-template-columns:1fr}
  .hc-quote figcaption{grid-row:1;grid-column:1;flex-direction:row;justify-content:flex-start;padding:16px 18px;text-align:left}
  .hc-quote figcaption img{width:60px;height:60px}
  .hc-quote blockquote{grid-row:2;grid-column:1;padding:22px 18px 10px}
  .hc-signup-txt{padding:46px 18px 30px}
  .hc-signup-r{padding:0 18px 46px}
  .hc-andrew{flex-direction:column;text-align:center}
  .hc-acc summary h3{font-size:20px}
}
.hc-hero strong,.hc-hero b,.hc-andrew strong,.hc-andrew b,.hc-quote figcaption b,.hc-signup strong{color:inherit}
.hc-hero .hc-lead strong{color:#ffc2da}
.hc-formbox-light strong{color:var(--hc-ink)}

/* ---------- polish pass (design review, Nov 2026) ---------- */
/* hero: Steve's photo larger in the form header */
.hc-formhead img{width:116px;height:116px}

/* Commission Structure: the repeated EPC explanation as a recap card, then the diagram large beside the text */
.hc-recap{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 44px;align-items:start;max-width:1080px;margin:0 auto 46px;padding:38px 44px 30px 44px;border-radius:24px;
  background:linear-gradient(135deg,#fbf6fd,#f3e9f8);border:1px solid var(--hc-line);border-left:8px solid var(--hc-rasp)}
.hc-recap:before{content:"\201C";position:absolute;left:30px;top:-6px;font-family:var(--hc-head);font-size:120px;line-height:1;color:var(--hc-rasp);opacity:.18}
.hc-recap-q{position:relative;font-family:var(--hc-head);font-weight:700;font-size:28px!important;line-height:1.25!important;color:var(--hc-deep);margin:0!important}
.hc-recap-txt p{margin:0 0 14px!important}
.hc-recap-txt p:last-child{margin-bottom:0!important}
.hc-comm-grid{grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:44px;align-items:center}
.hc-chart{padding:16px}
.hc-chart a{display:block;cursor:zoom-in}
.hc-comm-col p:last-child{font-size:20px}

/* testimonials: name band on top, quote full card width so the ClickBank screenshots show near full size */
.hc-quote{grid-template-columns:1fr}
.hc-quote figcaption{grid-column:1;grid-row:1;flex-direction:row;justify-content:flex-start;text-align:left;padding:18px 34px;gap:18px}
.hc-quote figcaption img{width:76px;height:76px}
.hc-quote blockquote{grid-column:1;grid-row:2;padding:30px 34px 18px}
.hc-quote blockquote p{max-width:72ch}
.hc-shot-a{display:block;cursor:zoom-in;margin:2px 0 18px}
.hc-shot-a .hc-shot{margin:0}
.hc-shot-strip{width:100%;max-width:none}

/* contact: intro text beside Andrew's card, then the FAQ full width below (no empty column) */
.hc-contact-grid{grid-template-columns:1fr;gap:34px}
.hc-contact-l{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px 48px;align-items:center}
.hc-contact-l .hc-andrew{margin-top:0;flex-direction:column;text-align:center;padding:28px 24px}
.hc-contact-l .hc-andrew img{width:110px;height:110px}
.hc-contact-r{max-width:920px;margin:0 auto;width:100%}

@media (max-width:1000px){
  .hc-recap{grid-template-columns:1fr;padding:30px 28px 26px 30px}
  .hc-comm-grid{grid-template-columns:1fr;max-width:760px}
  .hc-contact-l{grid-template-columns:1fr}
}
@media (max-width:700px){
  .hc-formhead img{width:96px;height:96px}
  .hc-recap{padding:26px 18px 20px 20px;border-left-width:6px;margin-bottom:30px}
  .hc-recap-q{font-size:23px!important}
  .hc-quote figcaption{padding:16px 18px}
  .hc-quote figcaption img{width:60px;height:60px}
  .hc-quote blockquote{padding:22px 18px 10px}
}