
.cw-sec--band{margin:24px 0;padding:32px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(78,19,157,.22),rgba(78,19,157,.06))}
@media (min-width:768px){.cw-sec--band{padding:36px 28px}}
.cw-sec > p{max-width:72ch;color:#e3def9}
.cw-h2{font-size:clamp(1.5rem,1.2rem + 1.3vw,2.2rem);font-weight:800;margin-bottom:14px;padding-left:14px;border-left:4px solid var(--gold)}
.cw-h3{font-size:1.15rem;font-weight:800;margin:0 0 8px}
.cw-sec > .cw-h3{margin-top:28px}

.cw-duo{display:grid;gap:16px;margin-top:22px}
@media (min-width:1180px){.cw-duo{grid-template-columns:1fr 1fr;align-items:stretch}}
.cw-box{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.cw-box > p{color:var(--muted)}
.cw-ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cw-ticks li{display:flex;gap:10px;align-items:flex-start}
.cw-ticks .i{color:var(--ok);margin-top:4px}
.cw-line{list-style:none;margin:0;padding:0;position:relative}
.cw-line li{display:flex;gap:14px;position:relative;padding-bottom:16px}
.cw-line li:not(:last-child)::before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--line)}
.cw-line__n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font-weight:800;font-size:14px;border:2px solid var(--violet2)}

