/* UX layer – FieryPlay Chile "Cordillera & Cobre" (2026-11-12). Based on the DE pilot, re-skinned:
   copper is the structural accent (lines, nodes, icons), red the glow, yellow the numbers; Outfit/Inter; 14px radius;
   southern-cross star (✦) and cordillera ridge as motifs. */
:root{
  --ux-acc:var(--cdr-cu);--ux-acc-soft:rgba(200,120,58,.13);--ux-acc-line:rgba(200,120,58,.5);--ux-acc-ink:var(--cdr-cu-l);
  --ux-red:var(--cdr-red);--ux-red-soft:rgba(232,0,52,.16);
  --ux-hi:var(--cdr-yel);--ux-sf:var(--cdr-s1);--ux-sf2:#111114;--ux-line:var(--cdr-line);--ux-r:var(--cdr-r);--ux-r2:20px;
  --ux-fd:var(--cdr-ff-h);--ux-tx:#DEDEE3;--ux-mut:var(--cdr-mut);--ux-label:var(--cdr-cu-l);
  --ux-glow:0 16px 36px -16px rgba(232,0,52,.6),0 0 0 1px rgba(200,120,58,.18);--ux-head:var(--cdr-hd);
  --ux-ridge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30' preserveAspectRatio='none'%3E%3Cpath d='M0 28 L26 17 L42 22 L74 5 L98 18 L124 9 L150 23 L176 12 L200 19' fill='none' stroke='%23C8783A' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --ux-ease:cubic-bezier(.2,.7,.2,1)
}

/* ---------- reading progress ---------- */
.ux-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;pointer-events:none}
.ux-progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--cdr-crimson),var(--ux-red) 45%,var(--ux-acc-ink));box-shadow:0 0 12px rgba(232,0,52,.55)}

/* ---------- section head: number badge on the site's own kicker ---------- */
.ux-kick b{order:-2;display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 8px;border-radius:7px;background:var(--ux-acc-soft);border:1px solid var(--ux-acc-line);color:var(--ux-acc-ink);font-family:var(--ux-fd);font-size:11.5px;letter-spacing:.04em}
.ux-kick::before{order:-1}
.cdr-sec{padding-top:46px}
.cdr-sec > .cdr-lead,.cdr-sec .cdr-lead{line-height:1.7}

/* ---------- shared bits ---------- */
.ux-ic{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:linear-gradient(150deg,rgba(200,120,58,.2),rgba(200,120,58,.05));border:1px solid var(--ux-acc-line);color:var(--ux-acc-ink);transition:transform .35s var(--ux-ease),background .3s,color .3s}
.ux-ic svg{width:22px;height:22px}

