/* 10,000 Interviews sales page: original live-site CSS, remapped to UFC Crimson Circuit tokens (dark). */

.uc-page{
  --uc-red:var(--red);
  --uc-red-dark:#D62830;
  --uc-red-bright:var(--red);
  --uc-ink:var(--text);
  --uc-body:#C9CCD1;
  --uc-muted:var(--muted);
  --uc-line:var(--line);
  --uc-wash:var(--panel);
  font-family:inherit;
  color:var(--uc-ink);
  -webkit-font-smoothing:antialiased;
}
.uc-page *,.uc-page *::before,.uc-page *::after{box-sizing:border-box;}
.uc-page img{max-width:100%;height:auto;}

/* ---------- Sections ---------- */
.uc-page .uc-sec{padding:80px 24px;background:var(--bg);}
.uc-page .uc-sec--wash{background:var(--uc-wash);border-top:1px solid var(--uc-line);border-bottom:1px solid var(--uc-line);}
.uc-page .uc-in{max-width:720px;margin:0 auto;}

/* ---------- Black hero ---------- */
.uc-page .uc-hero{
  padding:72px 24px 56px;
  background:var(--bg2);
  text-align:center;
}
.uc-page .uc-hero .uc-kicker{
  max-width:820px;margin:0 auto 10px;
  font-weight:700;font-size:30px;line-height:1.3;
  letter-spacing:-0.01em;color:#FFFFFF;
}
.uc-page .uc-hero .uc-roaches{
  display:inline-block;
  margin:22px 0;padding:12px 34px;
  font-weight:800;font-size:64px;line-height:1.1;
  letter-spacing:-0.02em;
  color:#FFFFFF;background:var(--uc-red);
  text-transform:uppercase;
}
.uc-page .uc-hero .uc-about{
  display:flex;align-items:center;gap:52px;
  max-width:920px;margin:44px auto 0;
  text-align:left;
}
.uc-page .uc-hero .uc-straight{
  flex:1 1 auto;margin:0;
  font-size:22px;line-height:1.6;
  color:rgba(255,255,255,.85);
}
.uc-page .uc-hero .uc-about-photo{flex:0 0 auto;text-align:center;}
.uc-page .uc-hero .uc-portrait{
  display:block;
  width:260px;height:260px;
  object-fit:cover;object-position:center top;
  border-radius:50%;
  border:4px solid rgba(255,255,255,.12);
  box-shadow:0 18px 50px rgba(0,0,0,.65);
  margin:0 auto 16px;
}
.uc-page .uc-hero .uc-caption{
  margin:0;max-width:260px;
  font-size:13px;font-style:italic;line-height:1.5;
  color:rgba(255,255,255,.5);
}

/* ---------- Type ---------- */
.uc-page .uc-h2{
  margin:38px 0 18px;font-weight:700;font-size:32px;
  line-height:1.2;letter-spacing:-0.015em;color:var(--uc-ink);
  text-align:center;
}
.uc-page .uc-h2--red{color:var(--uc-red);}
.uc-page .uc-huge{
  margin:40px 0 8px;font-weight:800;font-size:56px;
  line-height:1.05;letter-spacing:-0.02em;color:var(--uc-ink);
  text-align:center;
}
.uc-page .uc-p{
  margin:0 0 20px;font-size:18px;line-height:1.65;color:var(--uc-body);
}
.uc-page .uc-p em{font-style:italic;}
.uc-page .uc-p strong{color:var(--uc-ink);}
.uc-page .uc-quote{
  margin:0 0 20px;padding:20px 26px;
  background:var(--uc-wash);border-left:4px solid var(--uc-line);
  font-size:17px;line-height:1.65;font-style:italic;color:var(--uc-body);
  border-radius:0 10px 10px 0;
}
.uc-page .uc-center{text-align:center;}
.uc-page .uc-caption-sm{
  margin:10px 0 0;font-size:14px;font-style:italic;color:var(--uc-muted);text-align:center;
}

/* ---------- The five words callout ---------- */
.uc-page .uc-words{
  margin:36px auto;padding:32px 26px;max-width:560px;
  border-top:3px solid var(--uc-red);border-bottom:3px solid var(--uc-red);
  font-weight:700;font-size:30px;line-height:1.25;
  letter-spacing:-0.01em;color:var(--uc-red);text-align:center;
}

/* ---------- Book cover ---------- */
.uc-page .uc-cover{
  display:block;max-width:340px;width:80%;
  margin:28px auto 10px;
}

/* ---------- Bullets ---------- */
.uc-page .uc-list{
  margin:32px 0 0;padding:0;list-style:none;
}
.uc-page .uc-list li{
  position:relative;padding-left:30px;margin-bottom:26px;
}
.uc-page .uc-list li::before{
  content:"";position:absolute;left:0;top:10px;
  width:13px;height:3px;background:var(--uc-red);
}
.uc-page .uc-list .uc-b-lead{
  margin:0 0 5px;
  font-weight:800;font-size:17px;line-height:1.45;
  letter-spacing:-0.005em;color:var(--uc-ink);
}
.uc-page .uc-list .uc-b-ref{
  font-weight:700;color:var(--uc-red);white-space:nowrap;
}
.uc-page .uc-list .uc-b-body{
  margin:0;
  font-size:16px;line-height:1.6;color:var(--muted);
}

