/* CSGO Matchmaking — promo pages: /buy-mp and /cash-ladder (hero, packages, podium, leaderboard) */
:root{--gold-hi:#FFE29A;--gold-lo:#9A6A12;--silver:#C9D3E3;--bronze:#D08A54;--glass:rgba(12,21,38,.72)}

/* ================= shared hero ================= */
.pr-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:
  radial-gradient(60% 90% at 85% 10%,rgba(47,123,255,.32) 0%,rgba(47,123,255,0) 60%),
  radial-gradient(40% 60% at 70% 100%,rgba(232,184,74,.12) 0%,rgba(232,184,74,0) 70%),
  linear-gradient(180deg,#06101F 0%,#000 100%)}
.pr-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:linear-gradient(rgba(47,123,255,.09) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(47,123,255,.09) 1px,transparent 1px) 0 0/48px 48px;
  -webkit-mask-image:radial-gradient(70% 80% at 75% 30%,#000 0%,transparent 75%);mask-image:radial-gradient(70% 80% at 75% 30%,#000 0%,transparent 75%)}
.pr-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue) 30%,var(--gold) 70%,transparent);opacity:.7}
.pr-hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px 48px;align-items:center;padding-top:56px;padding-bottom:56px}
.pr-hero-copy{min-width:0}
.pr-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 10px;border:1px solid rgba(47,123,255,.35);border-radius:999px;background:rgba(47,123,255,.08);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ice)}
.pr-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(232,184,74,.6);animation:prPulse 2s infinite}
@keyframes prPulse{0%{box-shadow:0 0 0 0 rgba(232,184,74,.55)}70%{box-shadow:0 0 0 9px rgba(232,184,74,0)}100%{box-shadow:0 0 0 0 rgba(232,184,74,0)}}
.pr-hero h1{margin-top:18px;font:900 clamp(60px,9vw,128px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 0 60px rgba(47,123,255,.35)}
.pr-hero h1 em{font-style:normal;background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 55%,#B9851F 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(232,184,74,.35))}
.pr-lead{margin-top:20px;max-width:52ch;font-size:17px;color:#B7C3DA}
.pr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;list-style:none}
.pr-chips li{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:1px solid var(--line-hi);border-radius:999px;background:rgba(7,12,22,.7);font-size:13px;font-weight:600;color:#C9D4E8}
.pr-chips li::before{content:"";width:6px;height:6px;background:var(--blue);transform:rotate(45deg)}
.pr-chips b{color:var(--gold)}
.pr-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.pr-cta .btn{height:48px;padding:0 22px;font-size:15px}
.pr-cta .btn-blue{box-shadow:0 8px 30px rgba(47,123,255,.35)}
.pr-cta .btn-line{background:rgba(7,12,22,.6)}
.pr-cta .btn-line:hover{border-color:var(--blue)}
.pr-page .section-title{position:relative;padding-left:16px}
.pr-page .section-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--blue),var(--gold))}
.pr-page .section-sub{padding-left:16px}

