:root{ --bb-bg: #F2F3F7; --bb-surface: #FFFFFF; --bb-surface-subtle: #F8FAFC; --bb-charcoal: #18181B; --bb-charcoal-2: #27272A; --bb-ink: #09090B; --bb-ink-secondary: #3F3F46; --bb-muted: #71717A; --bb-border: #E4E4E7; --bb-border-strong: #D4D4D8; --bb-emerald: #047857; --bb-emerald-hover: #065F46; --bb-emerald-light: #ECFDF5; --bb-emerald-border: #A7F3D0; --bb-amber: #D97706; --bb-amber-light: #FFFBEB; --bb-amber-border: #FDE68A; --bb-radius-xl: 20px; --bb-radius-lg: 14px; --bb-radius-md: 10px; --bb-shadow-card: 0 1px 3px rgba(0,0,0,0.04), 0 6px 16px -4px rgba(0,0,0,0.04); --bb-shadow-hover: 0 12px 28px -6px rgba(0,0,0,0.08), 0 4px 12px -2px rgba(0,0,0,0.04); }html, body{ background: var(--bb-bg) !important; color: var(--bb-ink) !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 1rem !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; -webkit-font-smoothing: antialiased !important; }#wrapper, #inner-wrap, #primary, #main, .content-area, .site-container, .content-bg, .entry-content, .single-content{ max-width: 100% !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }.bb-container{ max-width: 1320px !important; margin: 0 auto !important; padding: 0 24px !important; box-sizing: border-box !important; }.bb-header{ background: rgba(255, 255, 255, 0.94) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-bottom: 1px solid var(--bb-border) !important; position: sticky !important; top: 0 !important; z-index: 999 !important; }.bb-header-inner{ display: flex !important; align-items: center !important; justify-content: space-between !important; height: 64px !important; gap: 16px !important; }.bb-brand{ display: inline-flex !important; align-items: center !important; gap: 11px !important; text-decoration: none !important; flex-shrink: 0 !important; white-space: nowrap !important; }.bb-brand-logo-img{ width: 38px !important; height: 38px !important; border-radius: 10px !important; display: block !important; flex-shrink: 0 !important; object-fit: cover !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.2) !important; }.bb-brand-text{ display: flex !important; flex-direction: column !important; }.bb-brand-text strong{ font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 1.2rem !important; font-weight: 800 !important; letter-spacing: -0.03em !important; color: var(--bb-ink) !important; line-height: 1.1 !important; white-space: nowrap !important; }.bb-brand-slogan, .bb-brand-text small, .bb-brand-text span{ display: none !important; }.bb-nav{ display: flex !important; align-items: center !important; gap: 4px !important; }.bb-nav-link{ padding: 7px 12px !important; border-radius: 8px !important; font-size: 0.9rem !important; font-weight: 600 !important; color: var(--bb-ink-secondary) !important; text-decoration: none !important; transition: all 0.15s ease !important; white-space: nowrap !important; }.bb-nav-link:hover{ background: #F4F4F5 !important; color: var(--bb-ink) !important; }.bb-nav-link.is-active{ background: var(--bb-emerald-light) !important; color: var(--bb-emerald) !important; font-weight: 700 !important; }.bb-header-actions{ display: flex !important; align-items: center !important; gap: 8px !important; }.bb-btn-calc-trigger{ display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 13px !important; border-radius: 9px !important; background: #F4F4F5 !important; border: 1px solid var(--bb-border) !important; font-size: 0.83333rem !important; font-weight: 700 !important; color: var(--bb-ink) !important; text-decoration: none !important; white-space: nowrap !important; }.bb-btn-calc-trigger:hover{ border-color: var(--bb-emerald) !important; color: var(--bb-emerald) !important; }.bb-mobile-menu-btn{ display: none !important; background: #F4F4F5 !important; border: 1px solid var(--bb-border) !important; border-radius: 8px !important; padding: 6px 11px !important; font-size: 1.06667rem !important; font-weight: 800 !important; color: var(--bb-ink) !important; cursor: pointer !important; }.bb-mobile-drawer{ background: #FFFFFF !important; border-top: 1px solid var(--bb-border) !important; padding: 10px 0 !important; }.bb-mobile-drawer-link{ display: block !important; padding: 9px 4px !important; font-size: 0.93333rem !important; font-weight: 600 !important; color: var(--bb-ink) !important; text-decoration: none !important; border-bottom: 1px solid #F4F4F5 !important; }.bb-kicker-pill{ display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 5px 12px !important; border-radius: 999px !important; background: rgba(16, 185, 129, 0.14) !important; border: 1px solid rgba(16, 185, 129, 0.35) !important; color: #34D399 !important; font-size: 0.76667rem !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; margin: 0 0 14px 0 !important; }.bb-filter-pill{ min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 14px !important; border-radius: 9px !important; background: #FFFFFF !important; border: 1px solid var(--bb-border) !important; font-size: 0.83333rem !important; font-weight: 600 !important; color: var(--bb-ink-secondary) !important; cursor: pointer !important; transition: all 0.15s ease !important; }.bb-filter-pill:hover{ border-color: var(--bb-border-strong) !important; color: var(--bb-ink) !important; }.bb-filter-pill.is-active{ background: var(--bb-charcoal) !important; color: #FFFFFF !important; border-color: var(--bb-charcoal) !important; }.bb-offer-card{ background: var(--bb-surface) !important; border: 1.5px solid var(--bb-border) !important; border-radius: var(--bb-radius-xl) !important; box-shadow: var(--bb-shadow-card) !important; transition: all 0.2s ease !important; overflow: hidden !important; position: relative !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; }.bb-offer-card.is-filtered-out{ display: none !important; }.bb-offer-card:hover{ border-color: #10B981 !important; box-shadow: var(--bb-shadow-hover) !important; transform: translateY(-2px) !important; }.bb-offer-card.is-top1{ grid-column: 1 / -1 !important; border: 2px solid var(--bb-emerald) !important; background: linear-gradient(90deg, #ECFDF5 0%, #FFFFFF 24%, #FFFFFF 100%) !important; }@media (min-width: 1025px){.bb-offer-card:not(.is-top1) .bb-offer-main{ grid-template-columns: 1fr !important; gap: 14px !important; padding: 18px 20px !important; }.bb-offer-card:not(.is-top1) .bb-offer-action{ flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding-top: 8px !important; border-top: 1px solid var(--bb-border) !important; }.bb-offer-card:not(.is-top1) .bb-btn-cta{ width: auto !important; min-width: 185px !important; }.bb-offer-card:not(.is-top1) .bb-offer-sublinks{ flex-direction: column !important; align-items: flex-end !important; gap: 2px !important; }}.bb-btn-cta{ display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 13px 18px !important; border-radius: 12px !important; background: linear-gradient(135deg, #059669 0%, #047857 100%) !important; color: #FFFFFF !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 0.93333rem !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: 0 4px 12px rgba(5, 150, 105, 0.28) !important; transition: all 0.15s ease !important; white-space: nowrap !important; }.bb-btn-cta:hover{ background: linear-gradient(135deg, #047857 0%, #065F46 100%) !important; color: #FFFFFF !important; transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(5, 150, 105, 0.38) !important; }html, body{ overflow-x: hidden !important; max-width: 100vw !important; }@media (max-width: 768px){.bbdp-prediction-match, .bbdp-prediction-hero, .bbdp-prediction-slip{ padding: 16px 14px !important; border-radius: 14px !important; margin-bottom: 16px !important; width: 100% !important; max-width: 100% !important; }.bbdp-prediction-match h2{ font-size: 1.33333rem !important; word-break: break-word !important; overflow-wrap: break-word !important; }}.bb5-data-table, table.bb5-table, .bbqo-compare-table, .bbrec-table, .bbrec-compare-table, html body table{ width: 100% !important; border-collapse: collapse !important; font-size: 0.9rem !important; min-width: 580px !important; background: #FFFFFF !important; }.bb5-data-table thead th, table.bb5-table thead th, .bbqo-compare-table thead th, .bbrec-table thead th, .bbrec-compare-table thead th, html body table thead th{ background: #18181B !important; color: #FFFFFF !important; font-size: 0.76667rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; padding: 13px 16px !important; text-align: left !important; border-bottom: 2.5px solid var(--bb-emerald) !important; border-top: none !important; border-left: none !important; border-right: 1px solid #27272A !important; }.bb5-data-table thead th:last-child, html body table thead th:last-child{ border-right: none !important; }.bb5-data-table thead th small, table.bb5-table thead th small, .bbqo-compare-table thead th small, html body table thead th small{ color: #A1A1AA !important; font-weight: 500 !important; font-size: 0.73333rem !important; text-transform: none !important; letter-spacing: normal !important; display: block !important; margin-top: 3px !important; }.bb5-data-table tbody th, table.bb5-table tbody th, .bbqo-compare-table tbody th, .bbrec-table tbody th, html body table tbody th, html body.bb5-target-page .bb5-data-table tbody th, html body.bbrec-target-page table tbody th{ background: #F8FAFC !important; color: #09090B !important; font-size: 0.86667rem !important; font-weight: 700 !important; padding: 13px 16px !important; text-align: left !important; border-bottom: 1px solid var(--bb-border) !important; border-right: 1.5px solid var(--bb-border) !important; vertical-align: top !important; line-height: 1.45 !important; }.bb5-data-table tbody td, table.bb5-table tbody td, .bbqo-compare-table tbody td, .bbrec-table tbody td, html body table tbody td, html body.bb5-target-page .bb5-data-table tbody td, html body.bbrec-target-page table tbody td{ background: #FFFFFF !important; padding: 13px 16px !important; border-bottom: 1px solid var(--bb-border) !important; border-right: 1px solid #F4F4F5 !important; color: #27272A !important; vertical-align: top !important; font-size: 0.9rem !important; line-height: 1.55 !important; }.bb5-data-table tbody td:last-child, html body table tbody td:last-child{ border-right: none !important; }.bb5-data-table tbody td strong, html body table tbody td strong{ color: #09090B !important; font-weight: 700 !important; }.bb5-data-table tbody td em, html body table tbody td em{ color: #059669 !important; font-style: normal !important; font-weight: 600 !important; }.bb5-data-table tbody tr:nth-child(even) th, html body table tbody tr:nth-child(even) th{ background: #F1F5F9 !important; }.bb5-data-table tbody tr:nth-child(even) td, html body table tbody tr:nth-child(even) td{ background: #FAFAFC !important; }.bb5-data-table tbody tr:hover th, html body table tbody tr:hover th{ background: #ECFDF5 !important; }.bb5-data-table tbody tr:hover td, html body table tbody tr:hover td{ background: #F6FEF9 !important; }.bb-footer{ background: #09090B !important; color: #A1A1AA !important; padding: 48px 0 36px !important; margin-top: 40px !important; border-top: 1px solid #27272A !important; font-size: 0.86667rem !important; }.bb-footer-grid{ display: grid !important; grid-template-columns: 1.5fr 1fr 1fr 1fr !important; gap: 28px !important; margin-bottom: 32px !important; }.bb-footer h4{ color: #FFFFFF !important; font-size: 0.86667rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; margin: 0 0 12px 0 !important; }.bb-footer ul{ list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }.bb-footer a{ color: #A1A1AA !important; text-decoration: none !important; }.bb-footer a:hover{ color: #FFFFFF !important; }.bb-footer-bottom{ padding-top: 24px !important; border-top: 1px solid #27272A !important; display: flex !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 12px !important; font-size: 0.8rem !important; }@media (max-width: 1320px){.bb-nav{ gap: 2px !important; }.bb-nav-link{ padding: 6px 8px !important; font-size: 0.8rem !important; }.bb-btn-calc-trigger{ padding: 6px 10px !important; font-size: 0.8rem !important; }}@media (max-width: 1140px){.bb-nav{ display: none !important; }.bb-brand-slogan, .bb-brand-text small, .bb-brand-text span{ display: none !important; }.bb-mobile-menu-btn{ display: inline-flex !important; }.bb-footer-grid{ grid-template-columns: 1fr 1fr !important; }}@media (max-width: 680px){.bb-container{ padding: 0 14px !important; }.bb-header-inner{ height: 56px !important; gap: 8px !important; }.bb-brand strong{ font-size: 1.06667rem !important; font-weight: 800 !important; white-space: nowrap !important; }.bb-brand-logo-img{ width: 34px !important; height: 34px !important; border-radius: 9px !important; }.bb-btn-calc-trigger{ padding: 6px 10px !important; font-size: 0.8rem !important; border-radius: 8px !important; }.bb-mobile-menu-btn{ width: 38px !important; height: 38px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 1.2rem !important; }.bb-filter-pill{ min-height: 44px !important; font-size: 0.8rem !important; padding: 8px 12px !important; white-space: nowrap !important; flex-shrink: 0 !important; }.bb-btn-calc-trigger span{ display: none !important; }.bb-kicker-pill{ font-size: 0.7rem !important; padding: 4px 10px !important; margin: 0 0 8px 0 !important; }.bb-footer-grid{ grid-template-columns: 1fr !important; }}.bb-review-container{ max-width: 980px; margin: 0 auto; padding: 24px 20px 60px; }.bb-review-crumbs{ display: flex; flex-wrap: wrap; gap: 6px; font-size: 0.86667rem; color: #64748B; margin-bottom: 18px; }.bb-review-crumbs a{ color: #059669; font-weight: 600; text-decoration: none; }.bb-review-crumbs span{ color: #94A3B8; }.bb-review-hero{ background: #09090B; border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; padding: 32px 36px; color: #fff; margin-bottom: 24px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); position: relative; overflow: hidden; }.bb-review-hero::before{ content: ""; position: absolute; top: -50px; right: -50px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(5,150,105,0.25) 0%, transparent 70%); pointer-events: none; }.bb-review-hero h1{ font-size: clamp(24px, 4vw, 34px); font-weight: 900; line-height: 1.2; margin: 12px 0 10px; color: #fff; letter-spacing: -0.02em; }.bb-review-lead{ font-size: 1.06667rem; color: #D4D4D8; line-height: 1.6; max-width: 760px; margin-bottom: 18px; }.bb-review-meta{ display: flex; flex-wrap: wrap; gap: 10px 20px; font-size: 0.86667rem; color: #A1A1AA; align-items: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 14px; }.bb-review-meta span{ display: inline-flex; align-items: center; gap: 5px; }.bb-verdict{ display: grid; grid-template-columns: 110px 1fr auto; gap: 24px; align-items: center; background: #F0FDF4; border: 2px solid #86EFAC; border-radius: 18px; padding: 22px 26px; margin: 24px 0; box-shadow: 0 4px 16px rgba(5,150,105,0.08); }.bb-verdict-score{ width: 96px; height: 96px; border-radius: 50%; background: #059669; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(5,150,105,0.35); flex: none; }.bb-verdict-score strong{ font-size: 1.73333rem; font-weight: 900; line-height: 1; }.bb-verdict-score small{ font-size: 0.73333rem; text-transform: uppercase; font-weight: 700; opacity: 0.9; margin-top: 2px; }.bb-verdict-body h2{ font-size: 1.33333rem; font-weight: 800; color: #064E3B; margin: 0 0 6px; }.bb-verdict-body p{ font-size: 0.96667rem; color: #065F46; line-height: 1.55; margin: 0 0 6px; }.bb-verdict-note{ font-size: 0.8rem; color: #047857; font-weight: 600; }.bb-verdict-cta .bb-btn-cta{ padding: 14px 24px; font-size: 1rem; }.bb-pros-cons-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; }.bb-pros-box, .bb-cons-box{ border-radius: 16px; padding: 20px 22px; }.bb-pros-box{ background: #F0FDF4; border: 1.5px solid #BBF7D0; }.bb-cons-box{ background: #FEF2F2; border: 1.5px solid #FECACA; }.bb-pros-box h2, .bb-pros-box h3{ font-size: 1.06667rem; font-weight: 800; color: #166534; margin: 0 0 12px; display: flex; align-items: center; gap: 6px; }.bb-cons-box h2, .bb-cons-box h3{ font-size: 1.06667rem; font-weight: 800; color: #991B1B; margin: 0 0 12px; display: flex; align-items: center; gap: 6px; }.bb-pros-list, .bb-cons-list{ list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: 0.9rem; line-height: 1.45; }.bb-pros-list li{ position: relative; padding-left: 20px; color: #14532D; }.bb-pros-list li::before{ content: "✓"; position: absolute; left: 0; font-weight: 900; color: #16A34A; }.bb-cons-list li{ position: relative; padding-left: 20px; color: #7F1D1D; }.bb-cons-list li::before{ content: "✕"; position: absolute; left: 0; font-weight: 900; color: #DC2626; }.bb-table-wrap{ overflow-x: auto; margin: 18px 0 24px; border-radius: 14px; border: 1px solid #E2E8F0; box-shadow: 0 2px 8px rgba(0,0,0,0.03); background: #fff; }.bb-styled-table{ width: 100%; border-collapse: collapse; font-size: 0.9rem; text-align: left; }.bb-styled-table th{ background: #F8FAFC; color: #0F172A; font-weight: 800; padding: 12px 14px; border-bottom: 2px solid #E2E8F0; }.bb-styled-table td{ padding: 12px 14px; border-bottom: 1px solid #F1F5F9; color: #334155; }.bb-styled-table tr:last-child td{ border-bottom: 0; }.bb-styled-table tr.is-good{ background: #F0FDF4; }.bb-styled-table tr.is-warn{ background: #FFFBEB; }.bb-styled-table tr.is-danger{ background: #FEF2F2; }.bb-sources-box{ background: #F8FAFC; border: 1.5px solid #E2E8F0; border-radius: 16px; padding: 22px 24px; margin: 32px 0 20px; }.bb-sources-box h2, .bb-sources-box h3{ font-size: 1.06667rem; font-weight: 800; color: #0F172A; margin: 0 0 8px; display: flex; align-items: center; gap: 6px; }.bb-sources-box p{ font-size: 0.9rem; color: #64748B; margin: 0 0 12px; }.bb-sources-list{ margin: 0; padding-left: 20px; font-size: 0.86667rem; color: #475569; display: grid; gap: 6px; }.bb-sources-list a{ color: #047857; font-weight: 600; text-decoration: underline; }.bb-factual-container, section.bb-factual-box, .bb-article-stream section.bb-ev-box[data-content-type="factual"], .bb-article-stream section.bb-platforms-box[data-content-type="factual"]{ background: #F8FAFC !important; border: 1.5px solid #CBD5E1 !important; border-left: 5px solid #0284C7 !important; border-radius: 16px !important; padding: 22px 24px !important; margin: 26px 0 !important; position: relative !important; }.bb-opinion-container, aside.bb-opinion-box, aside.bb-verdict[data-content-type="experiential"]{ background: #FFFBEB !important; border: 1.5px solid #FDE68A !important; border-left: 5px solid #D97706 !important; border-radius: 16px !important; padding: 22px 24px !important; margin: 26px 0 !important; box-shadow: 0 4px 14px rgba(217, 119, 6, 0.07) !important; }.bb-semantic-badge{ display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 0.73333rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; padding: 3px 10px !important; border-radius: 6px !important; margin-bottom: 10px !important; }.bb-semantic-badge.is-factual{ background: #E0F2FE !important; color: #0369A1 !important; border: 1px solid #BAE6FD !important; }.bb-semantic-badge.is-opinion{ background: #FEF3C7 !important; color: #B45309 !important; border: 1px solid #FDE68A !important; }.bb-triples-grid{ display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; margin-top: 12px !important; }.bb-triple-row{ display: grid !important; grid-template-columns: minmax(140px, 1fr) minmax(130px, 1fr) 2fr !important; gap: 10px !important; align-items: center !important; background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 10px !important; padding: 10px 14px !important; font-size: 0.86667rem !important; }.bb-triple-subj{ font-weight: 800 !important; color: #0F172A !important; }.bb-triple-pred{ font-family: "JetBrains Mono", monospace !important; font-size: 0.76667rem !important; font-weight: 700 !important; color: #0369A1 !important; background: #F0F9FF !important; padding: 3px 8px !important; border-radius: 6px !important; text-align: center !important; }.bb-triple-obj{ color: #334155 !important; font-weight: 600 !important; }@media (max-width: 680px){.bb-triple-row{ grid-template-columns: 1fr !important; gap: 4px !important; }.bb-triple-pred{ justify-self: start !important; }}.bb-ev-box, .bb-platforms-box{ background: #fff; border: 1.5px solid #E2E8F0; border-radius: 16px; padding: 22px 24px; margin: 28px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }.bb-ev-box h2, .bb-platforms-box h2, .bb-ev-box h3, .bb-platforms-box h3{ font-size: 1.2rem; font-weight: 800; color: #0F172A; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }.bb-ev-box p, .bb-platforms-box p{ font-size: 0.93333rem; color: #475569; line-height: 1.6; margin: 0 0 14px; }.bb-math-note{ font-size: 0.86667rem; color: #065F46; background: #ECFDF5; border: 1px solid #A7F3D0; border-radius: 10px; padding: 10px 14px; margin-top: 14px; }@media (max-width: 768px){.bb-verdict{ grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 20px; }.bb-pros-cons-grid{ grid-template-columns: 1fr; }.bb-review-hero{ padding: 22px 20px; }} .bb-mobile-menu-btn{font-size:0!important;background-color:#F4F4F5!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14'%3E%3Cpath d='M1 1h16M1 7h16M1 13h16' stroke='%2309090B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:18px 14px!important}