:root{
  --sr-bg: #b9c8ff;
  --sr-bg2:#a9bbff;

  --sr-panel: rgba(255,255,255,.78);
  --sr-panel2: rgba(255,255,255,.88);

  --sr-line: rgba(22,28,58,.14);
  --sr-line2: rgba(22,28,58,.10);

  --sr-ink:#141a35;
  --sr-muted: rgba(20,26,53,.70);

  --sr-blue:#536bff;
  --sr-blue2:#3d53ff;

  --sr-purple:#7a4cff;
  --sr-pink:#ff3ea5;

  --sr-green:#34e17a;
  --sr-green2:#12b84a;

  --sr-radius: 18px;
  --sr-radius-lg: 26px;

  --sr-shadow: 0 24px 76px rgba(14,18,45,.22);
  --sr-shadow-sm: 0 14px 44px rgba(14,18,45,.16);

  --sr-container: 1240px;

  /* другой вайб шрифта: “UI / friendly” */
  --sr-font: ui-sans-serif, "Segoe UI Variable", "Trebuchet MS", system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif;
  --sr-head: ui-sans-serif, "Arial Black", "Segoe UI", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

html,body{ height:100%; }
body{
  font-family: var(--sr-font);
  color: var(--sr-ink);
  background:
    radial-gradient(900px 480px at 18% -10%, rgba(255,255,255,.42), transparent 62%),
    radial-gradient(900px 520px at 90% 20%, rgba(83,107,255,.20), transparent 62%),
    radial-gradient(900px 520px at 45% 112%, rgba(255,62,165,.12), transparent 62%),
    linear-gradient(180deg, var(--sr-bg) 0%, var(--sr-bg2) 100%);
}

.container{
  width: min(var(--sr-container), calc(100% - 40px));
  margin-inline:auto;
}

/* sports corners (replaces leaves) */
.sr-corners{
  position: fixed;
  inset: 0;
  pointer-events:none;
  z-index: 0;
  opacity: .95;
}

.sr-corners::before,
.sr-corners::after{
  content:"";
  position:absolute;
  width: 260px;
  height: 260px;
  background-repeat:no-repeat;
  background-size: contain;
  filter: drop-shadow(0 18px 40px rgba(14,18,45,.20));
}

/* Top-left: ball + trophy + hockey stick */
.sr-corners::before{
  top: -18px; left: -18px;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'>\
<defs>\
<linearGradient id='g' x1='0' y1='0' x2='1' y2='1'>\
<stop offset='0' stop-color='%23536bff'/>\
<stop offset='1' stop-color='%23ff3ea5'/>\
</linearGradient>\
</defs>\
<!-- ball -->\
<circle cx='78' cy='78' r='48' fill='url(%23g)' opacity='.92'/>\
<circle cx='78' cy='78' r='40' fill='none' stroke='rgba(255,255,255,.65)' stroke-width='4'/>\
<path d='M46 80c18-18 46-22 64-8' fill='none' stroke='rgba(255,255,255,.55)' stroke-width='4' stroke-linecap='round'/>\
<path d='M56 112c18-10 44-8 60 6' fill='none' stroke='rgba(255,255,255,.45)' stroke-width='4' stroke-linecap='round'/>\
<!-- hockey stick -->\
<path d='M22 180c40-40 62-64 104-92' fill='none' stroke='rgba(255,255,255,.55)' stroke-width='8' stroke-linecap='round'/>\
<path d='M122 88c10 2 18 8 22 14' fill='none' stroke='rgba(255,255,255,.55)' stroke-width='8' stroke-linecap='round'/>\
<!-- trophy -->\
<path d='M154 70h34v12c0 16-14 28-30 28h-4c-16 0-30-12-30-28V70h30z' fill='%23ffd23a' opacity='.95'/>\
<path d='M144 70h-12v8c0 10 8 18 18 18' fill='none' stroke='rgba(255,210,58,.95)' stroke-width='6' stroke-linecap='round'/>\
<path d='M188 70h12v8c0 10-8 18-18 18' fill='none' stroke='rgba(255,210,58,.95)' stroke-width='6' stroke-linecap='round'/>\
<path d='M158 110v18h-18v12h46v-12h-18v-18' fill='%23ff3ea5' opacity='.55'/>\
</svg>");
}

/* Bottom-right: mirrored version */
.sr-corners::after{
  bottom: -22px; right: -22px;
  transform: scaleX(-1);
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'>\
<defs>\
<linearGradient id='g' x1='0' y1='0' x2='1' y2='1'>\
<stop offset='0' stop-color='%23536bff'/>\
<stop offset='1' stop-color='%23ff3ea5'/>\
</linearGradient>\
</defs>\
<circle cx='78' cy='78' r='48' fill='url(%23g)' opacity='.92'/>\
<circle cx='78' cy='78' r='40' fill='none' stroke='rgba(255,255,255,.65)' stroke-width='4'/>\
<path d='M46 80c18-18 46-22 64-8' fill='none' stroke='rgba(255,255,255,.55)' stroke-width='4' stroke-linecap='round'/>\
<path d='M56 112c18-10 44-8 60 6' fill='none' stroke='rgba(255,255,255,.45)' stroke-width='4' stroke-linecap='round'/>\
<path d='M22 180c40-40 62-64 104-92' fill='none' stroke='rgba(255,255,255,.55)' stroke-width='8' stroke-linecap='round'/>\
<path d='M122 88c10 2 18 8 22 14' fill='none' stroke='rgba(255,255,255,.55)' stroke-width='8' stroke-linecap='round'/>\
<path d='M154 70h34v12c0 16-14 28-30 28h-4c-16 0-30-12-30-28V70h30z' fill='%23ffd23a' opacity='.95'/>\
<path d='M144 70h-12v8c0 10 8 18 18 18' fill='none' stroke='rgba(255,210,58,.95)' stroke-width='6' stroke-linecap='round'/>\
<path d='M188 70h12v8c0 10-8 18-18 18' fill='none' stroke='rgba(255,210,58,.95)' stroke-width='6' stroke-linecap='round'/>\
<path d='M158 110v18h-18v12h46v-12h-18v-18' fill='%23ff3ea5' opacity='.55'/>\
</svg>");
}

@media (max-width:560px){
  .sr-corners::before,
  .sr-corners::after{ width: 170px; height:170px; opacity:.65; }
}

/* ---------- header ---------- */
.sr-header{
  position: sticky;
  top:0;
  z-index: 50;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(22,28,58,.10);
}
.sr-header__row{
  height: 64px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 2;
}

.sr-brand{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 180px;
}
.custom-logo-link{ display:flex; align-items:center; text-decoration:none; }
.custom-logo{ max-height: 34px; width:auto; height:auto; }

.sr-logo{
  display:flex;
  align-items:center;
  gap: 10px;
  text-decoration:none;
}
.sr-logo__mark{
  width: 30px; height: 30px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), transparent 55%),
    linear-gradient(135deg, rgba(83,107,255,.95), rgba(122,76,255,.92));
  box-shadow: 0 18px 44px rgba(14,18,45,.18);
}
.sr-logo__txt{
  font-family: var(--sr-head);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 950;
  font-size: 12px;
  line-height: 1;
}
.sr-logo__txt b{ display:block; }

