.mx-motixo-nav[data-v-af50e024]{padding:clamp(4rem,7vw,5.25rem) clamp(1rem,4vw,2rem);background:transparent}.mx-motixo-nav__inner[data-v-af50e024]{width:min(100%,72rem);margin-inline:auto}.mx-motixo-nav__header[data-v-af50e024]{max-width:48rem;margin-inline:auto;margin-bottom:1.75rem;text-align:center}.mx-motixo-nav__eyebrow[data-v-af50e024]{margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wn-primary)}.mx-motixo-nav__header h2[data-v-af50e024],.mx-motixo-nav__header h3[data-v-af50e024]{margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:850;letter-spacing:-.04em;color:var(--wn-text)}.mx-motixo-nav__desc[data-v-af50e024]{margin:.85rem auto 0;max-width:40rem;line-height:1.65;color:var(--wn-text-muted)}.mx-motixo-nav__grid[data-v-af50e024]{display:grid;gap:.85rem}@media(min-width:640px){.mx-motixo-nav__grid[data-v-af50e024]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.mx-motixo-nav__grid[data-v-af50e024]{grid-template-columns:repeat(3,minmax(0,1fr))}}.mx-motixo-nav__card[data-v-af50e024]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:start;padding:1.1rem 1.15rem;border:1px solid var(--wn-border,#e7e5e4);border-radius:1.25rem;background:color-mix(in oklab,var(--wn-surface,#f5f5f4) 90%,transparent);box-shadow:0 10px 28px color-mix(in oklab,var(--wn-text) 5%,transparent);color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.mx-motixo-nav__card[data-v-af50e024]:hover{border-color:color-mix(in oklab,var(--wn-primary) 28%,var(--wn-border,#e7e5e4));box-shadow:0 14px 32px color-mix(in oklab,var(--wn-text) 8%,transparent);transform:translateY(-1px)}.mx-motixo-nav__icon[data-v-af50e024]{display:inline-flex;width:2.35rem;height:2.35rem;align-items:center;justify-content:center;border-radius:.85rem;border:1px solid color-mix(in oklab,var(--wn-primary) 16%,var(--wn-border,#e7e5e4));background:color-mix(in oklab,var(--wn-primary-soft,#fff) 80%,#fff);color:var(--wn-primary)}.mx-motixo-nav__copy[data-v-af50e024]{display:grid;gap:.35rem;min-width:0}.mx-motixo-nav__keyword[data-v-af50e024]{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wn-primary)}.mx-motixo-nav__copy h3[data-v-af50e024]{margin:0;font-size:1.02rem;font-weight:800;letter-spacing:-.02em;color:var(--wn-text)}.mx-motixo-nav__copy p[data-v-af50e024]:last-child{margin:0;font-size:.9rem;line-height:1.55;color:var(--wn-text-muted)}.mx-motixo-nav__arrow[data-v-af50e024]{margin-top:.2rem;color:var(--wn-text-faint)}.mx-motixo-howto[data-v-45fcec40]{padding:clamp(4.5rem,8vw,7rem) clamp(1rem,4vw,2rem);background:transparent}.mx-motixo-howto__inner[data-v-45fcec40]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,3.5rem);align-items:center;width:min(100%,72rem);margin-inline:auto}.mx-motixo-howto__visual[data-v-45fcec40]{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(22rem,38vw,31rem);padding:clamp(2.75rem,5vw,4rem) clamp(1.25rem,4vw,2.5rem);border:1px solid color-mix(in oklab,var(--wn-primary) 18%,var(--wn-border,#e7e5e4));border-radius:1.5rem;background:radial-gradient(circle at 12% 10%,color-mix(in oklab,var(--wn-primary) 14%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in oklab,var(--wn-surface,#f5f5f4) 94%,#fff),#fff);box-shadow:0 22px 60px color-mix(in oklab,var(--wn-text) 9%,transparent);overflow:hidden;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.mx-motixo-howto__visual[data-v-45fcec40]:after{position:absolute;inset:.65rem;border:1px solid color-mix(in oklab,var(--wn-border,#e7e5e4) 62%,transparent);border-radius:1.05rem;content:"";pointer-events:none}.mx-motixo-howto__visual-bottomline[data-v-45fcec40],.mx-motixo-howto__visual-topline[data-v-45fcec40]{position:absolute;z-index:2;right:1.55rem;left:1.55rem;display:flex;align-items:center;justify-content:space-between;color:var(--wn-text-muted);font-size:.64rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.mx-motixo-howto__visual-topline[data-v-45fcec40]{top:1.45rem}.mx-motixo-howto__visual-bottomline[data-v-45fcec40]{bottom:1.35rem;letter-spacing:.04em;text-transform:none}.mx-motixo-howto__visual-label[data-v-45fcec40]{color:color-mix(in oklab,var(--wn-primary) 72%,var(--wn-text))}.mx-motixo-howto__visual-dots[data-v-45fcec40]{display:flex;gap:.28rem}.mx-motixo-howto__visual-dots i[data-v-45fcec40]{width:.35rem;height:.35rem;border-radius:999px;background:color-mix(in oklab,var(--wn-primary) 58%,#fff)}.mx-motixo-howto__visual-ready[data-v-45fcec40]{display:inline-flex;align-items:center;gap:.35rem;color:var(--wn-text-secondary)}.mx-motixo-howto__visual-ready i[data-v-45fcec40]{width:.4rem;height:.4rem;border-radius:999px;background:#37b878;box-shadow:0 0 0 .2rem color-mix(in oklab,#37b878 16%,transparent)}.mx-motixo-howto__visual[data-v-45fcec40]:hover{border-color:color-mix(in oklab,var(--wn-primary) 28%,var(--wn-border,#e7e5e4));box-shadow:0 22px 48px color-mix(in oklab,var(--wn-text) 10%,transparent);transform:translateY(-.15rem)}.mx-motixo-howto__visual img[data-v-45fcec40]{position:relative;z-index:1;width:min(84%,24rem);aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:1.15rem;border:1px solid color-mix(in oklab,var(--wn-border,#e7e5e4) 80%,transparent);box-shadow:0 22px 44px color-mix(in oklab,var(--wn-text) 14%,transparent);transition:transform .28s ease,filter .28s ease}.mx-motixo-howto__visual:hover img[data-v-45fcec40]{filter:saturate(1.04) contrast(1.02);transform:scale(1.015)}.mx-motixo-howto-image-enter-active[data-v-45fcec40],.mx-motixo-howto-image-leave-active[data-v-45fcec40]{transition:opacity .22s ease,transform .22s ease}.mx-motixo-howto-image-enter-from[data-v-45fcec40],.mx-motixo-howto-image-leave-to[data-v-45fcec40]{opacity:0;transform:scale(.98)}.mx-motixo-howto__upload[data-v-45fcec40]{position:absolute;right:1.6rem;bottom:1.6rem;display:inline-flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border:1px solid color-mix(in oklab,var(--wn-primary) 22%,var(--wn-border,#e7e5e4));border-radius:999px;background:color-mix(in oklab,var(--wn-primary-soft,#fff) 88%,#fff);color:var(--wn-primary);box-shadow:0 12px 28px color-mix(in oklab,var(--wn-text) 8%,transparent);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.mx-motixo-howto__visual:hover .mx-motixo-howto__upload[data-v-45fcec40]{border-color:color-mix(in oklab,var(--wn-primary) 40%,var(--wn-border,#e7e5e4));box-shadow:0 16px 32px color-mix(in oklab,var(--wn-primary) 14%,transparent);transform:scale(1.04)}.mx-motixo-howto__content h2[data-v-45fcec40]{margin:0;color:var(--wn-text);font-size:clamp(2rem,5vw,3rem);font-weight:850;letter-spacing:-.04em;line-height:1.12}.mx-motixo-howto__content>p[data-v-45fcec40]{margin:1.1rem 0 0;color:var(--wn-text-muted);line-height:1.6}.mx-motixo-howto__steps[data-v-45fcec40]{position:relative;display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.mx-motixo-howto__steps[data-v-45fcec40]:before{position:absolute;top:1.55rem;bottom:1.55rem;left:2.2rem;width:1px;background:color-mix(in oklab,var(--wn-border,#e7e5e4) 82%,transparent);content:""}.mx-motixo-howto__step-item[data-v-45fcec40]{margin:0}.mx-motixo-howto__step[data-v-45fcec40]{position:relative;z-index:1;display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:1rem;align-items:center;width:100%;padding:.95rem 1rem;border:1px solid transparent;border-radius:1rem;background:transparent;color:var(--wn-text-muted);text-align:left;cursor:pointer}.mx-motixo-howto__step[data-v-45fcec40]:focus-visible{outline:none}.mx-motixo-howto__step--active[data-v-45fcec40]{border-color:color-mix(in oklab,var(--wn-primary) 28%,var(--wn-border,#e7e5e4));background:color-mix(in oklab,var(--wn-surface,#f5f5f4) 82%,transparent);box-shadow:0 12px 28px color-mix(in oklab,var(--wn-text) 6%,transparent)}.mx-motixo-howto__step span[data-v-45fcec40]{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid color-mix(in oklab,var(--wn-border,#e7e5e4) 90%,transparent);border-radius:999px;background:var(--wn-background,#fff);color:color-mix(in oklab,currentColor 80%,var(--wn-primary));font-size:1.1rem;font-weight:850}.mx-motixo-howto__step--active h3[data-v-45fcec40],.mx-motixo-howto__step--active span[data-v-45fcec40]{background:var(--mx-accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.mx-motixo-howto__step--active span[data-v-45fcec40]{border-color:color-mix(in oklab,var(--wn-primary) 36%,var(--wn-border,#e7e5e4));background:color-mix(in oklab,var(--wn-primary-soft,#fff) 78%,#fff)}.mx-motixo-howto__step h3[data-v-45fcec40]{margin:0;color:inherit;font-size:1.05rem}.mx-motixo-howto__step p[data-v-45fcec40]{margin:.35rem 0 0;color:var(--wn-text-secondary);line-height:1.45}@media(max-width:860px){.mx-motixo-howto__inner[data-v-45fcec40]{grid-template-columns:1fr}}@media(max-width:767px){.mx-motixo-howto[data-v-45fcec40]{padding-top:clamp(2rem,7vw,2.75rem);padding-bottom:clamp(2rem,7vw,2.75rem)}.mx-motixo-howto__visual[data-v-45fcec40]{min-height:clamp(14rem,42vw,20rem);padding:clamp(1.25rem,4vw,2rem) clamp(.85rem,3vw,1.25rem)}.mx-motixo-howto__visual-bottomline[data-v-45fcec40],.mx-motixo-howto__visual-topline[data-v-45fcec40]{right:1rem;left:1rem;font-size:.58rem}.mx-motixo-howto__visual-topline[data-v-45fcec40]{top:1rem}.mx-motixo-howto__visual-bottomline[data-v-45fcec40]{bottom:1rem}.mx-motixo-howto__upload[data-v-45fcec40]{right:1rem;bottom:2.75rem;width:3rem;height:3rem}.mx-motixo-howto__content h2[data-v-45fcec40]{font-size:clamp(1.55rem,6.5vw,2rem)}.mx-motixo-howto__inner[data-v-45fcec40]{gap:1.35rem}}@media(prefers-reduced-motion:reduce){.mx-motixo-howto-image-enter-active[data-v-45fcec40],.mx-motixo-howto-image-leave-active[data-v-45fcec40],.mx-motixo-howto__upload[data-v-45fcec40],.mx-motixo-howto__visual[data-v-45fcec40],.mx-motixo-howto__visual img[data-v-45fcec40]{transition:none}}