.vx-how-it-works{--twin-img:url(/images/9a8e1943d2d0.jpg);--shoe-grid-img:url(/images/vox86-shoe-grid-img.jpg);--feat-3d:url(/images/vox86-feat-3d.jpg);--feat-ar:url(/images/vox86-feat-ar.jpg);--feat-ai:url(/images/vox86-feat-ai.jpg);--viewer-img:url(/images/vox86-viewer-img.jpg);--embed-img:url(/images/abc380f6ce10.jpg);--convert-mock:url(/images/06b18dee3248.jpg)}.vx-how-it-works .hero{z-index:1;border-bottom:1px solid var(--border);background:linear-gradient(#f4f4ec00 0%,#f4f4ec2e 45%,#f4f4ec8c 100%);padding:56px 64px 48px;position:relative}.vx-how-it-works .hero-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:0;display:flex}.vx-how-it-works .hero-eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-family:DM Mono,monospace;font-size:10px;display:flex}.vx-how-it-works .hero-eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:20px;height:2px;display:block}.vx-how-it-works h1{letter-spacing:-.035em;font-size:clamp(48px,7vw,96px);font-weight:500;line-height:.95}.vx-how-it-works h1 em{color:var(--muted);font-style:normal}.vx-how-it-works .hero-sub{color:var(--muted);letter-spacing:-.01em;max-width:620px;margin-top:24px;font-size:16px;font-weight:400;line-height:1.65}.vx-how-it-works .workflow-nav{-webkit-backdrop-filter:blur(30px)saturate(1.3);backdrop-filter:blur(30px)saturate(1.3);background:#ffffff73;border:1px solid #ffffff80;border-radius:8px;gap:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}.vx-how-it-works .wf-nav-item{border-right:1px solid var(--border);color:var(--muted);letter-spacing:-.01em;align-items:center;gap:8px;padding:12px 24px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.vx-how-it-works .wf-nav-item:last-child{border-right:none}.vx-how-it-works .wf-nav-item:hover{background:var(--bg);color:var(--text)}.vx-how-it-works .wf-nav-item.active{background:var(--text);color:var(--accent)}.vx-how-it-works .wf-nav-num{opacity:.5;letter-spacing:.06em;font-family:DM Mono,monospace;font-size:9px}.vx-how-it-works .process-intro{z-index:1;border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid;position:relative}.vx-how-it-works .process-intro-left{border-right:1px solid var(--border);flex-direction:column;justify-content:center;padding:72px 64px;display:flex}.vx-how-it-works .process-intro-right{background:var(--white);flex-direction:column;justify-content:center;padding:72px 64px;display:flex}.vx-how-it-works .section-eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-family:DM Mono,monospace;font-size:9px;display:flex}.vx-how-it-works .section-eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:16px;height:1.5px;display:block}.vx-how-it-works h2.section-title{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(28px,3.5vw,44px);font-weight:400;line-height:1.02}.vx-how-it-works h2.section-title em{color:var(--muted);font-style:normal}.vx-how-it-works .section-body{color:var(--muted);letter-spacing:-.01em;max-width:420px;font-size:15px;line-height:1.65}.vx-how-it-works .time-pill{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;margin-top:24px;padding:5px 12px;font-family:DM Mono,monospace;font-size:9px;font-weight:500;display:inline-flex}.vx-how-it-works .quick-stats{border-top:1px solid var(--border);gap:0;margin-top:40px;display:flex}.vx-how-it-works .qs-item{border-right:1px solid var(--border);flex:1;padding:20px 0}.vx-how-it-works .qs-item:last-child{border-right:none}.vx-how-it-works .qs-val{letter-spacing:-.03em;font-size:26px;font-weight:500;line-height:1}.vx-how-it-works .qs-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-family:DM Mono,monospace;font-size:9px}.vx-how-it-works .pro-tips{flex-direction:column;gap:12px;list-style:none;display:flex}.vx-how-it-works .pro-tips li{color:var(--muted);letter-spacing:-.01em;align-items:flex-start;gap:12px;font-size:13px;line-height:1.55;display:flex}.vx-how-it-works .pro-tips li:before{content:"→";background:var(--text);color:var(--accent);border-radius:2px;flex-shrink:0;margin-top:1px;padding:1px 5px;font-family:DM Mono,monospace;font-size:10px}.vx-how-it-works .video-section{z-index:1;border-bottom:1px solid var(--border);background:var(--white);padding:72px 64px;position:relative}.vx-how-it-works .video-label{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.vx-how-it-works .video-eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.vx-how-it-works .video-wrap{border:1px solid var(--border);aspect-ratio:16/7;background:#0a0a08;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.vx-how-it-works .video-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.vx-how-it-works .video-placeholder{color:#ffffff4d;pointer-events:none;flex-direction:column;align-items:center;gap:16px;display:flex}.vx-how-it-works .play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.vx-how-it-works .play-btn svg{width:24px;height:24px;margin-left:3px}.vx-how-it-works .video-caption{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin-top:16px;font-family:DM Mono,monospace;font-size:10px}.vx-how-it-works .steps-section{z-index:1;padding:0 64px 80px;position:relative}.vx-how-it-works .steps-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:48px;padding:64px 0 40px;display:flex}.vx-how-it-works .steps-count{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-family:DM Mono,monospace;font-size:10px}.vx-how-it-works .steps-grid{background:var(--border);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.vx-how-it-works .step-card{background:var(--white);padding:36px 32px 40px;transition:background .2s;position:relative}.vx-how-it-works .step-num{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:3px;margin-bottom:20px;padding:3px 9px;font-family:DM Mono,monospace;font-size:9px;font-weight:500;display:inline-block}.vx-how-it-works .step-icon{background:var(--text);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.vx-how-it-works .step-icon svg{width:22px;height:22px;stroke:var(--accent);stroke-width:1.5px;fill:none}.vx-how-it-works h3.step-title{letter-spacing:-.02em;margin-bottom:10px;font-size:18px;font-weight:500;line-height:1.1}.vx-how-it-works .step-desc{color:var(--muted);letter-spacing:-.01em;font-size:13px;line-height:1.65}.vx-how-it-works .step-tip{background:var(--bg);border-left:2px solid var(--accent);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-radius:6px;margin-top:16px;padding:10px 14px;font-family:DM Mono,monospace;font-size:9px;line-height:1.5}.vx-how-it-works .next-section{z-index:1;border-top:1px solid var(--border);background:var(--text);padding:72px 64px;position:relative}.vx-how-it-works .next-eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:40px;font-family:DM Mono,monospace;font-size:9px;display:flex}.vx-how-it-works .next-eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:16px;height:2px;display:block}.vx-how-it-works .next-grid{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.vx-how-it-works .next-item{background:#111110;padding:32px 28px;transition:background .2s;position:relative}.vx-how-it-works .next-item:hover{background:#161614}.vx-how-it-works .next-arrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:16px;font-family:DM Mono,monospace;font-size:9px;display:flex}.vx-how-it-works .next-arrow:before{content:"0" attr(data-n);opacity:.4;font-size:8px}.vx-how-it-works h3.next-title{letter-spacing:-.02em;color:#fff;margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.2}.vx-how-it-works .next-desc{color:#fff6;letter-spacing:-.01em;font-size:12px;line-height:1.6}.vx-how-it-works .next-item.next-card-image{padding:0;overflow:hidden}.vx-how-it-works .next-card-image .next-img{aspect-ratio:4/3;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;position:relative}.vx-how-it-works .next-card-image .next-content{padding:26px 28px 30px}.vx-how-it-works .next-img-3d{background-image:var(--viewer-img);background-color:#e7ded2}.vx-how-it-works .next-img-ar{background-image:var(--feat-ar);background-color:#2a241e}.vx-how-it-works .next-img-ai{background-image:var(--feat-ai);background-color:#1a1a1a}.vx-how-it-works .next-img-embed{background-image:var(--embed-img);background-color:#1a1a1a}.vx-how-it-works .platforms{z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:56px 64px;display:flex;position:relative}.vx-how-it-works .platforms-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-family:DM Mono,monospace;font-size:9px}.vx-how-it-works .platforms-logos{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.vx-how-it-works .platform-logo{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px;font-weight:400;transition:color .15s}.vx-how-it-works .platform-logo:hover{color:var(--accent)}.vx-how-it-works .step-card.step-card-image{padding:0;overflow:hidden}.vx-how-it-works .step-card-image .step-img{aspect-ratio:4/3;background:var(--shoe-grid-img) center/cover no-repeat;width:100%;position:relative}.vx-how-it-works .step-card-image .step-content{padding:28px 32px 36px}.vx-how-it-works .step-card-image .step-num{margin-top:0}.vx-how-it-works .step-card-image .step-icon{display:none}.vx-how-it-works .step-img-lighting{background-image:url(/images/d244ecb810df.jpg)!important;background-position:50%!important;background-size:cover!important}.vx-how-it-works .step-img-camera{background-image:url(/images/026cb9069421.jpg)!important;background-position:50%!important;background-size:cover!important}.vx-how-it-works .step-img-coverage{background-image:url(/images/95047d08ec63.jpg)!important;background-position:50%!important;background-size:cover!important}.vx-how-it-works .step-img-movement{background-image:url(/images/abbb0b1ee03c.jpg)!important;background-position:50%!important;background-size:cover!important}.vx-how-it-works .step-img-upload{background-image:url(/images/fa79969cb302.jpg)!important;background-position:bottom!important;background-size:150%!important}.vx-how-it-works .step-card{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(20px)}.vx-how-it-works .step-card.visible{opacity:1;transform:translateY(0)}.vx-how-it-works .steps-grid{background:var(--border);border:1px solid var(--border);box-shadow:0 10px 30px #0000000f}.vx-how-it-works .step-card{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px #0a0a080a}.vx-how-it-works .step-card:hover{background:var(--white)}.vx-how-it-works .step-card h3.step-title{color:var(--text)}.vx-how-it-works .step-card .step-desc{color:var(--muted)}.vx-how-it-works .step-card .step-icon{background:var(--text)}.vx-how-it-works .step-card .step-tip{background:var(--white);color:var(--muted)}.vx-how-it-works .phase-section{z-index:1;border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid;position:relative}.vx-how-it-works .phase-copy{border-right:1px solid var(--border);flex-direction:column;justify-content:center;min-width:0;padding:80px 64px;display:flex}.vx-how-it-works .phase-visual{background:0 0;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:80px 64px;display:flex;position:relative}.vx-how-it-works .phase-cta{background:var(--accent-grad);color:#fff;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;margin-top:24px;padding:11px 22px;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.vx-how-it-works .phase-cta:hover{background:var(--accent-grad-hover);transform:translateY(-1px)}.vx-how-it-works .phone-frame{background:var(--text);border-radius:32px;width:240px;height:460px;padding:12px;position:relative;box-shadow:0 20px 60px #0000002e,0 4px 14px #00000014}.vx-how-it-works .phone-screen{background:linear-gradient(#f8f8f4 0%,#eaeae0 100%);border-radius:22px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.vx-how-it-works .phone-product{background:#c8c0b8;border-radius:50%;width:110px;height:110px;box-shadow:inset -8px -10px 24px #0000001f,0 8px 22px #0000001a}.vx-how-it-works .phone-reticle{pointer-events:none;border-radius:16px;position:absolute;inset:18px}.vx-how-it-works .phone-reticle:before,.vx-how-it-works .phone-reticle:after{content:"";border:2px solid var(--text);opacity:.55;width:18px;height:18px;position:absolute}.vx-how-it-works .phone-reticle:before{border-bottom:none;border-right:none;top:0;left:0}.vx-how-it-works .phone-reticle:after{border-top:none;border-left:none;bottom:0;right:0}.vx-how-it-works .phone-corners{pointer-events:none;position:absolute;inset:18px}.vx-how-it-works .phone-corners:before,.vx-how-it-works .phone-corners:after{content:"";border:2px solid var(--text);opacity:.55;width:18px;height:18px;position:absolute}.vx-how-it-works .phone-corners:before{border-bottom:none;border-left:none;top:0;right:0}.vx-how-it-works .phone-corners:after{border-top:none;border-right:none;bottom:0;left:0}.vx-how-it-works .capture-img{border-radius:14px;width:100%;max-width:720px;height:auto;display:block;box-shadow:0 24px 60px #0000002e,0 6px 18px #00000014}.vx-how-it-works .capture-img,.vx-how-it-works .convert-mock,.vx-how-it-works .product-showcase{box-shadow:0 20px 48px -16px #0000004d,0 6px 16px -8px #0000002e}.vx-how-it-works .output-cluster{justify-items:center;gap:12px;width:100%;max-width:720px;display:grid;position:relative}.vx-how-it-works .output-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.vx-how-it-works .output-chip{background:var(--bg);border:1px solid var(--border);color:var(--text);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;padding:6px 14px;font-family:DM Mono,monospace;font-size:10px}.vx-how-it-works .output-chip.is-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.vx-how-it-works .output-viewer{aspect-ratio:1448/1086;background-image:var(--twin-img);border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:14px;width:100%;max-width:560px;box-shadow:0 20px 48px -16px #0000004d,0 6px 16px -8px #0000002e}.vx-how-it-works .output-viewer-product{display:none}.vx-how-it-works .cp-store{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:460px;margin-top:26px;display:flex}.vx-how-it-works .cp-store-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:9px}.vx-how-it-works .cp-store-logos{flex-wrap:wrap;justify-content:center;gap:12px 24px;display:flex}.vx-how-it-works .cp-store-logo{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px;transition:color .15s}.vx-how-it-works .cp-store-logo:hover{color:var(--accent)}.vx-how-it-works .cp-studio-title{text-align:center;letter-spacing:-.01em;width:100%;max-width:460px;color:var(--text);margin:28px auto 0;font-family:Bricolage Grotesque,serif;font-size:15px;line-height:1.45}.vx-how-it-works .cp-studio-title .reg{vertical-align:super;font-size:.6em}.vx-how-it-works .cp-studio-title+.cp-store{margin-top:16px}.vx-how-it-works .output-cta-pill{background:var(--text);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;margin-top:10px;padding:8px 18px;font-family:DM Mono,monospace;font-size:10px;text-decoration:none}.vx-how-it-works .convert-mock{aspect-ratio:1528/1029;background-image:var(--convert-mock);border:1px solid var(--border);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;max-width:720px;box-shadow:0 18px 50px #0000001f}.vx-how-it-works .shopify-mock{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;max-width:690px;font-size:11px;overflow:hidden;box-shadow:0 14px 40px #00000014}.vx-how-it-works .shopify-bar{color:#fff;letter-spacing:.06em;background:#0a0a08;justify-content:space-between;padding:7px 12px;font-family:DM Mono,monospace;font-size:9px;display:flex}.vx-how-it-works .shopify-tab-row{border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;font-family:DM Mono,monospace;font-size:9px}.vx-how-it-works .shopify-body{grid-template-columns:1.1fr 1fr;gap:0;display:grid}.vx-how-it-works .shopify-product{background:var(--bg);border-right:1px solid var(--border);justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.vx-how-it-works .shopify-product-img{background:linear-gradient(135deg,#d4ccbe 0%,#b8aea0 100%);border-radius:14px;width:130px;height:130px;box-shadow:inset -4px -8px 18px #00000026}.vx-how-it-works .shopify-3d-tag{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:3px 7px;font-family:DM Mono,monospace;font-size:8px;position:absolute;top:10px;left:10px}.vx-how-it-works .shopify-info{padding:18px 16px}.vx-how-it-works .shopify-info h4{letter-spacing:-.01em;margin-bottom:4px;font-size:13px;font-weight:500}.vx-how-it-works .shopify-price{color:var(--text);margin-bottom:14px;font-size:14px;font-weight:600}.vx-how-it-works .shopify-action-btn{background:var(--text);color:#fff;letter-spacing:.06em;text-transform:uppercase;text-align:center;border-radius:6px;margin-bottom:6px;padding:10px 14px;font-family:DM Mono,monospace;font-size:9px;display:block}.vx-how-it-works .shopify-ar-btn{color:var(--text);border:1px solid var(--border-dark);letter-spacing:.06em;text-transform:uppercase;text-align:center;background:0 0;border-radius:6px;padding:10px 14px;font-family:DM Mono,monospace;font-size:9px;display:block}.vx-how-it-works .product-showcase{aspect-ratio:21/9;background-image:var(--twin-img);background-color:#1a1a1a;background-position:50%;background-size:cover;border-radius:0;width:100%;margin:0 0 60px;overflow:hidden}@media (max-width:768px){.vx-how-it-works .product-showcase{aspect-ratio:4/3;margin:0 0 40px}}.vx-how-it-works .stats-strip{z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.vx-how-it-works .stat-tile{border-right:1px solid var(--border);flex-direction:column;gap:6px;padding:56px 40px;display:flex;position:relative}.vx-how-it-works .stat-tile:last-child{border-right:none}.vx-how-it-works .stat-tile.is-accent{background:var(--accent)}.vx-how-it-works .stat-tile.is-accent .stat-val,.vx-how-it-works .stat-tile.is-accent .stat-lbl,.vx-how-it-works .stat-tile.is-accent .stat-src{color:#fff}.vx-how-it-works .stat-tile.is-accent .stat-src{color:#ffffffb3}.vx-how-it-works .stat-tile{cursor:default;transition:background .2s}.vx-how-it-works .stat-tile:hover{background:var(--accent)}.vx-how-it-works .stat-tile:hover .stat-val,.vx-how-it-works .stat-tile:hover .stat-lbl{color:#fff}.vx-how-it-works .stat-tile:hover .stat-src{color:#ffffffb3}.vx-how-it-works .stat-val{letter-spacing:-.04em;color:var(--text);font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1}.vx-how-it-works .stat-lbl{color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-family:DM Mono,monospace;font-size:10px}.vx-how-it-works .stat-src{color:var(--muted);letter-spacing:.04em;margin-top:6px;font-family:DM Mono,monospace;font-size:9px}.vx-how-it-works .phase-copy .pro-tips{max-width:480px;margin-top:24px}.vx-how-it-works .phase-copy .quick-stats{max-width:480px}.vx-how-it-works .mini-stats{border-top:1px solid var(--border);gap:28px;margin-top:28px;padding-top:24px;display:flex}.vx-how-it-works .mini-stat-val{letter-spacing:-.025em;font-size:24px;font-weight:500;line-height:1}.vx-how-it-works .mini-stat-val em{color:var(--text);font-style:normal}.vx-how-it-works .mini-stat-lbl{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-family:DM Mono,monospace;font-size:8px}@media (max-width:900px){.vx-how-it-works .phase-section{grid-template-columns:1fr}.vx-how-it-works .phase-copy,.vx-how-it-works .phase-visual{border-right:none;padding:48px 28px}.vx-how-it-works .phase-copy{border-bottom:1px solid var(--border)}.vx-how-it-works .stats-strip{grid-template-columns:repeat(2,1fr)}.vx-how-it-works .stat-tile{border-bottom:1px solid var(--border);padding:36px 24px}.vx-how-it-works .stat-tile:nth-child(2){border-right:none}.vx-how-it-works .stat-tile:last-child,.vx-how-it-works .stat-tile:nth-last-child(2){border-bottom:none}}.vx-how-it-works .footer-cta{border-top:1px solid #ffffff14;border-radius:0;margin:0;padding:96px 64px}.vx-how-it-works .footer-cta:before{background:radial-gradient(circle,#fb5e011f 0%,#0000 70%)}@media (max-width:640px){.vx-how-it-works .process-intro{grid-template-columns:1fr}.vx-how-it-works .process-intro-left{border-right:none;border-bottom:1px solid var(--border)}.vx-how-it-works .steps-grid{grid-template-columns:1fr}.vx-how-it-works .capture-img,.vx-how-it-works .convert-mock,.vx-how-it-works .output-viewer,.vx-how-it-works .output-cluster,.vx-how-it-works .shopify-mock{max-width:100%}}@media (max-width:600px){.vx-how-it-works .hero{padding:40px 22px 36px}.vx-how-it-works .process-intro-left,.vx-how-it-works .process-intro-right,.vx-how-it-works .video-section{padding:48px 22px}.vx-how-it-works .steps-section{padding:0 22px 56px}.vx-how-it-works .step-card{padding:32px 22px 36px}.vx-how-it-works .step-card-image .step-content{padding:24px 22px 30px}.vx-how-it-works .next-section{padding:48px 22px}.vx-how-it-works .next-item{padding:26px 22px}.vx-how-it-works .next-card-image .next-content{padding:24px 22px 28px}.vx-how-it-works .platforms{padding:40px 22px}.vx-how-it-works .footer-cta{padding:64px 22px}.vx-how-it-works .phase-copy,.vx-how-it-works .phase-visual{padding:44px 22px}.vx-how-it-works .stat-tile{padding:36px 22px}.vx-how-it-works .next-grid{grid-template-columns:repeat(2,1fr)}.vx-how-it-works .quick-stats{grid-template-columns:repeat(2,1fr);display:grid}.vx-how-it-works .stats-strip{grid-template-columns:repeat(2,1fr)}.vx-how-it-works .shopify-body{grid-template-columns:1fr}.vx-how-it-works .shopify-product{border-right:none;border-bottom:1px solid var(--border)}.vx-how-it-works .hero-inner{gap:24px}.vx-how-it-works .platforms,.vx-how-it-works .platforms-logos{gap:20px}.vx-how-it-works .mini-stats{gap:18px}.vx-how-it-works .steps-header{gap:16px;margin-bottom:32px}}@media (max-width:420px){.vx-how-it-works .hero{padding:32px 16px 28px}.vx-how-it-works .process-intro-left,.vx-how-it-works .process-intro-right,.vx-how-it-works .video-section{padding:40px 16px}.vx-how-it-works .steps-section{padding:0 16px 44px}.vx-how-it-works .step-card{padding:28px 16px 32px}.vx-how-it-works .step-card-image .step-content{padding:22px 16px 28px}.vx-how-it-works .next-section{padding:40px 16px}.vx-how-it-works .next-item{padding:24px 16px}.vx-how-it-works .next-card-image .next-content{padding:22px 16px 26px}.vx-how-it-works .platforms{padding:32px 16px}.vx-how-it-works .footer-cta{padding:52px 16px}.vx-how-it-works .phase-copy,.vx-how-it-works .phase-visual{padding:36px 16px}.vx-how-it-works .stat-tile{border-right:none;padding:30px 16px}.vx-how-it-works .next-grid,.vx-how-it-works .quick-stats,.vx-how-it-works .stats-strip{grid-template-columns:1fr}.vx-how-it-works h1{font-size:clamp(34px,11vw,56px)}.vx-how-it-works .phone-frame{width:200px;height:384px}}