.sr-search{
  flex: 1 1 auto;
  display:flex;
  justify-content:center;
}
.sr-search__box{
  width: min(520px, 100%);
  height: 36px;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.86);
  box-shadow: 0 14px 36px rgba(14,18,45,.10);
}
.sr-search__input{
  width:100%;
  height:100%;
  border:0;
  outline: none;
  background: transparent;
  color: rgba(20,26,53,.86);
  font-size: 12px;
}
.sr-search__input::placeholder{ color: rgba(20,26,53,.45); }

.sr-actions{
  display:flex;
  align-items:center;
  gap: 10px;
  justify-content:flex-end;
  min-width: 260px;
}

.sr-flag{
  width: 22px;
  height: 16px;
  border-radius: 4px;
  overflow:hidden;
  box-shadow: 0 0 0 1px rgba(22,28,58,.14);
}

.sr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  text-decoration:none;
  font-weight: 950;
  font-size: 12px;
  cursor:pointer;
  transition: transform .14s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.sr-btn:active{ transform: translateY(1px); }

.sr-btn--ghost{
  background: rgba(255,255,255,.72);
  border-color: rgba(22,28,58,.12);
  color: rgba(20,26,53,.86);
}
.sr-btn--ghost:hover{
  border-color: rgba(83,107,255,.24);
  box-shadow: 0 18px 44px rgba(14,18,45,.12);
}