/* ---------- stat strip (with cordillera ridge) ---------- */
.ux-stats{list-style:none;margin:18px 0 26px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ux-stats li{margin:0;padding:14px 16px 22px;border-radius:var(--ux-r);background:linear-gradient(165deg,#1C1215,var(--ux-sf) 60%);border:1px solid var(--ux-line);position:relative;overflow:hidden}
.ux-stats li::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:20px;background:var(--ux-ridge) center/100% 100% no-repeat;opacity:.45;transition:opacity .3s,transform .5s var(--ux-ease)}
.ux-stats:has(> li:only-child){grid-template-columns:minmax(0,260px)}
.ux-stat__v{display:block;font-family:var(--ux-fd);font-weight:800;font-size:clamp(1.25rem,2.6vw,1.65rem);line-height:1.15;color:var(--ux-hi);white-space:nowrap;font-variant-numeric:tabular-nums}
.ux-stat__l{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:var(--ux-mut);hyphens:manual;-webkit-hyphens:manual}
@media(max-width:699px){.ux-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ux-stats:has(> li:nth-child(4)){grid-template-columns:1fr 1fr}.ux-stats li{padding:11px 12px 20px}.ux-stat__v{font-size:1.15rem}.ux-stat__l{font-size:12px}}

/* ---------- facts ---------- */
.ux-facts{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0 1.2em}
@media(min-width:640px){.ux-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ux-fact{margin:0;padding:13px 16px 13px 18px;border-radius:var(--ux-r);background:var(--ux-sf);border:1px solid var(--ux-line);box-shadow:inset 3px 0 0 var(--ux-acc)}
.ux-fact dt{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ux-label);margin-bottom:4px}
.ux-fact dd{margin:0;color:#F1F1F4;font-size:15px;line-height:1.5}
@media(max-width:639px){.ux-fact{padding:10px 14px 10px 16px}.ux-fact dd{font-size:14.5px}}

/* ---------- collapsible "more" ---------- */
.ux-more{margin:16px 0 1.2em;border:1px solid var(--ux-line);border-radius:var(--ux-r);background:var(--ux-sf2);transition:border-color .3s,box-shadow .3s}
.ux-more:hover,.ux-more[open]{border-color:var(--ux-acc-line)}
.ux-more[open]{box-shadow:var(--ux-glow)}
.ux-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--ux-r)}
.ux-more summary::-webkit-details-marker{display:none}
.ux-more .ux-ic{width:36px;height:36px;border-radius:10px}
.ux-more .ux-ic svg{width:19px;height:19px}
.ux-more__t{flex:1;min-width:0;font-weight:700;color:#fff;line-height:1.35}
.ux-more__t h3{margin:0;font-size:1.02rem}
.ux-more__x{position:relative;flex:none;width:30px;height:30px;border-radius:8px;border:1px solid var(--ux-acc-line);transition:transform .35s var(--ux-ease),background .3s}
.ux-more__x::before,.ux-more__x::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ux-acc-ink);border-radius:2px}
.ux-more__x::after{transform:rotate(90deg);transition:transform .35s var(--ux-ease)}
.ux-more[open] .ux-more__x{transform:rotate(180deg);background:var(--ux-acc-soft)}
.ux-more[open] .ux-more__x::after{transform:rotate(0)}
.ux-more summary:hover .ux-ic{transform:scale(1.08) rotate(-4deg)}
.ux-more__body{padding:2px 16px 16px}
.ux-more__body .cdr-tw{margin:6px 0 .6em}
.ux-more__body > p:last-child{margin-bottom:0}
.ux-more[open] .ux-more__body{animation:uxDrop .4s var(--ux-ease)}
@keyframes uxDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ---------- timeline flow ---------- */
.ux-flow{list-style:none;margin:24px 0 1.4em;padding:0;position:relative;display:grid;gap:14px}
.ux-flow::before{content:"";position:absolute;left:25px;top:28px;bottom:28px;width:2px;background:linear-gradient(var(--ux-acc),var(--ux-red) 50%,var(--ux-acc));opacity:.6}
.ux-flow__item{margin:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start}
.ux-flow__node{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;white-space:nowrap;color:#fff;font-family:var(--ux-fd);font-weight:800;font-size:13px;letter-spacing:-.02em}
.ux-flow__node::before{content:"";position:absolute;inset:7px;z-index:-1;border-radius:9px;transform:rotate(45deg);background:linear-gradient(135deg,#4A2209,#1A0A06);border:2px solid var(--ux-acc);box-shadow:0 0 0 5px var(--cdr-bg),0 0 20px rgba(200,120,58,.4);transition:transform .35s var(--ux-ease),border-color .3s}
.ux-flow__body{padding:16px 18px;border-radius:var(--ux-r);background:var(--ux-sf);border:1px solid var(--ux-line)}
.ux-flow__body h3{margin-bottom:.45em}
.ux-flow__body > :last-child{margin-bottom:0}
.ux-flow__body p{color:var(--ux-tx)}
.ux-flow__item:hover .ux-flow__node::before{transform:rotate(45deg) scale(1.1);border-color:var(--ux-hi)}
@media(max-width:699px){.ux-flow::before{left:17px}.ux-flow__item{grid-template-columns:36px minmax(0,1fr);gap:12px}.ux-flow__node{width:36px;height:36px;font-size:10px;letter-spacing:-.04em}.ux-flow__node::before{inset:5px;border-radius:6px}.ux-flow__body{padding:14px}}

/* ---------- rules checklist ---------- */
.ux-rules{position:relative;margin:24px 0 1.2em;padding:20px 20px 12px;border-radius:var(--ux-r2);background:linear-gradient(150deg,rgba(200,120,58,.12),rgba(21,21,23,.92) 55%);border:1px solid var(--ux-acc-line)}
.ux-rules .ux-ic{float:left;margin:0 14px 6px 0}
.ux-rules h3{margin:8px 0 16px}
.ux-rules--bare{padding:12px;margin:16px 0 1.2em}
.ux-checklist{clear:both;list-style:none;margin:0;padding:0;display:grid;gap:8px 14px}
@media(min-width:900px){.ux-checklist{grid-template-columns:1fr 1fr}.ux-checklist--3{grid-template-columns:1fr}}
@media(min-width:1280px){.ux-checklist--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ux-checklist li{position:relative;margin:0;padding:10px 12px 10px 42px;border-radius:10px;background:rgba(0,0,0,.28);color:var(--ux-tx);font-size:15px;line-height:1.5}
.ux-checklist li::before{content:"\2726";position:absolute;left:11px;top:10px;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;color:#140804;background:var(--ux-acc-ink)}

/* ---------- two columns + side card ---------- */
.ux-cols{display:grid;gap:22px;align-items:start;margin-bottom:1.4em}
@media(min-width:960px){.ux-cols{grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);gap:28px}.ux-side{position:sticky;top:calc(var(--ux-head) + 24px)}}
.ux-cols .ux-flow{margin-bottom:0}
.ux-side{padding:20px;border-radius:var(--ux-r2);background:radial-gradient(120% 90% at 100% 0%,rgba(232,0,52,.22),transparent 60%),linear-gradient(170deg,#1E130D,var(--ux-sf) 55%);border:1px solid var(--ux-acc-line)}
.ux-side__t{margin:12px 0 10px;font-family:var(--ux-fd);font-weight:800;color:#fff;font-size:1.05rem}
.ux-side ul{list-style:none;margin:0 0 12px;padding:0}
.ux-side li{display:flex;gap:12px;align-items:baseline;margin:0;padding:9px 0;border-bottom:1px dashed rgba(200,120,58,.25);color:var(--ux-tx);font-size:14.5px;line-height:1.4}
.ux-side li b{flex:none;min-width:80px;font-family:var(--ux-fd);font-size:14px;color:var(--ux-hi)}
.ux-side__f{margin:0;font-size:13.5px;color:#FF8FA6}

/* ---------- text + art split ---------- */
.ux-split{display:grid;gap:18px;align-items:center;margin:0 0 1em}
.ux-split > div > :last-child{margin-bottom:0}
.ux-split > .cdr-fig{margin:0 auto;max-width:300px}
@media(min-width:768px){.ux-split{grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:28px}.ux-split > .cdr-fig{max-width:none}}
.ux-split--vip{align-items:start}
.ux-split .cdr-fig img{transition:transform .6s var(--ux-ease);filter:drop-shadow(0 18px 30px rgba(232,0,52,.25))}
@media(hover:hover){.ux-split:hover .cdr-fig img{transform:translateY(-6px) rotate(-1.5deg)}}

/* ---------- license seal row ---------- */
.ux-seal{display:grid;gap:14px;align-items:center;margin:0 0 1em}
.ux-seal .cdr-lead{margin:0}
.ux-seal__img{width:150px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--ux-line)}
@media(min-width:640px){.ux-seal{grid-template-columns:150px minmax(0,1fr);gap:24px}}

/* ---------- callout / panel / cards ---------- */
.ux-callout{display:flex;gap:16px;align-items:flex-start;margin:20px 0 1.2em;padding:18px 20px;border-radius:var(--ux-r2);background:linear-gradient(120deg,rgba(200,120,58,.1),rgba(255,255,255,.015));border:1px solid rgba(200,120,58,.3)}
.ux-callout h3{margin-bottom:.35em}
.ux-callout p{margin:0;color:var(--ux-tx)}
.ux-panel{margin:24px 0 1.2em;padding:20px 22px 8px;border-radius:var(--ux-r2);background:var(--ux-sf);border:1px solid var(--ux-line);position:relative;overflow:hidden}
.ux-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ux-acc),var(--ux-red) 60%,transparent)}
.ux-panel > .ux-ic{float:right;margin:0 0 8px 14px}
.ux-panel h3{margin-top:4px}
.ux-panel p{color:var(--ux-tx)}
.ux-cards3{display:grid;gap:12px;margin:22px 0 1.2em}
@media(min-width:700px){.ux-cards3{grid-template-columns:1fr 1fr}.ux-cards3 > :last-child:nth-child(odd){grid-column:1 / -1}}
@media(min-width:1280px){.ux-cards3--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-cards3--3 > :last-child:nth-child(odd){grid-column:auto}}
.ux-card{margin:0;padding:18px;border-radius:var(--ux-r);background:var(--ux-sf);border:1px solid var(--ux-line)}
.ux-card__t{margin:12px 0 8px;font-family:var(--ux-fd);font-weight:800;font-size:1rem;color:#fff;line-height:1.3}
.ux-card p:last-child{margin:0;color:var(--ux-tx);font-size:15px}
.ux-card--muted{border-style:dashed;background:transparent}
.ux-card--muted .ux-ic{filter:grayscale(1);opacity:.7}

/* ---------- tiles ---------- */
.ux-tiles{display:grid;gap:12px;margin:18px 0 1.2em}
@media(min-width:700px){.ux-tiles{grid-template-columns:1fr 1fr}.ux-tiles > :last-child:nth-child(odd){grid-column:1 / -1}}
.ux-tile{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:16px;border-radius:var(--ux-r);background:var(--ux-sf);border:1px solid var(--ux-line)}
.ux-tile p{margin:0;color:var(--ux-tx);font-size:15px}
.ux-tile p strong{display:block;font-family:var(--ux-fd);font-size:1rem;margin-bottom:4px}
.ux-tile--muted{border-style:dashed;background:transparent}
.ux-tile--muted .ux-ic{filter:grayscale(1);opacity:.7}
.ux-more__body .ux-tiles{margin-top:6px}

/* ---------- VIP ladder ---------- */
.ux-ladder{list-style:none;margin:6px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ux-ladder li{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px 6px 6px;border-radius:999px;font-size:13.5px;font-weight:600;color:#fff;background:rgba(200,120,58,calc(.07 + var(--k,0)*.045));border:1px solid rgba(200,120,58,calc(.3 + var(--k,0)*.08))}
.ux-ladder li span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0B0B0E;color:var(--ux-hi);font-family:var(--ux-fd);font-size:11px}
.ux-ladder li:nth-child(2){--k:1}.ux-ladder li:nth-child(3){--k:2}.ux-ladder li:nth-child(4){--k:3}.ux-ladder li:nth-child(5){--k:4}.ux-ladder li:nth-child(6){--k:5}.ux-ladder li:nth-child(7){--k:6}
.ux-ladder .ux-ladder__secret{background:transparent;border-style:dashed;color:var(--ux-mut);font-style:italic}

/* ---------- payout tiers ---------- */
.ux-tiers{list-style:none;margin:12px 0 1.2em;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
@media(max-width:699px){.ux-tiers{grid-template-columns:1fr 1fr}}
.ux-tiers li{position:relative;margin:0;padding:14px 16px 20px;border-radius:12px;background:var(--ux-sf);border:1px solid var(--ux-line);overflow:hidden}
.ux-tiers__a{display:block;font-size:13px;color:var(--ux-mut)}
.ux-tiers__t{display:block;margin-top:2px;font-family:var(--ux-fd);font-weight:800;color:#fff;font-size:1.05rem}
.ux-tiers i{position:absolute;left:0;bottom:0;height:4px;width:var(--w,25%);background:linear-gradient(90deg,var(--ux-acc-ink),var(--ux-red));transform-origin:0 50%;transition:transform 1s var(--ux-ease) .2s}
.ux-tiers li:nth-child(2) i{--w:45%}.ux-tiers li:nth-child(3) i{--w:70%}.ux-tiers li:nth-child(4) i{--w:100%}
.ux-js .ux-tiers:not(.is-shown) i{transform:scaleX(0)}

/* ---------- contacts ---------- */
.ux-contacts{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1280px){.ux-contacts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ux-contacts li{margin:0;padding:16px;border-radius:var(--ux-r);background:var(--ux-sf);border:1px solid var(--ux-line)}
.ux-contacts .ux-ic{margin-bottom:10px}
.ux-contacts b{display:block;color:#fff;font-family:var(--ux-fd)}
.ux-contacts span:not(.ux-ic){display:block;font-size:14px;color:var(--ux-mut);overflow-wrap:anywhere;hyphens:manual;-webkit-hyphens:manual}
@media(max-width:699px){.ux-contacts{grid-template-columns:1fr;gap:8px}.ux-contacts li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:center;padding:10px 14px}.ux-contacts .ux-ic{grid-row:1 / span 2;width:36px;height:36px;margin:0}.ux-contacts .ux-ic svg{width:19px;height:19px}.ux-contacts b{line-height:1.3}.ux-contacts span:not(.ux-ic){font-size:13.5px;line-height:1.35}}
.ux-contacts .ux-contacts--no{border-style:dashed;background:transparent}
.ux-contacts .ux-contacts--no .ux-ic{filter:grayscale(1);opacity:.6}

/* ---------- rating ring ---------- */
.ux-rate{display:grid;gap:18px;align-items:center;margin-bottom:12px}
@media(min-width:640px){.ux-rate{grid-template-columns:150px minmax(0,1fr);gap:26px}}
.ux-score{position:relative;width:150px;height:150px;margin:0 auto}
.ux-score svg{width:100%;height:100%;transform:rotate(-90deg)}
.ux-score circle{fill:none;stroke-width:9}
.ux-score__bg{stroke:#2A1E18}
.ux-score__fg{stroke:var(--ux-hi);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:calc(326.7 * (1 - var(--p)));filter:drop-shadow(0 0 8px rgba(255,224,0,.4));transition:stroke-dashoffset 1.4s var(--ux-ease)}
.ux-js .ux-score:not(.is-shown) .ux-score__fg{stroke-dashoffset:326.7}
.ux-score > span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--ux-mut);font-size:13px;line-height:1.2}
.ux-score b{font-family:var(--ux-fd);font-size:2.3rem;color:#fff;line-height:1}
.ux-rate .cdr-lead{margin:0}

/* ---------- banners: three rhythms ---------- */
.cdr-bn{transition:transform .4s var(--ux-ease),box-shadow .4s}
.cdr-bn-art img{transition:transform .6s var(--ux-ease)}
@media(hover:hover){
  .cdr-bn:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 0 1px rgba(200,120,58,.55)}
  .cdr-bn:hover .cdr-bn-art img{transform:translateY(-8px) rotate(-1.5deg) scale(1.03)}
}
@media(min-width:768px){
  .ux-bn--rev{grid-template-columns:.9fr 1.1fr}
  .ux-bn--rev .cdr-bn-art{order:1}
  .ux-bn--rev .cdr-bn-txt{order:2;margin:18px 18px 18px 0}
  .ux-bn--rev{background:radial-gradient(70% 100% at 18% 50%,rgba(200,120,58,.38),transparent 62%),linear-gradient(230deg,#2B1406,#120A06 60%,#0D0D10)}
  .ux-bn--slim{grid-template-columns:minmax(0,1fr) 220px;border-radius:16px;background:linear-gradient(90deg,#160307,#3E000E 60%,#6A0019)}
  .ux-bn--slim .cdr-bn-txt{background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:22px;align-items:center}
  .ux-bn--slim .cdr-bn-lab,.ux-bn--slim .cdr-bn-off,.ux-bn--slim .cdr-bn-sub,.ux-bn--slim .cdr-bn-fine{grid-column:1}
  .ux-bn--slim .cdr-bn-lab{justify-self:start}
  .ux-bn--slim .cdr-btn{grid-column:2;grid-row:1 / span 4}
  .ux-bn--slim .cdr-bn-sub{margin-bottom:0}
  .ux-bn--slim .cdr-bn-art{padding:10px 18px 10px 0}
  .ux-bn--slim .cdr-bn-art img{max-height:140px;width:auto}
  .ux-bn--app{border-color:rgba(255,224,0,.38);background:radial-gradient(60% 90% at 80% 50%,rgba(255,224,0,.14),transparent 70%),linear-gradient(140deg,#2A0010,#151517 70%)}
  .ux-bn--app .cdr-bn-art img{max-height:250px;width:auto}
}

/* ---------- hovers on existing components ---------- */
.ux-stats li,.ux-fact,.ux-tile,.ux-card,.ux-contacts li,.ux-tiers li,.ux-flow__body,.cdr-card,.cdr-steps li,.cdr-rev,.cdr-qa,.ux-panel,.ux-callout,.cdr-badges figure{transition:transform .3s var(--ux-ease),border-color .3s,box-shadow .3s,background-color .3s}
@media(hover:hover){
  .ux-stats li:hover,.ux-fact:hover,.ux-tile:hover,.ux-card:hover,.ux-contacts li:hover,.ux-tiers li:hover,.cdr-steps li:hover,.cdr-rev:hover{transform:translateY(-3px);border-color:var(--ux-acc-line);box-shadow:var(--ux-glow)}
  .ux-flow__item:hover .ux-flow__body,.cdr-card:hover,.ux-panel:hover,.ux-callout:hover,.cdr-qa:hover{border-color:var(--ux-acc-line);box-shadow:var(--ux-glow)}
  .ux-stats li:hover::after{opacity:1;transform:translateY(-2px)}
  .ux-tile:hover .ux-ic,.ux-card:hover .ux-ic,.ux-contacts li:hover .ux-ic,.ux-panel:hover > .ux-ic,.ux-callout:hover .ux-ic,.ux-rules:hover > .ux-ic{transform:scale(1.1) rotate(-6deg);background:var(--ux-red-soft);color:#fff}
  .cdr-pc li{transition:transform .25s var(--ux-ease)}
  .cdr-pc li:hover{transform:translateX(4px)}
  .cdr-badges figure:hover{transform:translateY(-4px) scale(1.04)}
}
/* slot tiles */
.cdr-strip figure{position:relative;border-radius:10px;transition:transform .35s var(--ux-ease),box-shadow .35s}
.cdr-strip figure > img{transition:transform .6s var(--ux-ease),filter .4s,border-color .3s}
.cdr-strip figure::after{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:3/4;border-radius:10px;background:linear-gradient(180deg,transparent 50%,rgba(164,0,37,.55));opacity:0;transition:opacity .35s;pointer-events:none}
@media(hover:hover){
  .cdr-strip figure:hover{transform:translateY(-4px)}
  .cdr-strip figure:hover > img{transform:scale(1.05);filter:saturate(1.15);border-color:var(--ux-acc);box-shadow:0 16px 30px -12px rgba(232,0,52,.7)}
  .cdr-strip figure:hover::after{opacity:1}
  .cdr-strip figure:hover figcaption{color:#fff}
}
/* CTA shine */
.cdr-btn--y{position:relative;overflow:hidden;isolation:isolate}
.cdr-btn--y::after{content:"";position:absolute;inset:-2px auto -2px -60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);z-index:-1;transition:left .7s var(--ux-ease)}
.cdr-btn--y:hover::after{left:120%}
/* FAQ answer */
.cdr-qa[open] .cdr-ans{animation:uxDrop .35s var(--ux-ease)}

/* ---------- focus ---------- */
a:focus-visible,summary:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--ux-acc-ink);outline-offset:3px;border-radius:6px}

/* ---------- sticky mobile CTA ---------- */
.ux-sticky{position:fixed;left:10px;right:10px;bottom:10px;z-index:95;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:14px;background:linear-gradient(120deg,rgba(42,0,9,.95),rgba(18,10,6,.95));border:1px solid var(--ux-acc-line);box-shadow:0 16px 40px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(140%);transition:transform .45s var(--ux-ease)}
.ux-sticky[hidden]{display:none}
.ux-sticky.is-on{transform:none}
.ux-sticky__txt{flex:1;min-width:0;line-height:1.25}
.ux-sticky__txt b{display:block;color:#fff;font-family:var(--ux-fd);font-size:14.5px}
.ux-sticky__txt span{display:block;color:var(--ux-mut);font-size:11.5px}
.ux-sticky .cdr-btn{flex:none}
@media(min-width:1024px){.ux-sticky{display:none!important}}

/* ---------- reveal on scroll ---------- */
.ux-js [data-rv]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ux-ease),transform .7s var(--ux-ease);transition-delay:calc(var(--i,0) * 70ms)}
.ux-js [data-rv].is-in{opacity:1;transform:none}
/* items inside a collapsible: the open animation is enough (closed <details> content never intersects) */
.ux-js .ux-more [data-rv]{opacity:1;transform:none;transition:none}

@media (prefers-reduced-motion:reduce){
  .ux-js [data-rv]{opacity:1;transform:none;transition:none}
  .ux-tiers i,.ux-score__fg,.ux-sticky{transition:none}
  .ux-js .ux-tiers:not(.is-shown) i{transform:none}
  .ux-js .ux-score:not(.is-shown) .ux-score__fg{stroke-dashoffset:calc(326.7 * (1 - var(--p)))}
  .cdr-btn--y::after,.cdr-strip figure::after{display:none}
  *,*::before,*::after{animation:none!important}
}