.fantasy-page-body { --betiq-accent: #ccff12; --betiq-accent-rgb: 204, 255, 18; }
.fantasy-page-body .betiq-hero { background-image: url("assets/feature-backgrounds/bgfantasyiq.png"); }
.fantasy-page-body .betiq-proof-strip strong, .fantasy-page-body .betiq-section-heading h2 span, .fantasy-page-body .betiq-showcase__copy h2 span, .fantasy-page-body .betiq-feature-grid article > svg { color: var(--betiq-accent); }
.fantasy-page-body .betiq-hero__actions a:first-child, .fantasy-page-body .betiq-final-cta a { background: var(--betiq-accent); color: #101500; }
.fantasy-hero-screen { display: grid; place-items: center; min-width: 0; }
.fantasy-hero-screen img { width: min(100%, 370px); max-height: 640px; object-fit: contain; filter: drop-shadow(0 24px 45px #000); }
.fantasy-page-body .betiq-feature-grid p, .fantasy-page-body .betiq-proof-strip span { font-size: 17px; line-height: 1.45; }
.fantasy-workflow { display: grid; gap: 16px; }
.fantasy-workflow article { position: relative; padding: 26px 26px 26px 85px; border: 1px solid #303a24; border-radius: 16px; background: #0f1416; }
.fantasy-workflow article > span { position: absolute; left: 24px; top: 26px; font-size: 30px; color: var(--betiq-accent); }
.fantasy-workflow h3 { margin: 0; font-size: 27px; }
.fantasy-workflow p { margin: 8px 0 0; color: #b0bdc3; font-size: 18px; line-height: 1.4; }
.fantasy-page-body .fantasy-roster-note { text-transform: none; font-size: 16px; color: #b0bdc3; }
.fantasy-page-body .betiq-final-cta p { font-size: 18px; }
@media (max-width: 760px) { .fantasy-hero-screen { margin-top: 36px; } .fantasy-hero-screen img { max-height: 480px; } .fantasy-workflow { margin-top: 32px; } }