.lb-shero{position:relative;overflow:hidden;background-color:var(--lb-bg);background-image:radial-gradient(50% 60% at 82% 12%,rgba(47,227,218,.14),transparent 70%),radial-gradient(46% 55% at 6% 90%,rgba(255,46,156,.14),transparent 70%);padding:clamp(2.6rem,5vw,4.4rem) 0 clamp(3rem,6vw,5rem)}
.lb-shero__in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.lb-shero__copy .lb-badge{margin-bottom:1.1rem}
.lb-shero__h{font-family:var(--lb-font-d);font-weight:800;font-size:clamp(2.6rem,6.4vw,4.7rem);line-height:1;letter-spacing:-.02em;color:var(--lb-text)}
.lb-shero__h em{font-style:italic;color:var(--lb-magenta);text-shadow:0 0 30px rgba(255,46,156,.4)}
.lb-shero__lead{margin-top:1.3rem;font-family:var(--lb-font-b);font-weight:600;font-size:clamp(1.1rem,1.7vw,1.3rem);line-height:1.6;color:var(--lb-text-soft);max-width:38rem}
.lb-shero .lb-claims{margin-top:1.6rem}
.lb-shero__cta{margin-top:1.8rem;font-size:1.1rem}
.lb-shero__stage{position:relative;display:grid;place-items:center;min-height:min(46vw,380px)}
.lb-shero__ill{position:relative;z-index:1;width:100%;max-width:460px;height:auto;object-fit:contain;filter:drop-shadow(0 0 46px rgba(255,46,156,.4))}
.lb-shero__glow{position:absolute;z-index:0;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(138,59,218,.5),transparent 72%);filter:blur(22px)}

@media(max-width:900px){
  .lb-shero__in{grid-template-columns:1fr;text-align:center}
  .lb-shero__lead{margin-inline:auto}
  .lb-claims{justify-content:center}
  .lb-shero__stage{order:-1;min-height:auto;margin-bottom:.4rem}
  .lb-shero__ill{max-width:300px}
}
@media(max-width:480px){
  .lb-shero__h{font-size:clamp(2.4rem,12vw,3.4rem)}
}

.lb-sgh{background:var(--lb-bg-2);padding:clamp(3.5rem,7vw,6rem) 0}
.lb-sgh__head{max-width:52rem;margin-bottom:clamp(2rem,4vw,3rem)}
.lb-sgh__head .lb-badge{margin-bottom:1rem}
.lb-sgh__h{font-family:var(--lb-font-d);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);line-height:1.04;letter-spacing:-.015em;color:var(--lb-text)}
.lb-sgh__lead{margin-top:1rem;font-family:var(--lb-font-b);font-weight:600;font-size:1.15rem;line-height:1.6;color:var(--lb-text-soft);max-width:46rem}
.lb-sgh__list{display:flex;flex-direction:column;gap:clamp(1.4rem,3vw,2.2rem)}

.lb-sgame{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(1.4rem,3.5vw,3rem);align-items:center;padding:clamp(1.6rem,3vw,2.6rem);background:radial-gradient(120% 130% at 50% 50%,var(--ct,rgba(255,46,156,.16)),var(--lb-surface) 78%);border:4px solid var(--lb-line);border-radius:34px}
.lb-sgame--flip .lb-sgame__media{order:2}
.lb-sgame__media{width:100%}
.lb-sgame__body{display:flex;flex-direction:column;gap:1rem}
.lb-sgame__t{font-family:var(--lb-font-d);font-weight:800;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.04;color:var(--lb-text)}
.lb-sgame__d{font-family:var(--lb-font-b);font-weight:600;font-size:clamp(1.05rem,1.4vw,1.15rem);line-height:1.62;color:var(--lb-text-soft)}
.lb-sgame__foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:.4rem}
.lb-sgame__meta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--lb-font-b);font-weight:700;font-size:1rem;color:var(--lb-text-soft)}
.lb-sgame__meta .lb-ic{width:1.2rem;height:1.2rem;flex:none;color:var(--ci,var(--lb-magenta))}

@media(max-width:860px){
  .lb-sgame{grid-template-columns:1fr;gap:1.4rem;text-align:center}
  .lb-sgame__media,.lb-sgame--flip .lb-sgame__media{order:-1;max-width:460px;margin-inline:auto}
  .lb-sgame__body{align-items:center}
  .lb-sgame .lb-game__tags{justify-content:center}
  .lb-sgame__foot{justify-content:center}
}