/* ================= Buy MP ================= */
.mp-hero .wrap{grid-template-areas:"copy art" "copy wallet"}
.mp-hero .pr-hero-copy{grid-area:copy}
.mp-hero-art{grid-area:art;position:relative;height:250px;justify-self:center;width:min(100%,360px)}
.mp-ring{position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,184,74,.28) 0%,rgba(47,123,255,.18) 45%,transparent 70%)}
.mp-ring::before,.mp-ring::after{content:"";position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(169,200,255,.25);animation:mpSpin 40s linear infinite}
.mp-ring::after{inset:52px;border:1px solid rgba(232,184,74,.25);animation-direction:reverse;animation-duration:28s}
@keyframes mpSpin{to{transform:rotate(360deg)}}
.mp-hero-art .mp-coin{position:absolute;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(232,184,74,.35))}
.mp-hero-art .mp-coin:nth-of-type(1){width:138px;left:50%;top:50%;margin:-72px 0 0 -69px;animation:mpFloat 5s ease-in-out infinite}
.mp-hero-art .mp-coin:nth-of-type(2){width:70px;left:8%;top:14%;transform:rotate(-18deg);opacity:.9;animation:mpFloat 6s ease-in-out -2s infinite}
.mp-hero-art .mp-coin:nth-of-type(3){width:54px;right:8%;bottom:10%;transform:rotate(14deg);opacity:.85;animation:mpFloat 7s ease-in-out -4s infinite}
@keyframes mpFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.mp-spark{position:absolute;width:10px;height:10px;background:var(--gold-hi);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:mpTw 2.4s ease-in-out infinite}
.mp-spark.s1{left:22%;bottom:22%}.mp-spark.s2{right:20%;top:16%;animation-delay:-.8s;width:14px;height:14px}.mp-spark.s3{left:64%;top:6%;animation-delay:-1.6s;width:8px;height:8px}
@keyframes mpTw{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
.mp-wallet{grid-area:wallet;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:end}
.mp-wallet>div{padding:14px 16px;border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mp-wallet dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.mp-wallet dd{margin-top:6px;font:800 28px/1 var(--display);white-space:nowrap}
.mp-wallet dd.small{font:500 14px/1.4 var(--body);white-space:normal;color:#C3CDE0}
.mp-wallet dd a{color:var(--ice);text-decoration:underline}
.mp-wallet #x1{color:var(--gold)}

.promo-mp{padding-top:40px}
.promo-mp .section-title{margin:0 0 6px}
.pr-sec-head{margin-bottom:18px}
.promo-mp .pr-sec-head+.mp-uses{margin-top:0}
.promo-mp .mp-uses{margin-bottom:0}
.promo-mp .custom+.pr-sec-head{margin-top:48px}

/* packages */
.promo-mp .pkgs{gap:14px;padding-top:12px}
.promo-mp .pkg{position:relative;display:flex;flex-direction:column;gap:0;min-height:216px;padding:20px 20px 0;border:1px solid var(--line-hi);border-radius:12px;overflow:visible;
  background:radial-gradient(120% 70% at 100% 0%,rgba(47,123,255,.12),transparent 60%),linear-gradient(180deg,#0B1424 0%,#060B14 100%);
  transition:transform .18s ease,border-color .18s,box-shadow .18s}
.promo-mp .pkg:hover{transform:translateY(-3px);border-color:#34507F;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.promo-mp .pkg:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.promo-mp .pkg[aria-pressed=true]{border-color:var(--blue);background:radial-gradient(120% 80% at 100% 0%,rgba(47,123,255,.38),transparent 60%),linear-gradient(180deg,#0E2552 0%,#07101F 100%);
  box-shadow:0 0 0 1px var(--blue),0 16px 44px rgba(47,123,255,.3)}
.promo-mp .pkg[aria-pressed=true]::after{content:"";position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 0 3px rgba(47,123,255,.3)}
.promo-mp .pkg-top{display:flex;flex-direction:column;gap:4px;padding-right:30px}
.promo-mp .pkg-tier{font:800 15px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.promo-mp .pkg[aria-pressed=true] .pkg-tier{color:var(--ice)}
.promo-mp .pkg-bonus{align-self:flex-start;padding:3px 8px;border-radius:4px;background:rgba(47,123,255,.16);color:var(--ice);font-size:12px;font-weight:700}
.promo-mp .pkg-bonus.none{background:none;padding-left:0;color:var(--dim)}
.promo-mp .pkg-t5 .pkg-bonus,.promo-mp .pkg-t6 .pkg-bonus{background:rgba(232,184,74,.16);color:var(--gold)}
.promo-mp .pkg-mp{margin-top:auto;padding-top:14px;font:900 40px/1 var(--display);letter-spacing:-.01em}
.promo-mp .pkg-mp small{font:700 13px var(--body);color:var(--muted);letter-spacing:.06em}
.promo-mp .pkg-base{margin-top:6px;font-size:12px;color:var(--muted)}
.promo-mp .pkg-base b{color:var(--ice);font-weight:600}
.promo-mp .pkg-eur{display:flex;justify-content:space-between;align-items:center;margin:16px -20px 0;padding:12px 20px;border-top:1px solid var(--line);border-radius:0 0 11px 11px;background:rgba(0,0,0,.25);font:800 24px/1 var(--display);color:var(--text)}
.promo-mp .pkg-eur::after{content:"Select";font:600 12px var(--body);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.promo-mp .pkg[aria-pressed=true] .pkg-eur{background:rgba(47,123,255,.18);border-top-color:rgba(47,123,255,.4)}
.promo-mp .pkg[aria-pressed=true] .pkg-eur::after{content:"Selected";color:var(--ice)}
/* coin stack that grows with the package */
.pkg-coins{position:absolute;right:20px;top:64px;display:flex;flex-direction:column-reverse;align-items:center}
.pkg-coins i{display:block;width:40px;height:12px;margin-top:-6px;border-radius:50%;background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 45%,var(--gold-lo) 100%);box-shadow:0 2px 0 #6E4A0A,0 0 12px rgba(232,184,74,.25)}
.pkg-coins i:last-child{background:radial-gradient(ellipse at 50% 40%,#FFF3D1 0%,var(--gold) 55%,#B9851F 100%)}
.pkg[aria-pressed=true] .pkg-coins{top:44px}
.pkg[aria-pressed=true] .pkg-coins i{box-shadow:0 2px 0 #6E4A0A,0 0 18px rgba(232,184,74,.5)}
/* ribbons */
.pkg-ribbon{position:absolute;top:-11px;left:18px;z-index:1;padding:4px 10px;border-radius:4px;font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--blue),#5C98FF);box-shadow:0 6px 18px rgba(47,123,255,.45)}
.pkg-t6 .pkg-ribbon{color:#2A1A02;background:linear-gradient(90deg,var(--gold),var(--gold-hi));box-shadow:0 6px 18px rgba(232,184,74,.4)}
.promo-mp .pkg-t3{border-color:rgba(47,123,255,.55)}
.promo-mp .pkg-t6{border-color:rgba(232,184,74,.45);background:radial-gradient(120% 70% at 100% 0%,rgba(232,184,74,.16),transparent 60%),linear-gradient(180deg,#141108 0%,#07090E 100%)}
.promo-mp .pkg-t6[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 16px 44px rgba(232,184,74,.22)}
.promo-mp .pkg-t6[aria-pressed=true]::after{background-color:#C99A2E}

/* bonus ladder */
.mp-tiers{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--hull)}
.mt-label{flex:none;font:800 14px/1.1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);width:72px}
.mp-tiers ol{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;list-style:none;min-width:0}
.mp-tiers li{display:flex;flex-direction:column;align-items:center;justify-content:center;height:46px;padding:0 14px;background:#0E182B;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%);transition:background .2s}
.mp-tiers li:first-child{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.mp-tiers li b{font:800 17px/1 var(--display);color:var(--dim)}
.mp-tiers li span{font-size:11px;color:var(--dim);margin-top:2px}
.mp-tiers li.on{background:linear-gradient(90deg,#123170,#1B49A8)}
.mp-tiers li.on b{color:#fff}.mp-tiers li.on span{color:var(--ice)}
.mp-tiers li.cur{background:linear-gradient(90deg,#B9851F,var(--gold))}
.mp-tiers li.cur b{color:#1F1402}.mp-tiers li.cur span{color:#3B2706}

/* custom amount */
.promo-mp .custom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:14px;padding:18px 20px;border:1px dashed #2C4470;border-radius:12px;background:rgba(47,123,255,.04)}
.promo-mp .custom label{font:800 20px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.promo-mp .custom p{margin-top:4px}
.promo-mp .eur-in{margin-top:0;width:200px}
.promo-mp .eur-in input{width:100%;font-size:16px;font-weight:600}
.promo-mp .custom .field-error{flex-basis:100%;margin-top:0}

/* what MP unlocks */
.mp-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mp-use{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#0A1220,#05090F);overflow:hidden;transition:border-color .18s,transform .18s}
.mp-use::after{content:"";position:absolute;right:-30px;bottom:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(47,123,255,.25),transparent 70%);transition:transform .3s}
.mp-use:hover{border-color:var(--blue);transform:translateY(-2px)}
.mp-use:hover::after{transform:scale(1.6)}
.mp-use svg{width:40px;height:40px;padding:8px;margin-bottom:8px;border-radius:10px;color:var(--ice);background:rgba(47,123,255,.12);border:1px solid rgba(47,123,255,.3)}
.mp-use:nth-child(4) svg{color:var(--gold);background:rgba(232,184,74,.1);border-color:rgba(232,184,74,.3)}
.mp-use b{font:800 20px/1.05 var(--display);text-transform:uppercase}
.mp-use span{font-size:13px;color:var(--muted)}
.promo-mp .uses{margin-top:4px}

/* order summary */
.promo-mp .co-summary{top:84px;padding:0 20px 20px;border-radius:14px;border-color:#2A4270;overflow:hidden;
  background:radial-gradient(100% 50% at 50% 0%,rgba(47,123,255,.2),transparent 70%),linear-gradient(180deg,#0B1527 0%,#060A12 100%);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.promo-mp .co-summary::before{content:"";display:block;height:3px;margin:0 -20px 18px;background:linear-gradient(90deg,var(--blue),var(--gold))}
.promo-mp .co-summary h2{font-size:24px;letter-spacing:.02em}
.promo-mp .sum .big{flex-direction:column;gap:6px;padding:16px;margin-bottom:4px;border:1px solid rgba(232,184,74,.25);border-radius:10px;background:rgba(232,184,74,.06)}
.promo-mp .sum .big dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.promo-mp .sum .big dd{font-size:42px;background:linear-gradient(180deg,#FFF3D1,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.promo-mp .co-pay{height:54px;border-radius:8px;font-size:16px;background:linear-gradient(180deg,#4A8CFF,var(--blue));box-shadow:0 10px 28px rgba(47,123,255,.4)}
.promo-mp .co-pay:not(:disabled):hover{filter:brightness(1.1)}
.promo-mp .method{border-radius:8px}

/* trust strip */
.mp-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#08101D,#04070C);overflow:hidden}
.mp-trust>div{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:22px 20px;align-items:start}
.mp-trust>div+div{border-left:1px solid var(--line)}
.mp-trust svg{grid-row:span 2;width:40px;height:40px;padding:9px;border-radius:50%;color:var(--gold);background:rgba(232,184,74,.1);border:1px solid rgba(232,184,74,.25)}
.mp-trust b{font:800 18px/1.1 var(--display);text-transform:uppercase}
.mp-trust span{font-size:13px;color:var(--muted);margin-top:4px}

/* FAQ */
.mp-faq .section-title{margin-top:56px}
.faqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;align-items:start}
.faq{border:1px solid var(--line);border-radius:10px;background:var(--hull);transition:border-color .15s}
.faq[open]{border-color:var(--line-hi)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;font-weight:600;font-size:15px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--ice);border-bottom:2px solid var(--ice);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.faq[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.faq p{padding:0 18px 16px;font-size:14px;color:#B7C3DA}
.faq a{color:var(--ice);text-decoration:underline}

/* ================= Cash ladder ================= */
.lz-hero .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.lz-vault{position:relative;margin-top:44px;padding:56px 24px 22px;border:1px solid rgba(232,184,74,.35);border-radius:16px;
  background:radial-gradient(90% 60% at 50% 0%,rgba(232,184,74,.18),transparent 70%),linear-gradient(180deg,rgba(14,22,38,.9),rgba(5,9,16,.95));
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset}
.lz-trophy{position:absolute;left:50%;top:-52px;width:104px;margin-left:-52px;filter:drop-shadow(0 0 30px rgba(232,184,74,.45)) drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.lz-vault dl{display:grid;gap:16px}
.lz-vault dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lz-pool{text-align:center}
.lz-pool dd{margin-top:4px;font:900 clamp(56px,7vw,84px)/1 var(--display);background:linear-gradient(180deg,#FFF3D1 0%,var(--gold) 60%,#B9851F 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(232,184,74,.3))}
.lz-reset{text-align:center}
.lz-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.lz-clock>span{display:flex;flex-direction:column;align-items:center;padding:10px 0 8px;border:1px solid var(--line-hi);border-radius:8px;background:linear-gradient(180deg,#0E1A30,#070D18);position:relative}
.lz-clock>span::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.5)}
.lz-clock b{font:900 34px/1 var(--display);color:var(--text)}
.lz-clock i{font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.lz-me{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.lz-me dd{font-size:14px;color:#C3CDE0;text-align:right}
.lz-me dd b{font:800 20px/1 var(--display);color:var(--gold)}
.lz-me dd a{color:var(--ice);text-decoration:underline}

.promo-lz{padding-top:36px}
/* division tabs, tinted per tier */
.promo-lz .tab{--tc:var(--ice);position:relative;overflow:hidden;padding:18px 20px;border-radius:12px;transition:border-color .18s,transform .18s,box-shadow .18s}
.promo-lz .tab[data-div=elite]{--tc:var(--gold);--tg:rgba(232,184,74,.22)}
.promo-lz .tab[data-div=challenger]{--tc:#7FB0FF;--tg:rgba(47,123,255,.3)}
.promo-lz .tab[data-div=contender]{--tc:#9FB0CC;--tg:rgba(159,176,204,.18)}
.promo-lz .tab:hover{transform:translateY(-2px)}
.promo-lz .tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tc);opacity:0;transition:opacity .18s}
.promo-lz .tab[aria-selected=true]{border-color:var(--tc);background:radial-gradient(120% 120% at 0% 0%,var(--tg),transparent 60%),var(--hull);box-shadow:0 14px 36px rgba(0,0,0,.4),0 0 30px var(--tg)}
.promo-lz .tab[aria-selected=true]::after{opacity:1}
.promo-lz .tab .chev i{background:color-mix(in srgb,var(--tc) 35%,#18253D)}
.promo-lz .tab[aria-selected=true] .chev i{background:var(--tc)}
.promo-lz .tab-name{font-size:28px}
.promo-lz .tab-pool{color:var(--tc);font-weight:700}

/* podium */
.lz-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;max-width:820px;margin:64px auto 32px;padding:0 4px;position:relative;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--line-hi) 15%,var(--gold) 50%,var(--line-hi) 85%,transparent) 1}
.lz-stage:empty{display:none}
.lz-stage::before{content:"";position:absolute;left:0;right:0;bottom:-18px;height:60px;background:radial-gradient(50% 100% at 50% 0%,rgba(47,123,255,.3),transparent 70%);pointer-events:none}
.step{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.step-who{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:12px;min-width:0;max-width:100%;text-align:center}
.step-who .av{width:56px;height:56px;font:800 24px/1 var(--display);border:2px solid var(--mc);box-shadow:0 0 0 4px rgba(0,0,0,.6),0 0 24px var(--mg)}
.step-who a{font-weight:700;font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.step-who a:hover{color:var(--ice)}
.step-lp{font-size:12px;color:var(--muted)}.step-lp b{color:var(--text)}
.step-open{font-size:13px;color:var(--muted);font-weight:600}
.step.open .av{border-style:dashed;background:transparent;color:var(--dim);box-shadow:none}
.step-block{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding-top:18px;border:1px solid var(--mc);border-bottom:0;border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,var(--mg) 0%,rgba(7,12,22,.9) 70%),var(--hull);box-shadow:0 -10px 40px var(--mg) inset}
.step-1{--mc:var(--gold);--mg:rgba(232,184,74,.28)}
.step-2{--mc:var(--silver);--mg:rgba(201,211,227,.16)}
.step-3{--mc:var(--bronze);--mg:rgba(208,138,84,.2)}
.step-1 .step-block{height:190px}.step-2 .step-block{height:146px}.step-3 .step-block{height:116px}
.step-1 .step-who .av{width:72px;height:72px;font-size:30px}
.step-1::before{content:"";position:absolute;top:-26px;left:50%;width:34px;height:22px;margin-left:-17px;background:linear-gradient(180deg,var(--gold-hi),var(--gold));clip-path:polygon(0 100%,0 30%,25% 60%,50% 0,75% 60%,100% 30%,100% 100%);filter:drop-shadow(0 0 10px rgba(232,184,74,.6))}
.step.open.step-1::before{opacity:.35}
.step-prize{font:900 clamp(26px,3.6vw,40px)/1 var(--display);color:var(--text)}
.step-1 .step-prize{color:var(--gold);text-shadow:0 0 24px rgba(232,184,74,.4)}
/* medals */
.medal{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;font:900 17px/1 var(--display);color:#1A1205;
  background:radial-gradient(circle at 35% 30%,#fff 0%,var(--m1) 30%,var(--m2) 100%);box-shadow:0 0 0 2px rgba(0,0,0,.5),0 0 14px var(--m3)}
.medal-gold{--m1:var(--gold-hi);--m2:#B9851F;--m3:rgba(232,184,74,.5)}
.medal-silver{--m1:#E4EAF4;--m2:#7F8DA6;--m3:rgba(201,211,227,.35)}
.medal-bronze{--m1:#F0B989;--m2:#8A4E22;--m3:rgba(208,138,84,.4)}
.step-block .medal{width:44px;height:44px;font-size:22px}

/* standings */
.promo-lz .board{border-radius:12px;overflow:hidden;border-color:var(--line-hi)}
.promo-lz .board-head .h2{font:800 24px/1 var(--display);text-transform:uppercase}
.promo-lz .lz-table td.rk{width:56px;font:800 18px/1 var(--display);color:var(--dim)}
.promo-lz .lz-table tr.in-prizes td.rk{color:var(--ice)}
.promo-lz .lz-table tr.top{background:linear-gradient(90deg,var(--rg),transparent 55%)}
.promo-lz .lz-table tr.top-1{--rg:rgba(232,184,74,.12)}
.promo-lz .lz-table tr.top-2{--rg:rgba(201,211,227,.07)}
.promo-lz .lz-table tr.top-3{--rg:rgba(208,138,84,.09)}
.promo-lz .lz-table tr.top td:first-child{box-shadow:3px 0 0 var(--mc,transparent) inset}
.promo-lz .lz-table tr.top-1 td:first-child{--mc:var(--gold)}
.promo-lz .lz-table tr.top-2 td:first-child{--mc:var(--silver)}
.promo-lz .lz-table tr.top-3 td:first-child{--mc:var(--bronze)}
.promo-lz .lz-table tr.top-1 .who{font-weight:700}
.promo-lz .lz-table tr.cut td{border-bottom:1px dashed rgba(232,184,74,.5)}
.prize-tag{display:inline-block;padding:3px 9px;border-radius:4px;font:800 16px/1.2 var(--display);color:var(--gold);background:rgba(232,184,74,.1);border:1px solid rgba(232,184,74,.25)}
.promo-lz .lz-table tr.top-1 .prize-tag{color:#1F1402;background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-color:transparent}

/* prize places */
.promo-lz .places{border-radius:12px;border-color:rgba(232,184,74,.3);background:radial-gradient(100% 40% at 50% 0%,rgba(232,184,74,.1),transparent 70%),var(--hull)}
.promo-lz .places h2{font-size:22px;color:var(--gold)}
.promo-lz .place-prize{color:var(--gold)}
.promo-lz .place.open{opacity:.6}
.promo-lz .place.open .who{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:600}
.promo-lz .place.open .av{border:1px dashed var(--line-hi);background:transparent;color:var(--dim)}
.promo-lz .place:nth-child(2) .place-rank{color:var(--silver)}
.promo-lz .place:nth-child(3) .place-rank{color:var(--bronze)}

/* how it works */
.lz-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 14px;list-style:none;counter-reset:s}
.lz-step{position:relative;padding:22px 22px 20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#0A1322,#05080E);overflow:hidden}
.lz-step-n{position:absolute;right:14px;top:6px;font:900 72px/1 var(--display);color:transparent;-webkit-text-stroke:1px rgba(169,200,255,.18)}
.lz-step svg{width:44px;height:44px;padding:10px;border-radius:10px;color:var(--ice);background:rgba(47,123,255,.12);border:1px solid rgba(47,123,255,.3)}
.lz-step:last-child svg{color:var(--gold);background:rgba(232,184,74,.1);border-color:rgba(232,184,74,.3)}
.lz-step h3{margin-top:14px;font:800 22px/1 var(--display);text-transform:uppercase}
.lz-step p{margin-top:8px;font-size:14px;color:#B7C3DA}
.lz-step:not(:last-child)::after{content:"";position:absolute;right:-1px;top:50%;width:14px;height:14px;margin-top:-7px;border-top:2px solid var(--line-hi);border-right:2px solid var(--line-hi);transform:rotate(45deg);display:none}
.promo-lz .rule{border-radius:12px;border-top:3px solid var(--tc);background:radial-gradient(100% 50% at 0% 0%,var(--tg),transparent 70%),var(--hull)}
.promo-lz .rule-elite{--tc:var(--gold);--tg:rgba(232,184,74,.12)}
.promo-lz .rule-challenger{--tc:#7FB0FF;--tg:rgba(47,123,255,.14)}
.promo-lz .rule-contender{--tc:#9FB0CC;--tg:rgba(159,176,204,.1)}
.promo-lz .rule h3 .chev i{background:var(--tc)}
.promo-lz .rule dt{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:11px}
.promo-lz .notes{border-radius:0 12px 12px 0}
/* recent winners */
.promo-lz .week{border-radius:12px;background:radial-gradient(100% 40% at 100% 0%,rgba(232,184,74,.08),transparent 70%),var(--hull)}
.promo-lz .week li:nth-child(1) .rk{color:var(--gold)}
.promo-lz .week li:nth-child(2) .rk{color:var(--silver)}
.promo-lz .week li:nth-child(3) .rk{color:var(--bronze)}
.promo-lz .week .w-prize{color:var(--gold)}

/* ================= responsive ================= */
@media (max-width:1100px){
  .promo-mp .co-summary{position:static}
  .mp-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-trust>div:nth-child(3){border-left:0}
  .mp-trust>div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:900px){
  .pr-hero .wrap,.lz-hero .wrap{grid-template-columns:1fr;padding-top:36px;padding-bottom:36px}
  .mp-hero .wrap{grid-template-areas:"copy" "wallet"}
  .mp-hero-art{position:absolute;right:-40px;top:0;width:220px;height:200px;opacity:.35;pointer-events:none}
  .mp-hero-art .mp-coin:nth-of-type(1){width:100px;margin:-52px 0 0 -50px}
  .mp-ring{width:190px;height:190px;margin:-95px 0 0 -95px}
  .mp-uses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lz-steps{grid-template-columns:1fr}
  .faqs{grid-template-columns:1fr}
  .lz-vault{max-width:520px;width:100%;justify-self:center}
}
@media (max-width:720px){
  .pr-hero h1{font-size:clamp(52px,16vw,76px)}
  .pr-lead{font-size:15px}
  .promo-mp .pkgs{gap:10px}
  .promo-mp .pkg{min-height:190px;padding:16px 14px 0}
  .promo-mp .pkg-mp{font-size:28px}
  .promo-mp .pkg-eur{margin:12px -14px 0;padding:10px 14px;font-size:20px}
  .promo-mp .pkg-eur::after{display:none}
  .promo-mp .pkg-tier{font-size:13px}
  .promo-mp .pkg-base{font-size:11px}
  .pkg-coins{right:14px;top:58px;transform:scale(.8);transform-origin:top right}
  .pkg[aria-pressed=true] .pkg-coins{top:44px}
  .promo-mp .pkg[aria-pressed=true]::after{top:10px;right:10px;width:20px;height:20px}
  .pkg-ribbon{left:12px;font-size:11px;letter-spacing:.08em}
  .mp-tiers{flex-direction:column;align-items:stretch;gap:8px;padding:12px}
  .mt-label{width:auto}
  .mp-tiers li{padding:0 6px 0 12px;height:42px}
  .mp-tiers li b{font-size:15px}
  .mp-tiers li span{font-size:10px}
  .promo-mp .eur-in{width:100%;max-width:none}
  .mp-use{padding:14px}
  .mp-use b{font-size:17px}
  .mp-trust{grid-template-columns:1fr}
  .mp-trust>div{border-left:0!important}
  .mp-trust>div+div{border-top:1px solid var(--line)}
  .mp-wallet dd{font-size:24px}
  .lz-vault{padding:50px 16px 18px}
  .lz-clock{gap:6px}
  .lz-clock b{font-size:28px}
  .lz-stage{gap:6px;margin-top:28px}
  .step-who .av{width:44px;height:44px;font-size:19px}
  .step-1 .step-who .av{width:56px;height:56px;font-size:24px}
  .step-who a{font-size:13px}
  .step-1 .step-block{height:150px}.step-2 .step-block{height:118px}.step-3 .step-block{height:94px}
  .step-block .medal{width:36px;height:36px;font-size:18px}
  .promo-lz .tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .promo-lz .tab{display:flex;flex-direction:column;align-items:flex-start;padding:12px 10px 14px;min-width:0}
  .promo-lz .tab .chev{display:none}
  .promo-lz .tab-name{font-size:17px;letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .promo-lz .tab-sub{font-size:12px;margin-top:6px}
  .promo-lz .tab-range{display:none}
  .lz-stage{margin-top:56px}
  .step-who .av{display:grid}
  .pr-hero-copy{position:relative;z-index:1}
  .promo-lz .lz-table td.rk{width:44px}
  .medal{width:28px;height:28px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .pr-dot,.mp-ring::before,.mp-ring::after,.mp-hero-art .mp-coin,.mp-spark{animation:none!important}
  .promo-mp .pkg,.mp-use,.promo-lz .tab{transition:none}
}