.sr-btn--cta{
  color: #071230;
  background: linear-gradient(180deg, rgba(255,80,170,.95), rgba(255,62,165,.95));
  border-color: rgba(255,255,255,.26);
  box-shadow: 0 20px 56px rgba(255,62,165,.22);
}
.sr-btn--cta:hover{ box-shadow: 0 28px 76px rgba(255,62,165,.26); }

.sr-burger{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.78);
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

/* mobile drawer */
.sr-drawer{
  position: fixed;
  inset: 0;
  z-index: 80;
  display:none;
}
.sr-drawer.is-open{ display:block; }
.sr-drawer__backdrop{
  position:absolute;
  inset:0;
  background: rgba(10,14,34,.45);
}
.sr-drawer__panel{
  position:absolute;
  top:0; left:0;
  width: min(340px, 88vw);
  height: 100%;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  border-right: 1px solid rgba(22,28,58,.12);
  padding: 14px;
  box-shadow: 0 24px 78px rgba(14,18,45,.22);
  transform: translateX(-102%);
  transition: transform .22s ease;
}
.sr-drawer.is-open .sr-drawer__panel{ transform: translateX(0); }
.sr-drawer__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.sr-drawer__close{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.86);
  cursor:pointer;
}
.sr-drawer__links{
  display:grid;
  gap: 10px;
}
.sr-drawer__links a{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.82);
  text-decoration:none;
  font-weight: 950;
  color: rgba(20,26,53,.92);
}
.sr-drawer__links a span{ font-size: 18px; }

@media (max-width: 980px){
  .sr-search{ display:none; }
  .sr-burger{ display:inline-flex; }
}

/* ---------- layout (sidebar + main) ---------- */
.sr-home{
  position: relative;
  z-index: 1; /* above corners */
  padding: 16px 0 34px;
}
.sr-layout{
  display:grid;
  grid-template-columns: 220px 1fr;
  gap: 14px;
}

.sr-side{
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(22,28,58,.12);
  box-shadow: var(--sr-shadow-sm);
  overflow:hidden;
  position: sticky;
  top: 78px;
  align-self: start;
}
.sr-side__nav{
  padding: 10px;
  display:grid;
  gap: 8px;
}
.sr-side__a{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  text-decoration:none;
  border: 1px solid transparent;
  color: rgba(20,26,53,.90);
  background: rgba(255,255,255,.56);
  transition: transform .14s ease, border-color .18s ease, box-shadow .18s ease;
}
.sr-side__a:hover{
  transform: translateY(-1px);
  border-color: rgba(83,107,255,.22);
  box-shadow: 0 14px 34px rgba(14,18,45,.12);
}
.sr-side__ico{
  width: 30px; height: 30px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: linear-gradient(135deg, rgba(83,107,255,.14), rgba(255,62,165,.10));
  border: 1px solid rgba(22,28,58,.10);
}

/* main panels */
.sr-main{ min-width: 0; }

/* ---------- hero slider ---------- */
.sr-hero{
  border-radius: var(--sr-radius-lg);
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.74);
  box-shadow: var(--sr-shadow);
  overflow:hidden;
}

.sr-carousel{
  position: relative;
  border-radius: 24px;
  overflow:hidden;
  border: 1px solid rgba(22,28,58,.10);
}

.sr-slides{
  display:flex;
  transition: transform .35s ease;
  will-change: transform;
}
.sr-slide{
  min-width: 100%;
  padding: 18px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 12px;
  align-items:center;
  background:
    radial-gradient(900px 420px at 20% 20%, rgba(83,107,255,.18), transparent 62%),
    radial-gradient(900px 520px at 85% 25%, rgba(255,62,165,.14), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,.52));
}

