.HeroDemo-module__md1nMW__stage{width:100%;max-width:460px;position:relative}.HeroDemo-module__md1nMW__card{background:var(--color-surface);border:1px solid var(--color-border);z-index:1;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;box-shadow:0 30px 60px -20px #00000080}.HeroDemo-module__md1nMW__cardHeader{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.HeroDemo-module__md1nMW__cardTitle{color:var(--color-text);font-size:15px;font-weight:500}.HeroDemo-module__md1nMW__cardDots{gap:5px;display:flex}.HeroDemo-module__md1nMW__cardDots span{background:var(--color-surface-hover);border-radius:50%;width:8px;height:8px}.HeroDemo-module__md1nMW__dropzone{text-align:center;border:2px dashed var(--color-border);background:var(--color-bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;padding:28px 20px;transition:border-color .2s,background .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.HeroDemo-module__md1nMW__stage[data-state=drag] .HeroDemo-module__md1nMW__dropzone,.HeroDemo-module__md1nMW__stage[data-state=ready] .HeroDemo-module__md1nMW__dropzone{border-color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 12%, transparent);transform:scale(1.015)}.HeroDemo-module__md1nMW__stage[data-state=ready] .HeroDemo-module__md1nMW__dropzone{border-style:solid}.HeroDemo-module__md1nMW__dropzoneIdle p:first-child{color:var(--color-text);margin:0;font-size:14px;font-weight:500}.HeroDemo-module__md1nMW__dropzoneIdle p:nth-child(2){color:var(--color-text-muted);margin:4px 0 0;font-size:12px}.HeroDemo-module__md1nMW__dropzoneIdle p:nth-child(3){color:var(--color-text-muted);margin:8px 0 0;font-size:11px}.HeroDemo-module__md1nMW__dropzoneIdle .HeroDemo-module__md1nMW__browse{color:var(--color-accent-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--color-accent) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--color-accent) 40%, transparent);text-underline-offset:2px}.HeroDemo-module__md1nMW__fileReady{background:var(--color-surface-hover);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.HeroDemo-module__md1nMW__fileReady .HeroDemo-module__md1nMW__icon{background:color-mix(in oklab, var(--color-accent) 12%, transparent);width:28px;height:28px;color:var(--color-accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.HeroDemo-module__md1nMW__fileReady .HeroDemo-module__md1nMW__meta{flex:1;min-width:0}.HeroDemo-module__md1nMW__fileReady .HeroDemo-module__md1nMW__name{color:var(--color-text);font-size:13px;font-weight:500}.HeroDemo-module__md1nMW__fileReady .HeroDemo-module__md1nMW__size{color:var(--color-text-muted);margin-top:2px;font-size:11px}.HeroDemo-module__md1nMW__progress{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.HeroDemo-module__md1nMW__pheader{justify-content:space-between;align-items:baseline;display:flex}.HeroDemo-module__md1nMW__pname{color:var(--color-text);font-size:13px;font-weight:500}.HeroDemo-module__md1nMW__ppct{font-family:var(--font-geist-mono), monospace;color:var(--color-text-muted);font-size:12px}.HeroDemo-module__md1nMW__ppct:before{content:"0%";animation:1.6s ease-out forwards HeroDemo-module__md1nMW__progressNum}.HeroDemo-module__md1nMW__ptrack{background:var(--color-border);border-radius:999px;height:6px;overflow:hidden}.HeroDemo-module__md1nMW__pfill{background:var(--color-accent);border-radius:999px;width:0%;height:100%;animation:1.6s ease-out forwards HeroDemo-module__md1nMW__progressFill}.HeroDemo-module__md1nMW__pinfo{color:var(--color-text-muted);justify-content:space-between;font-size:11px;display:flex}@keyframes HeroDemo-module__md1nMW__progressFill{0%{width:0%}40%{width:38%}75%{width:78%}to{width:100%}}@keyframes HeroDemo-module__md1nMW__progressNum{0%{content:"0%"}20%{content:"18%"}40%{content:"38%"}60%{content:"62%"}80%{content:"85%"}to{content:"100%"}}.HeroDemo-module__md1nMW__linkReady{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.HeroDemo-module__md1nMW__successRow{color:var(--color-success,#61c568);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}@supports (color:lab(0% 0 0)){.HeroDemo-module__md1nMW__successRow{color:var(--color-success,lab(71.7855% -44.8717 37.074))}}.HeroDemo-module__md1nMW__checkCircle{background:var(--color-success,#61c568);color:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}@supports (color:lab(0% 0 0)){.HeroDemo-module__md1nMW__checkCircle{background:var(--color-success,lab(71.7855% -44.8717 37.074))}}.HeroDemo-module__md1nMW__linkUrl{font-family:var(--font-geist-mono), monospace;background:var(--color-bg);border:1px solid var(--color-border);word-break:break-all;border-radius:8px;padding:10px 12px;font-size:12px}.HeroDemo-module__md1nMW__linkUrl .HeroDemo-module__md1nMW__domain{color:var(--color-text-muted)}.HeroDemo-module__md1nMW__linkUrl .HeroDemo-module__md1nMW__slug{color:var(--color-accent)}.HeroDemo-module__md1nMW__privacyRow{color:var(--color-text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.HeroDemo-module__md1nMW__lockIcon{border:1.5px solid var(--color-text-muted);border-radius:2px;width:11px;height:11px;position:relative}.HeroDemo-module__md1nMW__lockIcon:before{content:"";border:1.5px solid var(--color-text-muted);border-bottom:none;border-radius:3px 3px 0 0;width:6px;height:5px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.HeroDemo-module__md1nMW__fieldGroup{flex-direction:column;gap:12px;display:flex}.HeroDemo-module__md1nMW__field{flex-direction:column;gap:4px;display:flex}.HeroDemo-module__md1nMW__fieldLabel{color:var(--color-text-muted);font-size:11px}.HeroDemo-module__md1nMW__fieldValue{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.HeroDemo-module__md1nMW__domainChip{background:color-mix(in oklab, var(--color-accent) 12%, transparent);color:var(--color-accent-text);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.HeroDemo-module__md1nMW__actionBtn{background:var(--color-surface-hover);color:var(--color-text-muted);cursor:default;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s,transform .15s;position:relative}.HeroDemo-module__md1nMW__stage[data-state=ready] .HeroDemo-module__md1nMW__actionBtn,.HeroDemo-module__md1nMW__stage[data-state=progress] .HeroDemo-module__md1nMW__actionBtn,.HeroDemo-module__md1nMW__stage[data-state=done] .HeroDemo-module__md1nMW__actionBtn,.HeroDemo-module__md1nMW__stage[data-state=copied] .HeroDemo-module__md1nMW__actionBtn{background:var(--color-accent);color:#1a1a1a}.HeroDemo-module__md1nMW__stage[data-state=progress] .HeroDemo-module__md1nMW__actionBtn,.HeroDemo-module__md1nMW__stage[data-state=copied] .HeroDemo-module__md1nMW__actionBtn{animation:.4s cubic-bezier(.175,.885,.32,1.275) HeroDemo-module__md1nMW__btnPress}@keyframes HeroDemo-module__md1nMW__btnPress{0%{transform:scale(1)}40%{transform:scale(.96)}to{transform:scale(1)}}.HeroDemo-module__md1nMW__toast{background:var(--color-text);color:var(--color-bg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:500;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.HeroDemo-module__md1nMW__stage[data-state=copied] .HeroDemo-module__md1nMW__toast{animation:1.6s ease-out forwards HeroDemo-module__md1nMW__toastShow}@keyframes HeroDemo-module__md1nMW__toastShow{0%{opacity:0;transform:translate(-50%)translateY(6px)}15%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-4px)}}.HeroDemo-module__md1nMW__floatingFile{background:var(--color-surface-hover);border:1px solid var(--color-border);z-index:3;opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:10px;width:200px;padding:10px 12px;display:flex;position:absolute;top:-10px;right:24px}.HeroDemo-module__md1nMW__ficon{width:32px;height:38px;font-family:var(--font-geist-mono), monospace;letter-spacing:.05em;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:inline-flex;position:relative}.HeroDemo-module__md1nMW__ficon:before{content:"";border-top:0 solid #0000;border-bottom:6px solid #0000;border-left:0 solid #0000;border-right:6px solid #0003;position:absolute;top:0;right:0}.HeroDemo-module__md1nMW__ficonHtml{background:var(--color-accent);color:#1a1a1a}.HeroDemo-module__md1nMW__ficonZip{color:#fff;background:#fa6a57;background:lab(63.5337% 55.1878 39.7829)}.HeroDemo-module__md1nMW__fmeta{flex:1;min-width:0}.HeroDemo-module__md1nMW__fmeta .HeroDemo-module__md1nMW__name{color:var(--color-text);font-size:12px;font-weight:500}.HeroDemo-module__md1nMW__fmeta .HeroDemo-module__md1nMW__size{color:var(--color-text-muted);margin-top:2px;font-size:10px}.HeroDemo-module__md1nMW__htmlGhost{filter:blur(.4px);box-shadow:0 12px 24px -10px #00000080, 0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent)}.HeroDemo-module__md1nMW__stage[data-state=drag] .HeroDemo-module__md1nMW__htmlGhost{animation:1.2s ease-in-out forwards HeroDemo-module__md1nMW__htmlGhostIn}@keyframes HeroDemo-module__md1nMW__htmlGhostIn{0%{opacity:0;transform:translate(200px,-70px)rotate(-8deg)}25%{opacity:.85}55%{opacity:.85;transform:translateY(80px)rotate(-2deg)}to{opacity:0;transform:translate(-30px,110px)rotate(2deg)}}.HeroDemo-module__md1nMW__zipSolid{box-shadow:0 20px 40px -12px #000000b3, 0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent)}.HeroDemo-module__md1nMW__stage[data-state=drag] .HeroDemo-module__md1nMW__zipSolid{animation:1.4s ease-in-out .7s forwards HeroDemo-module__md1nMW__zipSolidIn}.HeroDemo-module__md1nMW__stage[data-state=ready] .HeroDemo-module__md1nMW__zipSolid{opacity:0;transition:opacity .3s}@keyframes HeroDemo-module__md1nMW__zipSolidIn{0%{opacity:0;transform:translate(220px,-80px)rotate(-6deg)}20%{opacity:1}to{opacity:1;transform:translateY(80px)rotate(0)}}.HeroDemo-module__md1nMW__cursor{z-index:4;pointer-events:none;width:18px;height:22px;position:absolute;top:-8px;left:-8px}.HeroDemo-module__md1nMW__cursor svg{filter:drop-shadow(0 2px 4px #0009);width:100%;height:100%}@media (prefers-reduced-motion:reduce){.HeroDemo-module__md1nMW__stage[data-state=drag] .HeroDemo-module__md1nMW__htmlGhost,.HeroDemo-module__md1nMW__stage[data-state=drag] .HeroDemo-module__md1nMW__zipSolid{opacity:0;animation:none}}
.HowItWorksFlow-module__noMtmq__stage{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:18px;display:grid}@media (max-width:900px){.HowItWorksFlow-module__noMtmq__stage{grid-template-columns:1fr;gap:32px}.HowItWorksFlow-module__noMtmq__arrow{display:none}}.HowItWorksFlow-module__noMtmq__card{background:var(--color-surface);border:1px solid var(--color-border);opacity:.55;border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:opacity .6s,border-color .6s,box-shadow .6s;animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:flex;position:relative}.HowItWorksFlow-module__noMtmq__card1{animation-name:HowItWorksFlow-module__noMtmq__phase1}.HowItWorksFlow-module__noMtmq__card2{animation-name:HowItWorksFlow-module__noMtmq__phase2}.HowItWorksFlow-module__noMtmq__card3{animation-name:HowItWorksFlow-module__noMtmq__phase3}.HowItWorksFlow-module__noMtmq__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.HowItWorksFlow-module__noMtmq__num{background:var(--color-surface-hover);width:22px;height:22px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:background .6s,color .6s;display:inline-flex}.HowItWorksFlow-module__noMtmq__card.HowItWorksFlow-module__noMtmq__active .HowItWorksFlow-module__noMtmq__num,.HowItWorksFlow-module__noMtmq__card1.HowItWorksFlow-module__noMtmq__active .HowItWorksFlow-module__noMtmq__num{background:var(--color-accent);color:#1a1a1a}.HowItWorksFlow-module__noMtmq__title{color:var(--color-text);font-size:14px;font-weight:500}.HowItWorksFlow-module__noMtmq__body{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.55}.HowItWorksFlow-module__noMtmq__arrow{background:var(--color-border);border-radius:2px;align-self:center;width:36px;height:2px;position:relative;overflow:hidden}.HowItWorksFlow-module__noMtmq__arrow:after{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);width:40%;height:100%;animation:2.2s linear infinite HowItWorksFlow-module__noMtmq__flowStream;position:absolute;top:0;left:-40%}.HowItWorksFlow-module__noMtmq__arrow1:after{animation-delay:0s}.HowItWorksFlow-module__noMtmq__arrow2:after{animation-delay:1.1s}@keyframes HowItWorksFlow-module__noMtmq__flowStream{0%{opacity:0;left:-40%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}@keyframes HowItWorksFlow-module__noMtmq__phase1{0%{opacity:.55;border-color:var(--color-border);box-shadow:none}2%{opacity:1;border-color:color-mix(in oklab, var(--color-accent) 40%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent), 0 24px 48px -16px #00000080, 0 0 80px -20px color-mix(in oklab, var(--color-accent) 12%, transparent)}25%{opacity:1;border-color:color-mix(in oklab, var(--color-accent) 40%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent), 0 24px 48px -16px #00000080, 0 0 80px -20px color-mix(in oklab, var(--color-accent) 12%, transparent)}30%,to{opacity:.55;border-color:var(--color-border);box-shadow:none}}@keyframes HowItWorksFlow-module__noMtmq__phase2{0%,27%{opacity:.55;border-color:var(--color-border);box-shadow:none}30%{opacity:1;border-color:color-mix(in oklab, var(--color-accent) 40%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent), 0 24px 48px -16px #00000080, 0 0 80px -20px color-mix(in oklab, var(--color-accent) 12%, transparent)}55%{opacity:1;border-color:color-mix(in oklab, var(--color-accent) 40%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent), 0 24px 48px -16px #00000080, 0 0 80px -20px color-mix(in oklab, var(--color-accent) 12%, transparent)}60%,to{opacity:.55;border-color:var(--color-border);box-shadow:none}}@keyframes HowItWorksFlow-module__noMtmq__phase3{0%,57%{opacity:.55;border-color:var(--color-border);box-shadow:none}60%{opacity:1;border-color:color-mix(in oklab, var(--color-accent) 40%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent), 0 24px 48px -16px #00000080, 0 0 80px -20px color-mix(in oklab, var(--color-accent) 12%, transparent)}85%{opacity:1;border-color:color-mix(in oklab, var(--color-accent) 40%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent), 0 24px 48px -16px #00000080, 0 0 80px -20px color-mix(in oklab, var(--color-accent) 12%, transparent)}90%,to{opacity:.55;border-color:var(--color-border);box-shadow:none}}.HowItWorksFlow-module__noMtmq__mockDropzone{border:2px dashed var(--color-border);background:var(--color-bg);border-radius:10px;align-items:center;gap:8px;padding:14px 12px;display:flex}.HowItWorksFlow-module__noMtmq__mockFileChip{background:var(--color-surface-hover);border:1px solid var(--color-border);font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.HowItWorksFlow-module__noMtmq__mockFileChip.HowItWorksFlow-module__noMtmq__html{color:var(--color-accent-text)}.HowItWorksFlow-module__noMtmq__mockFileChip.HowItWorksFlow-module__noMtmq__zip{color:#fa6a57;color:lab(63.5337% 55.1878 39.7829)}.HowItWorksFlow-module__noMtmq__mockHint{color:var(--color-text-muted);margin-left:auto;font-size:11px}.HowItWorksFlow-module__noMtmq__mockFields{flex-direction:column;gap:8px;display:flex}.HowItWorksFlow-module__noMtmq__mockField{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11px;display:flex}.HowItWorksFlow-module__noMtmq__mockField .HowItWorksFlow-module__noMtmq__lbl{color:var(--color-text-muted)}.HowItWorksFlow-module__noMtmq__mockField .HowItWorksFlow-module__noMtmq__val{color:var(--color-text);font-weight:500}.HowItWorksFlow-module__noMtmq__mockLinkCard{flex-direction:column;gap:8px;display:flex}.HowItWorksFlow-module__noMtmq__mockLinkUrl{font-family:var(--font-geist-mono), monospace;background:var(--color-bg);border:1px solid var(--color-border);word-break:break-all;border-radius:8px;padding:8px 10px;font-size:11px}.HowItWorksFlow-module__noMtmq__mockLinkUrl .HowItWorksFlow-module__noMtmq__domain{color:var(--color-text-muted)}.HowItWorksFlow-module__noMtmq__mockLinkUrl .HowItWorksFlow-module__noMtmq__slug{color:var(--color-accent)}.HowItWorksFlow-module__noMtmq__mockCopy{background:var(--color-accent);color:#1a1a1a;border-radius:6px;align-self:flex-start;padding:5px 10px;font-size:11px;font-weight:600}@media (prefers-reduced-motion:reduce){.HowItWorksFlow-module__noMtmq__card{opacity:1;animation:none}.HowItWorksFlow-module__noMtmq__arrow:after{opacity:0;animation:none}}