.how-it-works-design{--surface-app:var(--vw-cream);--surface-card:var(--vw-paper);--hair:var(--border-default);--hair-strong:var(--border-strong);--e-rest:0 1px 2px #0a1e3f0a, 0 1px 3px #0a1e3f0d;--e-raise:0 2px 4px #0a1e3f0d, 0 8px 18px -8px #0a1e3f1f;--e-lift:0 24px 50px -20px #0a1e3f3d, 0 8px 16px -10px #0a1e3f1f;--ease:cubic-bezier(.22, .61, .36, 1);--spring:cubic-bezier(.34, 1.42, .58, 1);background:var(--surface-app)}.how-it-works-design .vw-section{padding:72px 0}.how-it-works-design .vw-section.tight{padding:44px 0}.how-it-works-design .vw-wrap{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.how-it-works-design .vw-wrap{padding:0 20px}.how-it-works-design .vw-section{padding:48px 0}}.how-it-works-design .alt{background:radial-gradient(circle, color-mix(in oklab, var(--vw-navy-700) 8%, transparent) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--vw-cream)}.how-it-works-design .vw-kicker{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.how-it-works-design .vw-kicker:before{content:"";opacity:.9;border:1.6px solid;border-radius:1.5px;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.how-it-works-design .vw-kicker.brand{color:var(--vw-green-700)}.how-it-works-design .vw-kicker.on-dark{color:#fff9}.how-it-works-design .section-head{max-width:72ch;margin-bottom:34px}.how-it-works-design .vw-h2{font:400 clamp(28px, 3.4vw, 38px) / 1.08 var(--font-display);letter-spacing:-.015em;color:var(--fg-primary);margin:0}.how-it-works-design .vw-h2 em{color:var(--vw-green-700);font-style:italic}.how-it-works-design .hw-hero{color:#fff;isolation:isolate;background:radial-gradient(130% 120% at 0% 0%, #1d4374 0%, var(--vw-navy-700) 46%, var(--vw-navy-800) 100%);position:relative;overflow:hidden}.how-it-works-design .hw-hero .dots{z-index:0;opacity:.55;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 120% at 90% 0,#000,#0000 70%);mask-image:radial-gradient(85% 120% at 90% 0,#000,#0000 70%)}.how-it-works-design .hw-hero .glow{z-index:0;filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#00b74a33,#0000 66%);width:520px;height:520px;position:absolute;top:-200px;right:-120px}.how-it-works-design .hw-hero .vw-wrap{z-index:1;padding-top:28px;padding-bottom:54px;position:relative}.how-it-works-design .hw-hero .vw-crumbs{width:fit-content;max-width:100%;font:var(--fw-medium) var(--fs-sm) / 1 var(--font-sans);color:#fff6;letter-spacing:0;border-radius:var(--r-pill);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:26px;padding:7px 14px;display:flex}.how-it-works-design .hw-hero .vw-crumbs a{color:#ffffffa8;text-decoration:none}.how-it-works-design .hw-hero .vw-crumbs a:hover{color:#fff}.how-it-works-design .hw-hero .vw-crumbs .sep{opacity:.45}.how-it-works-design .hw-hero .vw-crumbs .here{color:#fff;font-weight:var(--fw-semibold)}.how-it-works-design .hw-hero h1{font:400 clamp(38px, 5vw, 58px) / 1.03 var(--font-display);letter-spacing:-.02em;max-width:16ch;margin:12px 0 0}.how-it-works-design .hw-hero h1 em{color:var(--vw-green-400);font-style:italic}.how-it-works-design .hw-hero .sub{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:#ffffffc2;max-width:56ch;margin:18px 0 0}.how-it-works-design .vw-answer{background:var(--vw-green-50);border:1px solid color-mix(in oklab, var(--vw-green-500) 24%, var(--hair));border-radius:var(--r-xl);grid-template-columns:190px 1fr;align-items:start;gap:10px 44px;padding:30px 36px;display:grid}.how-it-works-design .vw-answer .lbl{font:var(--fw-bold) var(--fs-2xs) / 1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--vw-green-700);align-items:center;gap:9px;margin:6px 0 0;display:inline-flex}.how-it-works-design .vw-answer .lbl:before{content:"";border:1.7px solid;border-radius:1.5px;width:8px;height:8px;transform:rotate(45deg)}.how-it-works-design .vw-answer p{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:var(--fg-primary);grid-column:2;margin:0}.how-it-works-design .vw-answer p strong{font-weight:var(--fw-semibold);color:var(--vw-navy-700)}@media (max-width:760px){.how-it-works-design .vw-answer{grid-template-columns:1fr;gap:14px;padding:24px 22px}.how-it-works-design .vw-answer p{grid-column:1}}.how-it-works-design .vw-cluster{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:820px){.how-it-works-design .vw-cluster{grid-template-columns:1fr}}.how-it-works-design .vw-cluster .lane h3{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 12px}.how-it-works-design .vw-cluster .lane ul{margin:0;padding:0;list-style:none}.how-it-works-design .vw-cluster .lane li a{border-bottom:1px solid var(--hair);font:var(--fw-medium) var(--fs-md) / 1.4 var(--font-sans);color:var(--fg-secondary);transition:color .15s var(--ease), padding-left .2s var(--ease);align-items:baseline;gap:9px;padding:9px 0;text-decoration:none;display:flex}.how-it-works-design .vw-cluster .lane li a:hover{color:var(--vw-green-700);padding-left:6px}.how-it-works-design .vw-cluster .lane .dir{font:var(--fw-bold) 10px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vw-green-700);border:1px solid var(--vw-green-200);border-radius:var(--r-xs);flex-shrink:0;padding:3px 5px;transform:translateY(-1px)}.how-it-works-design .e-dark-duo{background:linear-gradient(120deg, var(--vw-navy-900) 0%, var(--vw-navy-700) 46%, #00a345 100%);color:#fff}.how-it-works-design .vw-cta-band{border-radius:var(--r-2xl);isolation:isolate;padding:56px 48px;position:relative;overflow:hidden}.how-it-works-design .vw-cta-band.has-art{grid-template-columns:1.15fr .85fr;align-items:center;gap:24px 48px;display:grid}.how-it-works-design .vw-cta-band .dots{z-index:0;opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0}.how-it-works-design .vw-cta-band h2{font:400 clamp(28px, 3.6vw, 40px) / 1.06 var(--font-display);letter-spacing:-.02em;color:#fff;z-index:1;margin:0 0 14px;position:relative}.how-it-works-design .vw-cta-band h2 em{color:var(--vw-green-400);font-style:italic}.how-it-works-design .vw-cta-band p{font:400 var(--fs-lg) / 1.55 var(--font-sans);color:#ffffffbd;z-index:1;max-width:52ch;margin:0 0 26px;position:relative}.how-it-works-design .vw-cta-band .actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.how-it-works-design .vw-cta-band.has-art .cta-art .vw-vis{width:100%;height:280px;display:block}.how-it-works-design .vw-cta-band.has-art .cta-art .vw-vis svg{width:100%;height:100%;display:block}@media (max-width:880px){.how-it-works-design .vw-cta-band.has-art{grid-template-columns:1fr}.how-it-works-design .vw-cta-band.has-art .cta-art{display:none}}.how-it-works-design .e-btn{font:var(--fw-bold) var(--fs-sm) / 1 var(--font-sans);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:9px;padding:13px 22px;text-decoration:none;display:inline-flex}.how-it-works-design .e-btn.primary{background:var(--vw-green-500);color:var(--fg-on-brand);box-shadow:var(--shadow-green-glow)}.how-it-works-design .e-btn.on-dark{color:#fff;background:0 0;border-color:#ffffff38}.how-it-works-design .e-btn.outline{border-color:var(--hair-strong);color:var(--fg-secondary);background:0 0}
.how-it-works-design{background:var(--vw-cream);color:var(--fg-primary);font:400 16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased}.how-it-works-design :where(.h-1,.h-2,.h-3,.h-display){height:auto;max-height:none}.how-it-works-design .ph{text-align:center;padding:64px 0 32px}.how-it-works-design .ph.cream{background:var(--vw-cream)}.how-it-works-design .ph h1{font:italic 400 60px/1.05 var(--font-display);letter-spacing:-.02em;margin:14px 0 18px}.how-it-works-design .ph h1 em{font-style:normal}@media (max-width:768px){.how-it-works-design .ph h1{font-size:42px}}.how-it-works-design .direct-answer{margin-left:0}.how-it-works-design .media-banner{margin:28px 0 4px}.how-it-works-design .media-banner .image-slot:not(.image-slot--filled){width:100%;height:360px;box-shadow:var(--shadow-lg);display:block}@media (max-width:768px){.how-it-works-design .media-banner .image-slot:not(.image-slot--filled){height:230px}}.how-it-works-design .timeline{grid-template-columns:240px 1fr;align-items:start;gap:56px;display:grid}.how-it-works-design .timeline>div{min-width:0}@media (max-width:980px){.how-it-works-design .timeline{grid-template-columns:1fr;gap:28px}.how-it-works-design .timeline aside{z-index:auto;position:static;top:auto}.how-it-works-design .timeline>div:last-child{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%}}@media (min-width:981px){.how-it-works-design .timeline aside{position:sticky;top:92px}}.how-it-works-design .timeline aside h2{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 16px}.how-it-works-design .timeline aside ol{counter-reset:step;margin:0;padding:0;list-style:none}.how-it-works-design .timeline aside li{counter-increment:step;font:500 var(--fs-sm) / 1.4 var(--font-sans);cursor:pointer;color:var(--fg-secondary);align-items:baseline;gap:12px;padding:10px 0;display:flex}.how-it-works-design .timeline aside li:before{content:counter(step, decimal-leading-zero);font:500 13px/1 var(--font-mono);color:var(--fg-subtle);flex-shrink:0;min-width:20px}.how-it-works-design .timeline aside li a{color:inherit;text-decoration:none}.how-it-works-design .timeline aside li.on{color:var(--vw-green-700);font-weight:600}.how-it-works-design .timeline aside li.on:before{color:var(--vw-green-700)}.how-it-works-design .step{border-top:1px solid var(--border-default);min-width:0;max-width:100%;padding:32px 0 64px;scroll-margin-top:92px}.how-it-works-design .step:first-child{border-top:none;padding-top:8px}.how-it-works-design .step .head{align-items:baseline;gap:14px;min-width:0;margin-bottom:16px;display:flex}.how-it-works-design .step .num{font:500 56px / 1 var(--font-display);letter-spacing:-.02em;color:var(--vw-green-600);font-variant-numeric:tabular-nums;flex-shrink:0;font-style:italic}.how-it-works-design .step h2{font:400 clamp(26px, 3.4vw, 36px) / 1.1 var(--font-display);letter-spacing:-.015em;color:var(--fg-primary);flex:auto;min-width:0;margin:0}.how-it-works-design .step h2 em{color:var(--vw-green-700);font-style:italic}.how-it-works-design .step .timing{background:var(--vw-green-50);border:1px solid var(--vw-green-200);border-radius:var(--r-pill);font:var(--fw-semibold) var(--fs-2xs) / 1.35 var(--font-mono);letter-spacing:.04em;color:var(--vw-green-800);box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;margin-bottom:16px;padding:6px 12px;display:inline-flex}.how-it-works-design .step p{font:400 15.5px/1.65 var(--font-sans);color:var(--fg-secondary);overflow-wrap:anywhere;max-width:640px;margin:0 0 18px}.how-it-works-design .step p.muted{color:var(--fg-muted);font-size:13px}.how-it-works-design .step p a{color:var(--vw-green-700);font-weight:600}.how-it-works-design .step .vis{background:var(--surface-card);border:1px solid var(--hair);border-radius:var(--r-xl);box-shadow:var(--e-rest);max-width:100%;margin-top:18px;padding:28px;overflow-x:auto}.how-it-works-design .media-banner{margin-top:24px}.how-it-works-design .media-banner .image-slot:not(.image-slot--filled){aspect-ratio:16/6;height:auto;box-shadow:var(--e-rest)}.how-it-works-design .step-shot .image-slot{width:100%;height:auto;display:block;overflow:hidden}.how-it-works-design .step-shot .image-slot__img{width:100%;max-width:100%;height:auto;display:block}.how-it-works-design .upload-anatomy{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.how-it-works-design .upload-anatomy{grid-template-columns:1fr}}.how-it-works-design .upload-anatomy .col{flex-direction:column;gap:10px;min-width:0;display:flex}.how-it-works-design .upload-anatomy .lbl{font:600 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:4px}.how-it-works-design .file-row{background:var(--vw-gray-50);font:500 13px/1 var(--font-sans);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.how-it-works-design .file-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.how-it-works-design .file-row .ext{font:700 10px/1 var(--font-mono);letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:3px 7px}.how-it-works-design .file-row .ext.png{color:#0a2e5c;background:#80b4ff}.how-it-works-design .file-row .ext.jpg{background:var(--vw-orange-300);color:#5a2008}.how-it-works-design .file-row .ext.psd{color:#2e1a57;background:#c7a8ff}.how-it-works-design .file-row .ext.ai{background:var(--vw-orange-500);color:#fff}.how-it-works-design .file-row .ext.eps{background:var(--vw-green-200);color:#0f4a2e}.how-it-works-design .file-row .ext.dxf{color:#fff;background:#5c6677}.how-it-works-design .file-row .meta{font:500 11px/1 var(--font-mono);color:var(--fg-muted);margin-left:auto}.how-it-works-design .upload-formats-note{font:500 11px/1.4 var(--font-sans);color:var(--fg-muted);overflow-wrap:anywhere;margin:8px 0 0}.how-it-works-design .context-block{background:var(--bg-surface-2,var(--vw-gray-50));border-radius:var(--r-md);font:400 var(--fs-sm) / 1.5 var(--font-sans);color:var(--fg-secondary);padding:12px}.how-it-works-design .context-block .ctx-label{font:var(--fw-semibold) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.06em;color:var(--fg-muted);margin-bottom:6px}.how-it-works-design .quote-card{background:var(--bg-surface-2,var(--vw-gray-50));border:1px solid var(--hair);border-radius:var(--r-lg);font:400 var(--fs-sm) / 1.5 var(--font-sans);padding:20px}.how-it-works-design .quote-card .from{border-bottom:1px solid var(--border-default);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.how-it-works-design .quote-card .av{background:var(--vw-green-500);width:32px;height:32px;color:var(--fg-on-brand);font:700 12px/1 var(--font-sans);border-radius:100px;place-items:center;display:grid}.how-it-works-design .quote-card .nm{font-weight:600}.how-it-works-design .quote-card .ti{font:500 11px/1 var(--font-sans);color:var(--fg-muted);margin-top:2px}.how-it-works-design .quote-card pre{white-space:pre-wrap;font:500 12px / 1.6 var(--font-mono);color:var(--fg-secondary);margin:0}.how-it-works-design .quote-card .row2{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.how-it-works-design .quote-card .pr{font:500 var(--fs-2xl) / 1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--vw-navy-700)}.how-it-works-design .quote-card .credits-line{font:500 11px/1.3 var(--font-sans);color:var(--fg-muted);margin-top:4px}.how-it-works-design .approve-row{gap:8px;display:flex}.how-it-works-design .approve-row .e-btn{pointer-events:none}.how-it-works-design .designer{background:var(--vw-cream);border-radius:10px;align-items:center;gap:16px;padding:16px;display:flex}.how-it-works-design .designer .av{border-radius:var(--r-md);background:var(--vw-navy-700);color:#fff;width:56px;height:56px;font:700 18px/1 var(--font-sans);flex-shrink:0;place-items:center;display:grid}.how-it-works-design .designer .nm{font:600 15px/1.2 var(--font-sans)}.how-it-works-design .designer .role{font:500 12px/1.3 var(--font-mono);color:var(--fg-muted);margin-top:4px}.how-it-works-design .designer .stats{font:500 11px/1 var(--font-sans);color:var(--fg-secondary);flex-wrap:wrap;gap:20px;margin-top:8px;display:flex}.how-it-works-design .designer .stats strong{color:var(--vw-green-700)}.how-it-works-design .designer-photo .image-slot{width:100%;height:auto;margin-bottom:18px;display:block;overflow:hidden}.how-it-works-design .designer-photo .image-slot__img{width:100%;max-width:100%;height:auto;display:block}.how-it-works-design .delivery-zip{background:var(--vw-cream);border:1px solid var(--border-default);font:500 12.5px/1.5 var(--font-mono);color:var(--fg-primary);border-radius:10px;padding:18px}.how-it-works-design .delivery-zip .header{font:700 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--fg-muted);margin-bottom:10px}.how-it-works-design .delivery-zip ul{margin:0;padding:0;list-style:none}.how-it-works-design .delivery-zip li{padding:4px 0}.how-it-works-design .delivery-zip li:before{content:"└ ";color:var(--fg-subtle)}.how-it-works-design .delivery-zip li:first-child:before{content:"├ "}.how-it-works-design .delivery-footnote{margin-top:14px;font-size:13px}@media (max-width:720px){.how-it-works-design .timeline{gap:20px}.how-it-works-design .step{padding:24px 0 36px;scroll-margin-top:16px}.how-it-works-design .step .head{flex-wrap:wrap;gap:8px 12px}.how-it-works-design .step .num{font-size:36px;line-height:1}.how-it-works-design .step h2{flex-basis:calc(100% - 52px);font-size:clamp(22px,6.5vw,28px)}.how-it-works-design .step .timing{width:100%;display:flex}.how-it-works-design .step p{max-width:100%}.how-it-works-design .step .vis{padding:16px}.how-it-works-design .designer{flex-direction:column;align-items:flex-start}.how-it-works-design .quote-card .row2{flex-direction:column;align-items:flex-start;gap:16px}.how-it-works-design .file-row{flex-wrap:wrap;row-gap:6px}.how-it-works-design .file-row .meta{flex-shrink:0;margin-left:auto}}@media (max-width:980px){.how-it-works-design .timeline aside{border-bottom:1px solid var(--hair);width:100%;max-width:100%;margin:0;padding:0 0 20px}.how-it-works-design .timeline aside h2{margin-bottom:10px}.how-it-works-design .timeline aside ol{width:100%;max-width:100%;display:block;overflow:visible}.how-it-works-design .timeline aside li{border-radius:var(--r-md);white-space:normal;box-sizing:border-box;background:0 0;border:none;align-items:baseline;gap:12px;width:100%;margin:0;padding:11px 12px;display:flex}.how-it-works-design .timeline aside li+li{margin-top:2px}.how-it-works-design .timeline aside li.on{background:var(--vw-green-50);color:var(--vw-green-700);font-weight:600}}