.how-to-use-section[data-v-0f7b585d]{isolation:isolate;position:relative}.header-wrapper[data-v-0f7b585d]{margin-bottom:4rem;padding:5rem 0 0}@media(min-width:1280px){.header-wrapper[data-v-0f7b585d]{margin-bottom:5rem;padding:6rem 0 0}}@media(max-width:1023px){.header-wrapper[data-v-0f7b585d]{margin-bottom:2rem;padding:3rem 0 0}}.sticky-wrapper[data-v-0f7b585d]{position:relative}@media(max-width:1023px){.sticky-wrapper[data-v-0f7b585d]{position:relative!important}}.content-display[data-v-0f7b585d]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#fdfdfcf2,#fdfdfcfa);box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding-top:clamp(72px,14vh,128px);position:sticky;right:0;top:0;will-change:transform;z-index:1}@media(max-width:1023px){.content-display[data-v-0f7b585d]{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;height:auto;padding-top:0;position:relative}}.progress-indicator-top[data-v-0f7b585d]{align-items:center;display:flex;justify-content:center;left:50%;opacity:1;pointer-events:auto;position:fixed;top:100px;transform:translate(-50%);transition:opacity .4s ease-out;z-index:10}@media(max-width:1023px){.progress-indicator-top[data-v-0f7b585d]{display:none}}.progress-indicator-top.is-hidden[data-v-0f7b585d]{opacity:0;pointer-events:none}.progress-track-horizontal[data-v-0f7b585d]{background:linear-gradient(90deg,#e2e8f080,#e2e8f0);border-radius:1px;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.progress-fill-horizontal[data-v-0f7b585d]{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:1px;box-shadow:0 0 12px #6366f180;height:100%;left:0;position:absolute;top:0;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-dots-horizontal[data-v-0f7b585d]{display:flex;gap:120px;position:relative}.progress-dot-horizontal[data-v-0f7b585d]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.progress-dot-horizontal[data-v-0f7b585d]:hover{border-color:#6366f1;box-shadow:0 4px 16px #6366f14d;transform:scale(1.1)}.progress-dot-horizontal.is-passed[data-v-0f7b585d]{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1}.progress-dot-horizontal.is-active[data-v-0f7b585d]{background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 4px 20px #6366f166;transform:scale(1.15)}.dot-inner-horizontal[data-v-0f7b585d]{color:#64748b;font-size:16px;font-weight:600;transition:color .3s ease}.progress-dot-horizontal.is-passed .dot-inner-horizontal[data-v-0f7b585d]{color:#6366f1}.progress-dot-horizontal.is-active .dot-inner-horizontal[data-v-0f7b585d]{color:#fff}.dot-tooltip-horizontal[data-v-0f7b585d]{background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:500;left:50%;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;top:56px;transform:translate(-50%);transition:opacity .2s ease;white-space:nowrap}.dot-tooltip-horizontal[data-v-0f7b585d]:before{border:6px solid transparent;border-bottom-color:#1e293b;bottom:100%;content:"";left:50%;position:absolute;transform:translate(-50%)}.progress-dot-horizontal:hover .dot-tooltip-horizontal[data-v-0f7b585d]{opacity:1}.scroll-spacer[data-v-0f7b585d]{height:400vh;pointer-events:none}@media(max-width:1023px){.scroll-spacer[data-v-0f7b585d]{display:none}}.text-content[data-v-0f7b585d]{padding-right:3rem}@media(max-width:1279px){.text-content[data-v-0f7b585d]{padding-right:2rem}}.hexagon-badge[data-v-0f7b585d],.timeline-node[data-v-0f7b585d]{height:56px;width:56px}.hexagon-badge[data-v-0f7b585d]{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 0 0 3px #6366f133,0 4px 20px #6366f166,0 8px 40px #6366f14d;clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);display:flex;justify-content:center}.hexagon-badge-mobile[data-v-0f7b585d],.timeline-node-mobile[data-v-0f7b585d]{height:48px;width:48px}.hexagon-badge-mobile[data-v-0f7b585d]{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 0 0 2px #6366f11a,0 3px 12px #6366f14d;clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);display:flex;justify-content:center}.macos-window[data-v-0f7b585d]{background:#fff;border-radius:10px;box-shadow:0 0 0 1px #00000014,0 8px 32px #0000001f,0 20px 60px #00000014;overflow:hidden}.window-titlebar[data-v-0f7b585d]{align-items:center;background:linear-gradient(180deg,#f5f5f7,#ececee);border-bottom:1px solid #d1d1d6;display:flex;height:40px;padding:0 12px}.window-controls[data-v-0f7b585d]{display:flex;gap:8px}.window-dot[data-v-0f7b585d]{border-radius:50%;box-shadow:inset 0 1px #ffffff4d;height:12px;width:12px}.window-dot-close[data-v-0f7b585d]{background:#ff5f57}.window-dot-minimize[data-v-0f7b585d]{background:#ffbd2e}.window-dot-maximize[data-v-0f7b585d]{background:#28ca42}.window-content[data-v-0f7b585d]{background:#fff}.window-content img[data-v-0f7b585d]{display:block;height:auto;width:100%}.macos-window-mobile[data-v-0f7b585d]{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #00000014,0 4px 16px #0000001a;overflow:hidden}.window-titlebar-mobile[data-v-0f7b585d]{align-items:center;background:linear-gradient(180deg,#f5f5f7,#ececee);border-bottom:1px solid #d1d1d6;display:flex;height:32px;padding:0 10px}.window-controls-mobile[data-v-0f7b585d]{display:flex;gap:6px}.window-dot-mobile[data-v-0f7b585d]{border-radius:50%;box-shadow:inset 0 1px #ffffff4d;height:10px;width:10px}.window-content-mobile[data-v-0f7b585d]{background:#fff}.dxf-how-to-use .hexagon-badge[data-v-0f7b585d],.dxf-how-to-use .hexagon-badge-mobile[data-v-0f7b585d]{border-radius:9999px;box-shadow:0 4px 14px #6366f138;clip-path:none}.dxf-how-to-use .dxf-how-to-use__preview[data-v-0f7b585d]{border:1px solid rgba(199,210,254,.9);border-radius:12px;box-shadow:0 14px 32px #1e40af14}.dxf-how-to-use .window-content img[data-v-0f7b585d],.dxf-how-to-use .window-content-mobile img[data-v-0f7b585d]{aspect-ratio:16/9;background:#f8fafc;display:block;-o-object-fit:contain;object-fit:contain;width:100%}.fade-up-enter-active[data-v-0f7b585d],.fade-up-leave-active[data-v-0f7b585d]{transition:all .5s cubic-bezier(.4,0,.2,1)}.fade-up-enter-from[data-v-0f7b585d]{opacity:0;transform:translateY(20px)}.fade-up-leave-to[data-v-0f7b585d]{opacity:0;transform:translateY(-20px)}.scale-fade-enter-active[data-v-0f7b585d],.scale-fade-leave-active[data-v-0f7b585d]{transition:all .6s cubic-bezier(.4,0,.2,1)}.scale-fade-enter-from[data-v-0f7b585d]{opacity:0;transform:scale(.95)}.scale-fade-leave-to[data-v-0f7b585d]{opacity:0;transform:scale(1.05)}.badge-enter-active[data-v-0f7b585d],.badge-leave-active[data-v-0f7b585d]{transition:all .4s cubic-bezier(.4,0,.2,1)}.badge-enter-from[data-v-0f7b585d]{opacity:0;transform:scale(.8) rotate(-10deg)}.badge-leave-to[data-v-0f7b585d]{opacity:0;transform:scale(.8) rotate(10deg)}@media(prefers-reduced-motion:reduce){.badge-enter-active[data-v-0f7b585d],.badge-leave-active[data-v-0f7b585d],.content-display[data-v-0f7b585d],.image-fade-enter-active[data-v-0f7b585d],.image-fade-leave-active[data-v-0f7b585d],.progress-indicator[data-v-0f7b585d],.slide-fade-enter-active[data-v-0f7b585d],.slide-fade-leave-active[data-v-0f7b585d],.sticky-wrapper[data-v-0f7b585d]{transition:none!important}}