.mg{--g:14px;--mg-ease:cubic-bezier(.2,.7,.1,1);max-width:1880px;margin:clamp(40px,4vw,64px) auto clamp(36px,3.4vw,56px);padding:clamp(28px,3vw,48px) clamp(16px,1.6vw,24px);overflow:clip;container-type:inline-size}.mg-grid{--c:calc((100cqw - 5*var(--g))/6);gap:var(--g);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.mg-lane{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc((var(--c) - var(--g))/2);gap:var(--g);display:grid}.mg-t{grid-area:span 3/span 2}.mg-t.k-ph{grid-area:span 4/span 1}.mg-t.k-pp,.mg-t.k-trio,.mg-t.k-duo{grid-row:span 4}.mg-all{display:none}.mg-t{--sc-a:#a78bfa;--sc-b:#7cc4ff;--sc-acc:#7c5cf0;background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;min-width:0;min-height:0;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280a,0 18px 40px -30px #10182840}.mg-t:hover{border-color:#0000002e;box-shadow:0 1px 2px #1018280d,0 26px 50px -30px #10182859}.mg-stage{isolation:isolate;content-visibility:auto;background-color:#fafbfc;background-image:radial-gradient(#1113170f 1px,#0000 1.2px);background-size:16px 16px;flex:1;min-height:0;position:relative;overflow:hidden;container-type:size}.mg-stage:before,.mg-stage:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.mg-stage:before{aspect-ratio:1.4;background:radial-gradient(closest-side,var(--sc-a),color-mix(in srgb,var(--sc-a)55%,transparent)40%,transparent);opacity:.42;width:110%;top:60%;left:50%;transform:translate(-50%,-50%)}.mg-stage:after{aspect-ratio:1.2;background:radial-gradient(closest-side,var(--sc-b),transparent);opacity:.42;width:72%;top:-34%;right:-22%}.mg-badge,.mg-kind{z-index:5;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:10px}.mg-badge{color:#111317;background:#ffffffe6;left:10px;box-shadow:inset 0 0 0 1px #00000014}.mg-badge i{background:#12b76a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #12b76a2e}.mg-kind{color:#4b5563;letter-spacing:.04em;text-transform:none;font-size:11.5px;font-weight:500;right:10px}@container (max-width:250px){.mg-t.long-tag .mg-badge{justify-content:center;gap:0;width:22px;padding:0;font-size:0}}.mg-dev{justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:40px 14px 14px}.mg-dev>.d{flex:none;min-width:0;position:relative}.mg-dev.web>.d.web{width:min(100cqw - 28px,153.846cqh - 83.0769px)}.mg-dev.tab>.d.tab{width:min(100cqw - 28px,133.333cqh - 72px)}.mg-dev.ph>.d.ph{width:min(100cqw - 28px,48.0296cqh - 25.936px)}.mg-dev.pp>.d.ph{width:min(50cqw - 20px,48.0296cqh - 25.936px)}.mg-dev.trio:before,.mg-dev.duo:before{content:"";aspect-ratio:1/.78;width:min(100cqw - 28px,128.205cqh - 69.2308px)}.mg-dev.trio>.d,.mg-dev.duo>.d{position:absolute}.mg-dev.trio>.d.web,.mg-dev.duo>.d.web{--w:min(100cqw - 28px,(100cqh - 54px)/.78);left:calc(50% - var(--w)/2);top:calc(50% - var(--w)*.39);width:calc(var(--w)*.8)}.mg-dev.trio>.d.tab{--w:min(100cqw - 28px,(100cqh - 54px)/.78);left:calc(50% - var(--w)/2 + var(--w)*.2);top:calc(50% - var(--w)*.39 + var(--w)*.38);width:calc(var(--w)*.52);z-index:2}.mg-dev.trio>.d.ph,.mg-dev.duo>.d.ph{--w:min(100cqw - 28px,(100cqh - 54px)/.78);left:calc(50% + var(--w)/2 - var(--w)*.25);top:calc(50% + var(--w)*.39 - var(--w)*.25*812/390);width:calc(var(--w)*.25);z-index:3}.mg-dev.duo>.d.web{width:calc(var(--w)*.84);top:calc(50% - var(--w)*.39 + var(--w)*.04)}.mg-dev.duo>.d.ph{width:calc(var(--w)*.28);left:calc(50% + var(--w)/2 - var(--w)*.28);top:calc(50% + var(--w)*.39 - var(--w)*.28*812/390)}.mg-web{aspect-ratio:16/10.4;box-shadow:0 0 0 1px #00000014,0 24px 50px -20px color-mix(in srgb,var(--sc-acc)35%,transparent),0 12px 26px -16px #1018284d;background:#fff;border-radius:8px;position:relative;overflow:hidden}.mg-dev>.d.tab>*{box-shadow:inset 0 0 0 1px #ffffff29,0 24px 50px -18px color-mix(in srgb,var(--sc-acc)40%,transparent),0 12px 26px -14px #10182859}.mg-dev>.d.ph>.fhd-phone{box-shadow:0 0 0 .5px #1e20263d,0 24px 50px -18px color-mix(in srgb,var(--sc-acc)42%,transparent),0 12px 26px -14px #10182859}.mg-tablet{aspect-ratio:4/3;background:linear-gradient(150deg,#2c2e33 0%,#0c0d0f 42%,#1e2024 100%);border-radius:5.2%/6.9%;padding:2.6%;position:relative;container-type:inline-size}.mg-tablet .cam{aspect-ratio:1;background:#30343b;border-radius:50%;width:1%;position:absolute;top:1%;left:50%;transform:translate(-50%)}.mg-tablet-screen{--t:calc(100cqw/600);color:#111317;width:100%;height:100%;font-size:calc(var(--t)*11);text-align:left;letter-spacing:-.005em;background:#fff;border-radius:2.4%/3.2%;line-height:1.3;position:relative;overflow:hidden}.mg-cap{background:#fff;border-top:1px solid #00000012;flex:none;align-items:center;gap:10px;height:54px;padding:0 14px;display:flex;position:relative}.mg-cap p{flex-direction:column;flex:1;gap:1px;min-width:0;margin:0;display:flex}.mg-cap b{font-family:var(--font-fhd-sans,"Inter Tight"),Inter,system-ui,sans-serif;letter-spacing:-.02em;color:#0b0c0e;font-size:16px;font-weight:500;line-height:1.2}.mg-cap p span{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;font-size:12.5px;overflow:hidden}.mg-go{z-index:3;color:#fff;white-space:nowrap;opacity:0;height:30px;transition:opacity .3s,transform .3s var(--mg-ease);background:#111317;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;top:12px;right:12px;transform:translate(-4px)}.mg-go:hover{color:#fff}.mg-t:hover .mg-go,.mg-go:focus-visible{opacity:1;transform:none}.mg-hit{z-index:2;position:absolute;inset:0}@media (hover:none){.mg-go{opacity:1;transform:none}}@media (max-width:999px){.mg{--g:12px}.mg-grid{--c:calc((100cqw - var(--g))/2);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min(calc((var(--c) - var(--g))/2),118px);align-items:stretch}.mg-lane{display:contents}}@media (max-width:639px){.mg{padding-block:8px}.mg-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:14px}.mg-t,.mg-t.k-ph{grid-area:auto}.mg:not(.all) .mg-t:not(.core){display:none}.mg-stage{flex:none}.mg-t.k-web .mg-stage{aspect-ratio:1/.78}.mg-t.k-tab .mg-stage{aspect-ratio:1/.92}.mg-t.k-ph .mg-stage{height:500px}.mg-t.k-pp .mg-stage{height:420px}.mg-t.k-trio .mg-stage,.mg-t.k-duo .mg-stage{aspect-ratio:1/1.02}.mg-sec .mg .mg-all{color:#fff;width:100%;height:48px;font:inherit;cursor:pointer;background:#111317;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:16px;font-size:15px;font-weight:500;display:flex}}.mg-head{text-align:center;max-width:1040px;margin:0 auto}.mg-head .fhd-lede{margin:0 auto}.mg-head .fhd-h2{text-wrap:balance}