.predictable-sentinel { position:absolute!important; inset:0 auto auto 0!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; opacity:0; pointer-events:none; }
.page-predictable-how .predictable-hero .creator-hero-copy { padding-top:58px; padding-bottom:70px; }
.page-predictable-how .predictable-hero h1,
.page-predictable-how .predictable-hero .creator-hero-copy h2 { max-width:600px; font-size:clamp(36px,4.1vw,54px); line-height:1.01; }
.page-predictable-how .predictable-hero .creator-hero-copy>p { margin-top:15px; font-size:20px; line-height:1.52; }
.page-predictable-how .predictable-hero .creator-actions { margin-top:20px; }
.page-predictable-how .predictable-hero .creator-small-note { margin-top:10px; line-height:1.35; }
.page-predictable-how .predictable-hero .creator-hero-copy>.predictable-algorithm-note { max-width:640px; margin-top:12px; padding:10px 14px; border-left:3px solid #f6be37; border-radius:0 9px 9px 0; background:rgba(8,12,35,.42); color:#fff; font-size:18px; font-weight:600; line-height:1.42; }
.page-predictable-how .predictable-algorithm-note-gold { color:#f6c945; font-weight:800; }
.page-predictable-how .predictable-algorithm-note-red { color:#ff4d5f; font-weight:800; }
.page-predictable-how .predictable-algorithm-summary { display:block!important; color:#fff!important; font-weight:600; line-height:1.5; }
.page-predictable-how .predictable-faq-guarantee { color:#f6c945; font-weight:800; }
.page-predictable-how .predictable-gold-state { display:block; }
.page-predictable-how .predictable-gold-state>span+span { margin-left:.28em; }
.page-predictable-how .predictable-inline-gold { display:inline-flex; width:48px; height:27px; align-items:center; justify-content:center; vertical-align:middle; transform:translateY(-1px); }
.page-predictable-how .predictable-inline-gold img { display:block; width:46px; height:29px; object-fit:contain; filter:drop-shadow(0 0 8px rgba(246,190,55,.55)); }
.page-predictable-how .predictable-rule-cards .predictable-inline-gold { width:32px; height:19px; }
.page-predictable-how .predictable-rule-cards .predictable-inline-gold img { width:30px; height:19px; filter:drop-shadow(0 0 5px rgba(246,190,55,.45)); }
.page-predictable-how .predictable-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.page-predictable-how .predictable-hero .creator-hero-media img { object-position:62% center; }
.page-predictable-how .predictable-hero .creator-hero-copy { position:relative; z-index:3; }
.page-predictable-how .predictable-rule-cards { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.page-predictable-how .predictable-rule-cards .creator-reward { align-items:flex-start!important; border-color:transparent!important; }
.page-predictable-how .predictable-rule-cards .creator-percent { min-width:76px!important; }
.page-predictable-how .predictable-faq { padding-top:10px; }
.page-predictable-how .predictable-cta { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:24px!important; margin:24px 0 18px!important; padding:26px 36px!important; border:1px solid rgba(245,158,11,.55)!important; border-radius:18px!important; background:linear-gradient(110deg,rgba(38,30,82,.96) 0%,rgba(105,62,18,.6) 50%,rgba(26,19,62,.96) 100%)!important; box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 32px rgba(245,158,11,.25) inset!important; }
.page-predictable-how .predictable-cta .creator-vip-banner-content h2 { margin:0 0 6px!important; font-size:26px!important; }
.page-predictable-how .predictable-cta .creator-vip-banner-content p { max-width:720px; margin:0!important; color:rgba(243,244,246,.95)!important; font-size:17px!important; line-height:1.5!important; }
.page-predictable-how .predictable-cta .drpskwnbutton { margin:0!important; white-space:nowrap; }
.page-predictable-how .creator-section,
.page-predictable-how .creator-faq-item,
.page-predictable-how .creator-balance-note { border-color:transparent!important; }
.page-predictable-how .predictable-knife-side { opacity:.68; filter:saturate(.95) brightness(.9) drop-shadow(0 20px 38px rgba(121,77,8,.42)); border-radius:0; mix-blend-mode:normal; }
.page-predictable-how .creator-side-decoration-left { top:500px; left:calc((100vw - 100%) / -2 - 250px); width:720px; }
.page-predictable-how .creator-side-decoration-right { top:1480px; right:calc((100vw - 100%) / -2 - 255px); width:730px; }
@media (max-width:1024px) {
  .page-predictable-how .predictable-rule-cards { grid-template-columns:1fr!important; }
}
@media (max-width:640px) {
  .page-predictable-how .predictable-hero { height:480px!important; min-height:480px!important; max-height:480px!important; }
  .page-predictable-how .predictable-hero .creator-hero-copy { padding-bottom:92px!important; }
  .page-predictable-how .predictable-hero .creator-slider-prev,
  .page-predictable-how .predictable-hero .creator-slider-next { bottom:14px!important; }
  .page-predictable-how .predictable-hero h1,
  .page-predictable-how .predictable-hero .creator-hero-copy h2 { font-size:clamp(30px,9.5vw,40px); }
  .page-predictable-how .predictable-rule-cards .creator-reward { flex-direction:column!important; }
  .page-predictable-how .predictable-cta { grid-template-columns:1fr!important; padding:25px 20px!important; text-align:center; }
  .page-predictable-how .predictable-cta .drpskwnbutton { width:100%; white-space:normal; }
  .page-predictable-how .creator-faq-list { gap:0!important; }
  .page-predictable-how .creator-faq-group + .creator-faq-group { margin-top:30px!important; }
  .page-predictable-how .creator-faq-category-title { margin:0 0 16px!important; padding-bottom:10px!important; font-size:18px!important; line-height:1.25!important; }
  .page-predictable-how .creator-faq-list-inner { gap:13px!important; }
  .page-predictable-how .creator-faq-item > button { min-height:66px!important; padding:18px 50px 18px 18px!important; font-size:16px!important; line-height:1.35!important; }
  .page-predictable-how .creator-faq-answer p,
  .page-predictable-how .page-section .creator-faq-answer p { padding:0 44px 20px 18px!important; font-size:15px!important; line-height:1.68!important; }

  /* Match the readable mobile typography of the API-powered home slider. */
  .page-predictable-how .predictable-hero h1,
  .page-predictable-how .predictable-hero .creator-hero-copy h2 {
    font-size:24px!important;
    line-height:1.22!important;
    letter-spacing:0!important;
    margin-bottom:12px!important;
  }
  .page-predictable-how .predictable-hero .creator-hero-copy>p {
    font-size:15px!important;
    line-height:1.48!important;
    margin:8px 0 14px!important;
  }
  .page-predictable-how .predictable-hero .creator-hero-copy>.predictable-algorithm-note {
    font-size:15px!important;
    line-height:1.48!important;
    padding:11px 13px!important;
    margin-top:10px!important;
  }
  .page-predictable-how .predictable-hero .creator-small-note {
    font-size:13px!important;
    line-height:1.4!important;
  }
}

@media (max-width:380px) {
  .page-predictable-how .predictable-hero h1,
  .page-predictable-how .predictable-hero .creator-hero-copy h2 { font-size:22px!important; }
  .page-predictable-how .predictable-hero .creator-hero-copy>p,
  .page-predictable-how .predictable-hero .creator-hero-copy>.predictable-algorithm-note { font-size:14px!important; }
}