*{box-sizing:border-box;margin:0;padding:0}
body{background:#212325;color:#f2f4f0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.skip-link{position:absolute;left:-999px;top:0;background:#ACD927;color:#181A1D;padding:10px 16px;z-index:200}
.skip-link:focus{left:10px}
.site-head{background:#204430;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.35)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}
.logoimg{width:150px;height:50px;object-fit:contain}
.desknav{display:none}
.desknavlist{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.desknavlist>li{margin:0 12px;position:relative;list-style:none}
.desknavlist a,.desknavlist span{color:#f2f4f0;text-decoration:none;font-size:0.95rem}
.desknavlist a:hover,.desknavlist a:focus{color:#ACD927}
.hasdrop{display:flex;align-items:center}
.hasdrop .arrow{margin-left:4px;font-size:0.6rem;transition:transform 0.25s;color:#f2f4f0}
.hasdrop:hover .arrow{transform:rotate(180deg)}
.dropmenu{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#204430;z-index:150;flex-direction:column;list-style:none;margin:0;padding:0}
.hasdrop:hover .dropmenu{display:flex}
.dropmenu li{list-style:none;margin:0}
.dropmenu a{padding:8px 14px;white-space:nowrap;display:block}
.deskauth{display:none}
.btnlog{border:1px solid #ACD927;color:#e8f5c6;padding:8px 16px;text-decoration:none;border-radius:4px}
.btnsign{background:#ACD927;color:#181A1D;padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:700}
.btnlog:hover,.btnsign:hover{opacity:0.85}
.hamburger{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.25);border-radius:6px;width:44px;height:44px;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}
.hamburger span{display:block;width:22px;height:3px;background:#ffffff;margin:3px 0;border-radius:2px}
.hamburger:hover{background:rgba(255,255,255,0.18)}
.hamburger:focus{outline:2px solid #ACD927;outline-offset:2px}
.mobmenu{display:none;position:fixed;inset:0;width:100%;height:100%;background:#204430;z-index:180;flex-direction:column;overflow-y:auto}
.mobmenu.active{display:flex}
.mobtop{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.closebtn{background:transparent;border:none;color:#f2f4f0;font-size:1.8rem;cursor:pointer}
.mobnavlist{list-style:none;padding:0 20px;margin:0}
.mobnavlist>li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08);list-style:none}
.mobnavlist a,.mobnavlist span{color:#f2f4f0;text-decoration:none;font-size:1rem}
.mob-parent-row{display:flex;align-items:center}
.mob-parent-row a{flex:1}
.mobarrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;cursor:pointer;transition:transform 0.25s;transform-origin:center;color:#f2f4f0}
.mobarrow.mobarrowopen{transform:rotate(180deg)}
.mobsubmenu{display:none;list-style:none;padding-left:20px;margin:0}
.mobsubmenu.mobsubopen{display:block}
.mobsubmenu li{list-style:none}
.mobsubmenu a{padding:8px 0;display:block}
.mobauth{display:flex;padding:14px 20px;margin-top:0}
.mobauth a{flex:1;text-align:center;margin:0 6px}
.mobileoverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:170}
.mobileoverlay.active{display:block}
.breadcrumb{background:#2c5138;padding:10px 20px}
.breadcrumb ol{display:flex;list-style:none;margin:0;padding:0;max-width:1200px;margin:0 auto}
.breadcrumb li{list-style:none;font-size:0.85rem;color:#d8dcd6}
.breadcrumb a{color:#d8dcd6;text-decoration:none}
.breadcrumb a:hover{color:#ACD927}
.bc-sep{margin:0 8px;color:#B4BAB4}
main{max-width:1200px;margin:0 auto;padding:0 10px}
.herotop{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:40px 24px 30px;background:linear-gradient(135deg,#204430,#153020)}
.skybg{position:absolute;inset:0;opacity:0.1;pointer-events:none;width:100%;height:100%}
.herotext{position:relative;text-align:center;padding:0 8px;z-index:1}
.herotext h1{font-size:clamp(2rem,5vw,3rem);color:#f2f4f0;margin-bottom:14px}
.herotext p{color:#e8f0e2;max-width:640px;margin:0 auto 20px}
.ctapair{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;width:100%}
.ctapair.single{padding-block:20px}
.ctabtn{background:#ACD927;color:#181A1D;padding:12px 22px;border-radius:4px;text-decoration:none;font-weight:700;text-align:center}
.ctabtn:hover{opacity:0.85}
.ctaghost{background:transparent;border:1px solid #ACD927;color:#e8f5c6}
.heroicon{position:relative;display:flex;justify-content:center;margin-top:26px;z-index:1}
.heroicon svg{width:180px;height:auto}
.mechsec,.comparesec,.playsec,.wagersec,.fairnesssec{padding:36px 14px}
.mechsec h2,.comparesec h2,.playsec h2,.wagersec h2,.fairnesssec h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:16px;color:#f2f4f0}
.mechsec p,.comparesec p,.playsec p,.wagersec p,.fairnesssec p{margin-bottom:14px;color:#d8dcd6}
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.compcard{background:#282a2c;border-radius:8px;padding:18px;box-shadow:0 4px 12px rgba(0,0,0,0.3)}
.compcard:hover{box-shadow:0 6px 16px rgba(0,0,0,0.45)}
.compcard h3{font-size:1.05rem;color:#f2f4f0;margin-bottom:8px}
.ccmeta{font-size:0.85rem;color:#B4BAB4}
.steplist{list-style:none;display:flex;flex-direction:column;gap:10px;margin:20px 0;padding:0}
.stepcard{background:#282a2c;border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:14px;list-style:none}
.stepnum{background:#ACD927;color:#181A1D;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.steptext{color:#f2f4f0;font-size:0.95rem}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;background:#282a2c}
th,td{padding:10px 14px;text-align:left;color:#f2f4f0;border-bottom:1px solid rgba(255,255,255,0.08)}
th{font-size:0.9rem}
.sitefoot{background:#181A1D;padding-block:36px 20px;margin-top:40px}
.footgrid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.footbrand .legaltext{font-size:0.78rem;color:#B4BAB4;margin-top:12px}
.footnav ul{list-style:none;margin:0;padding:0}
.footnav a{color:#f2f4f0;text-decoration:none;display:block;padding:6px 0;font-size:0.9rem}
.footnav a:hover{color:#ACD927}
.foottrust{display:flex;gap:14px;align-items:center}
.foottrust img{height:auto}
.footcarousels{max-width:1200px;margin:24px auto 0;padding:20px;border-top:1px solid rgba(255,255,255,0.08)}
.carouselrow{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.carouselrow img{height:25px;width:auto;opacity:0.85}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(min-width:1025px){
.desknav{display:flex}
.deskauth{display:flex;gap:10px}
.hamburger{display:none}
.mobmenu{display:none!important}
.herotop{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;padding:56px 48px}
.herotext{text-align:left;padding:0}
.herotext p{margin:0 0 20px}
.ctapair{justify-content:center}
.heroicon{margin-top:0}
.heroicon svg{width:220px}
.mechsec,.comparesec,.playsec,.wagersec,.fairnesssec{padding:44px 24px}
}
@media(max-width:968px){
.cardgrid{grid-template-columns:1fr}
.footgrid{grid-template-columns:1fr}
}
@media(max-width:480px){
.mechsec,.comparesec,.playsec,.wagersec,.fairnesssec{padding:28px 10px}
.herotop{padding:32px 16px 24px}
table{font-size:0.85rem}
}
@media(max-width:320px){
.mobmenu{width:100%}
table{font-size:0.75rem}
}