.hub{--hub-gap:20px;width:100%;max-width:72rem;margin-inline:auto;padding:56px 24px 96px}.hub-header__title{letter-spacing:-.035em;max-width:16ch;color:var(--mc-foreground-bright);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:650;line-height:1.02}.hub-header__sub{max-width:46ch;color:var(--mc-foreground-dim);margin-top:18px;font-size:1.05rem;line-height:1.6}.hub-jump{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.hub-jump__link{border:1px solid var(--mc-line-strong);color:var(--mc-foreground);border-radius:999px;align-items:center;gap:8px;padding:8px 8px 8px 16px;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.hub-jump__link:hover{border-color:var(--mc-primary);background:#a7a5ff14}.hub-jump__count{text-align:center;font-variant-numeric:tabular-nums;min-width:22px;color:var(--mc-foreground-dim);background:#ffffff14;border-radius:999px;padding:2px 7px;font-size:.75rem}.hub-group{border-top:1px solid var(--mc-line-strong);grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:40px;margin-top:72px;padding-top:32px;scroll-margin-top:88px;display:grid}.hub-group__label{align-self:start;position:sticky;top:104px}.hub-group__title{letter-spacing:-.02em;color:var(--mc-foreground-bright);font-size:1.5rem;font-weight:650;line-height:1.15}.hub-group__intro{color:var(--mc-foreground-dim);margin-top:10px;font-size:.95rem;line-height:1.55}.hub-group__cards{gap:var(--hub-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hub-card{border:1px solid var(--mc-line);background:var(--mc-card);border-radius:18px;flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.hub-card:hover{border-color:var(--mc-line-strong)}.hub-card--wide{flex-direction:row;grid-column:1/-1}.hub-card__media{aspect-ratio:16/10;background:radial-gradient(120% 100% at 50% 0,#1b1a2b 0%,#0a0a12 70%);display:block;position:relative}.hub-card__media img{padding:14px}.hub-card--wide .hub-card__media{aspect-ratio:auto;flex:0 0 52%;min-height:300px}.hub-card--wide+.hub-card:last-child{flex-direction:row;grid-column:1/-1}.hub-card--wide+.hub-card:last-child .hub-card__media{aspect-ratio:auto;flex:0 0 240px;min-height:150px}.hub-card__body{flex-direction:column;flex:1;gap:12px;padding:22px 22px 20px;display:flex}.hub-card--wide .hub-card__body{justify-content:center;padding:30px 30px 28px}.hub-card__head{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.hub-card__name{letter-spacing:-.015em;color:var(--mc-foreground-bright);font-size:1.2rem;font-weight:650;line-height:1.2}.hub-card--wide .hub-card__name{font-size:1.6rem}.hub-card__price{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mc-foreground-bright);flex-shrink:0;font-size:.98rem;font-weight:600}.hub-card__price--free{color:var(--mc-primary);background:#a7a5ff24;border-radius:999px;padding:3px 11px;font-size:.82rem}.hub-card__line{color:var(--mc-foreground-dim);font-size:.95rem;line-height:1.55}.hub-card__points{color:var(--mc-foreground);gap:6px;font-size:.9rem;line-height:1.5;display:grid}.hub-card__points li{padding-left:16px;position:relative}.hub-card__points li:before{background:var(--mc-primary);content:"";width:6px;height:1px;position:absolute;top:.62em;left:0}.hub-card__actions{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:8px;display:flex}.hub-button{background:var(--mc-foreground-bright);color:#08080d;border-radius:999px;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:650;transition:background .15s;display:inline-flex}.hub-button:hover{background:var(--mc-primary)}.hub-link{color:var(--mc-primary);text-underline-offset:4px;font-size:.9rem;font-weight:600;-webkit-text-decoration:underline #a7a5ff66;text-decoration:underline #a7a5ff66}.hub-link:hover{text-decoration-color:currentColor}.hub-preview{border:1px solid var(--mc-line);background:#ffffff08;border-radius:12px;overflow:hidden}.hub-preview__button{text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.hub-preview__icon{background:var(--mc-primary);color:#08080d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hub-preview__text{flex-direction:column;gap:2px;min-width:0;display:flex}.hub-preview__title{color:var(--mc-foreground-bright);font-size:.88rem;font-weight:650}.hub-preview__note{color:var(--mc-foreground-dim);font-size:.78rem;line-height:1.4}.hub-preview__bar{background:#ffffff0f;height:2px;display:block}.hub-preview__bar span{background:var(--mc-primary);transform-origin:0;height:100%;display:block}.hub-foot{border-top:1px solid var(--mc-line-strong);color:var(--mc-foreground-dim);flex-wrap:wrap;gap:12px 48px;margin-top:72px;padding-top:28px;font-size:.95rem;display:flex}.hub a:focus-visible,.hub button:focus-visible{outline:2px solid var(--mc-primary);outline-offset:3px;border-radius:6px}@media (max-width:900px){.hub{padding:36px 16px 72px}.hub-group{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:52px;padding-top:24px}.hub-group__label{position:static}.hub-card--wide{flex-direction:column}.hub-card--wide .hub-card__media{aspect-ratio:16/10;flex:none;min-height:0}.hub-card--wide .hub-card__body{padding:22px 22px 20px}.hub-card--wide+.hub-card:last-child{flex-direction:column}.hub-card--wide+.hub-card:last-child .hub-card__media{aspect-ratio:16/10;flex:none;min-height:0}.hub-card--wide .hub-card__name{font-size:1.3rem}}@media (max-width:620px){.hub-group__cards{grid-template-columns:minmax(0,1fr)}}
