*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:16px;line-height:1.6;color:#0a0909;background:#ffffff}
img{max-width:100%;height:auto;display:block}
a{color:#ffa602;text-decoration:none}
a:hover,a:focus-visible{color:#1fb575}
h1,h2,h3,h4{color:#ffa602;line-height:1.25;margin:0 0 .5em}
p{margin:0 0 1em}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.btn{display:inline-block;padding:12px 24px;border:0;border-radius:4px;background:#ffa602;color:#0a0909;font:inherit;font-weight:700;text-align:center;cursor:pointer}
.btn:hover,.btn:focus-visible{background:#1fb575;color:#0a0909}
.btn--secondary{background:#ffffff;color:#0a0909}
.btn--secondary:hover,.btn--secondary:focus-visible{background:#3abac6;color:#0a0909}
.site-header{position:sticky;top:0;z-index:100;background:#32353c;color:#ffffff;border-bottom:1px solid #33363e}
.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;min-height:72px;margin:0 auto;padding:8px 16px}
.site-header__home{display:block;flex:0 0 auto}
.site-header__home img{height:40px;width:auto}
.site-header__toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid #33363e;border-radius:4px;cursor:pointer}
.site-header__toggle-bar{display:block;height:2px;background:#ffffff;border-radius:1px}
.site-nav{display:none;width:100%}
.site-nav.is-open{display:block}
.site-nav__list{list-style:none;margin:0;padding:8px 0 16px;display:flex;flex-direction:column;gap:8px}
.site-nav__link{display:block;padding:10px 12px;color:#ffffff;border-radius:4px;font-weight:500}
.site-nav__link:hover,.site-nav__link:focus-visible{color:#1fb575}
.site-nav__link--cta{background:#ffa602;color:#0a0909;font-weight:700;text-align:center}
.site-nav__link--cta:hover,.site-nav__link--cta:focus-visible{background:#1fb575;color:#0a0909}
.site-nav__link--cta-secondary{background:#ffffff;color:#0a0909;font-weight:700;text-align:center}
.site-nav__link--cta-secondary:hover,.site-nav__link--cta-secondary:focus-visible{background:#3abac6;color:#0a0909}
.site-footer{background:#32353c;color:#ffffff;border-top:1px solid #33363e;padding:24px 0}
.site-footer__inner{max-width:1200px;margin:0 auto;padding:0 16px}
.site-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}
.site-footer a{color:#ffa602}
.site-footer a:hover,.site-footer a:focus-visible{color:#1fb575}
@media (min-width:768px){
  .site-header__toggle{display:none}
  .site-nav{display:block;width:auto}
  .site-nav__list{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px;padding:0}
  .site-nav__link{padding:8px 12px}
  .site-nav__link--cta,.site-nav__link--cta-secondary{padding:10px 16px}
  .site-footer__list{justify-content:flex-start}
}
@media (min-width:1024px){
  .site-header__home img{height:48px}
}
.not-found{padding:64px 0;text-align:center}
.not-found .btn{margin-top:16px}

/* Home page layout (extends the site stylesheet; colours from brand palette only) */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;
  --radius:8px;--radius-lg:12px;--radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(10,9,9,.08);
  --shadow:0 6px 20px rgba(10,9,9,.14);
  --line:1px solid #33363e;
  --ease:200ms ease;
  --fs-body:clamp(1rem,.96rem+.2vw,1.125rem);
  --fs-h1:clamp(2rem,1.3rem+3vw,3.25rem);
  --fs-h2:clamp(1.5rem,1.15rem+1.6vw,2.25rem);
  --fs-h3:clamp(1.125rem,1.02rem+.5vw,1.375rem);
}
.page-main{padding-bottom:96px;font-size:var(--fs-body);line-height:1.6}
.page-main img{max-width:100%;height:auto}

/* Hero */
.hero{padding:var(--space-12) 0 var(--space-12);color:#ffffff;background:radial-gradient(60% 80% at 85% 0%,rgba(255,166,2,.28) 0%,rgba(255,166,2,0) 70%),linear-gradient(160deg,#32353c 0%,#33363e 100%)}
.hero__title{font-size:var(--fs-h1);line-height:1.15;color:#ffa602;margin:0 0 var(--space-4);max-width:22ch;font-weight:700}
.hero__lead{max-width:65ch;margin:0 0 var(--space-6);color:#ffffff}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-6)}
.hero .btn:focus-visible{outline-color:#ffa602}
.trust-cues{list-style:none;margin:0 0 var(--space-8);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.trust-cues li{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid rgba(255,166,2,.5);border-radius:var(--radius-pill);color:#ffffff;font-size:15px;font-weight:500}
.trust-cues li::before{content:"";width:10px;height:10px;border-radius:50%;background:#ffa602;flex:0 0 auto}

/* Table of contents box */
.toc{background:#ffffff;color:#0a0909;border:var(--line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow)}
.toc__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);grid-template-columns:1fr}
@media (min-width:640px){.toc__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.toc__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.toc__link{display:flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid #33363e;color:#0a0909;text-decoration:none;font-weight:500;transition:background-color var(--ease),color var(--ease)}
.toc__link::before{content:"";width:8px;height:8px;border-radius:50%;background:#ffa602;margin-right:var(--space-2);flex:0 0 auto}
.toc__link:hover{background:#ffa602;color:#0a0909}
.toc__link:focus-visible{outline:3px solid #0a0909;outline-offset:2px}

/* Bands (alternating background / surface) */
.band{padding:var(--space-12) 0}
@media (min-width:768px){.band{padding:var(--space-16) 0}}
.band--light{background:#ffffff;color:#0a0909}
.band--dark{background:#32353c;color:#ffffff}
.band h2{font-size:var(--fs-h2);line-height:1.2;margin:0 0 var(--space-6);padding-top:var(--space-4);position:relative;font-weight:700}
.band h2::before{content:"";position:absolute;top:0;left:0;width:56px;height:4px;border-radius:2px;background:#ffa602}
.band--light h2{color:#0a0909}
.band--dark h2{color:#ffa602}
.prose{max-width:70ch;margin:0 0 var(--space-8)}
.prose p{margin:0 0 var(--space-4)}
.prose ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}
.prose li{margin:0 0 var(--space-2)}
.band--light a:not(.btn){color:#0a0909;text-decoration:underline;text-decoration-color:#ffa602;text-decoration-thickness:2px;text-underline-offset:3px}
.band--light a:not(.btn):hover{color:#0a0909;text-decoration-color:#1fb575}
.band--dark a:not(.btn){color:#ffa602;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.band--dark a:not(.btn):hover{color:#1fb575;text-decoration-color:#1fb575}
.page-main a:focus-visible,.page-main summary:focus-visible{outline:3px solid #0a0909;outline-offset:3px}
.band--dark a:focus-visible,.band--dark summary:focus-visible{outline-color:#ffa602}

/* Buttons */
.page-main .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;text-decoration:none;transition:background-color var(--ease),color var(--ease),transform var(--ease)}
.page-main .btn:hover{transform:translateY(-1px)}
.page-main .btn:active{transform:translateY(0)}
.page-main .btn:focus-visible{outline:3px solid #0a0909;outline-offset:3px}
.page-main .btn--secondary{box-shadow:inset 0 0 0 1px #0a0909}
.cta-row{display:flex;justify-content:center;margin:var(--space-8) 0 0}

/* Numbered steps */
.page-main .steps{list-style:none;counter-reset:step;margin:0 0 var(--space-6);padding:0;display:grid;gap:var(--space-3)}
.page-main .steps li{counter-increment:step;position:relative;margin:0;padding:var(--space-4) var(--space-4) var(--space-4) 68px;background:#ffffff;color:#0a0909;border:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--ease)}
.page-main .steps li:hover{transform:translateY(-2px)}
.page-main .steps li::before{content:counter(step);position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffa602;color:#0a0909;font-weight:700;display:flex;align-items:center;justify-content:center}

/* Tables (scroll horizontally on small screens) */
.page-main .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#ffffff;color:#0a0909;border:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:0 0 var(--space-8)}
.page-main .table-wrap table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.5}
.page-main .table-wrap th,.page-main .table-wrap td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:var(--line)}
.page-main .table-wrap thead th{background:#32353c;color:#ffa602;font-weight:700}
.page-main .table-wrap tbody th{font-weight:700;width:30%}
.page-main .table-wrap tbody tr:last-child th,.page-main .table-wrap tbody tr:last-child td{border-bottom:0}

/* Promo banner (clickable image) */
.page-main .promo-banner{display:block;border-radius:var(--radius-lg);overflow:hidden;border:var(--line);box-shadow:var(--shadow);transition:transform var(--ease);margin:0 0 var(--space-8)}
.page-main .promo-banner:hover{transform:translateY(-2px)}
.page-main .promo-banner img{width:100%;height:auto}
.page-main .promo-banner:focus-visible{outline:3px solid #0a0909;outline-offset:3px}

/* Figures strip */
.page-main .figures{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:1fr}
@media (min-width:640px){.page-main .figures{grid-template-columns:repeat(3,minmax(0,1fr))}}
.page-main .figures li{background:#32353c;color:#ffffff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow)}
.page-main .figure__value{display:block;font-size:clamp(2rem,1.6rem+2vw,2.75rem);font-weight:700;line-height:1.1;color:#ffa602}
.page-main .figure__label{display:block;margin-top:var(--space-2);font-size:15px;color:#ffffff}

/* FAQ accordion */
.page-main .faq{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}
.page-main .faq li{margin:0}
.page-main .faq__item{background:#ffffff;color:#0a0909;border-radius:var(--radius-lg);border:var(--line);box-shadow:var(--shadow-sm);overflow:hidden}
.page-main .faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:44px;padding:var(--space-4) var(--space-6);cursor:pointer;list-style:none;transition:background-color var(--ease)}
.page-main .faq__item summary::-webkit-details-marker{display:none}
.page-main .faq__item summary:hover{background:#ffa602}
.page-main .faq__item summary h3{margin:0;color:#0a0909;font-size:var(--fs-h3);line-height:1.3}
.page-main .faq__item summary::after{content:"+";flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#ffa602;color:#0a0909;font-size:20px;font-weight:700;line-height:32px;text-align:center;transition:transform var(--ease)}
.page-main .faq__item summary:hover::after{background:#0a0909;color:#ffa602}
.page-main .faq__item[open] summary::after{transform:rotate(45deg)}
.page-main .faq__answer{padding:0 var(--space-6) var(--space-6)}
.page-main .faq__answer p{margin:0;max-width:70ch}

/* Sticky bottom promo bar */
.page-main .promo-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#32353c;color:#ffffff;border-top:1px solid #33363e;box-shadow:0 -4px 16px rgba(10,9,9,.25);padding:var(--space-3) var(--space-4)}
.page-main .promo-bar__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}
.page-main .promo-bar__text{display:flex;align-items:center;gap:var(--space-2);margin:0;font-weight:500;font-size:15px}
.page-main .promo-bar__icon{width:12px;height:12px;border-radius:50%;background:#ffa602;flex:0 0 auto}
.page-main .promo-bar .btn{min-height:44px;padding:10px 20px}

/* Larger screens */
@media (min-width:768px){
  .hero{padding:var(--space-16) 0 var(--space-16)}
  .trust-cues{margin-bottom:var(--space-12)}
}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .page-main *,.page-main *::before,.page-main *::after{transition:none!important;animation:none!important}
  .page-main .btn:hover,.page-main .promo-banner:hover,.page-main .steps li:hover{transform:none!important}
}

/* Hero promo tiles */
.hero-tiles{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin:0 0 var(--space-8)}
@media (min-width:640px){.hero-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hero-tile{display:flex;flex-direction:column;background:#ffffff;color:#0a0909;border-radius:var(--radius-lg);border:var(--line);box-shadow:var(--shadow);overflow:hidden;transition:transform var(--ease)}
.hero-tile:hover{transform:translateY(-2px)}
.hero-tile__media{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#32353c 0%,#1fb575 100%)}
.hero-tile__media img{width:100%;height:100%;object-fit:cover}
.hero-tile__media--alt{background:radial-gradient(70% 90% at 80% 10%,rgba(255,166,2,.55) 0%,rgba(255,166,2,0) 70%),linear-gradient(160deg,#33363e 0%,#32353c 100%)}
.hero-tile__media--cool{background:linear-gradient(135deg,#3abac6 0%,#32353c 100%)}
.hero-tile__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);flex:1}
.hero-tile__title{margin:0;font-weight:700;font-size:var(--fs-h3);line-height:1.3}
.hero-tile__title a{color:#0a0909;text-decoration:underline;text-decoration-color:#ffa602;text-decoration-thickness:2px;text-underline-offset:3px}
.hero-tile__title a:hover{text-decoration-color:#1fb575}
.hero-tile .btn{align-self:flex-start}

/* Touch targets for the table of contents and promo bar */
.page-main .toc__list{gap:var(--space-3)}
.page-main .toc__link{min-width:44px;min-height:44px;padding:12px var(--space-3)}
.page-main .promo-bar .btn{min-width:44px;min-height:44px;padding:12px 20px}

/* Phone: the promo bar shrinks to its button so it does not cover body copy */
@media (max-width:639px){
  .page-main .promo-bar{padding:var(--space-2) var(--space-4)}
  .page-main .promo-bar__text{display:none}
  .page-main .promo-bar__inner{justify-content:center}
}

/* Revision: centred key/value table, text-only hero tiles, touch-sized tile links, FAQ question spans */
.page-main .kv-wrap{max-width:720px;margin:0 auto var(--space-8)}
.page-main .hero-tile--text{border-top:6px solid #ffa602}
.page-main .hero-tile__title a{display:inline-flex;align-items:center;min-height:44px}
.page-main .faq__item summary .faq__question{margin:0;color:#0a0909;font-size:var(--fs-h3);line-height:1.3;font-weight:700}

/* Payments page: breadcrumb, table of contents title, inline promo, media, table focus */
html{scroll-padding-top:96px}
.page-main .breadcrumb{margin:0 0 var(--space-6)}
.page-main .breadcrumb__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);font-size:15px;color:#ffffff}
.page-main .breadcrumb__list li+li::before{content:"/";margin-right:var(--space-2);color:#ffffff}
.page-main .breadcrumb a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-1);color:#ffa602;border-radius:4px}
.page-main .breadcrumb a:hover{color:#1fb575}
.page-main .breadcrumb a:focus-visible{outline:3px solid #ffa602;outline-offset:2px}
.page-main .toc__title{margin:0 0 var(--space-4);font-size:var(--fs-h3);font-weight:700;color:#0a0909;line-height:1.3}
.page-main .inline-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:#ffffff;color:#0a0909;border:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.page-main .inline-promo__text{display:flex;align-items:center;gap:var(--space-2);margin:0;font-weight:700}
.page-main .inline-promo__icon{width:12px;height:12px;border-radius:50%;background:#ffa602;flex:0 0 auto}
.page-main .media-full{margin:0 0 var(--space-8)}
.page-main .media-full img,.page-main .media-center img{width:100%;height:auto;border-radius:var(--radius-lg);border:var(--line);box-shadow:var(--shadow)}
.page-main .media-center{margin:var(--space-8) auto;max-width:320px}
.page-main .table-wrap:focus-visible{outline:3px solid #0a0909;outline-offset:3px}
.band--dark .table-wrap:focus-visible{outline-color:#ffa602}

/* Inline body links: 44px minimum tap height without changing line spacing */
.page-main .prose a:not(.btn){display:inline-block;min-width:44px;min-height:44px;padding:12px 4px;margin:0;vertical-align:baseline}

/* Revision: breadcrumb tap width, media caption */
.page-main .breadcrumb a{min-width:44px;justify-content:center}
.page-main .media-center figcaption{margin-top:var(--space-3);font-size:15px;color:inherit;text-align:center}

/* Contact page: quiet secondary hero action, label above data tables */
.hero__actions{align-items:center}
.hero__link{display:inline-flex;align-items:center;min-height:44px;padding:12px 4px;color:#ffa602;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:color var(--ease)}
.hero__link:hover{color:#1fb575}
.hero__link:focus-visible{outline:3px solid #ffa602;outline-offset:3px}
.page-main .table-label{margin:var(--space-6) 0 var(--space-3)}

/* Revision: promo banner section, hero promise line, phone tap targets */
.page-main .promo-full{display:grid;gap:var(--space-4);align-items:center;padding:var(--space-6);background:#ffffff;color:#0a0909;border:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
@media (min-width:768px){.page-main .promo-full{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;padding:var(--space-8)}}
.page-main .promo-full__image{width:100%;height:auto;border-radius:var(--radius);border:var(--line)}
.page-main .promo-full__text{margin:0;font-size:var(--fs-h3);font-weight:700;line-height:1.3;color:#0a0909}
.page-main .promo-full .btn{justify-self:start}
.page-main a,.page-main summary{min-height:44px;min-width:44px}
/* Privacy page: checklist with check icons, page metadata block, table focus on dark bands */
.page-main .checklist{list-style:none;margin:0 0 var(--space-6);padding:0;display:grid;gap:var(--space-3)}
.page-main .checklist li{position:relative;margin:0;padding:var(--space-3) var(--space-4) var(--space-3) 56px;background:#ffffff;color:#0a0909;border:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--ease)}
.page-main .checklist li:hover{transform:translateY(-2px)}
.page-main .checklist li::before{content:"";position:absolute;left:var(--space-4);top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#ffa602}
.page-main .checklist li::after{content:"";position:absolute;left:calc(var(--space-4) + 7px);top:50%;width:5px;height:10px;margin-top:-7px;border-right:2px solid #0a0909;border-bottom:2px solid #0a0909;transform:rotate(45deg)}
.page-main .page-meta{margin:var(--space-12) 0 0;padding-top:var(--space-6);border-top:var(--line);font-size:15px;color:#0a0909}
.page-main .page-meta p{margin:0 0 var(--space-3);max-width:70ch}
.page-main .page-meta__list{margin:0 0 var(--space-4);padding-left:var(--space-6)}
.page-main .page-meta__list li{margin:0 0 var(--space-1)}
@media (prefers-reduced-motion:reduce){
  .page-main .checklist li:hover{transform:none!important}
}

/* Revision: two-column hero with visual, hero lead, promo art, hero illustration */
.hero__grid{display:grid;gap:var(--space-8);align-items:center}
.hero__body{min-width:0}
.hero__visual{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid rgba(255,166,2,.5);box-shadow:var(--shadow);background:#32353c}
.hero__visual img{width:100%;height:100%;object-fit:cover}
.hero__lead{font-size:var(--fs-body)}
@media (min-width:900px){.hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.page-main .promo-full__image{aspect-ratio:16/9;object-fit:cover;display:block}
.page-main .media-full img{aspect-ratio:21/9;object-fit:cover}

/* Revision: dark-band focus rings and hero/TOC tap targets */
.page-main .hero .btn:focus-visible,.page-main .band--dark .btn:focus-visible{outline-color:#ffa602}
.page-main .hero a:not(.btn),.page-main .toc a{box-sizing:border-box;min-width:44px;min-height:44px;padding:12px var(--space-3);display:inline-flex;align-items:center;justify-content:center}

/* Revision: phone containment, grid minmax, header logo tap height */
.page-main{overflow-x:clip}
.page-main .steps,.page-main .checklist,.page-main .faq{grid-template-columns:minmax(0,1fr)}
.page-main .table-wrap{max-width:100%}
.site-header__home{min-height:44px;display:flex;align-items:center}
/* Bets page: option cards, natural-ratio media */
.option-cards{list-style:none;margin:0 0 var(--space-6);padding:0;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.option-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.option-cards li{margin:0;padding:var(--space-6);background:#ffffff;color:#0a0909;border:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--ease)}
.option-cards li:hover{transform:translateY(-2px)}
.page-main .media-natural img{aspect-ratio:auto;object-fit:contain;background:#ffffff}
@media (prefers-reduced-motion:reduce){.option-cards li:hover{transform:none!important}}
/* Register page: hero meta lines, table of contents spacing, article blocks, callouts, promo icon */
.toc-section{padding:var(--space-12) 0 0}
@media (min-width:768px){.toc-section{padding-top:var(--space-16)}}
.hero-image-wrap{padding-top:var(--space-12)}
.page-main .hero__date{margin:0 0 var(--space-3);font-size:15px;color:#ffffff}
.page-main .hero__disclaimer{max-width:70ch;margin:0 0 var(--space-6);font-size:15px;color:#ffffff}
.page-main .article-block{margin:0 0 var(--space-12)}
.page-main .article-block:last-child{margin-bottom:0}
.page-main .article-block h3{font-size:var(--fs-h3);line-height:1.3;font-weight:700;color:#0a0909;margin:var(--space-8) 0 var(--space-4)}
.page-main .callout{margin:0 0 var(--space-6);padding:var(--space-4) var(--space-6);background:#ffffff;color:#0a0909;border:var(--line);border-left:6px solid #ffa602;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.page-main .callout p{margin:0;max-width:70ch}
.page-main .promo-full__text .inline-promo__icon{display:inline-block;vertical-align:middle;margin-right:var(--space-2)}
.page-main .promo-full__text{display:flex;align-items:center;gap:0}
@media (min-width:768px){.page-main .promo-full{grid-template-columns:minmax(0,1fr) auto}}
.page-main .article-block > ul:not(.checklist){margin:0 0 var(--space-6);padding-left:var(--space-6)}
.page-main .article-block > ul:not(.checklist) li{margin:0 0 var(--space-2)}
.page-main .article-block > p{max-width:70ch}
.page-main .article-block .table-wrap{margin-top:var(--space-4)}

/* Revision: checkmark icon for table of contents links, replaces the dot bullet */
.page-main .toc__link::before{content:"";width:8px;height:14px;border-radius:0;background:none;border-right:2px solid #0a0909;border-bottom:2px solid #0a0909;transform:rotate(45deg);margin:0 var(--space-3) 3px var(--space-1);flex:0 0 auto}
/* Revision: dark-band article headings, promo wrapper spacing */
.band--dark .article-block h3{color:#ffa602}
.page-main .promo-wrap{padding:var(--space-8) 0 0}
/* Revision: thin dark utility strip above the hero */
.utility-bar{background:#32353c;color:#ffffff;border-bottom:1px solid #33363e}
.utility-bar__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);padding:var(--space-1) var(--space-4)}
.utility-bar__text{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:14px;font-weight:500}
.utility-bar__link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:8px 12px;color:#ffa602;font-weight:700;border-radius:4px}
.utility-bar__link:hover{color:#1fb575}
.utility-bar__link:focus-visible{outline:3px solid #ffa602;outline-offset:2px}
.utility-bar__icon{width:10px;height:10px;border-radius:50%;background:#ffa602;flex:0 0 auto}
/* Revision: hero visual opens the page; option cards fill complete rows in snelstart */
.hero__visual{order:-1;aspect-ratio:16/7;margin:0 0 var(--space-6)}
.hero__art{position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(255,166,2,.6) 0 16%,rgba(255,166,2,0) 17%),repeating-linear-gradient(135deg,rgba(31,181,117,.35) 0 2px,rgba(31,181,117,0) 2px 28px),linear-gradient(160deg,#32353c 0%,#33363e 100%)}
@media (min-width:640px){.hero__visual{aspect-ratio:21/8}}
@media (min-width:900px){.hero__visual{order:0;aspect-ratio:4/3;margin:0}}
.page-main #snelstart .option-cards{grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.page-main #snelstart .option-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Bonus page: centred promo bar actions, intro lead, hero visual after copy on phones */
.page-main .promo-bar__inner{justify-content:center}
.page-main .intro__lead{font-size:clamp(1.125rem,1rem+.6vw,1.375rem);font-weight:500}
.page-main .hero__visual{order:1;margin:0}
@media (min-width:900px){.page-main .hero__visual{order:0}}
/* Revision: promo bar slides in only after the table of contents has been scrolled past */
.page-main .promo-bar{transition:transform var(--ease)}
.page-main .promo-bar.is-hidden{transform:translateY(100%);visibility:hidden}