/* licence badges (K8) */
.badges{display:grid;gap:12px;margin-top:22px}
@media(min-width:560px){.badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.badges{grid-template-columns:repeat(4,minmax(0,1fr))}}
.badges li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px 12px}
.badges .ic{color:var(--greenD);width:28px;height:28px}
.badges b{font-family:var(--ui);font-size:1.6rem;color:var(--navy)}
.badges span{font-size:1.25rem;color:var(--muted);line-height:1.35}
.badges-src{margin-top:14px;font-size:1.3rem;color:var(--muted)}

/* app screenshots */
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
@media(min-width:768px){.shots{gap:18px;max-width:760px;margin-left:auto;margin-right:auto}}
.shot{margin:0}
.shot a{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--navy);transition:border-color .18s ease,box-shadow .18s ease}
.shot a:hover,.shot a:focus{border-color:var(--green);box-shadow:0 14px 30px rgba(1,13,81,.26)}
.shot img{display:block;width:100%;height:auto}
.shots-cap{margin-top:10px;font-size:1.3rem;color:var(--muted);text-align:center}

/* payments (K6) */
.pay-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pay-chip{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:132px;min-height:50px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 18px;font-size:1.45rem;line-height:1;color:var(--navy);font-family:var(--ui)}
.pay-chip img{display:block;height:26px;width:auto;max-width:84px;object-fit:contain;flex:none}
.pay-chip .ic{color:var(--greenD)}
.tbl-head{display:block!important;margin-top:18px;font-family:var(--ui);font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pay-grid{display:grid;gap:8px;margin-top:20px}
@media(min-width:560px){.pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.pay-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pay-row{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:var(--rs);padding:12px 14px}
.pay-row span{font-size:1.4rem;color:var(--muted)}
.pay-row b{font-family:var(--ui);font-size:1.6rem;color:var(--navy)}
.pay-row-no b{color:var(--red)}
.pay-two{display:grid;gap:14px;margin-top:20px}
@media(min-width:760px){.pay-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pay-card{background:var(--navy);color:#cfd8ff;border-radius:var(--r);padding:18px}
.pay-card h3{display:flex;align-items:center;gap:8px;color:#fff;font-size:1.9rem}
.pay-card h3 .ic{color:var(--green)}
.pay-card ul{margin-top:12px;display:flex;flex-direction:column;gap:9px}
.pay-card li{font-size:1.5rem;padding-left:16px;position:relative}
.pay-card li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--green)}

/* steps (B11) */
.steps-wrap{display:grid;gap:18px;margin-top:22px}
@media(min-width:900px){.steps-wrap{grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:stretch}}
.steps{display:flex;flex-direction:column;gap:12px}
.steps li{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}
.step-n{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:var(--navy);font-family:var(--ui);font-size:1.9rem;font-weight:600}
.steps h3{font-size:1.8rem}
.steps p{margin-top:6px;font-size:1.55rem}
.steps-shot{margin:0;align-self:stretch;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:var(--navy)}
.steps-shot img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:top center}

/* support */
.sup-grid{display:grid;gap:12px;margin-top:22px}
@media(min-width:620px){.sup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.sup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sup{display:flex;flex-direction:column;background:#fff;border:2px solid var(--bg3);border-radius:var(--r);padding:18px}
.sup .ic-lg{color:var(--navy)}
.sup h3{margin-top:10px;font-size:1.8rem}
.sup p{display:flex;flex-direction:column;gap:1px;margin-top:10px;font-size:1.5rem;color:var(--ink)}
.sup p span{font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}

/* faq */
.faq{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.faq-item summary{display:flex;align-items:center;gap:12px;padding:16px 18px}
.faq-item summary:hover{background:var(--bg2)}
.faq-item h3{font-size:1.75rem;margin:0}
.faq-chev{margin-left:auto;flex:none;color:var(--greenD);transition:transform .2s ease}
.faq-item[open] .faq-chev{transform:rotate(180deg)}
.faq-item[open] summary{background:var(--bg2)}
.faq-item>p{padding:0 18px 18px;font-size:1.55rem}

/* final CTA (B20) */
.sec-final{position:relative;background:var(--navy);color:#dbe2ff;overflow:hidden;padding:46px 0 50px}
.sec-final::before{content:"";position:absolute;inset:0;background-image:var(--pat);background-repeat:repeat;background-size:220px auto;opacity:.18}
.sec-final::after{content:"";position:absolute;left:50%;top:-30%;width:620px;height:620px;transform:translateX(-50%);background:radial-gradient(circle,rgba(77,255,130,.26) 0%,rgba(77,255,130,0) 68%);pointer-events:none}
.final-in{position:relative;z-index:2;text-align:center;max-width:860px}
.final-in>*+*{margin-top:14px}
.final-decor{position:absolute;right:-30px;bottom:-30px;width:280px;height:auto;z-index:1;opacity:.9;pointer-events:none}
@media(max-width:900px){.final-decor{width:170px;right:-24px;bottom:-24px;opacity:.6}}
.final-kicker{display:inline-flex;font-family:var(--ui);font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green);border:1px solid rgba(77,255,130,.4);border-radius:999px;padding:5px 14px}
.sec-final h2{color:#fff;font-size:clamp(2.6rem,5.4vw,4.2rem)}
.final-lead{font-size:1.8rem;color:#c6d2ff}
.final-link{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--ui);font-weight:600;color:var(--green);
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;
  transition:color .18s ease,text-shadow .18s ease;
}
.final-link:hover,.final-link:focus{color:#fff;text-decoration:none;text-shadow:0 0 16px rgba(77,255,130,.8)}
.final-sub{font-size:1.5rem;color:#9fb0ee}
.final-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px}
.final-marks li{display:inline-flex;align-items:center;gap:7px;font-size:1.4rem;color:#c6d2ff}
.final-marks .ic{color:var(--green)}

/* editorial block (B14) */
.editorial{background:var(--bg2);border-top:1px solid var(--line);padding:26px 0}
.editorial-in{display:flex;gap:16px;align-items:flex-start}
.editorial-badge{flex:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:var(--green)}
.editorial h3{font-size:1.9rem}
.editorial-role{font-size:1.4rem;color:var(--muted);margin-top:2px}
.editorial-in p{font-size:1.5rem;margin-top:10px}
.editorial-dates{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px}
.editorial-dates li{display:flex;flex-direction:column;font-size:1.45rem;color:var(--ink);font-family:var(--ui)}
.editorial-dates span{font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.editorial-method{font-size:1.4rem}

/* icon list */
.ticks{display:grid;gap:10px;margin-top:18px}
@media(min-width:760px){.ticks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px}}
.ticks li{display:flex;align-items:flex-start;gap:10px;font-size:1.55rem;line-height:1.55}
.ticks li .ic{flex:none;margin-top:5px;color:var(--greenD)}
.ticks li span{min-width:0}

/* breadcrumbs + inline contents row (B19.4) */
.crumbs-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 20px;margin-top:12px}
.crumbs{min-width:0;flex:0 1 auto}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.crumbs li{display:inline-flex;align-items:center;gap:8px;min-width:0}
.crumbs a{font-size:1.4rem;color:var(--muted);text-decoration:none}
.crumbs a:hover,.crumbs a:focus{color:var(--greenD)}
.crumbs .ic{flex:none;color:var(--bg3)}
.crumbs [aria-current]{font-size:1.4rem;color:var(--navy);font-weight:500}
.toc-inline{flex:1 1 320px;min-width:0;margin-top:0}

/* withdrawal / process timeline: the rail runs dot to dot, never past the last one */
.tline{margin-top:22px;padding-left:44px;list-style:none}
.tline li{position:relative;padding:0 0 22px}
.tline li:last-child{padding-bottom:0}
.tline li::before{content:"";position:absolute;left:-38px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--green);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--greenD)}
.tline li:not(:last-child)::after{content:"";position:absolute;left:-28px;top:28px;bottom:-4px;width:2px;background:linear-gradient(180deg,var(--greenD),var(--green));border-radius:2px}
.sec-tint .tline li::before,.sec-games .tline li::before{border-color:var(--bg2)}
.tline b{display:block;font-family:var(--ui);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--greenD)}
.tline h3{margin-top:2px;font-size:1.8rem}
.tline p{margin-top:5px;font-size:1.55rem}

/* the final block keeps its buttons centred with the text */
.final-btns{justify-content:center;margin-top:16px}

/* columns follow the number of cards, so no row ever ends with a single tile */
@media(min-width:1024px){
  .why-grid:has(>:nth-child(2):last-child),.why-grid:has(>:nth-child(4):last-child),.why-grid:has(>:nth-child(10):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-grid:has(>:nth-child(7):last-child),.why-grid:has(>:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  .pay-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .pay-grid:has(>:nth-child(3):last-child),.pay-grid:has(>:nth-child(5):last-child),.pay-grid:has(>:nth-child(6):last-child),.pay-grid:has(>:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .promo-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-grid:has(>:nth-child(3):last-child),.promo-grid:has(>:nth-child(5):last-child),.promo-grid:has(>:nth-child(6):last-child),.promo-grid:has(>:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .badges:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .badges:has(>:nth-child(3):last-child),.badges:has(>:nth-child(5):last-child),.badges:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .type-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .type-grid:has(>:nth-child(3):last-child),.type-grid:has(>:nth-child(5):last-child),.type-grid:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(min-width:1100px){
  .sup-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .sup-grid:has(>:nth-child(3):last-child),.sup-grid:has(>:nth-child(5):last-child),.sup-grid:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* while a grid is two columns wide, an odd last tile takes the whole row */
@media(min-width:620px) and (max-width:1023px){
  .why-grid>:last-child:nth-child(odd){grid-column:span 2}
}
@media(min-width:560px) and (max-width:1023px){
  .pay-grid>:last-child:nth-child(odd),.promo-grid>:last-child:nth-child(odd),.badges>:last-child:nth-child(odd){grid-column:span 2}
}
@media(min-width:620px) and (max-width:1099px){
  .sup-grid>:last-child:nth-child(odd){grid-column:span 2}
}
@media(max-width:767px){
  .type-grid>:last-child:nth-child(odd){grid-column:span 2}
}
@media(max-width:559px){
  .cgrid>:last-child:nth-child(odd){grid-column:span 2}
}

@media(min-width:620px) and (max-width:1023px){
  .why-grid:has(>:nth-child(3):last-child),.why-grid:has(>:nth-child(9):last-child),.pay-grid:has(>:nth-child(3):last-child),.pay-grid:has(>:nth-child(9):last-child),.promo-grid:has(>:nth-child(3):last-child),.badges:has(>:nth-child(3):last-child),.type-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:620px) and (max-width:1023px){
  .why-grid:has(>:nth-child(3):last-child)>:last-child,.pay-grid:has(>:nth-child(3):last-child)>:last-child,.promo-grid:has(>:nth-child(3):last-child)>:last-child,.badges:has(>:nth-child(3):last-child)>:last-child,.type-grid:has(>:nth-child(3):last-child)>:last-child{grid-column:auto}
}