.sr-slide__kicker{
  font-family: var(--sr-head);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(20,26,53,.74);
  margin-bottom: 8px;
}
.sr-slide__title{
  margin:0 0 10px;
  font-family: var(--sr-head);
  font-size: clamp(26px, 3.0vw, 44px);
  line-height: 1.03;
  color: rgba(20,26,53,.96);
}
.sr-slide__title b{ color: rgba(83,107,255,.95); }
.sr-slide__text{
  margin:0 0 14px;
  color: rgba(20,26,53,.74);
  line-height: 1.65;
  max-width: 60ch;
}
.sr-hero__ctaRow{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
}
.sr-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.66);
  color: rgba(20,26,53,.72);
  font-weight: 900;
  font-size: 12px;
}

.sr-slide__art{
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
  min-height: 220px;
}
.sr-artCard{
  width: min(380px, 100%);
  height: 240px;
  border-radius: 22px;
  border: 1px solid rgba(22,28,58,.12);
  background:
    radial-gradient(240px 160px at 30% 30%, rgba(255,255,255,.65), transparent 62%),
    radial-gradient(240px 160px at 70% 40%, rgba(83,107,255,.18), transparent 72%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.56));
  box-shadow: 0 22px 70px rgba(14,18,45,.18);
  position: relative;
  overflow:hidden;
}
.sr-artCard::after{
  content:"💪🎰🃏";
  position:absolute;
  right: 12px;
  bottom: 12px;
  font-size: 28px;
  opacity:.85;
}

.sr-dots{
  position:absolute;
  left: 18px;
  bottom: 14px;
  display:flex;
  gap: 8px;
  z-index: 3;
}
.sr-dot{
  width: 8px; height: 8px;
  border-radius: 999px;
  background: rgba(20,26,53,.25);
  box-shadow: 0 0 0 6px rgba(255,255,255,.35);
}
.sr-dot.is-active{ background: rgba(83,107,255,.95); box-shadow: 0 0 0 6px rgba(83,107,255,.12); }

.sr-arrow{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 38px; height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.78);
  cursor:pointer;
  display:grid;
  place-items:center;
  color: rgba(20,26,53,.92);
}
.sr-arrow--prev{ left: 10px; }
.sr-arrow--next{ right: 10px; }

@media (max-width: 980px){
  .sr-layout{ grid-template-columns: 1fr; }
  .sr-side{ display:none; }
  .sr-slide{ grid-template-columns: 1fr; }
  .sr-slide__art{ justify-content:flex-start; }
  .sr-artCard{ height: 200px; }
}

/* ---------- slots block (ONE) ---------- */
.sr-sec{
  margin-top: 16px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}
.sr-sec__title{
  margin:0;
  font-family: var(--sr-head);
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(20,26,53,.88);
}
.sr-sec__link{
  color: rgba(20,26,53,.70);
  font-weight: 900;
  font-size: 12px;
  text-decoration:none;
}
.sr-sec__link:hover{ text-decoration: underline; text-underline-offset: 3px; }

.sr-slider{
  margin-top: 10px;
  border-radius: 18px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.74);
  box-shadow: var(--sr-shadow-sm);
  padding: 12px;
  position: relative;
  overflow:hidden;
}
.sr-track{
  display:flex;
  gap: 12px;
  overflow-x:auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(83,107,255,.30) transparent;
}
.sr-track::-webkit-scrollbar{ height: 7px; }
.sr-track::-webkit-scrollbar-thumb{ background: rgba(83,107,255,.18); border-radius: 999px; }
.sr-track::-webkit-scrollbar-track{ background: transparent; }

/* slot card with hover PLAY */
.sr-game{
  min-width: 210px;
  max-width: 210px;
  scroll-snap-align: start;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.80);
  box-shadow: 0 16px 40px rgba(14,18,45,.16);
  position: relative;
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.sr-game:hover{
  transform: translateY(-4px);
  border-color: rgba(83,107,255,.26);
  box-shadow: 0 26px 70px rgba(14,18,45,.20);
  filter: saturate(1.06);
}

.sr-game__media{
  display:block;
  aspect-ratio: 4 / 3;
  background: linear-gradient(135deg, rgba(83,107,255,.16), rgba(255,62,165,.10));
  position: relative;
}
.sr-game__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.03);
  transition: transform .26s ease, filter .26s ease;
}
.sr-game:hover .sr-game__media img{
  transform: scale(1.10);
  filter: saturate(1.12) contrast(1.05);
}

.sr-game__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(420px 220px at 50% 0%, rgba(255,255,255,.22), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,0,0,.38));
  opacity: 0;
  transition: opacity .2s ease;
}
.sr-game:hover .sr-game__overlay{ opacity: 1; }