.lb-sinfo{background:var(--lb-light);padding:clamp(3.5rem,7vw,6rem) 0;color:var(--lb-ink)}
.lb-sinfo__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:start}
.lb-sinfo__copy .lb-badge{margin-bottom:1.1rem}
.lb-sinfo__h{font-family:var(--lb-font-d);font-weight:800;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.06;letter-spacing:-.015em;color:var(--lb-ink)}
.lb-sinfo__p{margin-top:1.1rem;font-family:var(--lb-font-b);font-weight:600;font-size:1.1rem;line-height:1.66;color:var(--lb-ink-soft)}
.lb-sinfo__p em{font-style:normal;font-weight:700;color:var(--lb-magenta)}
.lb-sinfo__side{display:flex;flex-direction:column;gap:1.3rem}
.lb-sinfo__media{margin:0;padding:3px;background-image:var(--lb-iris);border-radius:calc(var(--lb-radius-lg) + 3px);box-shadow:0 24px 50px -24px rgba(40,15,60,.45)}
.lb-sinfo__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--lb-radius-lg)}
.lb-sinfo__facts{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.lb-sinfo__facts li{display:flex;flex-direction:column;gap:.35rem;padding:1.2rem;background:var(--lb-panel-lt);border:3px solid var(--lb-line-lt);border-radius:1.2rem}
.lb-sinfo__fic{display:grid;place-items:center;width:2.9rem;height:2.9rem;margin-bottom:.3rem;border-radius:50%;color:#fff;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.4),rgba(255,255,255,0) 55%),var(--ci,var(--lb-magenta));box-shadow:0 8px 16px -6px var(--ci,var(--lb-magenta))}
.lb-sinfo__fic .lb-ic{width:1.35rem;height:1.35rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.lb-sinfo__facts b{font-family:var(--lb-font-d);font-weight:700;font-size:1.1rem;color:var(--lb-ink)}
.lb-sinfo__facts span{font-family:var(--lb-font-b);font-weight:600;font-size:1rem;line-height:1.4;color:var(--lb-ink-soft)}

@media(max-width:860px){
  .lb-sinfo__grid{grid-template-columns:1fr}
}
@media(max-width:460px){
  .lb-sinfo__facts{grid-template-columns:1fr}
}

.lb-how{position:relative;background-color:var(--lb-bg);background-image:radial-gradient(48% 55% at 90% 10%,rgba(138,59,218,.16),transparent 70%),radial-gradient(44% 50% at 6% 92%,rgba(47,227,218,.1),transparent 70%);padding:clamp(3.5rem,7vw,6rem) 0}
.lb-how__head{max-width:52rem;margin-bottom:clamp(2rem,4vw,3rem)}
.lb-how__head .lb-badge{margin-bottom:1rem}
.lb-how__h{font-family:var(--lb-font-d);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);line-height:1.04;letter-spacing:-.015em;color:var(--lb-text)}
.lb-how__lead{margin-top:1rem;font-family:var(--lb-font-b);font-weight:600;font-size:1.15rem;line-height:1.6;color:var(--lb-text-soft);max-width:44rem}
.lb-how__box{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(1.2rem,3vw,2rem);align-items:stretch}
.lb-how__rad{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.lb-how__tabs{display:flex;flex-direction:column;gap:.9rem}
.lb-how__tab{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.3rem;background:var(--lb-surface);border:3px solid var(--lb-line);border-radius:1.4rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease}
.lb-how__tab:hover{border-color:var(--lb-cyan)}
.lb-how__tabic{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;color:#fff;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.4),rgba(255,255,255,0) 55%),var(--lb-violet-lt);box-shadow:0 8px 18px -6px var(--lb-violet-lt);transition:background .2s ease,box-shadow .2s ease}
.lb-how__tabic .lb-ic{width:1.4rem;height:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.lb-how__tabtx{display:flex;flex-direction:column;gap:.15rem;text-align:left}
.lb-how__tabtx b{font-family:var(--lb-font-d);font-weight:700;font-size:1.2rem;color:var(--lb-text)}
.lb-how__tabtx span{font-family:var(--lb-font-b);font-weight:600;font-size:1rem;color:var(--lb-text-soft)}
.lb-how__panels{position:relative}
.lb-how__panel{display:none;flex-direction:column;gap:1.1rem;height:100%;padding:clamp(1.8rem,3vw,2.6rem);background-image:linear-gradient(160deg,#23124c,var(--lb-bg) 82%),var(--lb-iris);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid transparent;border-radius:1.8rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 40px -16px rgba(47,227,218,.35)}
.lb-how__pt{font-family:var(--lb-font-d);font-weight:800;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.08;color:var(--lb-text)}
.lb-how__pd{font-family:var(--lb-font-b);font-weight:600;font-size:1.1rem;line-height:1.62;color:var(--lb-text-soft)}
.lb-how__list{display:flex;flex-direction:column;gap:.7rem;margin-top:.2rem}
.lb-how__list li{display:flex;align-items:center;gap:.6rem;font-family:var(--lb-font-b);font-weight:600;font-size:1.05rem;color:var(--lb-text)}
.lb-how__list .lb-ic{width:1.3rem;height:1.3rem;flex:none;color:var(--lb-cyan)}
#lbHow1:checked ~ .lb-how__tabs label[for="lbHow1"],
#lbHow2:checked ~ .lb-how__tabs label[for="lbHow2"],
#lbHow3:checked ~ .lb-how__tabs label[for="lbHow3"]{border-color:transparent;background-image:linear-gradient(var(--lb-surface),var(--lb-surface)),var(--lb-iris);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 34px -10px rgba(47,227,218,.5);transform:translateX(5px)}
#lbHow1:checked ~ .lb-how__tabs label[for="lbHow1"] .lb-how__tabic,
#lbHow2:checked ~ .lb-how__tabs label[for="lbHow2"] .lb-how__tabic,
#lbHow3:checked ~ .lb-how__tabs label[for="lbHow3"] .lb-how__tabic{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.42),rgba(255,255,255,0) 55%),var(--lb-magenta);box-shadow:0 10px 22px -6px var(--lb-magenta)}
#lbHow1:checked ~ .lb-how__panels .lb-how__panel--1,
#lbHow2:checked ~ .lb-how__panels .lb-how__panel--2,
#lbHow3:checked ~ .lb-how__panels .lb-how__panel--3{display:flex}
.lb-how__rad:focus-visible ~ .lb-how__tabs .lb-how__tab{outline:2px solid var(--lb-cyan);outline-offset:3px}

@media(max-width:820px){
  .lb-how__box{grid-template-columns:1fr}
  #lbHow1:checked ~ .lb-how__tabs label[for="lbHow1"],
  #lbHow2:checked ~ .lb-how__tabs label[for="lbHow2"],
  #lbHow3:checked ~ .lb-how__tabs label[for="lbHow3"]{transform:none}
}