.cw-facts{margin:0;display:grid;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cw-facts div{display:grid;gap:2px;padding:10px 14px;border-top:1px solid var(--line)}
.cw-facts div:first-child{border-top:0}
.cw-facts dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cw-facts dd{margin:0;font-weight:800}
@media (min-width:600px){.cw-facts{grid-template-columns:1fr 1fr}.cw-facts div:nth-child(2){border-top:0}.cw-facts div:nth-child(odd){border-right:1px solid var(--line)}}
.cw-stats{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cw-stats li{display:grid;justify-items:center;text-align:center;gap:2px;padding:12px 6px;background:var(--surf);border:1px solid var(--line);border-radius:var(--r)}
.cw-stats .i{color:var(--gold)}
.cw-stats strong{font-size:1.35rem;line-height:1.2}
.cw-stats span{font-size:12px;color:var(--muted)}

/* bonuses */
.cw-bonuses{display:grid;gap:14px;margin-top:8px}
@media (min-width:700px){.cw-bonuses{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cw-bonus{display:flex;flex-direction:column;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.cw-bonus--main{background:linear-gradient(160deg,#3a1a86,var(--surf) 70%);border-color:rgba(241,211,38,.6)}
.cw-bonus__h{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;margin-bottom:10px}
.cw-bonus__h .i{color:var(--gold)}
.cw-bonus__big{font-size:2.2rem;font-weight:800;color:var(--gold);line-height:1;margin:0}
.cw-bonus__sub{color:var(--muted);margin:2px 0 10px;font-size:14px}
.cw-bonus__txt{font-size:14.5px;flex:1}

/* tables */
.cw-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);-webkit-overflow-scrolling:touch}
.cw-table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px}
.cw-table th{text-align:left;padding:12px 14px;background:var(--surf2);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.cw-table td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}
.cw-table--zebra tbody tr:nth-child(even) td{background:rgba(255,255,255,.035)}
.cw-em{color:var(--gold);font-weight:800}
.cw-hl{background:rgba(241,211,38,.07)}
th.cw-hl{color:var(--gold)}
.cw-mark{display:inline-flex;vertical-align:-3px;margin-right:6px}
.cw-mark--check{color:var(--ok)}.cw-mark--x{color:var(--bad)}.cw-mark--minus{color:var(--warn)}
.cw-swipe{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin:6px 0 0;font-size:12px;color:var(--muted)}
@media (min-width:768px){.cw-swipe{display:none}}

/* providers */
.cw-provs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:600px){.cw-provs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.cw-provs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cw-provs li{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted);font-size:14.5px}
.cw-provs .i{color:var(--violet2)}
.cw-provs strong{color:var(--text);margin-right:6px}

/* cards */
.cw-cards{display:grid;gap:14px}
@media (min-width:640px){.cw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.cw-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cw-card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:18px;font-size:14.5px}
.cw-card p{margin:0}
.cw-card strong{display:block;font-size:1rem;margin-bottom:4px}
.cw-card__ic{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(241,211,38,.12);color:var(--gold);margin-bottom:10px}

/* payments */
.cw-pays{display:grid;gap:12px}
@media (min-width:560px){.cw-pays{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1600px){.cw-pays{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cw-pay{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.cw-pay__name{display:flex;align-items:center;gap:10px;font-weight:800;margin:0 0 10px}
.cw-pay__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--violet);color:#fff}
.cw-pay dl{margin:0;display:grid;gap:4px;font-size:14px}
.cw-pay dl div{display:flex;justify-content:space-between;gap:10px}
.cw-pay dt{color:var(--muted)}
.cw-pay dd{margin:0;font-weight:800;text-align:right}
.cw-ok{color:var(--ok)}.cw-warn{color:var(--warn)}

/* checklist steps (B11·7) */
.cw-check{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cw-check li{display:flex;gap:14px;align-items:flex-start;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.cw-check__ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--gold-ink)}
.cw-check h3{font-size:1.05rem;font-weight:800;margin:3px 0 6px}
.cw-check p{margin:0;color:#e3def9}

/* safety checklist (K8·1) */
.cw-safe{border:1px solid rgba(95,227,161,.35);border-radius:var(--r);background:linear-gradient(180deg,rgba(95,227,161,.07),transparent);padding:16px}
.cw-safe__head{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:800;color:var(--ok);text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.cw-safe ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
@media (min-width:768px){.cw-safe ul{grid-template-columns:1fr 1fr;column-gap:24px}}
.cw-safe li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(95,227,161,.18)}
.cw-safe__ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(95,227,161,.18);color:var(--ok);margin-top:2px}
.cw-safe h3{font-size:1rem;font-weight:800;margin:0 0 2px}
.cw-safe p{margin:0;font-size:14.5px;color:var(--muted)}

/* access */
.cw-access{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.cw-access p{max-width:72ch}
.cw-access p:nth-of-type(2){font-size:14.5px;color:var(--muted)}

/* FAQ (B10·4) */
.cw-faq{display:grid;gap:10px}
.cw-faq__item{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:var(--bg)}
.cw-faq__item:nth-child(odd){background:var(--surf)}
.cw-faq__item h3{display:flex;gap:10px;align-items:flex-start;font-size:1.05rem;font-weight:800;margin:0 0 8px}
.cw-faq__item h3 .i{color:var(--gold);margin-top:2px}
.cw-faq__item p{margin:0;color:#e3def9;font-size:15px}

/* final CTA (B20·1) */
.cw-final{position:relative;overflow:hidden;margin:40px 0 0;display:grid;gap:16px;align-items:center;padding:24px;border-radius:var(--r);
  background:linear-gradient(120deg,var(--violet),#23107a 60%,var(--surf2));border:1px solid rgba(241,211,38,.4)}
.cw-final::before{content:"";position:absolute;inset:0;background:url(../img/brand-skyline.webp) center 34%/cover no-repeat;opacity:.55}
.cw-final::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(35,16,122,.93) 0%,rgba(35,16,122,.6) 46%,rgba(28,16,96,.4) 100%)}
.cw-final > *{position:relative;z-index:1}
.cw-final .cw-h2{border-left:0;padding-left:0}
.cw-final p{margin:0;color:#e9e4ff}
.cw-final .cw-btn{justify-self:start}
@media (min-width:900px){.cw-final{grid-template-columns:1fr auto;padding:34px 32px}}
@media (max-width:420px){.cw-final .cw-btn{justify-self:stretch;white-space:normal;text-align:center}}

/* author (B14·1) */
.cw-author{display:flex;gap:14px;align-items:center;margin:28px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2)}
.cw-author__av{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--violet);color:var(--gold);font-weight:800}
.cw-author p{margin:0}
.cw-author__name{font-weight:800}
.cw-author__role{font-size:14px;color:var(--muted)}
.cw-author__dates{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}

/* ---------- games (K3·2) ---------- */
.cw-games{margin-top:6px}
.cw-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.cw-tabs [role=tab]{flex:none;font:800 14px/1 var(--font);padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;min-height:40px}
.cw-tabs [aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.cw-rail{position:relative;margin-top:10px}
.cw-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:var(--violet) transparent;cursor:grab;align-items:stretch}
.cw-rail__track.is-drag{cursor:grabbing;scroll-snap-type:none}
.cw-rail__track.is-drag *{pointer-events:none}
@media (min-width:768px){.cw-rail__track{grid-auto-columns:150px;gap:12px}}
.cw-game{scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:2px;padding:0 0 10px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surf);color:var(--text);font:inherit;cursor:pointer;overflow:hidden;user-select:none}
.cw-game img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .25s;margin-bottom:6px}
.cw-game__name{padding:0 10px;font-size:13px;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cw-game__prov{padding:0 10px;font-size:12px;color:var(--muted)}
.cw-game--all{justify-content:center;align-items:center;text-align:center;padding:12px;background:linear-gradient(160deg,var(--violet),#23107a);border-color:rgba(241,211,38,.5)}
.cw-game__allicon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--gold-ink);margin-bottom:8px}
.cw-game--all .cw-game__name{font-size:15px}
.cw-rail__btn{display:none}
@media (min-width:768px){
  .cw-rail__btn{display:grid;place-items:center;position:absolute;top:calc(50% - 30px);width:40px;height:40px;border-radius:50%;
    border:1px solid var(--line);background:var(--violet);color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.45)}
  .cw-rail__btn--prev{left:-6px}
  .cw-rail__btn--next{right:-6px}
}

/* ---------- footer (B21·1) ---------- */
.cw-foot{margin-top:40px;padding:32px 16px 24px;background:var(--bg2);border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.cw-foot__grid{display:grid;gap:24px}
@media (min-width:600px){.cw-foot__grid{grid-template-columns:1fr 1fr}}
@media (min-width:1500px){.cw-foot__grid{grid-template-columns:1.4fr .7fr 1fr 1.3fr}}
.cw-foot__word{display:inline-block;font-size:1.3rem;font-weight:800;color:var(--gold);text-decoration:none;margin-bottom:8px}
.cw-foot h3{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text);margin:0 0 10px}
.cw-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cw-foot li{display:flex;gap:8px;align-items:flex-start}
.cw-foot li .i{margin-top:3px;color:var(--gold2)}
.cw-foot a{color:var(--text);text-decoration:none}
.cw-foot li > a{display:inline-flex;gap:8px;align-items:flex-start}
.cw-foot li > a .i{margin-top:3px}
.cw-foot li > span a{text-decoration:underline;text-underline-offset:2px}
.cw-mail{overflow-wrap:anywhere}
.cw-foot__trust{display:flex !important;flex-wrap:wrap;gap:10px 22px !important;margin:24px 0 0 !important;padding:14px 0 !important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cw-foot__trust li{align-items:center}
.cw-foot__rg{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:var(--r-sm);background:rgba(255,182,92,.08);border:1px solid rgba(255,182,92,.3);color:#f3e6d4}
.cw-foot__rg .i{color:var(--warn);margin-top:2px}
.cw-foot__rg strong{color:var(--warn)}
.cw-foot__copy{margin:16px 0 0;font-size:13px}
@media (min-width:1024px){.cw-foot{padding:40px 40px 28px}}
@media (min-width:1440px){.cw-foot{padding-left:56px;padding-right:56px}}