.sr-play{
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  height: 36px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.26);
  background: linear-gradient(180deg, var(--sr-green) 0%, var(--sr-green2) 100%);
  color: #06140b;
  transform: translateY(10px);
  opacity: 0;
  transition: transform .2s ease, opacity .2s ease;
}
.sr-game:hover .sr-play{ transform: translateY(0); opacity: 1; }

.sr-game__meta{ padding: 10px 10px 12px; }
.sr-game__title{
  margin:0;
  font-weight: 950;
  font-size: 13px;
  line-height: 1.25;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
  min-height: calc(1.25em * 2);
}
.sr-game__sub{
  color: rgba(20,26,53,.62);
  font-size: 12px;
  margin-top: 6px;
}

/* ---------- FAQ ---------- */
.sr-faq{ margin-top: 16px; }
.sr-faq__title{
  margin: 0 0 10px;
  font-family: var(--sr-head);
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(20,26,53,.88);
}
.sr-faq__list{ display:grid; gap: 10px; }
.sr-faq details{
  border-radius: 18px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 44px rgba(14,18,45,.14);
  overflow:hidden;
}
.sr-faq summary{
  cursor:pointer;
  padding: 12px 14px;
  font-weight: 950;
  list-style:none;
  position: relative;
}
.sr-faq summary::-webkit-details-marker{ display:none; }
.sr-faq summary::after{
  content:"+";
  position:absolute;
  right: 14px;
  top: 10px;
  width: 28px; height: 28px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(83,107,255,.10);
}
.sr-faq details[open] summary::after{ content:"–"; }
.sr-faq__a{
  padding: 0 14px 14px;
  color: rgba(20,26,53,.76);
  line-height: 1.7;
  font-size: 13px;
}

/* ---------- SEO block ---------- */
.sr-seo{ margin-top: 16px; }
.sr-seo__box{
  border-radius: var(--sr-radius-lg);
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.78);
  box-shadow: var(--sr-shadow-sm);
  padding: 16px;
}
.sr-seo__box :where(h1,h2){ margin: 6px 0 10px; font-size: 22px; }
.sr-seo__box :where(h3){ margin: 16px 0 8px; font-size: 16px; }
.sr-seo__box :where(p){ margin: 0 0 12px; color: rgba(20,26,53,.78); line-height: 1.75; }
.sr-seo__box :where(ul,ol){ margin: 0 0 12px 18px; color: rgba(20,26,53,.78); line-height: 1.75; }
.sr-seo__box :where(a){ color: rgba(83,107,255,.95); text-decoration: underline; text-underline-offset: 2px; }

/* ---------- footer ---------- */
.sr-footer{
  margin-top: 18px;
  padding: 26px 0 34px;
  border-top: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.60);
  backdrop-filter: blur(10px);
}
.sr-footer__row{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.sr-footer__brand{
  font-family: var(--sr-head);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 950;
}
.sr-footer__muted{
  margin-top: 8px;
  color: rgba(20,26,53,.65);
  font-size: 12px;
  line-height: 1.65;
  max-width: 54ch;
}
.sr-footer__links{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.sr-footer__link{
  display:inline-flex;
  align-items:center;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.78);
  text-decoration:none;
  font-weight: 900;
  font-size: 12px;
  color: rgba(20,26,53,.78);
}
.sr-footer__link:hover{ border-color: rgba(83,107,255,.24); color: rgba(20,26,53,.92); }

.sr-payments{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
}
.sr-pay{
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(22,28,58,.12);
  background: rgba(255,255,255,.78);
  display:inline-flex;
  align-items:center;
  gap: 8px;
  color: rgba(20,26,53,.74);
  font-weight: 900;
  font-size: 12px;
}
.sr-pay svg{ width: 26px; height: 16px; opacity:.95; }

/* lite page */
.sr-lite{ padding: 16px 0 34px; position: relative; z-index:1; }
.sr-bc{ font-size: 12px; color: rgba(20,26,53,.62); }
.sr-bc a{ color: rgba(83,107,255,.95); text-decoration:none; }
.sr-bc a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.sr-lite__title{ margin: 8px 0 0; font-size: 28px; }

@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}