/* MarantelliBet — styles. Desktop reference 1440px (content 1280), mobile reference 390px. BEM naming. */

@font-face{font-family:'Archivo Narrow';src:url('../fonts/archivo-narrow.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --lime:#ccff00;--lime-2:#cdff00;--ink:#111111;--ink-2:#111315;--ink-3:#121212;--ink-4:#1a1a1a;
  --gray:#6b7280;--gray-2:#4e5459;--gray-3:#888e94;--gray-4:#9ca3af;--muted:#b5bac0;--text:#333333;
  --line:#e5e7eb;--line-2:#e1e4e6;--dark-line:#2c2c30;--dark-line-2:#2e3236;--dark-line-3:#2a2a2a;
  --bg:#f9fafb;--bg-2:#f8f9fa;--bg-3:#f7f7f7;--bg-4:#f0f2f4;--bg-5:#fafafa;
  --green:#268c26;--accent-text:#85a600;--red:#d92626;--red-2:#d93333;
  --gutter:max(80px,calc((100% - 1280px)/2));
  /* the symbol faces come last so the arrows and bullets used throughout the design
     resolve to a real glyph instead of tofu on systems without them */
  --font:'Archivo Narrow',Arial,'Apple Symbols','Segoe UI Symbol','Noto Sans Symbols 2',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:14px;line-height:19px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}
body.is-locked{overflow:hidden}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,hr,fieldset{margin:0}
ul,ol{padding:0;list-style:none}
fieldset{padding:0;border:0;min-width:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
input,select,textarea{font:inherit;color:inherit}
img,svg{display:block}
img{max-width:100%}
hr{border:0;border-top:1px solid var(--line);width:100%}
[hidden]{display:none!important}
.only-mobile{display:none}
.icon{flex:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.page--help-centre,.page--contact-us,.page--deposit-limits,.page--responsible-gambling,.page--terms-and-conditions,.page--privacy-policy,.page--cookie-policy,.page--showdown{background:#fff}
.page--sports,.page--racing{background:var(--bg-2)}

/* ---------- shared atoms ---------- */
.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:11px;line-height:15px;white-space:nowrap}
.badge--age{background:var(--ink);color:#fff;border-radius:999px}
.badge--dark{background:var(--ink);color:#fff}
.badge--lime{background:var(--lime);color:var(--ink);font-weight:700}
.badge--tiny{font-size:10px;line-height:13px;font-weight:400}
.badge--outline{padding:6px 12px;background:rgba(204,255,0,.125);color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;font-weight:700;font-size:13px;line-height:18px;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s,filter .15s}
.btn--primary{background:var(--lime);color:var(--ink)}
.btn--primary:hover{filter:brightness(.94)}
.btn--outline{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.btn--outline:hover{background:var(--ink);color:#fff}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:#2a2a2a}
.btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.btn--block{width:100%}
.btn--lg{height:48px;padding:0 16px;text-transform:uppercase}
.btn--xl{height:50px;padding:0 16px;text-transform:uppercase}
.btn--cta{height:47px;padding:0 22px;font-weight:400;font-size:14px;line-height:19px}
.btn--join{height:38px;padding:0 18px;font-weight:400}
.btn[disabled],.btn.is-busy{opacity:.6;cursor:default;filter:none}
.link-accent{font-weight:700;color:var(--accent-text)}
.link-accent:hover{text-decoration:underline}

.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;font-weight:700;font-size:12px;line-height:16px;color:var(--gray);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s,color .15s}
.chip:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.chip.is-active{background:var(--lime);color:var(--ink);font-weight:400;box-shadow:none}
.chips--sport .chip.is-active{background:var(--ink);color:#fff}

.odds{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;height:39px;padding:0 12px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background .15s,box-shadow .15s}
.odds:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.odds.is-active{background:var(--lime);box-shadow:none}
.odds__label{flex:1;min-width:0;font-size:12px;line-height:16px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odds__price{font-size:14px;line-height:19px;font-variant-numeric:tabular-nums}
.odds__tag{display:none}

/* ---------- utility strip ---------- */
.utility{background:#fff;border-bottom:1px solid var(--line)}
.utility__inner{display:flex;align-items:center;height:31px;padding:0 var(--gutter)}
.utility__tagline{margin-left:10px;font-weight:700;font-size:12px;line-height:16px}
.utility__limit{margin-left:auto;font-weight:700;font-size:13px;line-height:18px}
.utility__limit:hover,.utility__help:hover b{text-decoration:underline}
.utility__help{margin-left:16px;font-size:12px;line-height:16px;color:var(--gray)}
.utility__help b{font-weight:400;color:var(--ink)}

/* ---------- header ---------- */
.header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:87px;padding:0 var(--gutter)}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand__name{font-size:24px;line-height:32px}
.brand__badge{display:inline-block;padding:6px 10px;border-radius:4px;background:var(--lime);font-size:14px;line-height:19px;color:var(--ink)}
.nav{display:flex;gap:24px}
.nav__link{font-weight:700;font-size:13px;line-height:18px;transition:color .15s}
.nav__link:hover,.nav__link.is-active{color:var(--accent-text)}
.header__actions{display:flex;align-items:center;gap:20px}
.header__auth{display:flex;align-items:center;gap:12px}
.header__login{font-weight:700;font-size:13px;line-height:18px}
.header__login:hover{text-decoration:underline}
.header__user{font-size:13px;line-height:18px;color:var(--gray)}
.cart-btn{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 14px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--ink);font-size:13px;line-height:18px;transition:background .15s,color .15s}
.cart-btn:hover{background:var(--ink);color:#fff}
.burger{display:none}

.drawer{position:fixed;inset:0;z-index:110}
.drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,88vw);background:#fff;padding:16px 16px 32px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;box-shadow:-12px 0 32px rgba(0,0,0,.25)}
.drawer__top{display:flex;justify-content:space-between;align-items:center;height:40px}
.drawer__top .brand{gap:6px}
.drawer__top .brand__name{font-size:20px;line-height:27px}
.drawer__top .brand__badge{padding:4px 8px;font-size:12px;line-height:16px}
.drawer__close{width:38px;height:32px;display:flex;align-items:center;justify-content:center}
.drawer__nav{display:flex;flex-direction:column}
.drawer__link{padding:14px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:16px;line-height:22px}
.drawer__link.is-active{color:var(--accent-text)}
.drawer__auth{display:flex;flex-direction:column;gap:12px}
.drawer__auth .btn{height:44px}
.drawer__user{font-size:13px;line-height:18px;color:var(--gray)}
.drawer__rg{display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:18px;color:var(--gray)}
.drawer__rg a:first-child{font-weight:700;color:var(--ink)}

/* ---------- forms & fields (modals) ---------- */
.form__stack{display:flex;flex-direction:column;gap:20px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field__label{display:flex;gap:4px;font-weight:600;font-size:12px;line-height:16px;color:var(--gray-2)}
.field__req{font-weight:700;color:var(--red-2)}
.field__box{position:relative;display:flex;align-items:center;height:50px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.field__box:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}
.field.is-invalid .field__box{box-shadow:inset 0 0 0 1.5px var(--red)}
.field__input{flex:1;min-width:0;height:100%;padding:0 16px;border:0;background:transparent;outline:0;font-size:14px;line-height:19px;color:var(--ink);border-radius:inherit}
.field__input::placeholder{color:var(--gray-2);opacity:1}
select.field__input{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer}
select.field__input:invalid,select.field__input.is-placeholder{color:var(--gray-2)}
.field__chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-2);pointer-events:none}
.field__toggle{padding:0 16px 0 8px;height:100%;font-weight:700;font-size:12px;line-height:16px;color:#666;text-transform:uppercase}
.field__error{font-size:12px;line-height:16px;color:var(--red)}
.form__forgot{align-self:flex-start;font-size:12px;line-height:16px;color:var(--gray);text-decoration:underline}
.form__actions{display:flex;flex-direction:column;gap:16px}
.form__alt{display:flex;justify-content:center;gap:6px;font-size:13px;line-height:18px;color:var(--gray-2)}
.form__error{padding:10px 12px;border-radius:6px;background:#fdecec;font-size:13px;line-height:18px;color:var(--red)}
.form__section{display:flex;flex-direction:column;gap:16px}
.form__legend{float:left;width:100%;display:flex;align-items:center;gap:8px;padding:0;font-weight:700;font-size:14px;line-height:19px;text-transform:uppercase}
.form__legend::after{content:'';flex:1;height:1px;background:var(--line)}
.form__legend + *{clear:both}
.form__row{display:flex;gap:16px}
.form__row .field{flex:1}
.form__row .field--title{flex:none;width:150px}
.form__row .field--state{flex:none;width:120px}
.form__row .field--postcode{flex:none;width:100px}
.form__dob{display:flex;gap:12px}
.form__dob .field__box{flex:1}
.form__dob .field__input{text-align:left}
.form__hint{font-size:11px;line-height:15px;color:var(--gray-3);margin-top:-6px}
.check{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.check__input{position:absolute;opacity:0;width:0;height:0}
.check__box{flex:none;width:18px;height:18px;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .15s}
.check__box .icon{opacity:0}
.check__input:checked + .check__box{background:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}
.check__input:checked + .check__box .icon{opacity:1}
.check__input:focus-visible + .check__box{outline:2px solid var(--ink);outline-offset:2px}
.check__text{font-size:13px;line-height:18px;color:var(--gray-2)}
.check__text a{color:var(--accent-text);text-decoration:underline}
.check--pref{align-items:center}
.check__labels{display:flex;flex-direction:column;gap:2px}
.check__labels b{font-weight:700;font-size:13px;line-height:18px;color:var(--ink)}
.check__labels small{font-size:11px;line-height:15px;color:var(--gray-3)}
.check__input:disabled ~ .check__labels{cursor:default}

/* ---------- modals ---------- */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}
.modal--scroll{align-items:flex-start;overflow-y:auto;padding:40px 24px}
.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8)}
.modal__dialog{position:relative;width:480px;max-width:100%;max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line),0 12px 32px rgba(0,0,0,.25);padding:40px;display:flex;flex-direction:column;gap:24px}
.modal--scroll .modal__dialog{max-height:none;overflow:visible}
.modal__dialog--age{width:450px}
.modal__dialog--register{width:820px;gap:32px}
.modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--gray)}
.modal__close:hover{background:var(--bg-4);color:var(--ink)}
.modal__brand{display:flex;justify-content:center;align-items:center;gap:6px}
.modal__brand .brand__name{font-weight:700}
.modal__brand .brand__badge{font-weight:700}
.modal__head{display:flex;flex-direction:column;gap:6px}
.modal__eyebrow{font-weight:700;font-size:12px;line-height:16px;color:var(--gray-3);text-transform:uppercase}
.modal__eyebrow--center{text-align:center}
.modal__title{font-weight:700;font-size:32px;line-height:43px}
.modal__title--lg{font-size:34px;line-height:46px}
.modal__title--center{text-align:center}
.modal--age .modal__title{font-size:26px;line-height:35px}
.modal__lead{font-size:14px;line-height:22px;color:var(--gray)}
.modal__lead--center{text-align:center}
.modal__note{font-size:13px;line-height:20px;color:var(--gray-3)}
.modal__note--center{text-align:center}
.modal__note a{color:var(--ink);text-decoration:underline}
.modal__fine{font-size:11px;line-height:15px;color:var(--gray-3)}
.modal__fine--center{text-align:center}
.age-badge-wrap{display:flex;justify-content:center}
.age-badge{display:inline-block;padding:8px 16px;border-radius:6px;box-shadow:inset 0 0 0 2px var(--lime);font-weight:700;font-size:48px;line-height:65px}
.verify__pill{align-self:center;padding:8px 16px;border-radius:4px;background:#f3f4f6;font-weight:600;font-size:16px;line-height:22px;word-break:break-all}
.verify__group{display:flex;flex-direction:column;gap:24px}
.verify__label{font-weight:600;font-size:12px;line-height:16px;color:var(--gray)}
.verify__code{display:flex;justify-content:center;gap:12px}
.verify__digit{width:59px;height:52px;padding:0;border:0;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-align:center;font-weight:700;font-size:20px;line-height:27px;outline:0}
.verify__digit:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}

/* ---------- cookie consent ---------- */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px -6px rgba(0,0,0,.1)}
.cookie__inner{padding:24px var(--gutter);display:flex;flex-direction:column;gap:16px}
.cookie__handle{display:none}
.cookie__row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.cookie__text{display:flex;flex-direction:column;gap:8px;max-width:947px}
.cookie__title{font-weight:700;font-size:13px;line-height:18px}
.cookie__copy{font-size:13px;line-height:20px;color:var(--gray-2)}
.cookie__copy a{font-weight:700;color:var(--accent-text);text-decoration:underline}
.cookie__actions{display:flex;align-items:center;gap:12px;flex:none}
.cookie__actions .btn{height:44px;padding:0 18px}
.cookie__prefs{display:flex;gap:40px}
.cookie__prefs .check{flex:1}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:24px;z-index:130;transform:translateX(-50%);max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;line-height:18px;box-shadow:0 12px 32px rgba(0,0,0,.25);border-left:3px solid var(--lime)}
.toast--error{border-left-color:var(--red)}

/* ---------- responsible gambling block ---------- */
.rg{background:var(--bg)}
.rg__inner{padding:56px var(--gutter);display:flex;gap:48px}
.rg__intro{flex:0 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.rg__eyebrow{font-size:12px;line-height:16px;color:var(--gray)}
.rg__title{font-weight:400;font-size:32px;line-height:43px}
.rg__text{font-size:14px;line-height:22px;color:var(--gray)}
.rg__list{flex:1;min-width:0}
.rg__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:18px}
.rg__item:last-child .rg__row{border-bottom:0;padding-bottom:0}
.rg__row:hover .rg__desc{color:var(--ink)}
.rg__name{display:inline-flex;gap:12px}
.rg__desc{color:var(--gray);text-align:right;transition:color .15s}

/* ---------- compliance strips ---------- */
.strip__inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px var(--gutter)}
.strip__group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.strip--help{background:#fff;border-top:1px solid var(--line)}
.strip__label{font-size:13px;line-height:18px}
.strip__phone{font-size:13px;line-height:18px;color:var(--green)}
.strip__muted{font-size:13px;line-height:18px;color:var(--gray)}
.strip__muted--link:hover,.strip__link:hover,.strip__phone:hover{text-decoration:underline}
.strip--betstop{background:var(--ink);color:#fff;border-top:1px solid var(--dark-line)}
.strip--betstop .strip__inner{padding:24px var(--gutter)}
.strip--betstop .strip__group{gap:12px}
.strip__title{font-weight:700;font-size:14px;line-height:19px}
.strip--betstop .strip__muted,.strip--pay .strip__muted{color:var(--muted)}
.strip__link{font-size:13px;line-height:18px;color:var(--lime);white-space:nowrap}
.strip--pay{background:var(--ink);color:#fff;border-top:1px solid var(--dark-line)}
.strip--pay .strip__inner{padding:32px var(--gutter)}
.strip__group--pay{gap:24px}
.strip__small{font-size:11px;line-height:15px;color:var(--muted)}
.strip__logos{width:300px;height:40px;object-fit:contain}
.strip__group--debit{gap:10px}

/* ---------- footer ---------- */
.footer{background:var(--ink);color:#fff}
.footer__inner{padding:64px var(--gutter) 40px;display:flex;flex-direction:column;gap:40px}
.footer__cols{display:flex;gap:35px}
.footer__col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer__col--brand{gap:16px}
.brand--footer{gap:6px}
.brand--footer .brand__name{font-size:22px;line-height:30px}
.brand--footer .brand__badge{padding:2px 6px}
.footer__about{font-size:13px;line-height:20px;color:var(--muted)}
.footer__heading{font-weight:400;font-size:12px;line-height:16px}
.footer__link{font-size:13px;line-height:18px;color:var(--muted);transition:color .15s}
.footer__link:hover{color:#fff}
.footer__divider{border-color:var(--dark-line-2)}
.footer__bottom{display:flex;flex-direction:column;gap:8px}
.footer__warning{font-size:11px;line-height:18px;color:var(--muted)}
.footer__warning a{color:#fff;text-decoration:underline}
.footer__legal{font-size:11px;line-height:18px;color:var(--gray-3)}
.footer__copy{font-size:11px;line-height:15px;color:var(--gray-3)}

/* ======================================================= pages (desktop) */

/* ---- home: hero ---- */
.hero{background:var(--bg)}
.hero__inner{padding:72px var(--gutter)}
.hero__headline{display:flex;flex-direction:column;gap:12px}
.hero__eyebrow{font-size:14px;line-height:19px;text-transform:uppercase}
.hero__title{max-width:736px;font-weight:700;font-size:80px;line-height:64px;color:var(--ink-2)}
.hero__bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;height:360px}
.hero__copy{flex:0 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px}
.hero__text{font-size:16px;line-height:26px;color:var(--gray)}
.hero__ctas{display:flex;gap:12px}
.hero__media{position:relative;flex:0 0 520px;max-width:48%;height:360px;border-radius:12px;overflow:hidden;background:var(--ink)}
.hero__img{width:100%;height:100%;object-fit:cover}
.hero__accent{position:absolute;left:320px;top:160px;width:320px;height:320px;background:var(--lime);opacity:.12}

/* ---- home: popular markets ---- */
.markets__inner{padding:56px var(--gutter);display:flex;flex-direction:column;gap:20px}
.markets__header{display:flex;flex-direction:column;gap:10px}
.markets__title{font-weight:400;font-size:28px;line-height:38px}
.markets__text{font-size:14px;line-height:19px;color:var(--gray)}
.markets__filters{display:flex;flex-direction:column;gap:20px}
.board__head{display:grid;grid-template-columns:17.1875% minmax(0,1fr) 12.5% 17.1875% 17.1875% 12.5%;gap:16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;line-height:15px;color:var(--gray);text-transform:uppercase}
.board__head-more{text-align:right}
.board__empty{padding:24px 0;font-size:14px;line-height:22px;color:var(--gray)}
.group__title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0 10px}
.group__name{font-weight:400;font-size:16px;line-height:22px}
.group__all{font-weight:700;font-size:13px;line-height:18px;color:var(--green)}
.group__all:hover{text-decoration:underline}
.group__sub{font-size:13px;line-height:18px;color:var(--gray)}
.row{display:grid;grid-template-columns:17.1875% minmax(0,1fr) 12.5% 17.1875% 17.1875% 12.5%;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.row__time,.row__market{font-size:13px;line-height:18px;color:var(--gray)}
.row__event{font-weight:700;font-size:14px;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row__odds{grid-column:4/6;display:flex;gap:16px}
.row__odds--3{gap:8px}
.row__more{font-weight:700;font-size:13px;line-height:18px;color:var(--gray);text-align:right;white-space:nowrap}
.row__more:hover{color:var(--ink)}

/* ---- sports page ---- */
.intro__inner{display:flex;flex-direction:column}
.intro--sports{background:var(--bg)}
.intro--sports .intro__inner{padding:56px var(--gutter) 20px;gap:10px}
.intro__title{font-weight:700;font-size:44px;line-height:59px;color:var(--ink-2)}
.intro__text{font-size:14px;line-height:19px;color:var(--gray)}
.intro--racing{background:var(--bg-2)}
.intro--racing .intro__inner{padding:24px var(--gutter) 16px;gap:8px}
.intro__eyebrow{font-weight:700;font-size:11px;line-height:15px;color:var(--gray-2);text-transform:uppercase}
.intro--racing .intro__text{color:var(--gray-2)}
.filters{background:var(--bg);border-bottom:1px solid var(--line)}
.filters__inner{padding:12px var(--gutter);display:flex;flex-direction:column;gap:12px}
.board--sports .board__inner{padding:24px var(--gutter) 40px;display:flex;flex-direction:column;gap:24px}
.board--sports .group{display:flex;flex-direction:column;gap:12px}
.board--sports .row:last-child{border-bottom:0}

/* ---- home: next to jump ---- */
.ntj{background:var(--ink);color:#fff}
.ntj__inner{padding:40px var(--gutter);display:flex;flex-direction:column;gap:24px}
.ntj__header{display:flex;justify-content:space-between;align-items:center}
.ntj__titles{display:flex;flex-direction:column;gap:6px}
.ntj__eyebrow{font-size:12px;line-height:16px;color:var(--lime)}
.ntj__title{font-weight:400;font-size:28px;line-height:38px}
.ntj__all{font-weight:700;font-size:13px;line-height:18px}
.ntj__all:hover{color:var(--lime)}
.ntj__ticker{display:flex}
.ntj__card{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:10px;background:#0f0f0f;box-shadow:inset 0 0 0 1px var(--dark-line-3);transition:background .15s}
.ntj__card:hover{background:#181818}
.ntj__divider{flex:none;width:1px;background:var(--dark-line-3)}
.ntj__min{font-size:16px;line-height:22px;color:var(--lime)}
.ntj__venue{font-size:14px;line-height:19px}
.ntj__race{font-size:12px;line-height:16px;color:var(--muted)}

/* ---- home: featured cards ---- */
.featured__inner{padding:56px var(--gutter);display:flex;gap:24px;align-items:flex-start}
.card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.card--main{flex:1;min-width:0}
.card--side{flex:0 0 420px;max-width:42%}
.card__head{display:flex;flex-direction:column;gap:6px}
.card__title{font-weight:400;font-size:28px;line-height:38px}
.card__title--sm{font-size:20px;line-height:27px}
.card__sub,.card__meta{font-size:13px;line-height:18px;color:var(--gray)}
.card__text{font-size:14px;line-height:20px;color:var(--gray)}
.card__link{font-size:13px;line-height:18px;color:var(--green)}
.card__link:hover{text-decoration:underline}
.card__img{width:100%;height:220px;object-fit:cover;border-radius:10px}

/* ---- racing page ---- */
.jump{background:var(--ink-2);color:#fff}
.jump__inner{padding:24px var(--gutter);display:flex;flex-direction:column;gap:16px}
.jump__header{display:flex;justify-content:space-between;align-items:center}
.jump__titles{display:flex;flex-direction:column;gap:2px}
.jump__eyebrow{font-weight:700;font-size:11px;line-height:15px;color:var(--muted);text-transform:uppercase}
.jump__title{font-weight:700;font-size:20px;line-height:27px}
.jump__all{font-weight:600;font-size:13px;line-height:18px}
.jump__all:hover{color:var(--lime)}
.jump__races{display:flex}
.jump__card{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--ink-2);box-shadow:inset -1px 0 0 var(--dark-line-2);transition:background .15s}
.jump__card:last-child{box-shadow:none}
.jump__card:hover{background:#1b1e21}
.jump__card.is-next,.jump__card.is-next:hover{background:var(--lime);color:var(--ink-2)}
.jump__min{font-size:28px;line-height:38px;color:var(--lime)}
.jump__card.is-next .jump__min{color:var(--ink-2)}
.jump__name{font-weight:700;font-size:14px;line-height:19px}
.jump__type{font-weight:700;font-size:11px;line-height:15px;color:var(--muted);text-transform:uppercase}
.jump__card.is-next .jump__type{color:var(--ink-2)}
.race{background:var(--bg-2)}
.race__inner{padding:32px var(--gutter);display:flex;flex-direction:column;gap:24px}
.race__header{display:flex;justify-content:space-between;align-items:center;gap:24px}
.race__details{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.race__venue{font-weight:700;font-size:32px;line-height:43px;color:var(--ink-2)}
.race__number{font-weight:700;font-size:20px;line-height:27px;color:var(--ink-2)}
.race__meta{font-size:13px;line-height:18px;color:var(--gray-2)}
.race__switcher{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.race__tab{width:46px;height:34px;border-radius:4px;background:var(--bg-4);font-weight:700;font-size:13px;line-height:18px;color:var(--ink-2);text-align:center;transition:background .15s}
.race__tab:hover{background:var(--line)}
.race__tab.is-active,.race__tab.is-active:hover{background:var(--lime)}
.race__markets{display:flex;gap:8px}
.race__market{padding:8px 16px;border-bottom:3px solid transparent;font-weight:700;font-size:13px;line-height:18px;color:var(--gray-2)}
.race__market.is-active{color:var(--ink-3);border-color:var(--lime)}
.runners{background:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden}
.runners__head{display:grid;grid-template-columns:30px minmax(0,1fr) 200px 80px 60px 60px 120px 120px;gap:12px;padding:12px 16px;background:var(--bg-4);border-bottom:1px solid var(--line-2);font-weight:700;font-size:11px;line-height:15px;color:var(--gray-2)}
.runners__bar,.runners__win,.runners__place{text-align:center}
.runner{display:grid;grid-template-columns:30px minmax(0,1fr) 200px 80px 60px 60px 120px 120px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-2)}
.runners__list .runner:last-child{border-bottom:0}
.runner__no,.runner__name{font-weight:700;font-size:14px;line-height:19px;color:var(--ink-2)}
.runner__jt{display:flex;flex-direction:column;gap:2px}
.runner__jockey{font-size:13px;line-height:18px;color:var(--ink-2)}
.runner__trainer{font-size:11px;line-height:15px;color:var(--gray-3)}
.runner__form,.runner__bar,.runner__wt{font-size:13px;line-height:18px;color:var(--gray-2)}
.runner__bar{text-align:center}
.runner__odds{grid-column:7/9;display:flex;gap:12px}
.odds--race{height:38px;justify-content:center;padding:0 10px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line-2)}
.odds--race .odds__price{font-size:13px;line-height:18px}
.race__srm{padding:16px 20px;border-radius:6px;background:rgba(204,255,0,.15);font-size:13px;line-height:20px;color:var(--ink-2)}

/* ---- showdown ---- */
.sd-intro{background:#fff}
.sd-intro__inner{padding:64px var(--gutter);display:flex;gap:48px}
.sd-intro__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}
.sd-intro__title{font-weight:700;font-size:56px;line-height:64px;color:var(--ink-2)}
.sd-intro__lead{font-weight:700;font-size:18px;line-height:26px;color:var(--gray-2)}
.sd-intro__paras{display:flex;flex-direction:column;gap:16px;font-size:14px;line-height:22px;color:var(--gray-2)}
.sd-panel{flex:0 0 420px;max-width:42%;align-self:flex-start;display:flex;flex-direction:column;gap:24px;padding:32px;border-radius:6px;background:var(--ink);color:#fff;box-shadow:inset 0 0 0 1px var(--dark-line)}
.sd-panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sd-panel__title{font-weight:700;font-size:18px;line-height:24px}
.sd-panel__status{padding:4px 8px;border-radius:12px;background:var(--dark-line);font-weight:700;font-size:10px;line-height:13px;color:var(--muted);white-space:nowrap}
.sd-panel__status.is-active{background:var(--lime);color:var(--ink)}
.sd-panel__line{border-color:var(--dark-line)}
.sd-panel__text{font-size:14px;line-height:20px;color:var(--muted)}
.sd-panel__btn{height:47px;border-radius:4px;font-size:14px;line-height:19px}
.sd-panel__foot{display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:15px;color:var(--gray-3)}
.sd-panel__accent{font-weight:600;color:var(--lime)}
.sd-sep{background:var(--ink);color:#fff}
.sd-sep__inner{padding:64px var(--gutter);display:flex;flex-direction:column;gap:32px}
.sd-sep__head{display:flex;flex-direction:column;gap:8px}
.sd-sep__title{font-weight:700;font-size:28px;line-height:38px}
.sd-sep__head p{font-size:14px;line-height:19px;color:var(--muted)}
.sd-sep__row{display:flex;gap:24px}
.sd-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.sd-col__head{display:flex;align-items:center;gap:12px}
.sd-col__name{font-weight:700;font-size:24px;line-height:32px}
.sd-col__tag{font-weight:700;font-size:12px;line-height:16px;color:var(--muted)}
.sd-col__line{border-color:var(--dark-line)}
.sd-col__list{display:flex;flex-direction:column;gap:12px}
.sd-col__list li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:19px}
.sd-col__list li::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:#fff}
.sd-sep__divider{flex:none;width:1px;background:var(--dark-line)}
.sd-sep__note{text-align:center;font-size:14px;line-height:19px;color:var(--gray-3)}
.sd-how{background:#fff}
.sd-how__inner{padding:64px var(--gutter);display:flex;flex-direction:column;gap:40px}
.sd-how__head{display:flex;flex-direction:column;gap:8px}
.sd-how__eyebrow{font-size:11px;line-height:15px;color:var(--gray);text-transform:uppercase}
.sd-how__title{font-weight:700;font-size:24px;line-height:32px;color:var(--ink-2)}
.sd-step{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.sd-step:first-child{padding-top:0}
.sd-step:last-child{padding-bottom:0;border-bottom:0}
.sd-step__num{flex:none;width:33px;font-weight:700;font-size:36px;line-height:48px;color:var(--ink-2)}
.sd-step__body{flex:1;display:flex;flex-direction:column;gap:8px}
.sd-step__body h3{font-weight:700;font-size:14px;line-height:19px;color:var(--ink-2)}
.sd-step__body p{font-size:13px;line-height:18px;color:var(--gray)}
.sd-how__cta{padding:32px 0}
.sd-how__btn{height:51px;padding:0 32px;border-radius:4px;font-size:14px;line-height:19px;letter-spacing:.5px;color:var(--ink-3)}

/* ---- how it works ---- */
.hiw-intro{background:#fff;border-bottom:1px solid var(--line-2)}
.hiw-intro__inner{padding:80px var(--gutter);display:flex;gap:64px}
.hiw-intro__title{flex:0 1 720px;min-width:0;font-weight:700;font-size:56px;line-height:75px}
.hiw-intro__right{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.hiw-intro__lead{font-size:16px;line-height:24px;color:var(--gray-2)}
.hiw-intro__note{font-size:14px;line-height:19px;color:var(--gray-3)}
.hiw-stages{background:#fff;border-bottom:1px solid var(--line-2)}
.hiw-stages__inner{padding:24px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:16px}
.hiw-stage{display:flex;align-items:center;gap:12px}
.hiw-stage__num{font-weight:700;font-size:28px;line-height:38px;color:var(--lime)}
.hiw-stage__num--dark{color:var(--ink-3)}
.hiw-stage__label{font-weight:700;font-size:14px;line-height:19px}
.hiw-stages__connector{flex:1;max-width:120px;height:1px;background:var(--line)}
.hiw-steps{background:var(--bg)}
.hiw-steps__inner{padding:80px var(--gutter);display:flex;flex-direction:column;gap:48px}
.hiw-step{display:flex;flex-direction:column;gap:12px}
.hiw-step__head{display:flex;flex-direction:column;gap:6px}
.hiw-step__num{font-weight:700;font-size:48px;line-height:65px}
.hiw-step__tag{font-weight:700;font-size:12px;line-height:16px;color:var(--gray);text-transform:uppercase}
.hiw-step__title{font-weight:700;font-size:20px;line-height:27px}
.hiw-step__text{font-size:14px;line-height:22px;color:var(--gray-2)}
.hiw-step__hint{font-size:13px;line-height:18px;color:var(--gray-3)}

/* ---- help centre ---- */
.help-intro{background:#fff}
.help-intro__inner{padding:56px var(--gutter)}
.help-intro__title{max-width:640px;font-weight:700;font-size:56px;line-height:64px;color:var(--ink-2)}
.help{background:var(--bg-3)}
.help__inner{padding:64px var(--gutter);display:flex;gap:40px;align-items:flex-start}
.help__nav{flex:0 1 420px;min-width:260px;display:flex;flex-direction:column;gap:12px}
.help__eyebrow{font-weight:700;font-size:11px;line-height:15px;color:var(--gray);text-transform:uppercase}
.topics__item{border-bottom:1px solid var(--line)}
.topics__item:last-child{border-bottom:0}
.topics__btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:600;font-size:13px;line-height:18px;color:var(--gray-2);transition:color .15s}
.topics__btn:hover{color:var(--ink)}
.topics__indicator{display:none;flex:none;width:32px;height:24px;border-radius:2px;background:var(--lime)}
.topics__item.is-active{background:var(--bg-4)}
.topics__item.is-active .topics__btn{font-weight:700;color:var(--ink)}
.topics__item.is-active .topics__indicator{display:block}
.topics__select{display:none}
.help__content{flex:1;min-width:0}
.help__topic{display:flex;flex-direction:column;gap:24px}
.help__head{display:flex;flex-direction:column;gap:8px}
.help__title{font-weight:700;font-size:32px;line-height:43px}
.help__desc{font-size:14px;line-height:22px;color:var(--gray)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item:last-child{border-bottom:0}
.faq__q{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 8px;font-weight:500;font-size:15px;line-height:20px;color:var(--ink-2)}
.faq__icon{display:flex;color:var(--gray-3)}
.faq__minus{display:none}
.faq__item.is-open{background:var(--bg-5)}
.faq__item.is-open .faq__q{font-weight:700}
.faq__item.is-open .faq__plus{display:none}
.faq__item.is-open .faq__minus{display:block}
.faq__a{padding:0 16px 20px}
.faq__steps{display:flex;flex-direction:column;gap:12px}
.faq__steps li{display:flex;gap:8px;font-size:14px;line-height:20px;color:var(--ink-2)}
.faq__n{flex:none;font-weight:600;line-height:19px;color:var(--gray-2)}
.faq__steps a{color:var(--accent-text);text-decoration:underline}

/* ---- contact ---- */
.contact-intro{background:#fff}
.contact-intro__inner{padding:80px var(--gutter)}
.contact-intro__title{max-width:640px;font-weight:700;font-size:56px;line-height:64px;color:var(--ink-2)}
.contact{background:var(--bg-3)}
.contact__inner{padding:64px var(--gutter);display:flex;gap:48px;align-items:flex-start}
.cform{flex:1 1 720px;min-width:0;max-width:720px;display:flex;flex-direction:column;gap:32px}
.cform__intro{display:flex;flex-direction:column;gap:8px}
.cform__eyebrow{font-weight:700;font-size:11px;line-height:15px;color:var(--gray);text-transform:uppercase}
.cform__title{font-weight:700;font-size:32px;line-height:43px}
.cform__text{font-size:14px;line-height:22px;color:var(--gray)}
.cform__req{font-size:12px;line-height:16px;color:#000}
.cform__section{display:flex;flex-direction:column;gap:16px}
.cform__head{display:flex;gap:12px;font-weight:700;font-size:13px;line-height:18px}
.cfield{display:flex;flex-direction:column;gap:8px;min-width:0}
.cfield__label{display:flex;align-items:center;gap:4px;font-weight:700;font-size:12px;line-height:16px}
.cfield__opt{font-weight:500;font-size:11px;line-height:15px;color:var(--gray-3)}
.cfield__box{position:relative;display:flex;align-items:center;height:48px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.cfield__box:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}
.cfield.is-invalid .cfield__box{box-shadow:inset 0 0 0 1.5px var(--red)}
.cfield__input{flex:1;min-width:0;height:100%;padding:0 16px;border:0;background:transparent;outline:0;font-size:14px;line-height:19px;color:var(--ink);border-radius:inherit}
.cfield__input::placeholder{color:var(--gray);opacity:1}
select.cfield__input{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
select.cfield__input.is-placeholder{color:var(--gray)}
.cfield__chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-2);pointer-events:none}
.cfield__box--area{height:120px;align-items:stretch}
.cfield__textarea{height:100%;padding:16px;resize:vertical;line-height:19px}
.cfield__hint{font-size:12px;line-height:16px;color:var(--gray-3);margin-top:-2px}
.cform__row{display:flex;gap:20px}
.cform__row .cfield{flex:1}
.cform__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cform__attach{display:flex;flex-direction:column;gap:8px}
.attach{position:relative;display:flex;align-items:center;gap:12px;height:60px;padding:0 16px;border-radius:4px;background:#f5f5f5;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.attach:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.attach__input{position:absolute;opacity:0;width:0;height:0}
.attach__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.attach__text b{font-weight:700;font-size:14px;line-height:19px}
.attach__text small{font-size:11px;line-height:15px;color:var(--gray-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cform__submit{padding-top:8px}
.cform__btn{width:180px;height:48px;border-radius:4px;background:var(--lime-2);font-size:14px;line-height:19px;text-transform:uppercase}
.rail{flex:0 1 420px;min-width:260px;display:flex;flex-direction:column;gap:24px}
.rail__eyebrow{font-weight:700;font-size:11px;line-height:15px;color:var(--gray);text-transform:uppercase}
.rail__title{font-weight:700;font-size:16px;line-height:22px}
.rail__block{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.rail__h{font-weight:700;font-size:13px;line-height:18px}
.rail__h--link:hover,.rail__link:hover,.rail__email:hover{text-decoration:underline}
.rail__p{font-size:13px;line-height:18px;color:var(--gray-2)}
.rail__phone{font-weight:700;font-size:24px;line-height:32px;color:var(--ink-4)}
.rail__small{font-size:11px;line-height:15px;color:var(--gray-3)}
.rail__link{font-weight:700;font-size:13px;line-height:18px;color:var(--ink-4)}
.rail__email{font-weight:700;font-size:16px;line-height:22px;color:var(--accent-text);word-break:break-all}

/* ---- deposit limits ---- */
.dl-intro{background:#fff}
.dl-intro__inner{padding:80px var(--gutter)}
.dl-intro__title{max-width:640px;font-weight:700;font-size:56px;line-height:64px;color:var(--ink-2)}
.dl-panel{background:var(--ink-4);color:#fff}
.dl-panel__inner{padding:48px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px}
.dl-panel__left{flex:1 1 720px;min-width:0;max-width:720px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.dl-panel__eyebrow{font-weight:700;font-size:11px;line-height:15px;color:var(--lime-2);text-transform:uppercase}
.dl-panel__amount{font-weight:700;font-size:56px;line-height:75px}
.dl-panel__period{font-weight:600;font-size:16px;line-height:22px}
.dl-panel__text{font-size:13px;line-height:20px;color:var(--muted)}
.dl-panel__right{flex:0 1 420px;min-width:260px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.dl-panel__label{font-weight:700;font-size:11px;line-height:15px;text-transform:uppercase}
.dl-panel__right .dl-panel__text{font-size:14px;line-height:22px}
.dl-panel__btn{height:38px;padding:0 18px;background:var(--lime-2)}
.dl-support{background:#fff}
.dl-support__inner{padding:48px var(--gutter);display:flex;gap:24px;align-items:flex-start}
.dl-support__col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.dl-support__divider{flex:none;width:1px;height:120px;background:var(--line)}
.dl-support__h{font-weight:700;font-size:11px;line-height:15px;text-transform:uppercase}
.dl-support__p{font-size:13px;line-height:18px;color:var(--gray)}
.dl-support__link{font-weight:700;font-size:13px;line-height:18px}
.dl-support__link:hover,.dl-support__small:hover,.dl-support__phone:hover{text-decoration:underline}
.dl-support__small{font-weight:700;font-size:11px;line-height:15px;color:var(--gray-3)}
.dl-support__phone{font-weight:700;font-size:20px;line-height:27px}
.dl-support__fine{font-size:11px;line-height:15px;color:var(--gray-3)}
.dl-how{background:var(--bg-3)}
.dl-how__inner{padding:80px var(--gutter);display:flex;flex-direction:column;gap:64px}
.dl-how__head{display:flex;gap:48px}
.dl-how__left{flex:1;display:flex;flex-direction:column;gap:12px}
.dl-how__eyebrow{font-weight:700;font-size:11px;line-height:15px;color:var(--gray-3);text-transform:uppercase}
.dl-how__title{font-weight:700;font-size:32px;line-height:43px}
.dl-how__text{flex:1;font-size:14px;line-height:22px;color:var(--gray)}
.dl-how__steps{display:flex;gap:24px;align-items:flex-start}
.dl-step{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.dl-step__num{font-weight:700;font-size:16px;line-height:22px;color:var(--ink-4)}
.dl-step__title{font-weight:700;font-size:15px;line-height:20px}
.dl-step__text{font-size:13px;line-height:18px;color:var(--gray)}
.dl-how__divider{flex:none;width:1px;height:80px;background:var(--line)}

/* ---- about us ---- */
.about-hero{background:#fff}
.about-hero__inner{padding:50px var(--gutter) 64px;display:flex;flex-direction:column;gap:48px}
.about-hero__meta{display:flex;justify-content:space-between;gap:24px;font-weight:700;font-size:13px;line-height:18px;text-transform:uppercase}
.about-hero__meta span:first-child{color:var(--ink-4)}
.about-hero__title{font-weight:700;font-size:56px;line-height:64px;color:var(--ink-2)}
.about-hero__row{display:flex;gap:32px;align-items:flex-start}
.about-hero__text{flex:0 1 520px;min-width:0;font-size:14px;line-height:22px;color:var(--gray)}
.about-hero__img{flex:1;min-width:0;height:320px;object-fit:cover;border-radius:8px}
.about-details{background:#fff;border-top:1px solid var(--line)}
.about-details__inner{padding:30px var(--gutter) 50px;display:flex;gap:32px}
.about-details__label{flex:0 1 518px;font-weight:700;font-size:13px;line-height:18px;text-transform:uppercase}
.about-details__list{flex:1;min-width:0}
.about-details__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.about-details__row:last-child{padding-bottom:0;border-bottom:0}
.about-details__row dt{font-weight:700;font-size:11px;line-height:15px;color:var(--gray-3);text-transform:uppercase}
.about-details__row dd{font-weight:700;font-size:14px;line-height:19px}
.about-story{background:var(--bg-3)}
.about-story__inner{padding:96px var(--gutter);display:flex;gap:32px}
.about-story__left{flex:0 1 520px;min-width:0;display:flex;flex-direction:column;gap:12px}
.about-story__eyebrow{font-weight:700;font-size:13px;line-height:18px;text-transform:uppercase}
.about-story__title{font-weight:700;font-size:32px;line-height:43px}
.about-story__right{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}
.about-story__lead{font-size:16px;line-height:26px}
.about-story__text{font-size:16px;line-height:26px;color:var(--gray)}
.about-story__meta{display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:18px;color:var(--gray-3)}

/* ---- betstop ---- */
.bs-hero{background:#fff}
.bs-hero__inner{padding:80px var(--gutter);display:flex;gap:48px}
.bs-hero__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.bs-hero__title{font-weight:700;font-size:56px;line-height:64px;color:var(--ink-2)}
.bs-hero__sub,.bs-hero__text{font-size:14px;line-height:22px;color:var(--gray)}
.bs-panel{flex:0 0 420px;max-width:42%;align-self:flex-start;display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:6px;background:var(--ink-4);color:#fff}
.bs-panel__eyebrow{font-weight:700;font-size:11px;line-height:15px;text-transform:uppercase}
.bs-panel__title{font-weight:700;font-size:32px;line-height:43px}
.bs-panel__text{font-size:14px;line-height:22px;color:var(--muted)}
.bs-panel__cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.bs-panel__btn{height:47px;padding:0 28px;background:var(--lime-2);font-size:14px;line-height:19px}
.bs-panel__free{font-size:13px;line-height:18px}
.bs-eyebrow{font-weight:700;font-size:11px;line-height:15px;color:var(--gray-3);text-transform:uppercase}
.bs-h2{font-weight:700;font-size:32px;line-height:43px}
.bs-how{background:var(--bg-3)}
.bs-how__inner{padding:80px var(--gutter);display:flex;flex-direction:column;gap:40px}
.bs-how__head{display:flex;gap:48px}
.bs-how__left{flex:0 1 420px;display:flex;flex-direction:column;gap:8px}
.bs-how__text{flex:1;font-size:14px;line-height:22px;color:var(--gray)}
.bs-steps{width:960px;max-width:100%}
.bs-step{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.bs-step:last-child{border-bottom:0}
.bs-step__num{flex:none;width:30px;font-weight:700;font-size:32px;line-height:43px}
.bs-step__body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.bs-step__title{font-weight:700;font-size:16px;line-height:22px;text-transform:uppercase}
.bs-step__text{font-size:14px;line-height:22px;color:var(--gray)}
.bs-step__link{font-weight:700;font-size:13px;line-height:18px}
.bs-step__link:hover{text-decoration:underline}
.bs-account{background:#fff}
.bs-account__inner{padding:80px var(--gutter) 20px;display:flex;flex-direction:column;gap:40px}
.bs-account__head{display:flex;gap:48px}
.bs-account__left{flex:0 1 420px;display:flex;flex-direction:column;gap:8px}
.bs-account__text{font-size:14px;line-height:22px;color:var(--gray)}
.bs-rows{flex:1;min-width:0}
.bs-row{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.bs-row:last-child{border-bottom:0}
.bs-row__num{flex:none;width:12px;font-weight:700;font-size:13px;line-height:18px}
.bs-row__body{flex:1;display:flex;flex-direction:column;gap:8px}
.bs-row__title{font-weight:700;font-size:14px;line-height:19px;text-transform:uppercase}
.bs-row__text{font-size:14px;line-height:20px;color:var(--gray)}

/* ---- bet cart ---- */
.bc-intro__inner{padding:40px var(--gutter) 20px;display:flex;flex-direction:column;gap:8px}
.bc-intro__title{font-weight:700;font-size:32px;line-height:43px;color:var(--ink-2)}
.bc-intro__text{max-width:600px;font-size:14px;line-height:19px;color:var(--gray)}
.bc__inner{padding:20px var(--gutter) 80px;display:flex;gap:32px;align-items:flex-start}
.bc__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}
.bc__header{display:flex;flex-direction:column;gap:12px}
.bc__title-row{display:flex;justify-content:space-between;align-items:center}
.bc__title{font-weight:700;font-size:16px;line-height:22px;color:var(--ink-2)}
.bc__count{font-weight:700;font-size:13px;line-height:18px;color:var(--gray)}
.bc__tabs{display:flex;gap:8px}
.bc__tab{height:34px;padding:0 16px;border-radius:6px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font-weight:700;font-size:13px;line-height:18px;color:var(--gray)}
.bc__tab.is-active{color:var(--ink-2);background:#fff}
.bc__selections{display:flex;flex-direction:column;gap:24px}
.sel-card{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.sel-card__top{display:flex;justify-content:space-between;gap:16px}
.sel-card__info{display:flex;flex-direction:column;gap:6px;min-width:0}
.sel-card__sport{font-weight:700;font-size:11px;line-height:15px;color:var(--gray);text-transform:uppercase}
.sel-card__event{font-weight:700;font-size:16px;line-height:22px;color:var(--ink-2)}
.sel-card__market{font-size:13px;line-height:18px;color:var(--gray)}
.sel-card__remove{flex:none;display:flex;align-items:center;gap:4px;font-weight:600;font-size:12px;line-height:16px;color:var(--gray-4)}
.sel-card__remove .icon{color:var(--gray)}
.sel-card__remove:hover{color:var(--ink)}
.sel-card__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;border-top:1px solid var(--line)}
.sel-card__pick{display:flex;flex-direction:column;gap:2px}
.sel-card__pick-label{font-weight:700;font-size:11px;line-height:15px;color:var(--gray);text-transform:uppercase}
.sel-card__pick-name{font-weight:700;font-size:15px;line-height:20px;color:var(--ink-2)}
.sel-card__price{padding:8px 16px;border-radius:6px;background:var(--lime);font-weight:700;font-size:15px;line-height:20px;color:var(--ink-2)}
.stake{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.stake__row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.stake__label{font-weight:700;font-size:12px;line-height:16px;color:var(--gray);text-transform:uppercase}
.stake__limits{font-size:13px;line-height:18px;color:var(--gray)}
.stake__input{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:6px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--ink-2);font-weight:700;font-size:18px;line-height:24px;color:var(--ink-2)}
.stake__field{flex:1;min-width:0;border:0;background:transparent;outline:0;font:inherit;color:inherit}
.stake__pills{display:flex;gap:8px;flex-wrap:wrap}
.stake__pill{height:34px;padding:0 16px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line);font-weight:700;font-size:13px;line-height:18px;color:var(--ink-2)}
.stake__pill:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.stake__clear{font-weight:700;font-size:13px;line-height:18px;color:var(--gray);text-decoration:underline}
.bc__right{flex:0 0 400px;max-width:44%}
.summary{display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.summary__head{display:flex;flex-direction:column;gap:4px}
.summary__title{font-weight:700;font-size:16px;line-height:22px;color:var(--ink-2)}
.summary__count{font-size:13px;line-height:18px;color:var(--gray)}
.summary__rows{display:flex;flex-direction:column;gap:12px}
.summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;line-height:19px;color:var(--gray)}
.summary__row b{font-weight:700;font-size:15px;line-height:20px;color:var(--ink-2)}
.summary__row--return b{font-size:18px;line-height:24px;color:var(--ink)}
.summary__disclaimer{font-size:11px;line-height:16px;color:var(--gray)}
.summary__place{height:54px;font-size:16px;line-height:22px;color:var(--ink-2)}
.summary__rg{display:flex;flex-direction:column;align-items:center;gap:12px}
.summary__rg-label{font-weight:700;font-size:11px;line-height:15px;color:var(--gray);text-transform:uppercase}
.summary__rg-link{font-weight:700;font-size:13px;line-height:18px;color:var(--ink-2);text-decoration:underline}
.bc__empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:40px 24px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.bc__empty-title{font-weight:700;font-size:20px;line-height:27px;color:var(--ink-2)}
.bc__empty-text{font-size:14px;line-height:22px;color:var(--gray)}
.bc__empty-text a{color:var(--accent-text);text-decoration:underline}
.bc__empty .btn{margin-top:8px}

/* ---- legal pages ---- */
.legal-intro{background:#fff}
.legal-intro__inner{padding:30px var(--gutter) 0;display:flex;flex-direction:column;gap:24px}
.legal-intro--responsible-gambling .legal-intro__inner{padding:50px var(--gutter) 20px}
.legal-intro--privacy-policy .legal-intro__inner{padding:80px var(--gutter) 60px}
.legal-intro__title{font-weight:700;font-size:44px;line-height:59px}
.legal-intro--privacy-policy .legal-intro__title{font-size:52px;line-height:70px;color:var(--ink-2)}
.legal-intro__text{font-size:14px;line-height:22px;color:var(--gray)}
.legal{background:#fff}
.legal__inner{padding:0 var(--gutter) 120px}
.legal--cookie-policy .legal__inner{padding-top:64px}
.legal--privacy-policy .legal__inner{padding-top:64px}
.legal__section{max-width:720px}
.legal--privacy-policy .legal__section{max-width:1200px;margin-left:auto;margin-right:auto}
.legal__h2{display:flex;align-items:center;gap:12px;font-weight:700;font-size:26px;line-height:35px}
.legal__num{color:var(--lime)}
.legal__h3{font-weight:600;font-size:18px;line-height:24px}
.legal p{font-size:15px;line-height:26px;color:var(--text)}
.legal p strong{color:var(--ink)}
.legal__strong{font-weight:700;color:var(--ink)!important}
.legal__bullets,.legal__steps{display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:26px;color:var(--text)}
.legal__bullets li,.legal__steps li{display:flex;gap:12px}
.legal__bullets li::before{content:'•';flex:none;width:5px;color:var(--lime)}
.legal__steps{counter-reset:step}
.legal__steps li::before{counter-increment:step;content:counter(step) '.';flex:none;width:11px;font-weight:700;color:var(--lime)}
.legal__more a{font-weight:700;font-size:16px;line-height:22px;color:var(--accent-text)}
.legal__more a:hover{text-decoration:underline}
.legal p a{color:var(--accent-text);text-decoration:underline}
/* terms */
.legal--terms-and-conditions .legal__section{padding-bottom:80px;border-bottom:1px solid var(--line)}
.legal--terms-and-conditions .legal__section:last-child{padding-bottom:0;border-bottom:0}
.legal--terms-and-conditions .legal__h2{margin-bottom:24px}
.legal--terms-and-conditions p + p{margin-top:16px}
/* responsible gambling */
.legal--responsible-gambling .legal__section{padding-bottom:40px;border-bottom:1px solid var(--line)}
.legal--responsible-gambling .legal__section:last-child{padding-bottom:0;border-bottom:0}
.legal--responsible-gambling .legal__section > * + *{margin-top:24px}
.legal--responsible-gambling .legal__sub{padding-top:12px}
.legal--responsible-gambling .legal__h2 + .legal__sub{padding-top:0}
.legal--responsible-gambling .legal__sub > * + *{margin-top:12px}
/* cookie */
.legal--cookie-policy .legal__section{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.legal--cookie-policy .legal__section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.legal--cookie-policy .legal__h2{font-size:22px;line-height:30px;padding-bottom:16px}
.legal--cookie-policy .legal__h3{font-weight:700;font-size:16px;line-height:22px}
.legal--cookie-policy .legal__bullets{padding-top:12px}
.legal--cookie-policy .legal__bullets li::before{color:var(--text)}
.legal--cookie-policy .legal__more{padding-top:4px}
/* privacy */
.legal--privacy-policy .legal__section{padding-bottom:56px;margin-bottom:56px;border-bottom:1px solid var(--line)}
.legal--privacy-policy .legal__section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.legal--privacy-policy .legal__h2{align-items:flex-start;gap:16px;font-size:24px;line-height:32px;text-transform:uppercase;margin-bottom:20px}
.legal--privacy-policy .legal__num{font-size:20px;line-height:27px;color:var(--lime-2)}
.legal--privacy-policy p,.legal--privacy-policy .legal__bullets{font-size:16px;line-height:26px}
.legal--privacy-policy p + p{margin-top:14px}
.legal--privacy-policy p + .legal__bullets,.legal--privacy-policy .legal__bullets + p{margin-top:20px}
.legal--privacy-policy .legal__bullets li::before{color:var(--text)}
.legal--privacy-policy .legal__more{margin-top:20px}

/* ======================================================= mobile (reference 390px) */
@media (max-width:1023px){
  :root{--gutter:16px}
  /* the fluid desktop columns stack into full-width rows: reset flex sizing so
     flex-basis is not interpreted as a height inside the column containers */
  .hero__copy,.hero__media,.hiw-intro__title,.cform,.rail,.dl-panel__left,.dl-panel__right,
  .about-details__label,.about-story__left,.about-hero__text,.help__nav,.sd-panel,.bs-panel,
  .bs-how__left,.bs-account__left,.card--side,.card--main,.rg__intro,.bc__right,.bc__left,
  .sd-intro__left,.bs-hero__left,.help__content,.dl-support__col,.dl-how__left,.dl-how__text,
  .about-story__right,.bs-rows,.bs-steps,.rg__list,.hiw-intro__right{flex:0 0 auto;max-width:none;min-width:0}
  .only-desktop{display:none!important}
  .only-mobile{display:initial}
  hr.only-mobile{display:block}

  /* utility strip: 2 rows */
  .utility__inner{display:grid;grid-template-columns:auto 1fr;align-items:center;row-gap:8px;height:auto;padding:10px var(--gutter)}
  .badge--age{padding:3px 8px;font-size:10px;line-height:13px}
  .utility__tagline{justify-self:end;margin:0;font-size:11px;line-height:15px;text-align:right}
  .utility__limit{margin:0;font-size:11px;line-height:15px}
  .utility__help{justify-self:end;margin:0;font-size:10px;line-height:13px}

  /* header */
  .header__inner{height:55px}
  .brand{gap:6px}
  .brand__name{font-size:20px;line-height:27px}
  .brand__badge{padding:4px 8px;font-size:12px;line-height:16px}
  .nav,.header__auth{display:none}
  .header__actions{gap:12px}
  .cart-btn{height:32px;padding:0 12px;gap:6px;background:var(--ink);color:#fff;box-shadow:none;font-size:12px;line-height:16px}
  .cart-btn .icon{width:14px;height:14px}
  .burger{display:flex;align-items:center;justify-content:center;width:38px;height:32px}

  /* hero */
  .hero{background:#fff}
  .hero__inner{display:flex;flex-direction:column;gap:20px;padding:32px var(--gutter)}
  .hero__headline{gap:20px}
  .hero__eyebrow{font-size:11px;line-height:15px}
  .hero__title{max-width:none;font-weight:600;font-size:40px;line-height:44px;color:var(--ink)}
  .hero__bottom{display:contents}
  .hero__copy{width:auto;gap:20px}
  .hero__text{font-size:14px;line-height:22px}
  .hero__ctas{gap:12px}
  .hero__ctas .btn--cta{flex:1;height:44px;padding:0;font-size:12px;line-height:16px}
  .hero__media{width:100%;height:220px;border-radius:8px}
  .hero__accent{left:auto;top:auto;right:-50px;bottom:-50px;width:120px;height:120px;opacity:.15}

  /* popular markets */
  .markets__inner{gap:20px;padding:48px 0 64px}
  .markets__header{gap:8px;padding:0 var(--gutter)}
  .markets__title{font-size:24px;line-height:32px}
  .markets__text{font-size:13px;line-height:18px}
  .markets__filters{gap:12px;padding:16px var(--gutter) 8px}
  .chips{gap:8px}
  .chips--sport{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}
  .chips--sport::-webkit-scrollbar{display:none}
  .chips--time{gap:10px}
  .chips--sport .chip{flex:none;height:31px;font-size:11px;line-height:15px}
  .board{padding:0 var(--gutter)}
  .board__head{display:none}
  .markets .board{display:flex;flex-direction:column;gap:24px}
  .group{display:flex;flex-direction:column;gap:12px}
  .group__title{padding:0 0 12px;border-bottom:1px solid var(--line)}
  .row{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0;border-bottom:0}
  .row + .row{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
  .row__time,.row__market{font-size:12px;line-height:16px}
  .row__event{font-size:15px;line-height:20px;white-space:normal}
  .row__odds{gap:8px}
  .row__more{text-align:left}
  .odds{height:44px}
  .odds__label{font-size:11px;line-height:15px}
  .row__odds--3{gap:6px}
  .row__odds--3 .odds{flex-direction:column;justify-content:center;gap:4px;height:51px;padding:8px 4px}
  .row__odds--3 .odds__label{flex:none;font-size:10px;line-height:13px}
  .row__odds--3 .odds__price{font-size:13px;line-height:18px}

  /* sports page */
  .intro--sports .intro__inner{padding:24px var(--gutter) 20px;gap:8px}
  .intro--sports .intro__title{font-weight:600;font-size:24px;line-height:32px;color:var(--ink)}
  .intro__text{font-size:13px;line-height:18px}
  .filters__inner{padding:12px var(--gutter) 16px;gap:12px}
  .filters .chips--time .chip{height:31px;font-size:11px;line-height:15px;padding:0 14px}
  .board--sports .board__inner{padding:0;gap:0}
  .board--sports .group{gap:16px;padding:32px var(--gutter) 16px;background:#fff}
  .board--sports .group:first-child{padding-top:24px}
  .board--sports .group:last-child{padding-bottom:32px}
  .board--sports .group__title{padding:0;border-bottom:0}
  .board--sports .group__sub{font-size:12px;line-height:16px;margin-top:-10px}
  .board--sports .group__rows{padding-top:16px;border-top:1px solid var(--line)}
  .board--sports .row__event{font-size:14px;line-height:19px}
  .board--sports .row + .row{margin-top:16px;padding-top:16px}
  .board--sports .row__more{font-size:12px;line-height:16px}

  /* next to jump (home) */
  .ntj__inner{gap:20px;padding:32px var(--gutter)}
  .ntj__titles{gap:4px}
  .ntj__eyebrow{font-size:11px;line-height:15px}
  .ntj__title{font-size:22px;line-height:30px}
  .ntj__all{font-weight:400;font-size:12px;line-height:16px;color:var(--lime)}
  .ntj__ticker{gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}
  .ntj__ticker::-webkit-scrollbar{display:none}
  .ntj__divider{display:none}
  .ntj__card{flex:none;width:130px;gap:8px;padding:12px;border-radius:8px;background:#18181a;box-shadow:inset 0 0 0 1px var(--dark-line)}
  .ntj__min{font-size:14px;line-height:19px}
  .ntj__venue{font-size:12px;line-height:16px}
  .ntj__race{font-size:11px;line-height:15px}

  /* featured */
  .featured__inner{flex-direction:column;gap:24px;padding:48px var(--gutter) 0}
  .card{gap:14px;padding:16px;width:100%}
  .card--side{width:100%}
  .card__head{gap:4px}
  .card__title{font-size:22px;line-height:30px}
  .card__title--sm{font-size:18px;line-height:24px}
  .card__text{font-size:13px;line-height:20px}
  .card__img{height:180px;border-radius:8px}

  /* rg block */
  .rg__inner{flex-direction:column;gap:24px;padding:48px var(--gutter)}
  .rg__intro{width:auto;gap:10px}
  .rg__eyebrow{font-size:11px;line-height:15px}
  .rg__title{font-size:28px;line-height:38px}
  .rg__list{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
  .rg__row{position:relative;flex-direction:column;align-items:stretch;gap:6px;padding:14px}
  .rg__item:last-child .rg__row{padding-bottom:14px}
  .rg__name{gap:8px}
  .rg__desc{text-align:left;font-size:12px;line-height:16px;padding-right:20px}
  .rg__arrow{position:absolute;top:14px;right:14px;font-size:13px;line-height:18px}

  /* strips */
  .strip__inner{flex-direction:column;align-items:stretch;gap:12px;padding:20px var(--gutter)}
  .strip__group{gap:10px;row-gap:12px}
  .strip--help .strip__label{font-size:12px;line-height:16px}
  .strip--help .strip__muted{flex-basis:100%;font-size:12px;line-height:16px}
  .strip--betstop .strip__inner{padding:20px var(--gutter)}
  .strip--betstop .strip__group{gap:10px;row-gap:12px}
  .strip__title{font-size:13px;line-height:18px}
  .strip--betstop .strip__muted{flex-basis:100%;font-size:12px;line-height:16px}
  .strip--pay .strip__inner{padding:20px var(--gutter);gap:14px}
  .strip__group--pay{flex-direction:column;align-items:flex-start;gap:8px}
  .strip__logos{width:180px;height:24px}
  .strip__group--debit{flex-direction:column;align-items:flex-start;gap:6px}
  .badge--outline{padding:4px 10px}
  .strip--pay .strip__muted{font-size:12px;line-height:16px}

  /* footer */
  .footer__inner{gap:32px;padding:48px var(--gutter) 40px}
  .footer__cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .footer__col{gap:10px}
  .footer__col--brand{grid-column:1/-1;gap:12px}
  .footer__heading{font-size:11px;line-height:15px}
  .footer__bottom{gap:10px}

  /* modals */
  .modal{padding:16px}
  .modal--scroll{padding:24px 16px}
  .modal__dialog{width:100%;padding:24px;border-radius:16px;gap:24px;max-height:calc(100vh - 32px)}
  .modal__dialog--age{width:100%;padding:32px 24px;border-radius:12px}
  .modal__dialog--register{width:100%;border-radius:10px;gap:24px}
  .modal__dialog--verify{gap:20px}
  .modal__brand .brand__badge{padding:4px 8px;font-size:13px;line-height:18px}
  .age-badge{padding:8px 20px;font-size:40px;line-height:54px}
  .modal--age .modal__title{font-size:24px;line-height:32px}
  .modal--age .modal__lead{font-size:14px;line-height:20px}
  .modal--age .modal__note{font-size:13px;line-height:18px}
  .modal__title{font-size:28px;line-height:38px}
  .modal__title--lg{font-size:28px;line-height:38px}
  .modal__dialog--verify .modal__title{font-size:26px;line-height:31px}
  .modal__lead{font-size:14px;line-height:20px}
  .form__stack{gap:16px}
  .field__label{font-size:14px;line-height:19px}
  .field__box{height:48px;border-radius:8px}
  .field__toggle{font-size:13px;line-height:18px}
  .form__row,.form__row--title,.form__row--address{flex-direction:column;gap:16px}
  .form__row .field--title,.form__row .field--state,.form__row .field--postcode{width:auto}
  .form__legend{padding-top:12px}
  .verify__code{gap:10px}
  .verify__digit{flex:1;width:auto}

  /* cookie sheet */
  .cookie{border-top:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px -4px rgba(0,0,0,.15);max-height:90vh;overflow-y:auto}
  .cookie__inner{gap:20px;padding:24px 20px 32px}
  .cookie__handle{display:block;width:36px;height:4px;margin:0 auto;border-radius:2px;background:var(--line)}
  .cookie__row{display:contents}
  .cookie__text{order:1;gap:8px}
  .cookie__title{font-size:12px;line-height:16px}
  .cookie__copy{font-size:13px;line-height:18px}
  .cookie__line{order:2}
  .cookie__prefs{order:3;flex-direction:column;gap:14px}
  .cookie__actions{order:4;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid var(--line)}
  .cookie__actions .btn{width:100%;padding:0}
  .cookie__actions [data-cookie="accept"]{order:-1}
  .cookie__actions [data-cookie="reject"]{order:1}

  /* racing */
  .intro--racing .intro__inner{padding:24px var(--gutter) 20px}
  .intro__eyebrow{font-weight:400}
  .intro--racing .intro__title{font-size:32px;line-height:43px}
  .jump__inner{padding:16px var(--gutter);gap:16px}
  .jump__title{font-weight:400;font-size:18px;line-height:24px}
  .jump__all{font-weight:400;font-size:12px;line-height:16px;color:var(--lime)}
  .jump__races{gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}
  .jump__races::-webkit-scrollbar{display:none}
  .jump__card{flex:none;width:140px;gap:4px;padding:12px;border-radius:6px;background:#18181a;box-shadow:inset 0 0 0 1px var(--dark-line)}
  .jump__card:last-child{box-shadow:inset 0 0 0 1px var(--dark-line)}
  .jump__card.is-next{box-shadow:none}
  .jump__min{font-size:18px;line-height:24px}
  .jump__name{font-size:13px;line-height:18px}
  .jump__type{font-weight:600}
  .race{background:#fff}
  .race__inner{padding:0;gap:0}
  .race__header{flex-direction:column;align-items:stretch;gap:0}
  .race__details{padding:20px var(--gutter) 12px}
  .race__venue{font-weight:400;font-size:24px;line-height:32px}
  .race__number{font-weight:400;font-size:16px;line-height:22px}
  .race__meta{font-size:12px;line-height:16px}
  .race__switcher{justify-content:flex-start;gap:5px;padding:0 var(--gutter) 16px}
  .race__tab{width:41px;height:33px;border-radius:6px;font-weight:400}
  .race__markets{gap:20px;padding:0 var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .race__market{padding:12px 0;font-weight:400}
  .runners{border-radius:0;box-shadow:none}
  .runners__head{display:none}
  .runner{grid-template-columns:auto minmax(0,1fr);gap:4px 8px;padding:16px var(--gutter);border-color:var(--line)}
  .runners__list .runner:last-child{border-bottom:1px solid var(--line)}
  .runner__no,.runner__name{font-weight:400}
  .runner__jt{grid-column:1/-1;flex-direction:row;gap:0}
  .runner__jockey,.runner__trainer{font-size:12px;line-height:16px;color:var(--gray)}
  .runner__form{grid-column:1/-1;font-size:11px;line-height:15px;color:var(--gray)}
  .runner__bar,.runner__wt{display:none}
  .runner__odds{grid-column:1/-1;gap:8px;margin-top:8px}
  .odds--race{flex-direction:column;gap:0;height:44px;padding:4px 12px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line)}
  .odds__tag{display:block;font-weight:700;font-size:9px;line-height:12px;color:var(--gray)}
  .odds--race .odds__price{font-size:14px;line-height:19px}
  .race__srm{margin:16px var(--gutter) 0}
  .page--racing .rg{margin-top:56px}

  /* showdown */
  .sd-intro__inner{flex-direction:column;gap:24px;padding:40px var(--gutter) 48px}
  .sd-intro__title{font-size:36px;line-height:42px}
  .sd-intro__lead{font-weight:400;font-size:14px;line-height:22px}
  .sd-panel{width:100%;gap:20px;padding:16px;border-radius:8px}
  .sd-panel__title{font-weight:400;font-size:14px;line-height:19px}
  .sd-panel__text{font-size:13px;line-height:18px}
  .sd-panel__btn{height:46px;border-radius:6px;font-size:13px;line-height:18px}
  .sd-panel__foot{gap:4px;font-size:12px;line-height:16px}
  .sd-sep__inner{gap:24px;padding:40px var(--gutter)}
  .sd-sep__title{font-weight:400;font-size:22px;line-height:30px}
  .sd-sep__row{flex-direction:column;gap:32px}
  .sd-col__name{font-weight:400;font-size:20px;line-height:27px}
  .sd-col__list li{font-size:13px;line-height:18px}
  .sd-sep__divider{display:none}
  .sd-sep__note{font-size:12px;line-height:16px}
  .sd-how__inner{gap:32px;padding:40px var(--gutter)}
  .sd-how__title{font-weight:400}
  .sd-step{gap:16px;padding:20px 0}
  .sd-step__num{width:36px;font-size:28px;line-height:38px}
  .sd-step__body{gap:4px}
  .sd-how__cta{padding:16px 0}
  .sd-how__btn{width:100%;height:49px;padding:0;border-radius:6px;font-weight:400;color:var(--ink)}

  /* how it works */
  .hiw-intro__inner{flex-direction:column;gap:16px;padding:32px var(--gutter) 24px}
  .hiw-intro__title{width:auto;font-size:36px;line-height:40px}
  .hiw-intro__lead{font-size:15px;line-height:22px}
  .hiw-intro__note{font-size:14px;line-height:20px}
  .hiw-stages__inner{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:16px var(--gutter) 24px}
  .hiw-stages__connector{display:none}
  .hiw-stage{gap:8px}
  .hiw-stage__num{font-size:20px;line-height:27px}
  .hiw-stage__label{font-size:12px;line-height:16px}
  .hiw-steps__inner{padding:0;gap:0}
  .hiw-step{gap:12px;padding:32px var(--gutter)}
  .hiw-step__head{gap:4px;margin-bottom:8px}
  .hiw-step__num{font-size:40px;line-height:54px}
  .hiw-step__tag{font-size:11px;line-height:15px}
  .hiw-step__text{font-size:14px;line-height:20px}
  .hiw-step__hint{margin-top:8px}

  /* help centre */
  .help-intro__inner{padding:44px var(--gutter)}
  .help-intro__title{font-size:36px;line-height:40px}
  .help__inner{flex-direction:column;gap:0;padding:0}
  .help__nav{width:auto;gap:8px;padding:20px var(--gutter) 24px}
  .topics{display:none}
  .topics__select{display:flex;height:48px;border-radius:6px}
  .topics__dropdown{font-weight:700;color:var(--ink)}
  .help__content{width:100%}
  .help__head{padding:0 var(--gutter)}
  .help__title{font-size:26px;line-height:35px}
  .help__desc{font-size:14px;line-height:20px}
  .faq{padding:0 var(--gutter) 48px}
  .faq__q{padding:16px 0}
  .faq__item.is-open{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}

  /* contact */
  .contact-intro__inner{padding:40px var(--gutter)}
  .contact-intro__title{font-size:36px;line-height:40px}
  .contact__inner{flex-direction:column;gap:0;padding:0}
  .cform{width:100%;padding:48px var(--gutter)}
  .cform__title{font-size:22px;line-height:30px}
  .cform__text{font-size:14px;line-height:20px}
  .cform__req{font-size:13px;line-height:18px;color:var(--gray)}
  .cfield__label{font-size:11px;line-height:15px}
  .cfield__opt{font-weight:700;font-size:11px;line-height:15px;color:inherit}
  .cfield__box{border-radius:6px}
  .cfield__hint{font-size:13px;line-height:18px;margin-top:-2px}
  .cform__row{flex-direction:column;gap:16px}
  .attach{border-radius:6px}
  .attach__text b{font-size:13px;line-height:18px}
  .cform__btn{width:158px;border-radius:6px}
  .rail{width:100%;gap:20px;padding:56px var(--gutter);background:#fff}
  .rail__title{font-size:18px;line-height:24px}
  .rail__p{font-size:14px;line-height:18px}
  .rail__link{color:var(--green)}

  /* deposit limits */
  .dl-intro__inner{padding:32px var(--gutter) 24px}
  .dl-intro__title{font-size:38px;line-height:42px}
  .dl-panel{background:var(--ink)}
  .dl-panel__inner{flex-direction:column;align-items:stretch;gap:24px;padding:32px var(--gutter)}
  .dl-panel__left{width:auto;gap:8px}
  .dl-panel__period{font-weight:700;font-size:18px;line-height:24px}
  .dl-panel__text{font-size:13px;line-height:18px}
  .dl-panel__line{border-color:var(--dark-line)}
  .dl-panel__right{width:auto;gap:12px}
  .dl-panel__right .dl-panel__text{font-size:13px;line-height:18px}
  .dl-panel__btn{width:100%;height:42px}
  .dl-support__inner{flex-direction:column;gap:24px;padding:32px var(--gutter)}
  .dl-support__divider{width:100%;height:1px}
  .dl-support__phone{font-size:28px;line-height:38px}
  .dl-how__inner{gap:32px;padding:48px var(--gutter)}
  .dl-how__head{flex-direction:column;gap:16px}
  .dl-how__title{font-size:26px;line-height:32px}
  .dl-how__steps{flex-direction:column;gap:24px}
  .dl-how__divider{display:none}

  /* about */
  .about-hero__inner{gap:24px;padding:32px var(--gutter)}
  .about-hero__meta{font-size:11px;line-height:15px}
  .about-hero__title{font-size:36px;line-height:42px;color:var(--ink)}
  .about-hero__row{flex-direction:column;gap:24px}
  .about-hero__text{width:auto}
  .about-hero__img{width:100%;height:200px;border-radius:6px}
  .about-details__inner{flex-direction:column;gap:16px;padding:32px var(--gutter)}
  .about-details__label{width:auto;font-size:12px;line-height:16px}
  .about-details__row{padding:12px 0}
  .about-details__row:last-child{padding-bottom:0}
  .about-story__inner{flex-direction:column;gap:20px;padding:40px var(--gutter)}
  .about-story__left{width:auto;gap:20px}
  .about-story__eyebrow{font-size:12px;line-height:16px}
  .about-story__title{font-size:26px;line-height:32px}
  .about-story__lead{font-size:15px;line-height:22px}
  .about-story__text{font-size:14px;line-height:22px}
  .about-story__meta{gap:6px;font-size:12px;line-height:16px}

  /* betstop */
  .bs-hero__inner{flex-direction:column;gap:0;padding:40px var(--gutter) 32px}
  .bs-hero__left{gap:0}
  .bs-hero__title{font-size:36px;line-height:42px}
  .bs-hero__sub{margin-top:20px;font-weight:700;font-size:15px;line-height:22px;color:var(--ink-2)}
  .bs-hero__text{margin-top:12px}
  .bs-panel{width:100%;margin-top:32px;gap:16px;padding:24px}
  .bs-panel__eyebrow{font-size:11px;line-height:13px}
  .bs-panel__title{font-size:28px;line-height:34px}
  .bs-panel__text{font-size:13px;line-height:20px}
  .bs-panel__cta{gap:8px;align-items:stretch}
  .bs-panel__btn{height:44px;font-size:13px;line-height:16px}
  .bs-panel__free{font-size:12px;line-height:15px}
  .bs-eyebrow{font-size:11px;line-height:13px}
  .bs-h2{font-size:28px;line-height:34px}
  .bs-how__inner{gap:0;padding:48px var(--gutter)}
  .bs-how__head{flex-direction:column;gap:16px}
  .bs-how__left{width:auto;gap:12px}
  .bs-steps{width:auto;padding-top:16px}
  .bs-step{flex-direction:column;gap:12px}
  .bs-step__num{width:auto;line-height:39px}
  .bs-step__title{font-size:15px;line-height:18px}
  .bs-step__text{font-size:13px;line-height:20px}
  .bs-step__link{font-size:13px;line-height:16px}
  .bs-account__inner{gap:0;padding:48px var(--gutter)}
  .bs-account__head{flex-direction:column;gap:16px}
  .bs-account__left{width:auto;gap:12px}
  .bs-rows{padding-top:16px}
  .bs-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
  .bs-row__num{width:auto;font-size:13px;line-height:16px}
  .bs-row__title{font-size:13px;line-height:16px}
  .bs-row__text{grid-column:1/-1;font-size:13px;line-height:20px}
  .bs-account__line{display:none}

  /* bet cart */
  .bc-intro__inner{padding:24px var(--gutter) 16px}
  .bc-intro__text{font-size:14px;line-height:20px}
  .bc__inner{flex-direction:column;gap:0;padding:0}
  .bc__left{gap:0;width:100%}
  .bc__header{gap:12px;padding:12px var(--gutter)}
  .bc__title{font-size:12px;line-height:15px;color:var(--gray)}
  .bc__count{font-size:12px;line-height:15px}
  .bc__tab{height:27px;padding:0 12px;font-size:12px;line-height:15px}
  .bc__selections{gap:16px;padding:0 var(--gutter) 16px}
  .bc__empty{margin:0 var(--gutter) 16px;padding:24px 16px}
  .sel-card{gap:16px;padding:16px;border-radius:6px}
  .sel-card__info{gap:4px}
  .sel-card__sport{font-size:11px;line-height:13px}
  .sel-card__event{font-size:15px;line-height:18px}
  .sel-card__market{font-size:13px;line-height:16px}
  .sel-card__remove{font-size:11px;line-height:13px;color:var(--gray)}
  .sel-card__row{padding-top:16px}
  .sel-card__pick-label{line-height:13px}
  .sel-card__pick-name{line-height:18px}
  .sel-card__price{padding:6px 12px;border-radius:4px;font-size:15px;line-height:18px}
  .stake{gap:14px;margin:0 var(--gutter) 24px;padding:16px;border-radius:6px}
  .stake__label{font-size:11px;line-height:13px}
  .stake__limits{font-size:12px;line-height:15px}
  .stake__input{height:48px;font-size:18px;line-height:22px}
  .stake__pills{gap:6px}
  .stake__pill{height:27px;padding:0 10px;font-size:12px;line-height:15px}
  .stake__clear{font-size:12px;line-height:15px}
  .bc__right{width:100%;padding:0 var(--gutter) 32px}
  .summary{gap:16px;padding:16px;border-radius:6px}
  .summary__title{font-size:14px;line-height:17px}
  .summary__count{font-size:12px;line-height:15px}
  .summary__rows{gap:10px}
  .summary__row{font-size:13px;line-height:16px}
  .summary__row b{font-size:14px;line-height:17px}
  .summary__row--return b{font-size:16px;line-height:19px}
  .summary__place{height:48px;font-size:15px;line-height:18px;gap:8px}
  .summary__rg{gap:8px}
  .summary__rg-label{font-size:11px;line-height:13px}
  .summary__rg-link{font-size:12px;line-height:15px}

  /* legal */
  .legal-intro__inner,.legal-intro--responsible-gambling .legal-intro__inner{gap:16px;padding:40px var(--gutter)}
  .legal-intro--privacy-policy .legal-intro__inner{padding:40px var(--gutter) 32px}
  .legal-intro__title,.legal-intro--privacy-policy .legal-intro__title{font-size:32px;line-height:39px}
  .legal-intro--responsible-gambling .legal-intro__title{font-size:36px;line-height:48px}
  .legal__inner,.legal--cookie-policy .legal__inner,.legal--privacy-policy .legal__inner{padding:0 var(--gutter) 64px}
  .legal .legal__section{max-width:none;padding-bottom:16px;margin-bottom:32px;border-bottom:1px solid var(--line)}
  .legal .legal__section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
  .legal .legal__h2{gap:12px;font-size:20px;line-height:27px;margin-bottom:16px;padding-bottom:0}
  .legal .legal__num{font-size:22px;line-height:27px}
  .legal .legal__h3{font-size:16px;line-height:22px}
  .legal p,.legal .legal__bullets,.legal .legal__steps{font-size:14px;line-height:21px}
  .legal .legal__section > * + *{margin-top:16px}
  .legal .legal__sub{padding-top:8px}
  .legal .legal__bullets,.legal .legal__steps{gap:12px}
  .legal--terms-and-conditions p + p,.legal--privacy-policy p + p{margin-top:16px}
  .legal .legal__section{padding-bottom:16px;margin-bottom:32px}
  .legal--cookie-policy .legal__bullets{padding-top:0}
  .legal__more a{font-size:14px;line-height:22px}
}

@media (min-width:1024px) and (max-width:1279px){
  .hero__title{font-size:64px;line-height:56px;max-width:600px}
  .sd-intro__title,.bs-hero__title,.help-intro__title,.contact-intro__title,.dl-intro__title,.about-hero__title{font-size:48px;line-height:56px}
  .hiw-intro__title{font-size:48px;line-height:60px}
}