










:root{
  --vio:#E753FF;
  --mg-dark:#1D1E20;
  --mg-card-dark:#232427;
  --mg-grey:#6B6B6B;
  --mg-line:#E6E6E6;
  --ms-pt:120px;
  --ms-head:48px;
  --mg-gap:20px;
}
@media (max-width:1199px){ :root{--ms-pt:96px;--ms-head:40px} }
@media (max-width:767px){ :root{--ms-pt:72px;--ms-head:32px;--mg-gap:12px} }

body.mg{background:var(--fog)}
.mg ul,.mg ol{list-style:none}
.ms{padding-top:var(--ms-pt)}


.mg-label{font-stretch:var(--w-hyper);font-weight:500;font-size:14px;line-height:18px;color:var(--ink-55)}
.mg-label--dark{color:rgba(255,255,255,.6)}
.mg-h2{font-stretch:var(--w-hyper);font-weight:500;font-size:clamp(32px,3.125vw,45px);line-height:calc(1em + 5px);letter-spacing:-.01em;text-wrap:balance}
.mg-lead{font-stretch:var(--w-hyper);font-weight:400;font-size:18px;line-height:24px}
.mg-num{font-stretch:var(--w-mega);font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.mg-unit{font-stretch:var(--w-mega);font-weight:700;white-space:nowrap}
@media (max-width:767px){
  .mg-h2{line-height:calc(1em + 4px)}
  .mg-lead{font-size:16px;line-height:21px}
}


.mg-head{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--ms-head)}
.mg-head__row{display:flex;align-items:center;justify-content:space-between;gap:32px}
.mg-head__lead{max-width:640px;padding-top:8px;color:var(--ink-55)}
.mg-head--aside{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:32px}
.mg-head__main{display:flex;flex-direction:column;gap:16px}
@media (max-width:767px){
  .mg-head{gap:12px}

  .mg-head__row{display:contents}
  .mg-head__lead{order:2;padding-top:0}
  .mg-head__btn{order:3;align-self:flex-start;margin-top:8px}
  .mg-head--aside{flex-direction:column;gap:12px}
}





.mg-chip{display:inline-flex;align-items:center;height:32px;padding:1px 14px 0;border-radius:var(--r-pill);background:var(--fog);
  font-stretch:var(--w-hyper);font-weight:500;font-size:14px;line-height:18px;white-space:nowrap}
.mg-chip--caps{padding-top:2px}
.mg-new{display:inline-flex;align-items:center;height:28px;padding:1px 12px 0;border-radius:var(--r-pill);background:var(--vio);color:#fff;
  font-stretch:var(--w-hyper);font-weight:500;font-size:14px;line-height:18px}

.mg-ai{display:inline-flex;align-items:center;gap:4px;height:20px;padding:2px 7px 0 6px;border-radius:var(--r-pill);background:var(--vio);color:#fff;
  font-stretch:var(--w-hyper);font-weight:600;font-size:12px;line-height:14px;white-space:nowrap;vertical-align:middle}
.mg-ai svg{width:10px;height:10px;margin-bottom:1px;transform:translateY(-.4px);fill:currentColor}


.mg-pic{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:14px;background:var(--mg-card-dark);color:var(--green)}
.mg-pic svg{width:38px;height:38px}
.mg-pic--glass{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.08)}
.mg-pic--glass svg{width:32px;height:32px}
@media (max-width:767px){
  .mg-pic{width:48px;height:48px;border-radius:12px}
  .mg-pic svg{width:32px;height:32px}
}


.mg-press{transition:transform 500ms var(--e-appear);-webkit-tap-highlight-color:transparent}
@media (hover:hover) and (pointer:fine){ .mg-press:hover{transform:scale(.97)} }
.mg-press:active{transform:scale(.97);transition-duration:150ms}



:is(.mhero-card,.mor,.mex-card--dark,.men-card,.mfin) :focus-visible{outline-color:var(--green)}







.brand--mg,.brand--mg[data-tone]{top:34px;width:132px;height:32px;background:none;-webkit-mask:none;mask:none}
.brand--mg img{position:absolute;inset:0;width:100%;height:100%;transition:opacity var(--d-tone) var(--e-tone)}
.brand--mg .brand__d{opacity:0}
.brand--mg[data-tone="dark"] .brand__l{opacity:0}
.brand--mg[data-tone="dark"] .brand__d{opacity:1}
@media (hover:hover){ .brand--mg{transition:opacity 150ms linear} .brand--mg:hover{opacity:.7} }

