/* Sports Compare Offers — generated from sco.src.css by build_css.py (selectors scoped with "html body"). */
:root { --sco-ink: #0b1b2b;
  --sco-muted: #5b6b7f;
  --sco-bg: #f4f6f9;
  --sco-card: #ffffff;
  --sco-line: #e3e8ef;
  --sco-brand: #00c389;
  --sco-brand-dark: #00a574;
  --sco-brand-ink: #03261b;
  --sco-highlight: #ffe14d;
  --sco-easy: #00a574;
  --sco-medium: #e08a00;
  --sco-advanced: #e5484d;
  --sco-radius: 16px;
  --sco-shadow: 0 1px 2px rgba(11, 27, 43, .06), 0 8px 24px rgba(11, 27, 43, .06); }
html body .sco-offers, html body .sco-odds, html body .sco-facts, html body .sco-steps, html body .sco-progress, html body .sco-cta { color: var(--sco-ink); }
html body .sco-offers *, html body .sco-odds * { box-sizing: border-box; }
html body .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html body .sco-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4em; padding: .7em 1.1em; border-radius: 999px; font-weight: 700; font-size: .95rem; line-height: 1.1; text-decoration: none !important; transition: background .15s, transform .15s, box-shadow .15s; border: 1.5px solid transparent; cursor: pointer; }
html body .sco-btn--primary { background: var(--sco-brand); color: var(--sco-brand-ink) !important; }
html body .sco-btn--primary:hover { background: var(--sco-brand-dark); color: #fff !important; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0, 165, 116, .28); }
html body .sco-btn--ghost { border-color: var(--sco-line); color: var(--sco-ink) !important; background: transparent; }
html body .sco-btn--ghost:hover { border-color: var(--sco-ink); }
html body .sco-btn--lg { padding: .95em 1.6em; font-size: 1.05rem; }
html body .sco-btn--sm { padding: .45em .8em; font-size: .8rem; white-space: nowrap; }
html body .sco-filters { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px; background: var(--sco-card); border: 1px solid var(--sco-line); border-radius: var(--sco-radius); margin-bottom: 16px; }
html body .sco-filter-row { min-width: 0; display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; }
html body .sco-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
html body .sco-chips__label, html body .sco-select > span { font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--sco-muted); margin-right: 4px; }
html body .sco-chip { border: 1.5px solid var(--sco-line); background: #fff; color: var(--sco-ink); padding: .45em .9em; border-radius: 999px; font-size: .88rem; font-weight: 600; cursor: pointer; transition: all .15s; }
html body .sco-chip:hover { border-color: var(--sco-ink); }
html body .sco-chip.is-active { background: var(--sco-ink); border-color: var(--sco-ink); color: #fff; }
html body .sco-search { flex: 1 1 200px; min-width: 0; }
html body .sco-offers { max-width: 100%; }
html body .sco-search input { width: 100%; padding: .65em 1em; border: 1.5px solid var(--sco-line); border-radius: 999px; font-size: .95rem; background: var(--sco-bg); }
html body .sco-select { display: flex; align-items: center; gap: 6px; }
html body .sco-select select { padding: .55em 2em .55em .9em; border: 1.5px solid var(--sco-line); border-radius: 999px; font-weight: 600; background-color: #fff; }
html body .sco-toggle { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: .92rem; cursor: pointer; }
html body .sco-toggle input { width: 18px; height: 18px; accent-color: var(--sco-brand-dark); }
html body .sco-progress { margin: 0 0 20px; padding: 14px 16px; border-radius: var(--sco-radius); background: linear-gradient(90deg, #e9fbf4, #f4f6f9); border: 1px solid #c9f0e0; }
html body .sco-progress__text { font-size: .95rem; margin-bottom: 8px; }
html body .sco-progress__left { color: var(--sco-muted); }
html body .sco-progress__bar { height: 8px; background: #d8efe6; border-radius: 99px; overflow: hidden; }
html body .sco-progress__bar span { display: block; height: 100%; width: 0; background: var(--sco-brand); border-radius: 99px; transition: width .4s ease; }
html body .sco-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
html body .sco-grid--list { grid-template-columns: 1fr; }
html body .sco-card { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 18px; background: var(--sco-card); border: 1px solid var(--sco-line); border-radius: var(--sco-radius); box-shadow: var(--sco-shadow); transition: transform .15s, box-shadow .15s, opacity .2s; }
html body .sco-card::before { content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 3px; border-radius: 0 0 3px 3px; background: var(--sco-easy); }
html body .sco-card.sco-level-medium::before { background: var(--sco-medium); }
html body .sco-card.sco-level-advanced::before { background: var(--sco-advanced); }
html body .sco-card:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(11, 27, 43, .06), 0 16px 32px rgba(11, 27, 43, .1); }
html body .sco-card.is-done { opacity: .6; }
html body .sco-card.is-done:hover { opacity: 1; }
html body .sco-card[hidden] { display: none; }
html body .sco-card__head { display: flex; gap: 12px; align-items: center; }
html body .sco-card__logo { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 14px; overflow: hidden; background: var(--sco-bg); display: grid; place-items: center; border: 1px solid var(--sco-line); }
html body .sco-card__logo img { width: 100%; height: 100%; object-fit: contain; }
html body .sco-card__logo span { font-weight: 800; font-size: 1.4rem; }
html body .sco-card__titles { flex: 1; min-width: 0; }
html body .sco-card__brand { margin: 0; font-size: 1rem; line-height: 1.2; }
html body .sco-card__brand a { color: var(--sco-ink); text-decoration: none; }
html body .sco-card__headline { margin: 2px 0 0; font-size: 1.2rem; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
html body .sco-card__badges { display: flex; flex-wrap: wrap; gap: 6px; }
html body .sco-badge { display: inline-flex; align-items: center; padding: .25em .65em; border-radius: 999px; font-size: .75rem; font-weight: 700; background: var(--sco-bg); color: var(--sco-muted); }
html body .sco-badge--easy { background: #e3f8ef; color: #00734f; }
html body .sco-badge--medium { background: #fff1d9; color: #8a5300; }
html body .sco-badge--advanced { background: #fde6e7; color: #a1262b; }
html body .sco-badge--risk-risk-free { background: #e8f0ff; color: #2451b3; }
html body .sco-badge--live { background: #fde6e7; color: #c1272d; }
html body .sco-card__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); gap: 8px; margin: 0; }
html body .sco-card__stats div { background: var(--sco-bg); border-radius: 10px; padding: 8px 10px; }
html body .sco-card__stats dt { font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: var(--sco-muted); font-weight: 700; }
html body .sco-card__stats dd { margin: 2px 0 0; font-weight: 800; font-size: 1.05rem; }
html body .sco-card__stats .sco-stat--value { background: #e3f8ef; }
html body .sco-card__stats .sco-stat--value dd { color: #00734f; }
html body .sco-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; }
html body .sco-card__tc { margin: 0; font-size: .72rem; color: var(--sco-muted); text-align: center; }
html body .sco-noresults, html body .sco-empty { padding: 24px; text-align: center; color: var(--sco-muted); }
html body .sco-done { position: relative; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; user-select: none; }
html body .sco-done input { position: absolute; opacity: 0; width: 1px; height: 1px; }
html body .sco-done__box { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--sco-line); display: grid; place-items: center; transition: all .15s; background: #fff; }
html body .sco-done__box::after { content: ""; width: 10px; height: 6px; border-left: 2.5px solid transparent; border-bottom: 2.5px solid transparent; transform: rotate(-45deg) translate(1px, -1px); }
html body .sco-done:hover .sco-done__box { border-color: var(--sco-brand); }
html body .sco-done input:focus-visible + .sco-done__box { outline: 3px solid rgba(0, 195, 137, .4); outline-offset: 2px; }
html body .sco-done.is-done .sco-done__box { background: var(--sco-brand); border-color: var(--sco-brand); }
html body .sco-done.is-done .sco-done__box::after { border-color: #fff; }
html body .sco-done--button { padding: .55em 1em .55em .6em; border: 1.5px solid var(--sco-line); border-radius: 999px; font-weight: 700; background: #fff; }
html body .sco-done--button.is-done { border-color: var(--sco-brand); background: #e3f8ef; color: #00734f; }
html body .sco-code { display: inline-flex; align-items: center; gap: .5em; padding: .5em .9em; border: 1.5px dashed var(--sco-ink); border-radius: 10px; background: #fffbea; font-size: .88rem; cursor: pointer; color: var(--sco-ink); }
html body .sco-code strong { letter-spacing: .06em; }
html body .sco-code span { font-weight: 700; color: var(--sco-brand-dark); }
html body .sco-code.is-copied { border-style: solid; border-color: var(--sco-brand); }
html body .sco-facts dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 0; }
html body .sco-facts dl > div { padding: 12px 14px; border: 1px solid var(--sco-line); border-radius: 12px; background: var(--sco-card); }
html body .sco-facts dt { font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--sco-muted); }
html body .sco-facts dd { margin: 4px 0 0; font-weight: 800; font-size: 1.05rem; }
html body .sco-steps { list-style: none; margin: 0; padding: 0; counter-reset: none; display: grid; gap: 10px; }
html body .sco-steps li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; background: var(--sco-card); border: 1px solid var(--sco-line); border-radius: 14px; line-height: 1.5; }
html body .sco-steps__n { flex: 0 0 32px; height: 32px; border-radius: 50%; background: var(--sco-ink); color: #fff; font-weight: 800; display: grid; place-items: center; font-size: .9rem; }
html body .sco-steps a { color: var(--sco-brand-dark); font-weight: 700; }
html body .sco-cta { text-align: center; }
html body .sco-cta--full .sco-btn { width: 100%; }
html body .sco-cta .sco-card__tc { margin-top: 8px; }
html body .sco-odds { display: grid; gap: 12px; }
html body .sco-odds__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
html body .sco-odds__title { margin: 0; }
html body .sco-odds__tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
html body .sco-odds__updated { font-size: .82rem; color: var(--sco-muted); display: inline-flex; align-items: center; gap: 6px; }
html body .sco-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--sco-brand); box-shadow: 0 0 0 0 rgba(0, 195, 137, .6); animation: sco-pulse 2s infinite; }
@keyframes sco-pulse { 70% { box-shadow: 0 0 0 8px rgba(0, 195, 137, 0); }
100% { box-shadow: 0 0 0 0 rgba(0, 195, 137, 0); } }
@media (prefers-reduced-motion: reduce) {
html body .sco-live-dot { animation: none; }
html body .sco-card, html body .sco-btn { transition: none; }
}
html body .sco-seg { display: inline-flex; padding: 3px; background: var(--sco-bg); border-radius: 999px; border: 1px solid var(--sco-line); }
html body .sco-seg button { border: 0; background: transparent; padding: .35em .8em; border-radius: 999px; font-size: .8rem; font-weight: 700; color: var(--sco-muted); cursor: pointer; }
html body .sco-seg button.is-active { background: #fff; color: var(--sco-ink); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
html body .sco-event { padding: 16px; background: var(--sco-card); border: 1px solid var(--sco-line); border-radius: var(--sco-radius); box-shadow: var(--sco-shadow); }
html body .sco-event__meta { font-size: .8rem; font-weight: 700; color: var(--sco-muted); text-transform: uppercase; letter-spacing: .04em; }
html body .sco-event__teams { margin: 4px 0 12px; font-size: 1.1rem; line-height: 1.25; }
html body .sco-event__teams span { color: var(--sco-muted); font-weight: 500; margin: 0 .2em; }
html body .sco-event__best { display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); gap: 8px; }
html body .sco-price { display: grid; gap: 2px; justify-items: center; text-align: center; padding: 10px 6px; border-radius: 12px; background: var(--sco-bg); min-width: 0; }
html body .sco-price__label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--sco-muted); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .sco-price__label small { display: none; }
html body .sco-price__odds { font-size: 1.25rem; font-weight: 800; color: var(--sco-ink); text-decoration: none; padding: 2px 10px; border-radius: 8px; background: var(--sco-highlight); }
html body a.sco-price__odds:hover { background: var(--sco-ink); color: #fff; }
html body .sco-price__bk { font-size: .75rem; color: var(--sco-muted); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .sco-event__all { margin-top: 10px; }
html body .sco-event__all summary { cursor: pointer; font-weight: 700; font-size: .88rem; color: var(--sco-brand-dark); }
html body .sco-table-wrap { overflow-x: auto; margin-top: 10px; -webkit-overflow-scrolling: touch; }
html body .sco-odds-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
html body .sco-odds-table th, html body .sco-odds-table td { padding: 8px 10px; border-bottom: 1px solid var(--sco-line); text-align: center; white-space: nowrap; }
html body .sco-odds-table th[scope=row], html body .sco-odds-table thead th:first-child { text-align: left; }
html body .sco-odds-table thead th { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: var(--sco-muted); }
html body .sco-odds-table td.is-best span { background: var(--sco-highlight); padding: 2px 8px; border-radius: 6px; font-weight: 800; }
html body .sco-odds-table th a { color: var(--sco-ink); }
html body .sco-odds__rg { font-size: .75rem; color: var(--sco-muted); text-align: center; margin: 4px 0 0; }
html body .sco-odds__error { padding: 12px; border: 1px dashed var(--sco-advanced); border-radius: 12px; color: var(--sco-advanced); }
@media (max-width: 600px) {
html body .sco-filter-row { gap: 10px; }
html body .sco-chips { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; max-width: 100%; }
html body .sco-price__odds { font-size: 1.1rem; padding: 2px 6px; }
html body .sco-card__headline { font-size: 1.1rem; }
}
html body .sco-card__rank { display: none; }
html body .sco-grid--list { counter-reset: sco-rank; gap: 12px; }
html body .sco-grid--list .sco-card:not([hidden]) { counter-increment: sco-rank; }
html body .sco-grid--list .sco-card__rank { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 8px; background: var(--sco-ink); color: #fff; font-weight: 800; font-size: .85rem; }
html body .sco-grid--list .sco-card__rank::before { content: counter(sco-rank); }
@media (min-width: 900px) {
html body .sco-grid--list .sco-card { display: grid; grid-template-columns: minmax(280px, 1.3fr) minmax(260px, 1fr) 210px; grid-template-areas: "head stats actions" "badges stats code" "tc tc tc"; column-gap: 24px; row-gap: 10px; align-items: center; padding: 16px 20px; }
html body .sco-grid--list .sco-card::before { left: 0; right: auto; top: 16px; bottom: 16px; width: 4px; height: auto; border-radius: 0 4px 4px 0; }
html body .sco-grid--list .sco-card__head { grid-area: head; }
html body .sco-grid--list .sco-card__badges { grid-area: badges; padding-left: 40px; }
html body .sco-grid--list .sco-card__stats { grid-area: stats; }
html body .sco-grid--list .sco-card__actions { grid-area: actions; grid-template-columns: 1fr; margin: 0; }
html body .sco-grid--list .sco-card__actions .sco-btn--primary { order: -1; padding: .85em 1em; font-size: 1rem; }
html body .sco-grid--list .sco-code { grid-area: code; justify-self: stretch; justify-content: center; }
html body .sco-grid--list .sco-card__tc { grid-area: tc; text-align: left; border-top: 1px solid var(--sco-line); padding-top: 8px; }
html body .sco-grid--list .sco-card__headline { font-size: 1.35rem; }
}
html body .sco-hero { display: grid; gap: 14px; }
html body .sco-hero__updated { margin: 0; font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--sco-brand); }
html body .sco-hero__title { margin: 0; font-size: clamp(1.9rem, 4.5vw, 3.2rem); line-height: 1.05; letter-spacing: -.02em; font-weight: 800; }
html body .sco-hero__title span { color: var(--sco-brand); white-space: nowrap; }
html body .sco-hero__intro { margin: 0; max-width: 60ch; font-size: 1.08rem; line-height: 1.55; opacity: .85; }
html body .sco-hero__stat { display: inline-grid; grid-template-columns: auto auto; column-gap: 14px; align-items: baseline; justify-self: start; padding: 14px 20px; border-radius: 14px; background: rgba(0, 195, 137, .12); border: 1px solid rgba(0, 195, 137, .35); }
html body .sco-hero__stat-label { grid-column: 1 / -1; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; opacity: .75; }
html body .sco-hero__stat-value { font-size: 2.2rem; font-weight: 800; color: var(--sco-brand); line-height: 1.1; }
html body .sco-hero__stat-sub { font-weight: 600; opacity: .8; }
html body .sco-trust { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .9rem; font-weight: 600; }
html body .sco-trust li { display: inline-flex; align-items: center; gap: 6px; }
html body .sco-trust li span { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 4px; border-radius: 99px; background: var(--sco-brand); color: var(--sco-brand-ink); font-size: .7rem; font-weight: 800; }
html body .sco-featured { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(210px, 1fr); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
html body .sco-tile { scroll-snap-align: start; display: flex; flex-direction: column; background: var(--sco-card); border: 1px solid var(--sco-line); border-radius: var(--sco-radius); overflow: hidden; box-shadow: var(--sco-shadow); color: var(--sco-ink); }
html body .sco-tile__logo { position: relative; display: grid; place-items: center; height: 104px; background: var(--sco-ink); text-decoration: none; }
html body .sco-tile__logo img { max-width: 70%; max-height: 64px; object-fit: contain; }
html body .sco-tile__logo > span:first-child { color: #fff; font-weight: 800; font-size: 1.2rem; }
html body .sco-tile__brand { position: absolute; bottom: -11px; left: 50%; transform: translateX(-50%); padding: 2px 10px; border-radius: 99px; background: #fff; color: var(--sco-ink); font-size: .72rem; font-weight: 700; white-space: nowrap; box-shadow: 0 1px 4px rgba(0,0,0,.15); }
html body .sco-tile__headline { margin: 20px 14px 10px; font-weight: 800; font-size: 1.05rem; line-height: 1.25; text-align: center; min-height: 2.5em; }
html body .sco-tile__cta { margin: 0 14px; }
html body .sco-tile__tc { margin: 10px 14px 14px; font-size: .7rem; color: var(--sco-muted); text-align: center; }
html body .sco-tile__tc a { color: var(--sco-muted); }
html body .sco-faq { display: grid; gap: 8px; }
html body .sco-faq__item { border: 1px solid var(--sco-line); border-radius: 12px; background: var(--sco-card); padding: 0 16px; }
html body .sco-faq__item summary { cursor: pointer; padding: 14px 0; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
html body .sco-faq__item summary::-webkit-details-marker { display: none; }
html body .sco-faq__item summary::after { content: "+"; font-size: 1.3rem; line-height: 1; color: var(--sco-brand-dark); }
html body .sco-faq__item[open] summary::after { content: "–"; }
html body .sco-faq__item p { margin: 0 0 14px; line-height: 1.55; color: var(--sco-ink); }
html body .sco-sticky { display: none; }
@media (max-width: 767px) {
html body .sco-sticky { position: fixed; left: 8px; right: 8px; bottom: 8px; z-index: 999; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 10px; background: var(--sco-ink); color: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.3); }
html body .sco-sticky img { border-radius: 8px; background: #fff; object-fit: contain; }
html body .sco-sticky__text { flex: 1; min-width: 0; display: grid; line-height: 1.2; }
html body .sco-sticky__text strong { font-size: .92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body .sco-sticky__text small { font-size: .68rem; opacity: .7; }
html body:has(.sco-sticky) { padding-bottom: 76px; }
}
html body .sco-toast { position: fixed; right: 16px; bottom: 16px; z-index: 1000; max-width: 360px; display: grid; gap: 6px; padding: 16px 40px 16px 16px; background: var(--sco-ink); color: #fff; border-radius: 16px; box-shadow: 0 16px 40px rgba(0,0,0,.3); animation: sco-in .25s ease; transition: opacity .5s, transform .5s; }
html body .sco-toast.is-leaving { opacity: 0; transform: translateY(10px); }
html body .sco-toast span { font-size: .9rem; opacity: .9; }
html body .sco-toast .sco-btn { justify-self: start; margin-top: 4px; }
html body .sco-toast__x { position: absolute; top: 8px; right: 10px; border: 0; background: none; color: #fff; font-size: 1.3rem; cursor: pointer; opacity: .7; }
@keyframes sco-in { from { opacity: 0; transform: translateY(10px); } }
@media (max-width: 767px) {
html body .sco-toast { left: 8px; right: 8px; bottom: 90px; max-width: none; }
}
html body .sco-ohero { display: grid; gap: 18px; }
html body .sco-ohero__top { display: flex; gap: 18px; align-items: flex-start; }
html body .sco-ohero__logo { flex: 0 0 88px; width: 88px; height: 88px; border-radius: 20px; background: #fff; }
html body .sco-ohero__title { margin: 2px 0 6px; font-size: clamp(1.6rem, 3.6vw, 2.5rem); line-height: 1.1; letter-spacing: -.02em; }
html body .sco-ohero__title span { color: var(--sco-brand-dark); white-space: nowrap; }
html body .sco-ohero__headline { margin: 0 0 10px; font-size: 1.35rem; font-weight: 800; }
html body .sco-ohero__actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
html body .sco-ohero__actions .sco-cta { text-align: left; }
html body .sco-disclosure { margin: 0; font-size: .75rem; opacity: .7; max-width: 80ch; }
@media (max-width: 600px) {
html body .sco-ohero__top { flex-direction: column; }
}
html body .sco-logo { font-family: Manrope, Inter, sans-serif; font-weight: 800; font-size: 1.45rem; letter-spacing: -.02em; color: #fff !important; text-decoration: none !important; white-space: nowrap; }
html body .sco-logo span { color: var(--sco-brand); }
html body .sco-header .elementor-nav-menu a { font-size: .95rem; }
html body .sco-header-cta { white-space: nowrap; }
@media (max-width: 767px) {
html body .sco-header-cta { display: none !important; }
}
html body .sco-quicklinks { display: flex; gap: 6px; overflow-x: auto; padding: 8px 0; scrollbar-width: none; }
html body .sco-quicklinks::-webkit-scrollbar { display: none; }
html body .sco-quicklinks a { flex: 0 0 auto; padding: .4em .9em; border-radius: 999px; background: rgba(255,255,255,.07); color: #dfe7ef !important; font-size: .82rem; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
html body .sco-quicklinks a:hover { background: var(--sco-brand); color: var(--sco-brand-ink) !important; }
html body .sco-footer, html body .sco-footer p, html body .sco-footer li { color: #b9c6d3; font-size: .9rem; line-height: 1.6; }
html body .sco-footer h4 { color: #fff; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 12px; }
html body .sco-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
html body .sco-footer a { color: #dfe7ef; text-decoration: none; }
html body .sco-footer a:hover { color: var(--sco-brand); }
html body .sco-footer__blurb { max-width: 36ch; margin-top: 10px; }
html body .sco-footer__legal { border-top: 1px solid rgba(255,255,255,.1); padding-top: 18px; margin: 0; font-size: .78rem !important; }
html body .sco-rg-badges span { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; color: #fff; font-weight: 800; font-size: .75rem; margin-right: 6px; }
html body .sco-crumbs { font-size: .82rem; color: var(--sco-muted); }
html body .sco-crumbs a { color: var(--sco-muted); }
html body .sco-band-dark .sco-tile { box-shadow: none; border-color: rgba(255,255,255,.08); }
html body .sco-band-dark .sco-tile__logo { background: #12263A; }
html body .sco-step-card { height: 100%; padding: 24px; border: 1px solid var(--sco-line); border-radius: var(--sco-radius); background: var(--sco-bg); }
html body .sco-step-card span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--sco-brand); color: var(--sco-brand-ink); font-weight: 800; }
html body .sco-step-card h3 { margin: 14px 0 6px; font-size: 1.15rem; }
html body .sco-step-card p { margin: 0; color: var(--sco-muted); line-height: 1.55; }
html body .sco-start { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
html body .sco-start__card { display: grid; gap: 6px; padding: 22px; border-radius: var(--sco-radius); text-decoration: none !important; color: var(--sco-ink) !important; border: 1px solid var(--sco-line); border-top: 4px solid var(--sco-easy); background: #fff; transition: transform .15s, box-shadow .15s; }
html body .sco-start__card:hover { transform: translateY(-2px); box-shadow: var(--sco-shadow); }
html body .sco-start__card--medium { border-top-color: var(--sco-medium); }
html body .sco-start__card--advanced { border-top-color: var(--sco-advanced); }
html body .sco-start__card strong { font-size: 1.15rem; }
html body .sco-start__card span { color: var(--sco-muted); }
html body .sco-prose { max-width: 820px; line-height: 1.7; font-size: 1.02rem; }
html body .sco-prose h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.1; margin: 0 0 16px; }
html body .sco-prose h2 { margin: 32px 0 10px; font-size: 1.5rem; }
html body .sco-prose h3 { margin: 24px 0 8px; font-size: 1.2rem; }
html body .sco-prose ul { padding-left: 1.2em; }
html body .sco-prose li { margin: 6px 0; }
html body .sco-seo { margin: 0 auto; }
html body .sco-heading { margin: 8px 0 0; }
html body .sco-offers button, html body .sco-odds button, html body .sco-facts button, html body .sco-toast button { font-family: inherit; text-transform: none; letter-spacing: normal; }
html body .sco-chip:hover, html body .sco-chip:focus { background: #fff; color: var(--sco-ink); border-color: var(--sco-ink); }
html body .sco-chip.is-active, html body .sco-chip.is-active:hover, html body .sco-chip.is-active:focus { background: var(--sco-ink); color: #fff; border-color: var(--sco-ink); }
html body .sco-code:hover, html body .sco-code:focus { background: #fff6cc; color: var(--sco-ink); border-color: var(--sco-ink); }
html body .sco-seg button:hover, html body .sco-seg button:focus { background: transparent; color: var(--sco-ink); border: 0; }
html body .sco-seg button.is-active:hover, html body .sco-seg button.is-active:focus { background: #fff; }
html body .sco-toast__x:hover, html body .sco-toast__x:focus { background: none; color: #fff; border: 0; }
html body a.sco-btn--primary:focus-visible, html body .sco-chip:focus-visible, html body .sco-code:focus-visible { outline: 3px solid rgba(0, 195, 137, .45); outline-offset: 2px; }
html body .sco-more { display: flex; justify-content: center; margin-top: 18px; }
html body .sco-more[hidden] { display: none; }
html body .sco-more__btn { min-width: 260px; background: #fff; }
html body .sco-more__btn:hover, html body .sco-more__btn:focus { background: var(--sco-ink); color: #fff !important; border-color: var(--sco-ink); }
html body .sco-odds__soon { padding: 18px; border-radius: var(--sco-radius); background: var(--sco-card); border: 1px dashed var(--sco-line); color: var(--sco-muted); }
html body .sco-odds__soon a { font-weight: 700; color: var(--sco-brand-dark); }
html body .sco-card__brand a:hover { color: var(--sco-brand-dark); }
html body .sco-footer h4 { font-family: Manrope, Inter, sans-serif; }