.hero{--drop-zone-height:280px;position:relative}.hero--image{z-index:-1;filter:drop-shadow(0 0 3px #ffd400);max-width:70%;margin:0 auto;display:block;position:absolute;top:0;left:0;right:0}.hero--title{text-align:center;text-shadow:0 0 20px #fff,0 0 40px #fff,0 0 80px #fff;margin-bottom:1.5rem;font-size:3rem;line-height:1.25}@media (width<=28rem){.hero--title{font-size:2rem}}.drop-zone{background-color:var(--color-neutral);cursor:pointer;border-radius:20px;width:100%;height:280px;padding:1.5rem;position:relative;box-shadow:inset 0 1px 1px #ffffff1a,0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d}.drop-zone--bg{aspect-ratio:2;z-index:-2;background:radial-gradient(at bottom,#ffd40099 5%,#fff 70%);max-width:100%;height:12rem;margin:0 auto;position:absolute;top:-12rem;left:0;right:0}.drop-zone--inner{border:2px dashed #d3d3d3;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.drop-zone:hover .drop-zone--inner,.dragging .drop-zone--inner{border-color:var(--color-highlight)}.drop-zone--icon{margin-bottom:1rem;transition:transform .3s cubic-bezier(.21,-.62,.58,1.84);display:block}.dragging .drop-zone--icon,.drop-zone:hover .drop-zone--icon{transform:scale(1.2)}.results{display:none}.results--toolbar{justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.results--toolbar--close-btn{vertical-align:middle;background:0 0;border:none;display:inline-block}.results--toolbar--close-btn:hover .results--toolbar--close-btn--icon{fill:var(--color-danger)}.results--select-format{font:inherit;color:inherit;border-radius:var(--radius);border-color:var(--color-border);vertical-align:middle;padding:.3rem .2rem}.results--panel{background:var(--color-bg);box-shadow:var(--shadow-small);border-radius:10px;margin-bottom:1rem;overflow:hidden}.results--summary{color:var(--color-muted);min-height:3rem;padding:.75rem 1.5rem;font-size:.9rem}#results-list{border-top:1px solid var(--color-border);flex-direction:column;padding:0 1.5rem;display:flex}#download-zip-btn{display:none}.result{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.result:last-child{border-bottom:none}.result--group{align-items:center;column-gap:.5rem;display:flex}.result--filename{white-space:nowrap;text-overflow:ellipsis;max-width:20rem;font-family:monospace;font-style:italic;display:inline-block;overflow:hidden}.result--size{color:#888;font-size:.8rem}.result--status--info{display:none}.result[data-status=pending] .result--status--info__pending{color:#888;display:inline-block}.result--status--info__invalid{color:var(--color-danger)}.result[data-status=invalid] .result--status--info__invalid,.result[data-status=processing] .result--status--info__processing{display:inline-block}.result--status--info__success{color:var(--color-success)}.result[data-status=success] .result--status--info__success{display:inline-block}.result--status--info__error{color:var(--color-danger)}.result[data-status=error] .result--status--info__error{display:inline-block}@media (width<=36rem){.result{flex-direction:column;align-items:normal;gap:.5rem}.result--group:first-child{flex-direction:column-reverse;align-items:normal}.result--group:last-child{justify-content:end}.result--filename{max-width:100%}}.features{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:4.5rem;padding:0;list-style:none;display:grid}.features--item{text-align:center;border-radius:10px;padding:1em;display:inline-block}.fetures--item--icon{margin-bottom:1rem}.features--item--title{margin-bottom:.5rem;font-size:1.5rem}@media (width<=56rem){.features{grid-template-columns:1fr 1fr}.features--item:last-child{grid-column:1/3}}@media (width<=34rem){.features{grid-template-columns:1fr}.features--item:last-child{grid-column:auto}}.banner{background-color:var(--color-highlight);color:var(--color-neutral);border-radius:10px;align-items:center;gap:1.5rem;max-width:40rem;margin:0 auto;padding:4.5rem 1.5rem;display:flex}.banner--icon{background:var(--color-neutral);box-shadow:var(--shadow-small);border-radius:18px;margin-left:-50px;padding:.5rem;display:inline-block}.banner--icon--inner{border:2px dashed var(--color-highlight);border-radius:10px;padding:.5rem}.banner--title{margin-bottom:.5rem;font-size:1.5rem}@media (width<=45rem){.banner{flex-direction:column;padding-top:3rem;padding-bottom:3rem}.banner--icon{margin-top:-80px;margin-left:0}}.process-list{counter-reset:step-counter;max-width:480px;margin:0 auto;list-style:none;position:relative}.process-list:before{content:"";border-left:2px dashed var(--color-highlight);width:2px;display:block;position:absolute;top:16px;bottom:66px;left:-43px}.process-list--item{counter-increment:step-counter;background-color:var(--color-neutral);box-shadow:var(--shadow-small);border-radius:10px;margin-bottom:1.5rem;padding:1rem;position:relative}.process-list--item:before{--size:36px;content:counter(step-counter);background-color:var(--color-strong);color:var(--color-neutral);width:var(--size);height:var(--size);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;left:-60px}.process-list--item--title{margin-bottom:.5rem}@media (width<=38rem){.process-list:before{margin:0 auto;left:1px;right:0}.process-list--item:before{margin:0 auto;top:-20px;left:0;right:0}.process-list--item{margin-bottom:4rem}}.converters{background-color:var(--color-light)}.converters--list{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:48rem;margin:0 auto;padding:0;list-style:none;display:grid}.converters--list>li{box-shadow:var(--shadow-small);background-color:#fff;border-radius:10px;padding:1rem}.converters--list li strong{margin-bottom:1.5rem;display:inline-block}.converters--list li{margin-bottom:1.5rem}.converters--list ul{margin:0;padding:0;list-style:none}@media (width<=38rem){.converters--list{grid-template-columns:1fr 1fr}}@media (width<=25rem){.converters--list{grid-template-columns:1fr}}.faq--item{border-bottom:1px solid var(--color-light);margin-bottom:1.5rem;padding:1rem 0}.faq--item:last-child{border-bottom:none}.faq--item--title{margin-bottom:.5rem;font-size:1.5rem}.cta-bottom--inner{width:40rem;max-width:var(--main-max-width);justify-content:space-between;align-items:end;margin:0 auto;padding:9rem 0 0;display:flex}.cta-bottom--copy{padding-bottom:10rem}.cta-bottom--title{text-transform:none;margin-bottom:1rem;font-size:2em;line-height:1.5}.cta-bottom--copy p{margin-bottom:1.5rem}.cta-bottom--image{max-width:100%;display:block}@media (width<=32rem){.cta-bottom--inner{text-align:center;padding-top:6rem;display:block}.cta-bottom--copy{margin-bottom:3rem;padding-bottom:0}.cta-bottom--image{margin:0 auto}}