.mn{--purple-deep:#7a00df;--plum:#3a2364;--white:#fff;--slate:#212934;--gray:#333;--ash:#4a4e57;--haze:#f4f4f7;--line:#e2e2e2;--ink:#14161a;--surface:var(--white);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:28px;--sec:clamp(56px, 6.6vw, 96px);--r-md:16px;--r-lg:24px;--r-pill:24px;--e-high:0px 8px 24px #0000001f;--focus-w:2px;--focus-c:var(--purple-deep);--focus-off:2px;--font:"Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:var(--slate);font-family:var(--font)}:where(.mn) .wrap{max-width:1400px;padding:0 var(--s6);margin:0 auto}:where(.mn) .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin:0;font-size:12px;font-weight:500;line-height:18px}:where(.mn) .t-h3{letter-spacing:-.01em;font-size:30px;font-weight:500;line-height:37.5px}:where(.mn) .btn{isolation:isolate;font-family:var(--font);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:0;padding:12px 20px;font-size:16px;font-weight:500;line-height:normal;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .22s cubic-bezier(.2,.7,.3,1);display:inline-block;position:relative;overflow:hidden}:where(.mn) .btn-fill:before{content:"";z-index:-1;background:var(--fill);transform-origin:0;transition:transform .38s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0;transform:scaleX(0)}:where(.mn) .btn-fill:hover:before,:where(.mn) .btn-fill:focus-visible:before{transform:scaleX(1)}:where(.mn) .btn-fill:hover,:where(.mn) .btn-fill:focus-visible{box-shadow:var(--lift);transform:translateY(-1px)}:where(.mn) .btn-fill:active{box-shadow:none;transition-duration:80ms;transform:translateY(0)}:where(.mn) .btn-neutral{background:var(--ink);color:var(--white);--fill:var(--plum);--lift:0 6px 16px #3a236457}:where(.mn) .btn-neutral:hover,:where(.mn) .btn-neutral:focus-visible{color:var(--white)}:where(.mn) .btn-neutral:active{background:var(--plum)}:where(.mn) .btn:focus-visible{outline:var(--focus-w) solid var(--focus-c);outline-offset:var(--focus-off)}@media (prefers-reduced-motion:reduce){:where(.mn) .btn,:where(.mn) .btn-fill:before{transition:none}:where(.mn) .btn-fill:hover,:where(.mn) .btn-fill:focus-visible{transform:none}}@media (max-width:767px){:where(.mn) .t-h3{font-size:26px;line-height:1.25}:where(.mn) .wrap{padding:0 var(--s5)}}@media (max-width:479px){:where(.mn) .t-h3{font-size:24px}}.mnotes{padding:0 0 var(--sec);background:var(--surface)}.mnotes .wrap{padding-top:0;padding-bottom:0}.mnotes-box{background:var(--haze);border-radius:var(--r-lg);column-gap:clamp(28px,3.4vw,64px);row-gap:var(--s7);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"say picks""cta picks";align-items:start;max-width:1180px;margin-inline:auto;padding:clamp(28px,3.4vw,56px);display:grid}.mnotes-say{grid-area:say}.mnotes-cta{grid-area:cta}.mnotes-picks{grid-area:picks;align-self:center}.mnotes-h{margin:var(--s3) 0 0;max-width:20ch}.mnotes-br{display:none}@media (min-width:901px){.mnotes-br{display:inline}}.mnotes-p{margin:var(--s5) 0 0;color:var(--gray);max-width:46ch;font-size:17px;line-height:26px}.mnotes-facts{margin:var(--s4) 0 0;gap:var(--s1) var(--s5);color:var(--ash);flex-wrap:wrap;padding:0;font-size:14px;line-height:20px;list-style:none;display:flex}.mnotes-facts li{align-items:center;gap:var(--s2);display:flex}.mnotes-facts li:before{content:"";background:var(--ash);border-radius:50%;flex:none;width:5px;height:5px}.mnotes-k{margin:0 0 var(--s3);letter-spacing:.12em;text-transform:uppercase;color:var(--ash);font-size:12px;font-weight:600;line-height:16px}.mnotes-grid{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mnotes-pick{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);height:100%;color:var(--slate);grid-template-columns:88px minmax(0,1fr);align-items:stretch;padding:0;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;overflow:clip}.mnotes-pick img{contain:size;object-fit:cover;background:rgb(var(--hue,144 79 255));width:100%;height:100%;min-height:96px;display:block}.mnotes-pick-c{background:rgb(var(--hue,144 79 255));width:100%;height:100%;min-height:96px;display:block}.mnotes-pick-t{min-width:0;padding:var(--s3) var(--s4);flex-direction:column;justify-content:center;gap:4px;display:flex}.mnotes-pick-t b{color:var(--ink);font-size:15px;font-weight:600;line-height:20px}.mnotes-pick-t small{color:var(--ash);font-size:13px;line-height:18px}.mnotes-pick:hover{border-color:rgb(var(--hue,144 79 255) / .55);box-shadow:var(--e-high);transform:translateY(-2px)}.mnotes-pick:hover b{color:var(--purple-deep)}.mnotes-pick:focus-visible{outline:var(--focus-w) solid var(--focus-c);outline-offset:var(--focus-off)}.mnotes-more{margin:var(--s4) 0 0;color:var(--ash);font-size:14px;line-height:20px}@media (max-width:900px){.mnotes-box{row-gap:var(--s7);grid-template:"say""picks""cta"/minmax(0,1fr)}.mnotes-h{max-width:24ch}.mnotes-p{max-width:60ch}}@media (max-width:560px){.mnotes-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.mnotes-pick{transition:none}.mnotes-pick:hover{transform:none}}#market-notes.mnotes{padding:var(--sec) 0;background:var(--haze)}#market-notes .mnotes-box{background:0 0;border-radius:0;max-width:none;padding:0}.mn .mnotes-pick{position:relative}.mn .mnotes-pick img,.mn .mnotes-pick-c{width:88px;height:100%;min-height:0;position:absolute;top:0;bottom:0;left:0}.mn .mnotes-pick-t{grid-column:2;min-height:96px}
html:not([data-ui=round]):not([data-ui=pixel]) .mnotes-pick{border-radius:2px}html[data-ui=pixel] .mnotes-pick{--pxs:6px;clip-path:polygon(0 calc(3 * var(--pxs)), calc(1 * var(--pxs)) calc(3 * var(--pxs)), calc(1 * var(--pxs)) calc(2 * var(--pxs)), calc(2 * var(--pxs)) calc(2 * var(--pxs)), calc(2 * var(--pxs)) calc(1 * var(--pxs)), calc(3 * var(--pxs)) calc(1 * var(--pxs)), calc(3 * var(--pxs)) 0, calc(100% - 3 * var(--pxs)) 0, calc(100% - 3 * var(--pxs)) calc(1 * var(--pxs)), calc(100% - 2 * var(--pxs)) calc(1 * var(--pxs)), calc(100% - 2 * var(--pxs)) calc(2 * var(--pxs)), calc(100% - 1 * var(--pxs)) calc(2 * var(--pxs)), calc(100% - 1 * var(--pxs)) calc(3 * var(--pxs)), 100% calc(3 * var(--pxs)), 100% calc(100% - 3 * var(--pxs)), calc(100% - 1 * var(--pxs)) calc(100% - 3 * var(--pxs)), calc(100% - 1 * var(--pxs)) calc(100% - 2 * var(--pxs)), calc(100% - 2 * var(--pxs)) calc(100% - 2 * var(--pxs)), calc(100% - 2 * var(--pxs)) calc(100% - 1 * var(--pxs)), calc(100% - 3 * var(--pxs)) calc(100% - 1 * var(--pxs)), calc(100% - 3 * var(--pxs)) 100%, calc(3 * var(--pxs)) 100%, calc(3 * var(--pxs)) calc(100% - 1 * var(--pxs)), calc(2 * var(--pxs)) calc(100% - 1 * var(--pxs)), calc(2 * var(--pxs)) calc(100% - 2 * var(--pxs)), calc(1 * var(--pxs)) calc(100% - 2 * var(--pxs)), calc(1 * var(--pxs)) calc(100% - 3 * var(--pxs)), 0 calc(100% - 3 * var(--pxs)));border-radius:0}html[data-ui=pixel] .mnotes-pick:focus-visible{outline-offset:-4px}.mnotes-pick{transition-timing-function:cubic-bezier(.22,.61,.36,1)}
html:not([data-ui=round]):not([data-ui=pixel]) .tl-card{border-radius:2px}html[data-ui=pixel] .tl-card{--pxs:6px;clip-path:polygon(0 calc(3 * var(--pxs)), calc(1 * var(--pxs)) calc(3 * var(--pxs)), calc(1 * var(--pxs)) calc(2 * var(--pxs)), calc(2 * var(--pxs)) calc(2 * var(--pxs)), calc(2 * var(--pxs)) calc(1 * var(--pxs)), calc(3 * var(--pxs)) calc(1 * var(--pxs)), calc(3 * var(--pxs)) 0, calc(100% - 3 * var(--pxs)) 0, calc(100% - 3 * var(--pxs)) calc(1 * var(--pxs)), calc(100% - 2 * var(--pxs)) calc(1 * var(--pxs)), calc(100% - 2 * var(--pxs)) calc(2 * var(--pxs)), calc(100% - 1 * var(--pxs)) calc(2 * var(--pxs)), calc(100% - 1 * var(--pxs)) calc(3 * var(--pxs)), 100% calc(3 * var(--pxs)), 100% calc(100% - 3 * var(--pxs)), calc(100% - 1 * var(--pxs)) calc(100% - 3 * var(--pxs)), calc(100% - 1 * var(--pxs)) calc(100% - 2 * var(--pxs)), calc(100% - 2 * var(--pxs)) calc(100% - 2 * var(--pxs)), calc(100% - 2 * var(--pxs)) calc(100% - 1 * var(--pxs)), calc(100% - 3 * var(--pxs)) calc(100% - 1 * var(--pxs)), calc(100% - 3 * var(--pxs)) 100%, calc(3 * var(--pxs)) 100%, calc(3 * var(--pxs)) calc(100% - 1 * var(--pxs)), calc(2 * var(--pxs)) calc(100% - 1 * var(--pxs)), calc(2 * var(--pxs)) calc(100% - 2 * var(--pxs)), calc(1 * var(--pxs)) calc(100% - 2 * var(--pxs)), calc(1 * var(--pxs)) calc(100% - 3 * var(--pxs)), 0 calc(100% - 3 * var(--pxs)));border-radius:0}html[data-ui=round] .tl-card .btn{--key-edge:rgb(var(--tool-rgb) / .38);box-shadow:0 2px 0 0 var(--key-edge), inset 0 1px 0 #ffffffe6, 0 6px 12px -6px rgb(var(--tool-rgb) / .35), 0 0 0 1px rgb(var(--tool-rgb) / .12)}html[data-ui=round] .tl-card .btn:is(:hover,:focus-visible){box-shadow:0 3px 0 0 var(--key-edge), inset 0 1px 0 #ffffffe6, 0 10px 16px -6px rgb(var(--tool-rgb) / .4), 0 0 0 1px rgb(var(--tool-rgb) / .12);transform:translateY(-1px)}html[data-ui=round] .tl-card .btn:active{box-shadow:0 0 0 0 var(--key-edge), inset 0 1px 0 #fff9, 0 2px 6px -4px rgb(var(--tool-rgb) / .3), 0 0 0 1px rgb(var(--tool-rgb) / .12);transform:translateY(2px)}
