.HeroCanvasDemo-module__yhXCVq__stage{aspect-ratio:16/10;width:100%;box-shadow:var(--apple-shadow);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#ffffffd9;background-image:radial-gradient(60% 50% at 50% 0,#f5c5180f 0%,#0000 70%),linear-gradient(#00000009 1px,#0000 1px),linear-gradient(90deg,#00000009 1px,#0000 1px);background-size:100% 100%,40px 40px,40px 40px;border:1px solid #00000014;border-radius:20px;position:relative;overflow:hidden}.HeroCanvasDemo-module__yhXCVq__stageDragging{cursor:grabbing}.HeroCanvasDemo-module__yhXCVq__world{transform-origin:50%;will-change:transform;position:absolute;inset:0}.HeroCanvasDemo-module__yhXCVq__card{background:repeating-linear-gradient(135deg,#0000000e 0 6px,#00000005 6px 12px),#f3f3f4;border:1px solid #0000001a;border-radius:10px;align-items:flex-end;padding:8px;display:flex;position:absolute;box-shadow:0 6px 18px #00000014}.HeroCanvasDemo-module__yhXCVq__cardDrift{animation:7s ease-in-out infinite HeroCanvasDemo-module__yhXCVq__driftY}.HeroCanvasDemo-module__yhXCVq__cardLabel{letter-spacing:.06em;color:#0000006b;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.HeroCanvasDemo-module__yhXCVq__selected{aspect-ratio:3/4;background:repeating-linear-gradient(135deg,#0000000d 0 6px,#00000005 6px 12px),#fbfbfb;border-radius:10px;align-items:flex-end;width:27%;padding:8px;display:flex;position:absolute;top:36%;left:36%}.HeroCanvasDemo-module__yhXCVq__roleBadge{letter-spacing:.06em;color:#fff;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.HeroCanvasDemo-module__yhXCVq__toolbar{white-space:nowrap;background:#262626;border:1px solid #404040;border-radius:16px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;top:-56px;left:50%;transform:translate(-50%);box-shadow:0 25px 50px -12px #00000073}.HeroCanvasDemo-module__yhXCVq__toolGroup{align-items:center;gap:4px;display:flex}.HeroCanvasDemo-module__yhXCVq__roleBtn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:12px;transition:background .15s,box-shadow .15s;display:flex}.HeroCanvasDemo-module__yhXCVq__iconBtn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,box-shadow .15s;display:flex}.HeroCanvasDemo-module__yhXCVq__divider{background:#525252;width:1px;height:24px}.HeroCanvasDemo-module__yhXCVq__utilBtn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;height:36px;padding:0 12px;display:flex}.HeroCanvasDemo-module__yhXCVq__utilDownload{color:#d4d4d8;background:#3b82f633;border:1px solid #3b82f64d}.HeroCanvasDemo-module__yhXCVq__utilDelete{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.HeroCanvasDemo-module__yhXCVq__hintPill{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;pointer-events:none;background:#fafafaeb;border:1px solid #00000012;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex;position:absolute;top:14px;left:14px}.HeroCanvasDemo-module__yhXCVq__hintDot{background:var(--accent-yellow);border-radius:50%;width:6px;height:6px}.HeroCanvasDemo-module__yhXCVq__zoomControls{align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;right:14px}.HeroCanvasDemo-module__yhXCVq__zoomBtn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fafafaf2;border:1px solid #0000001a;border-radius:9px;font-size:17px;line-height:1;transition:background .15s,color .15s;box-shadow:0 2px 6px #0000000f}.HeroCanvasDemo-module__yhXCVq__resetBtn{height:32px;color:var(--text-secondary);cursor:pointer;background:#fafafaf2;border:1px solid #0000001a;border-radius:9px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s;box-shadow:0 2px 6px #0000000f}.HeroCanvasDemo-module__yhXCVq__zoomBtn:hover,.HeroCanvasDemo-module__yhXCVq__resetBtn:hover{color:var(--text-primary);background:#fff}@keyframes HeroCanvasDemo-module__yhXCVq__driftY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.HeroCanvasDemo-module__yhXCVq__cardDrift{animation:none}}
.HowItWorks-module__Hv8dkq__layout{grid-template-columns:340px 1fr;align-items:start;gap:28px;margin-top:44px;display:grid}.HowItWorks-module__Hv8dkq__stepList{flex-direction:column;gap:12px;display:flex}.HowItWorks-module__Hv8dkq__step{text-align:left;cursor:pointer;box-shadow:var(--apple-shadow-sm);border-radius:16px;align-items:flex-start;gap:16px;padding:20px 22px;transition:border-color .18s,background .18s;display:flex}.HowItWorks-module__Hv8dkq__stepNum{color:var(--accent-yellow-text);font-variant-numeric:tabular-nums;padding-top:2px;font-size:13px;font-weight:800}.HowItWorks-module__Hv8dkq__stepTitle{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px;font-size:17px;font-weight:700;display:block}.HowItWorks-module__Hv8dkq__stepDesc{color:var(--text-secondary);font-size:14px;line-height:1.65;display:block}.HowItWorks-module__Hv8dkq__preview{box-shadow:var(--apple-shadow);background-color:#fafafaf5;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:32px 32px;border:1px solid #00000014;border-radius:20px;flex-direction:column;gap:18px;min-height:420px;padding:28px;display:flex;position:relative}.HowItWorks-module__Hv8dkq__previewHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.HowItWorks-module__Hv8dkq__previewCaption{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.HowItWorks-module__Hv8dkq__previewBadge{color:var(--accent-yellow-text);letter-spacing:.04em;background:#f5c5181a;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.HowItWorks-module__Hv8dkq__slotGrid{flex:1;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.HowItWorks-module__Hv8dkq__slot{background:repeating-linear-gradient(135deg,#0000000d 0 6px,#00000005 6px 12px),#f4f4f5;border:1px solid #00000014;border-radius:12px;align-items:flex-end;min-height:150px;padding:10px;display:flex}.HowItWorks-module__Hv8dkq__slotAccent{background:repeating-linear-gradient(135deg,#f5c51824 0 6px,#f5c5180a 6px 12px),#fbf7e6;border-color:#f5c51873}.HowItWorks-module__Hv8dkq__slotLabel{color:#0006;text-transform:uppercase;letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.HowItWorks-module__Hv8dkq__slotAccent .HowItWorks-module__Hv8dkq__slotLabel{color:var(--accent-yellow-text)}.HowItWorks-module__Hv8dkq__previewBody{color:var(--text-secondary);font-size:15px;line-height:1.75}.HowItWorks-module__Hv8dkq__footerRow{justify-content:flex-end;margin-top:32px;display:flex}@media (max-width:1024px){.HowItWorks-module__Hv8dkq__layout{grid-template-columns:1fr}.HowItWorks-module__Hv8dkq__preview{min-height:340px}}@media (max-width:480px){.HowItWorks-module__Hv8dkq__slotGrid{grid-template-columns:1fr}.HowItWorks-module__Hv8dkq__slot{min-height:90px}.HowItWorks-module__Hv8dkq__preview{padding:20px}}