/* ---------- CTA ---------- */
.uc-page .uc-cta-wrap{text-align:center;margin:48px 0 0;}
.uc-page .uc-cta{
  display:inline-block;
  padding:22px 64px;
  font-family:inherit;
  font-weight:800;
  font-size:24px;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#FFFFFF;
  background:var(--uc-red);
  border:0;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(214,40,40,.32),0 3px 8px rgba(0,0,0,.18);
  transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;
}
.uc-page .uc-cta:hover{
  background:var(--uc-red-dark);color:#FFFFFF;
  box-shadow:0 16px 36px rgba(214,40,40,.4),0 4px 10px rgba(0,0,0,.2);
  transform:translateY(-1px);
}
.uc-page .uc-cta .uc-cta-micro{
  display:block;margin-top:6px;
  font-size:13px;font-weight:600;letter-spacing:.12em;
  color:rgba(255,255,255,.85);
}
.uc-page .uc-cta:focus-visible{outline:3px solid var(--uc-ink);outline-offset:3px;}

/* ---------- Bonus cards ---------- */
.uc-page .uc-bonus{
  margin:32px 0 0;padding:0;list-style:none;
}
.uc-page .uc-bonus li{
  padding:28px 30px;margin:0 0 16px;
  background:var(--bg);border:1px solid var(--uc-line);
  border-left:4px solid var(--uc-red);border-radius:0 12px 12px 0;
  font-size:17px;line-height:1.65;color:var(--uc-body);
}
.uc-page .uc-bonus li strong{
  display:block;margin-bottom:8px;
  font-size:19px;color:var(--uc-ink);
}

/* ---------- Price anchors ---------- */
.uc-page .uc-price{
  margin:28px 0;padding:30px;
  background:var(--uc-wash);border:1px solid var(--uc-line);border-radius:14px;
  text-align:center;
}
.uc-page .uc-price .uc-price-n{
  font-weight:800;font-size:56px;letter-spacing:-0.02em;color:var(--uc-ink);
  line-height:1;margin:0 0 8px;
}
.uc-page .uc-price p{margin:0;font-size:16px;color:var(--uc-muted);}

/* ---------- FAQ ---------- */
.uc-page .uc-faq{margin:32px 0 0;}
.uc-page .uc-faq dt{
  margin:28px 0 8px;font-weight:700;font-size:19px;color:var(--uc-ink);
}
.uc-page .uc-faq dd{
  margin:0;font-size:17px;line-height:1.65;color:var(--uc-body);
}

/* ---------- Sign-off ---------- */
.uc-page .uc-sign{
  margin-top:44px;padding-top:36px;border-top:1px solid var(--uc-line);
  text-align:center;font-size:17px;line-height:1.7;color:var(--uc-body);
}
.uc-page .uc-sign .uc-tagline{
  margin-top:24px;font-size:15px;font-style:italic;color:var(--uc-muted);
}

/* ---------- Responsive ---------- */
@media (max-width:600px){
  .uc-page .uc-sec{padding:52px 20px;}
  .uc-page .uc-hero{padding:48px 20px 56px;}
  .uc-page .uc-hero .uc-kicker{font-size:21px;}
  .uc-page .uc-hero .uc-roaches{font-size:32px;padding:10px 20px;}
  .uc-page .uc-hero .uc-about{
    flex-direction:column-reverse;gap:28px;
    margin-top:32px;text-align:center;
  }
  .uc-page .uc-hero .uc-straight{font-size:18px;text-align:left;}
  .uc-page .uc-hero .uc-portrait{width:200px;height:200px;}
  .uc-page .uc-hero .uc-caption{max-width:240px;margin:0 auto;}
  .uc-page .uc-h2{font-size:24px;margin-top:40px;}
  .uc-page .uc-huge{font-size:38px;}
  .uc-page .uc-p{font-size:17px;}
  .uc-page .uc-words{font-size:22px;padding:24px 16px;}
  .uc-page .uc-list li{padding-left:24px;margin-bottom:22px;}
  .uc-page .uc-list li::before{top:9px;width:10px;}
  .uc-page .uc-list .uc-b-lead{font-size:16px;}
  .uc-page .uc-list .uc-b-body{font-size:15px;}
  .uc-page .uc-bonus li{padding:22px 20px;font-size:16px;}
  .uc-page .uc-price .uc-price-n{font-size:42px;}
  .uc-page .uc-cta{display:block;padding:20px 16px;font-size:19px;letter-spacing:.03em;}
}

.uc-page{background:var(--bg)}
.uc-page .uc-hero{border-bottom:1px solid var(--line)}
.uc-page .uc-cta{border-radius:999px}
.uc-page .uc-price-n{color:var(--yellow)}
.uc-page a:not(.uc-cta){color:var(--yellow)}

/* 1.0.21: the hero headline is now one h1 wrapping the three lines (same look as the old paragraphs) */
.uc-page .uc-hero h1.uc-hero-h1{font:inherit;font-weight:inherit;margin:0;padding:0;letter-spacing:inherit;line-height:inherit;color:inherit;text-transform:none;text-wrap:wrap;text-align:center;max-width:none}
.uc-page .uc-hero h1.uc-hero-h1 .uc-kicker{display:block}