.hdr--mg .hdr__nav{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.hdr--mg.is-foot .hdr__nav,.hdr--mg.is-foot .hdr__login{opacity:0;pointer-events:none}
.hdr--mg.is-foot .hdr__nav{transform:translate(-50%,-8px)}
.hdr--mg .hdr__nav-in{background:#fff;box-shadow:none}
.hdr--mg[data-tone="dark"] .hdr__nav-in{background:rgba(44,45,49,.62)}
.hdr--mg .hdr__nav a{padding:9.5px 14px 6.5px;font-size:14px;color:var(--ink)}
.hdr--mg[data-tone="dark"] .hdr__nav a{color:rgba(255,255,255,.8)}

.hdr--mg .hdr__nav a.is-on{color:#fff}
.hdr--mg[data-tone="dark"] .hdr__nav a.is-on{color:var(--graphite)}
.hdr--mg .hdr__nav{box-shadow:none}
.hdr--mg[data-tone="dark"] .hdr__nav{box-shadow:0 0 0 1px rgba(255,255,255,.06)}

.hdr__login{position:absolute;top:28px;right:calc(max(var(--gut),calc((100% - var(--wrap)) / 2)) + var(--cta-w,212px) + 8px);
  display:flex;align-items:center;height:44px;padding:14px 16px 12px;pointer-events:auto;
  font-stretch:var(--w-hyper);font-weight:500;font-size:15px;line-height:18px;color:var(--ink);
  transition:color var(--d-tone) var(--e-tone),opacity 200ms var(--e-appear)}
.hdr__login[data-tone="dark"],.hdr[data-tone="dark"] .hdr__login{color:#fff}
@media (hover:hover){ .hdr__login:hover{opacity:.6} }
body.is-loading .hdr .hdr__login{opacity:0}



@media (min-width:1320px) and (max-width:1439px){
  .hdr--mg .hdr__nav a{padding-inline:clamp(11px,calc((100vw - 1320px) / 40 + 11px),14px)}
}
@media (max-width:1319px){ .hdr--mg .hdr__nav{display:none} }

.hdr__burger{display:none;position:absolute;right:max(var(--gut),calc((100% - var(--wrap)) / 2));top:28px;width:44px;height:44px;
  align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--ink);pointer-events:auto;
  box-shadow:0 0 0 1px rgba(28,29,32,.05);transition:transform var(--d-ui) var(--e-appear),background-color var(--d-ui) var(--e-appear)}
.hdr__burger svg{width:20px;height:20px}
.hdr__burger:active{transform:scale(.94)}
@media (hover:hover){ .hdr__burger:hover{background:#F2F2F2} }
@media (max-width:1319px){
  .hdr__burger{display:flex}
  .hdr__login{display:none}
  .hdr--mg .hdr__cta{right:calc(max(var(--gut),calc((100% - var(--wrap)) / 2)) + 52px)}
}
@media (max-width:767px){
  .brand--mg,.brand--mg[data-tone]{top:27px;width:108px;height:26px}
  .hdr--mg .hdr__cta{top:20px;height:40px;padding:12px 16px 10px;font-size:14px;line-height:16px;right:calc(var(--gut) + 48px)}
  .hdr__burger{top:20px;width:40px;height:40px}
}

@media (max-width:429px){ .hdr__cta-x{display:none} }
@media (max-width:374px){
  .brand--mg,.brand--mg[data-tone]{top:29px;width:92px;height:22px}
  .hdr--mg .hdr__cta{padding:12px 12px 10px;font-size:13px}
}




.cm{position:fixed;inset:0;z-index:130;color:var(--ink);font-weight:400}
.cm[hidden]{display:none}
.cm__bg{position:absolute;inset:0;background:rgba(28,29,32,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cm__logo{display:none}
.cm__close{position:absolute;right:max(var(--gut),calc((100% - var(--wrap)) / 2));top:28px;width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--ink);
  box-shadow:0 0 0 1px rgba(28,29,32,.05);transition:transform var(--d-ui) var(--e-appear),background-color var(--d-ui) var(--e-appear)}
.cm__close svg{width:20px;height:20px}
.cm__close:active{transform:scale(.94)}
@media (hover:hover){ .cm__close:hover{background:#F2F2F2} }
.cm__panel{position:absolute;right:max(var(--gut),calc((100% - var(--wrap)) / 2));top:80px;width:360px;
  max-height:calc(100% - 96px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px}
.cm__list{display:flex;flex-direction:column;padding:4px 20px;background:#fff;border-radius:var(--r-card);
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -8px rgba(0,0,0,.10)}
.cm__a{display:flex;align-items:center;gap:8px;padding:17px 0 16px;border-bottom:1px solid var(--line);
  font-stretch:var(--w-hyper);font-weight:400;font-size:18px;line-height:23px;color:var(--ink);transition:opacity 150ms linear}
.cm__a:last-child{border-bottom:0}
@media (hover:hover){ .cm__a:hover{opacity:.6} }
.cm__a:focus-visible{outline-offset:-2px;border-radius:4px}
.cm__btns{display:flex;gap:8px}
.cm__btns .btn{flex:1 1 0;min-width:0}
.cm__login{box-shadow:0 0 0 1px rgba(28,29,32,.05)}
@media (max-width:767px){
  .cm__bg{background:var(--fog);-webkit-backdrop-filter:none;backdrop-filter:none}
  .cm__logo{display:block;position:absolute;left:var(--gut);top:27px;width:108px;height:26px}
  .cm__logo img{width:100%;height:100%}
  .cm__close{top:20px;right:var(--gut);width:40px;height:40px}
  .cm__panel{left:var(--gut);right:var(--gut);top:84px;width:auto;max-height:calc(100% - 100px)}
  .cm__btns{flex-direction:column}
}
@media (max-width:374px){ .cm__logo{top:29px;width:92px;height:22px} }

@media (prefers-reduced-motion:reduce){ .mg-press,.hdr__burger,.cm__close{transition:none} }



.hdr__dd{display:flex}
.hdr--mg .hdr__nav .hdr__dd > a{gap:4px;padding-right:10px}
.hdr__dd-ch{width:12px;height:12px;margin-top:-2px;transition:transform 250ms var(--e-appear)}
.hdr__dd-panel{position:absolute;left:0;top:calc(100% + 10px);z-index:3;display:flex;flex-direction:column;width:300px;padding:8px;border-radius:20px;
  background:#fff;box-shadow:0 0 0 1px rgba(28,29,32,.05),0 12px 32px -8px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 200ms var(--e-appear),transform 300ms var(--e-appear),visibility 0s linear 200ms}
.hdr__dd-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.hdr__dd:hover .hdr__dd-panel,.hdr__dd:focus-within .hdr__dd-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hdr__dd:hover .hdr__dd-ch,.hdr__dd:focus-within .hdr__dd-ch{transform:rotate(180deg)}
.hdr--mg .hdr__nav .hdr__dd-a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;height:auto;padding:11px 14px 9px;border-radius:14px;color:var(--ink);opacity:1}
.hdr__dd-t{font-stretch:var(--w-hyper);font-weight:500;font-size:15px;line-height:18px}
.hdr__dd-d{font-stretch:var(--w-hyper);font-weight:400;font-size:13px;line-height:16px;color:var(--ink-55);white-space:normal}
@media (hover:hover){ .hdr--mg .hdr__nav .hdr__dd-a:hover{opacity:1;background:var(--fog)} }
.hdr--mg[data-tone="dark"] .hdr__dd-panel{background:#2C2D31;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 32px -8px rgba(0,0,0,.4)}
.hdr--mg[data-tone="dark"] .hdr__nav .hdr__dd-a{color:#fff}
.hdr--mg[data-tone="dark"] .hdr__dd-d{color:var(--on-dark-2)}
@media (hover:hover){ .hdr--mg[data-tone="dark"] .hdr__nav .hdr__dd-a:hover{background:rgba(255,255,255,.06)} }

.cm__subs{display:flex;flex-direction:column;padding:2px 0 10px 16px;border-bottom:1px solid var(--line)}
.cm__a:has(+ .cm__subs){border-bottom:0;padding-bottom:6px}
.cm__sub{display:block;padding:9px 0 7px;font-stretch:var(--w-hyper);font-weight:400;font-size:16px;line-height:20px;color:var(--ink-55)}
@media (hover:hover){ .cm__sub:hover{color:var(--ink)} }

.topline {
    box-sizing: border-box;
    position: relative;
    z-index: 121;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    height: 32px;
    padding: 2px 30px 0;
    background: #000;
    color: #fff;
    font-family: "YFF RARE VF", -apple-system, BlinkMacSystemFont,
      "Helvetica Neue", Arial, sans-serif;
    font-stretch: 87.5%;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
  }

  .topline__t strong {
    color: #a6ed00;
    font-weight: inherit;
  }

  .topline__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .topline__icon {
    flex: none;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -2px;
  }

  @media (hover: hover) {
    .topline:hover .topline__more {
      opacity: 0.6;
    }
  }

  @media (max-width: 767px) {
    .topline {
      height: 30px;
      font-size: 12px;
      line-height: 14px;
    }
  }

  @media (max-width: 389px) {
    .topline {
      font-size: 11px;
    }

    .topline__more-t {
      display: none;
    }
  }