.uk-shape-morph{width:100%;position:relative;overflow:hidden}.uk-shape-morph__defs{width:0;height:0;position:absolute}.uk-shape-morph__img{object-fit:cover;width:100%;height:100%;display:block}
.mx-label{text-align:center;letter-spacing:.04em;opacity:.6;padding-block:4rem 1rem;font-size:.8125rem}.mx-split{grid-template-columns:1fr 1fr;align-items:center;gap:5vw;height:100%;padding-inline:max(6vw,1.25rem);display:grid}.mx-slot-tall{border-radius:16px;height:72%}.mx-slot-wide{aspect-ratio:4/3;border-radius:16px;width:100%}.mx-slot-full{border-radius:0;position:absolute;inset:0}.mx-copy{flex-direction:column;gap:1rem;max-width:28rem;display:flex}.mx-copy h2{margin:0}.mx-copy p{opacity:.75;margin:0}.mx-eyebrow{opacity:.6;font-size:.875rem}.mx-caption{inset-inline-start:max(6vw,1.25rem);color:#fff;text-shadow:0 1px 24px #00000073;font-size:clamp(1.75rem,3.4vw,3.25rem);font-weight:500;line-height:1.1;position:absolute;bottom:7svh}.mx-dark{color:#fff;background:#1f2a4c}.mx-over-title{color:#fff;letter-spacing:-.02em;text-shadow:0 0 40px #00000040;place-items:center;height:100%;font-size:clamp(3rem,11vw,10rem);font-weight:500;display:grid}.mx-frame{text-align:center;grid-template-columns:1fr minmax(0,30vw) 1fr;align-items:center;gap:4vw;height:100%;padding-inline:max(6vw,1.25rem);display:grid}.mx-frame .mx-slot-tall{height:64%}.mx-fact{flex-direction:column;gap:.5rem;display:flex}.mx-fact strong{font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1}.mx-fact span{opacity:.7}@media (max-width:767px){.mx-split{grid-template-rows:1fr auto;grid-template-columns:1fr;align-content:center;gap:1.5rem;padding-block:1.5rem}.mx-slot-tall{height:100%;min-height:0}.mx-split .mx-slot-tall{height:46svh}.mx-frame{grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:center;gap:1rem;padding-block:1.5rem}.mx-frame .mx-slot-tall{justify-self:center;width:70%;height:50svh}}.mx-cards{grid-template-columns:repeat(3,1fr);align-items:end;gap:2vw;height:100%;padding:0 max(6vw,1.25rem) 10svh;display:grid}.mx-cards__head{grid-column:1/-1;align-self:start;padding-top:8svh}.mx-cards__head h2{margin:0}.mx-card{flex-direction:column;gap:.75rem;display:flex}.mx-card img,.mx-card [data-morph-slot]{aspect-ratio:3/4;object-fit:cover;border-radius:16px;width:100%;display:block}.mx-card span{font-size:.9375rem}.mx-quote{grid-template-columns:auto 1fr;align-items:center;gap:5vw;height:100%;padding-inline:max(8vw,1.25rem);display:grid}.mx-circle{aspect-ratio:1;border-radius:50%;width:min(34vw,56svh)}.mx-quote blockquote{margin:0;font-size:clamp(1.5rem,2.8vw,2.75rem);font-weight:500;line-height:1.25}.mx-quote cite{opacity:.6;margin-top:1.5rem;font-size:.9375rem;font-style:normal;display:block}.mx-inline{text-align:center;place-items:center;height:100%;padding-inline:max(6vw,1.25rem);display:grid}.mx-inline h2{letter-spacing:-.02em;margin:0;font-size:clamp(2.75rem,8vw,8rem);font-weight:500;line-height:1.05}.mx-inline [data-morph-slot]{vertical-align:-.05em;border-radius:.4em;width:1.9em;height:.8em;margin-inline:.12em;display:inline-block}@media (max-width:767px){.mx-cards{grid-template-columns:1fr 1.6fr 1fr;gap:.75rem;padding-bottom:14svh}.mx-card span{font-size:.75rem}.mx-quote{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:2rem}.mx-circle{width:62vw}}.mx-anatomy{--mx-red:#e5242b;--mx-vh:calc(100svh - var(--uk-navbar-h,0px));--s:.42;border-block:2px dashed var(--mx-red);padding:5rem max(4vw,1rem) 3rem}.mx-anatomy__tag{background:var(--mx-red);color:#fff;border-radius:999px;padding:.35em .9em;font-weight:500;display:inline-block}.mx-anatomy__lead{opacity:.8;max-width:46rem;margin:1.25rem 0 2.5rem}.mx-anatomy__screens{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.mx-anatomy figure{margin:0}.mx-anatomy figcaption{color:var(--mx-red);margin-bottom:.5rem;font-family:ui-monospace,monospace;font-size:.8125rem}.mx-anatomy__arrow{color:var(--mx-red);font-size:2rem}.mx-anatomy__frame{width:calc(100vw * var(--s));height:calc(var(--mx-vh) * var(--s));border:1px solid color-mix(in oklch, var(--mx-red) 40%, transparent);direction:ltr;border-radius:8px;position:relative;overflow:hidden}.mx-anatomy__screen{width:100vw;height:var(--mx-vh);transform:scale(var(--s));transform-origin:0 0;direction:rtl;position:absolute;top:0;left:0}.mx-anatomy__layer{outline:calc(2.5px / var(--s)) dashed var(--mx-red);outline-offset:calc(-2.5px / var(--s));position:absolute;inset:0}.mx-anatomy__slot:not(.mx-slot-full){position:relative}.mx-anatomy__slot{outline:calc(3px / var(--s)) solid var(--mx-red);outline-offset:calc(-3px / var(--s));overflow:hidden}.mx-anatomy__slot img{object-fit:cover;width:100%;height:100%;display:block}.mx-anatomy__layer:before,.mx-anatomy__slot:after{content:attr(data-name);z-index:5;background:var(--mx-red);color:#fff;font-family:ui-monospace,monospace;font-size:calc(12px / var(--s));direction:ltr;padding:.4em .8em;position:absolute}.mx-anatomy__layer:before{top:0;left:0}.mx-anatomy__slot:after{top:calc(4px / var(--s));right:calc(4px / var(--s))}.mx-anatomy__code{border:1px solid color-mix(in oklch, var(--mx-red) 40%, transparent);border-radius:8px;margin-top:2.5rem;padding:1.25rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}@media (max-width:767px){.mx-anatomy{--s:.8}.mx-anatomy__arrow{margin-inline:auto;transform:rotate(-90deg)}}.mx-note{grid-template-columns:24vw 1fr;align-items:start;gap:4vw;height:100%;padding:10svh max(6vw,1.25rem) 0;display:grid}.mx-note [data-morph-slot]{aspect-ratio:1;border-radius:16px}.mx-note .mx-copy{max-width:36rem}.mx-center{place-items:center;height:100%;display:grid}.mx-pill{border-radius:999px;width:14vw;height:78%}.mx-band-layout{text-align:center;grid-template-rows:1fr auto 1fr;height:100%;display:grid}.mx-band-layout h2{align-self:end;margin:0 0 4svh}.mx-band{border-radius:0;height:42svh}.mx-band-layout p{opacity:.75;align-self:start;max-width:32rem;margin:4svh auto 0}.mx-device{grid-template-columns:1fr auto;align-items:center;gap:6vw;height:100%;padding-inline:max(8vw,1.25rem);display:grid}.mx-phone{height:76%;position:relative}.mx-phone [data-morph-slot]{aspect-ratio:9/19.5;border-radius:36px;height:100%}.mx-phone__bezel{border:10px solid #111;border-radius:46px;position:absolute;inset:-10px}@media (max-width:767px){.mx-note{grid-template-columns:1fr;gap:1.5rem;padding-top:4svh}.mx-note [data-morph-slot]{width:40%}.mx-pill{width:34vw}.mx-band{height:34svh}.mx-device{text-align:center;grid-template-rows:auto 1fr;grid-template-columns:1fr;justify-items:center;gap:1.5rem;padding-block:1.5rem}.mx-phone{height:100%}}.mx-arch-layout{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%;display:flex}.mx-arch-layout h2{margin:0}.mx-arch{aspect-ratio:3/4;border-radius:999px 999px 16px 16px;height:62%}@media (max-width:767px){.mx-arch{width:68vw;height:auto}}.mx-ba,.mx-ba__plain{--mx-red:#e5242b}.mx-ba{padding:4rem max(4vw,1rem) 2rem}.mx-ba__switch{border:1px solid color-mix(in oklch, var(--mx-red) 40%, transparent);border-radius:1.5rem;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:inline-flex}.mx-ba__switch button{border-radius:999px;padding:.55rem 1.1rem;font-size:.9375rem}.mx-ba__switch button[aria-pressed=true]{background:var(--mx-red);color:#fff}.mx-ba__plain{flex-direction:column;gap:1.5rem;padding-inline:max(4vw,1rem);display:flex}.mx-ba__screen{height:calc(100svh - var(--uk-navbar-h,0px));outline:2px dashed var(--mx-red);outline-offset:-2px;position:relative}.mx-ba__name,.mx-ba__slot:after{z-index:5;background:var(--mx-red);color:#fff;direction:ltr;padding:.35em .8em;font-family:ui-monospace,monospace;font-size:.8125rem;position:absolute}.mx-ba__name{top:0;left:0}.mx-ba__slot{outline:3px solid var(--mx-red);outline-offset:-3px;position:relative;overflow:hidden}.mx-ba__slot:after{content:"data-morph-slot";top:6px;right:6px}.mx-ba__slot img{object-fit:cover;width:100%;height:100%;display:block}.mx-trio{grid-template-columns:repeat(3,1fr);align-content:center;gap:2vw;height:100%;padding-inline:max(6vw,1.25rem);display:grid}.mx-trio__head{grid-column:1/-1}.mx-trio__head h2{margin:0}.mx-trio [data-morph-slot]{aspect-ratio:3/4;border-radius:16px}.mx-bento{grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr;gap:12px;height:100%;padding:8svh max(6vw,1.25rem);display:grid}.mx-bento [data-morph-slot]{border-radius:12px}.mx-bento [data-morph-slot]:first-child{grid-row:span 2}.mx-bento__note{inset-inline-start:calc(max(6vw,1.25rem) + 20px);color:#fff;text-shadow:0 1px 24px #00000073;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:500;position:absolute;bottom:calc(8svh + 20px)}@media (max-width:767px){.mx-trio{grid-template-columns:repeat(3,1fr);gap:8px}.mx-bento{grid-template-rows:1.4fr 1fr;grid-template-columns:1fr 1fr;padding-block:4svh}.mx-bento [data-morph-slot]:first-child{grid-area:auto/span 2}}.mx-board{grid-template-columns:1fr 1.2fr;align-items:center;gap:5vw;height:100%;padding-inline:max(6vw,1.25rem);display:grid}.mx-board-bg .uk-morph__pane{background:color-mix(in oklch, var(--foreground) 6%, var(--background))}.mx-board__pins{height:70%;position:relative}.mx-polaroid{aspect-ratio:4/5;width:min(34%,260px);position:absolute}.mx-polaroid__frame{visibility:visible;border:10px solid #fff;border-bottom-width:42px;border-radius:2px;position:absolute;inset:-10px -10px -42px;box-shadow:0 14px 30px -12px #00000059}.mx-polaroid img{object-fit:cover;width:100%;height:100%;display:block}.mx-polaroid--a{inset-inline-start:0;top:44%;rotate:5deg}.mx-polaroid--b{inset-inline-start:66%;top:38%;rotate:-3deg}.mx-polaroid--land{inset-inline-start:33%;top:6%;rotate:-7deg}@media (max-width:767px){.mx-board{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:1rem;padding-block:2rem}.mx-polaroid{width:42%}.mx-polaroid--b{inset-inline-start:56%}}.mx-shapes{grid-template-columns:repeat(3,1fr);align-items:start;gap:2rem;display:grid}.mx-shapes figure{margin:0}.mx-shapes figcaption{opacity:.6;margin-top:.75rem;font-size:.8125rem}@media (max-width:767px){.mx-shapes{grid-template-columns:1fr;max-width:22rem;margin-inline:auto}}