.hero-art{--paper:#fff;--paper-text:#304a45;--paper-muted:#87958f;--paper-line:#e8eeea;--hero-loop:24s;isolation:isolate;contain:layout style;justify-self:center;width:100%;min-width:0;max-width:510px;position:relative;container-type:inline-size}.hero-motion-stage{aspect-ratio:1.16;perspective:1100px;width:100%;position:relative}.hero-svg-library{pointer-events:none;position:absolute;overflow:hidden}.hero-ambient{pointer-events:none;background:radial-gradient(at 51% 44%,#0baf9414,#0000 64%);border-radius:50%;position:absolute;inset:9% 0 2%}.hero-orbit{border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);pointer-events:none;border-radius:50%;position:absolute}.hero-orbit-outer{inset:6% 3% 9%}.hero-orbit-inner{border-color:color-mix(in srgb,var(--accent) 7%,transparent);inset:14% 10% 17%}.hero-orbit-point,.hero-grid-point{background:var(--accent);opacity:.35;border-radius:50%;width:4px;height:4px;display:block;position:absolute;top:24%;left:84%}.hero-grid-point{opacity:.22;width:3px;height:3px}.hero-grid-point.point-two{top:66%;left:13%}.hero-grid-point.point-three{top:81%;left:77%}.hero-local-badge{z-index:8;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:30px;align-items:center;gap:7px;padding:7px 10px;font-size:clamp(8px,1.85cqw,10px);font-weight:600;display:flex;position:absolute;top:8%;left:7%;box-shadow:0 4px 12px #1b493807}.hero-local-badge>span{display:flex}.hero-scene{--scene-delay:calc(var(--scene)*6s - .4s);opacity:0;visibility:hidden;animation:hero-scene var(--hero-loop) linear infinite;animation-delay:var(--scene-delay);pointer-events:none;animation-fill-mode:forwards;position:absolute;inset:0}.hero-scene-light{opacity:0;animation:hero-light var(--hero-loop) ease-in-out infinite;animation-delay:var(--scene-delay);background:radial-gradient(#2bd3b52a,#0000 64%);border-radius:50%;position:absolute;inset:10% 8% 19%}.hero-card-position{perspective:850px;width:36%;height:58%;transform-style:preserve-3d;position:absolute;top:19%}.hero-file{border:1px solid color-mix(in srgb,var(--paper-line) 80%,transparent);background:var(--paper);width:100%;height:100%;color:var(--paper-text);border-radius:clamp(10px,3cqw,17px) 5px clamp(10px,3cqw,17px) clamp(10px,3cqw,17px);flex-direction:column;padding:8.5%;animation:5.8s ease-in-out infinite hero-float;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #183b3005,0 16px 30px #143d2f12,0 35px 50px -26px #143d2f25}.hero-file-fold{aspect-ratio:1;background:linear-gradient(225deg,var(--hero) 47%,var(--paper-line) 49%,var(--surface) 53%);border-bottom-left-radius:6px;width:16%;position:absolute;top:0;right:0}.hero-file-header{flex-shrink:0;justify-content:space-between;align-items:center;height:12%;margin:0 3% 11%;display:flex}.hero-file-glyph{color:var(--paper-muted);align-items:center;display:flex}.hero-file-glyph svg{width:clamp(11px,3cqw,16px);height:auto}.hero-file-kind{letter-spacing:.9px;color:#597978;margin-right:6%;font-size:clamp(8px,2.1cqw,11px);font-weight:750;line-height:1.5}.hero-file-accent .hero-file-kind{color:var(--accent)}.hero-file-webp .hero-file-kind{font-size:clamp(7px,1.9cqw,10px)}.hero-file-pdf .hero-file-kind{color:#b77f85}.hero-file-image{background:#d6e9e2;border-radius:clamp(4px,1.2cqw,7px);flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.hero-file-image svg{object-fit:cover;width:100%;height:100%;display:block}.hero-image-grain{pointer-events:none;background:linear-gradient(150deg,#fff2,#0000 60%);position:absolute;inset:0}.hero-file-meta{color:var(--paper-muted);white-space:nowrap;justify-content:space-between;align-items:center;gap:4px;margin-top:12%;font-size:clamp(6px,1.5cqw,8px);font-weight:500;line-height:1.8;display:flex}.hero-file-meta>span:first-child{text-overflow:ellipsis;overflow:hidden}.hero-file-size{font-variant-numeric:tabular-nums;font-size:clamp(6px,1.4cqw,7.5px)}.hero-file-size>span{display:block}.hero-swapping-size{min-width:34px;position:relative}.hero-swapping-size>span:last-child{opacity:0;color:var(--accent);font-weight:700;position:absolute;inset:0}.hero-swapping-size>span:first-child{animation:hero-size-before var(--hero-loop) ease infinite;animation-delay:var(--scene-delay)}.hero-swapping-size>span:last-child{animation:hero-size-after var(--hero-loop) ease infinite;animation-delay:var(--scene-delay)}.hero-file-shine{opacity:0;animation:hero-shine var(--hero-loop) ease-in-out infinite;animation-delay:var(--scene-delay);pointer-events:none;background:linear-gradient(110deg,#0000 38%,#fff6 49%,#fff1 56%,#0000 64%);position:absolute;inset:-15% -80%;transform:translate(-65%)}.hero-source{top:23%;left:13%;transform:rotate(-10deg)rotateY(8deg)}.hero-target{z-index:3;top:15%;left:48%;transform:rotate(8deg)rotateY(-9deg)}.hero-source .hero-file{animation-delay:-2s}.hero-target .hero-file{animation-delay:-.6s}.hero-convert-source,.hero-png-source{animation:hero-source-retreat var(--hero-loop) cubic-bezier(.22,.7,.2,1) infinite;animation-delay:var(--scene-delay)}.hero-convert-target,.hero-pdf-target{animation:hero-target-arrive var(--hero-loop) cubic-bezier(.22,.7,.2,1) infinite;animation-delay:var(--scene-delay)}.hero-transfer{z-index:5;aspect-ratio:1;background:var(--paper);border:1px solid var(--paper-line);width:9%;color:var(--accent);animation:hero-transfer var(--hero-loop) ease infinite;animation-delay:var(--scene-delay);border-radius:50%;place-items:center;display:grid;position:absolute;top:44%;left:44.5%;box-shadow:0 5px 14px #173d3010}.hero-transfer>svg{width:clamp(13px,4cqw,20px);height:auto}.hero-transfer-light{border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);animation:hero-transfer-ring var(--hero-loop) ease infinite;animation-delay:var(--scene-delay);border-radius:50%;position:absolute;inset:-7px}.hero-complete{z-index:7;aspect-ratio:1;color:#fff;border:4px solid var(--hero);opacity:0;width:11%;animation:hero-complete var(--hero-loop) cubic-bezier(.16,1,.3,1) infinite;animation-delay:var(--scene-delay);background:#009c81;border-radius:50%;place-items:center;display:grid;position:absolute;top:64%;left:76%;transform:translateY(5px)scale(.7);box-shadow:0 5px 14px #00796419}.hero-complete svg{width:52%;height:52%}.hero-complete path{stroke-dasharray:24;stroke-dashoffset:24px;animation:hero-check-draw var(--hero-loop) ease infinite;animation-delay:var(--scene-delay)}.hero-scene-caption{height:12%;color:var(--text);align-items:center;gap:14px;padding:0 0 2%;display:flex;position:absolute;bottom:3%;left:12%;right:7%}.hero-scene-number{letter-spacing:-.2px;color:var(--accent);font-family:Manrope Variable,sans-serif;font-size:clamp(9px,2.4cqw,12px);font-weight:750}.hero-scene-number>span{color:var(--muted);margin-left:2px;font-size:clamp(7px,1.7cqw,9px);font-weight:400}.hero-scene-caption>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.hero-scene-caption strong{letter-spacing:-.3px;font-family:Manrope Variable,sans-serif;font-size:clamp(11px,3cqw,15px);font-weight:750;line-height:1.25}.hero-scene-caption>div>span{color:var(--muted);font-size:clamp(8px,1.95cqw,10px);line-height:1.4}.hero-scene-progress{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-scene-progress>i{background:var(--accent);transform-origin:0;width:100%;height:100%;animation:hero-progress var(--hero-loop) cubic-bezier(.25,.65,.2,1) infinite;animation-delay:var(--scene-delay);display:block;transform:scaleX(0)}.hero-compress-card{z-index:3;width:40%;height:65%;animation:hero-compress var(--hero-loop) cubic-bezier(.25,.7,.2,1) infinite;animation-delay:var(--scene-delay);top:13%;left:33%}.hero-compress-outline{border:1px dashed color-mix(in srgb,var(--accent) 17%,transparent);width:51%;height:71%;animation:hero-outline var(--hero-loop) ease infinite;animation-delay:var(--scene-delay);border-radius:17px;position:absolute;top:10%;left:24%;transform:rotate(-7deg)}.hero-size-badge{z-index:5;background:var(--paper);border:1px solid var(--paper-line);animation:hero-size-after var(--hero-loop) ease infinite;animation-delay:var(--scene-delay);border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:3px 13px;padding:10px 13px;display:grid;position:absolute;top:59%;left:16%;box-shadow:0 10px 25px #143d2f10}.hero-size-badge>span{color:var(--muted);grid-column:1/-1;font-size:clamp(7px,1.6cqw,9px)}.hero-size-badge>strong{color:var(--accent);letter-spacing:-.6px;font-size:clamp(16px,4.8cqw,24px);font-weight:650}.hero-size-badge>svg{color:var(--accent)}.hero-photo-page{background:var(--surface-alt);border:1px solid var(--paper-line);border-radius:4px;flex:1;min-height:0;padding:7%}.hero-page-line{background:var(--paper-muted);opacity:.35;width:43%;height:2px;margin-bottom:12%}.hero-photo-page>svg{border-radius:2px;width:100%;height:62%;display:block}.hero-page-lines{margin-top:10%}.hero-page-lines>i{background:var(--paper-muted);opacity:.2;width:92%;height:2px;margin-top:6%;display:block}.hero-page-lines>i:last-child{width:67%}.hero-document{flex:1;min-height:0;padding:8% 4%;position:relative}.hero-document-label{letter-spacing:.9px;color:var(--paper-text);font-size:clamp(6px,1.4cqw,8px);font-weight:750}.hero-document-rule{background:var(--accent);opacity:.35;width:100%;height:2px;margin:9% 0 13%}.hero-document-lines i{background:var(--paper-muted);opacity:.19;border-radius:2px;width:100%;height:3px;margin-bottom:9%;display:block}.hero-document-lines i:nth-child(2){width:84%}.hero-document-lines i:nth-child(4){width:72%}.hero-document-seal{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:50%;width:16%;position:absolute;bottom:6%;right:3%}.hero-document-section{border-top:1px solid var(--paper-line);gap:10px;margin-top:14%;padding-top:9%;display:flex}.hero-document-section>span{color:var(--accent);font-size:clamp(6px,1.5cqw,8px)}.hero-document-section>div{flex:1}.hero-document-section i{background:var(--paper-muted);opacity:.2;height:2px;margin:0 0 9%;display:block}.hero-merge-left{width:33%;height:54%;animation:hero-merge-left var(--hero-loop) cubic-bezier(.22,.7,.2,1) infinite;animation-delay:var(--scene-delay);top:23%;left:11%}.hero-merge-right{width:33%;height:54%;animation:hero-merge-right var(--hero-loop) cubic-bezier(.22,.7,.2,1) infinite;animation-delay:var(--scene-delay);top:17%;left:55%}.hero-merge-left .hero-file{animation-delay:-1.8s}.hero-merge-right .hero-file{animation-delay:-.3s}.hero-merge-result{z-index:4;width:37%;height:62%;animation:hero-merge-result var(--hero-loop) cubic-bezier(.16,1,.3,1) infinite;animation-delay:var(--scene-delay);top:14%;left:35%}.hero-demo-footer{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:9px;margin:14px 7% 0 12%;display:flex}.hero-demo-footer .art-caption{letter-spacing:0;opacity:.9;align-items:center;gap:6px;font-size:clamp(9px,2.1cqw,10px);line-height:1.5;display:flex;position:static;transform:none}.art-caption>span{background:var(--accent);opacity:.65;border-radius:50%;flex-shrink:0;width:4px;height:4px}.hero-art[data-state=paused] .hero-motion-stage *{animation-play-state:paused!important}:root[data-theme=dark] .hero-art{--paper:#20332f;--paper-text:#deebe5;--paper-muted:#9bb0a6;--paper-line:#334b42}:root[data-theme=dark] .hero-file{box-shadow:0 2px 4px #0001,0 16px 30px #0003,0 35px 50px -26px #0006}:root[data-theme=dark] .hero-file-shine{background:linear-gradient(110deg,#0000 38%,#bdf9e51c 49%,#0000 64%)}:root[data-theme=dark] .hero-file-pdf .hero-file-kind{color:#d7a8ae}:root[data-theme=dark] .hero-file-kind{color:#aecbc2}:root[data-theme=dark] .hero-ambient{background:radial-gradient(at 51% 44%,#27bf9f12,#0000 64%)}:root[data-theme=dark] .hero-complete{color:#122d24;background:#28b99c}@keyframes hero-scene{0%{opacity:0;visibility:visible;transform:translateY(10px)scale(.98)}2%,22%{opacity:1;visibility:visible;transform:translate(0,0)scale(1)}27%,to{opacity:0;visibility:hidden;transform:translateY(-8px)scale(1.015)}}@keyframes hero-float{0%,to{transform:translate(0,0)rotateX(1deg)}50%{transform:translateY(-7px)rotateX(-1.5deg)}}@keyframes hero-source-retreat{0%,4%{opacity:1;transform:translate(0,0)rotate(-10deg)rotateY(8deg)}12%,to{opacity:.72;transform:translate3d(-10px,5px,-25px)rotate(-12deg)rotateY(9deg)}}@keyframes hero-target-arrive{0%,3%{opacity:0;transform:translate3d(-35px,12px,-45px)rotate(-2deg)rotateY(-12deg)}11%,to{opacity:1;transform:translate(0,0)rotate(8deg)rotateY(-9deg)}}@keyframes hero-transfer{0%,3%{opacity:0;transform:translate(-5px)scale(.9)}6%,16%{opacity:1;transform:translate(0,0)scale(1)}20%,to{opacity:0;transform:translate(5px)scale(.9)}}@keyframes hero-transfer-ring{0%,5%{opacity:0;transform:scale(.8)}9%{opacity:.9;transform:scale(1.1)}15%,to{opacity:0;transform:scale(1.35)}}@keyframes hero-light{0%,4%{opacity:0;transform:scale(.85)}12%{opacity:1;transform:scale(1.08)}23%,to{opacity:0;transform:scale(1.2)}}@keyframes hero-shine{0%,5%{opacity:0;transform:translate(-60%)}7%{opacity:.7}15%{opacity:0;transform:translate(60%)}to{opacity:0;transform:translate(60%)}}@keyframes hero-progress{0%,3%{transform:scaleX(0)}17%,to{transform:scaleX(1)}}@keyframes hero-complete{0%,15%{opacity:0;transform:translateY(6px)scale(.72)}18%,to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hero-check-draw{0%,17%{stroke-dashoffset:24px}20%,to{stroke-dashoffset:0}}@keyframes hero-compress{0%,4%{transform:translate(-12px)scale(1.12)rotate(-7deg)}15%,to{transform:translate(3px,8px)scale(.88)rotate(5deg)}}@keyframes hero-outline{0%,8%{opacity:1;transform:scale(1)rotate(-7deg)}19%,to{opacity:0;transform:scale(.84)rotate(4deg)}}@keyframes hero-size-before{0%,10%{opacity:1;transform:translate(0,0)}14%,to{opacity:0;transform:translateY(-5px)}}@keyframes hero-size-after{0%,11%{opacity:0;transform:translateY(5px)}16%,to{opacity:1;transform:translate(0,0)}}@keyframes hero-merge-left{0%,5%{opacity:1;transform:translate(0,0)rotate(-12deg)rotateY(8deg)}13%,to{opacity:.22;transform:translate3d(89px,-8px,-35px)rotate(-3deg)rotateY(3deg)}}@keyframes hero-merge-right{0%,5%{opacity:1;transform:translate(0,0)rotate(12deg)rotateY(-8deg)}13%,to{opacity:.22;transform:translate3d(-65px,8px,-35px)rotate(4deg)rotateY(-3deg)}}@keyframes hero-merge-result{0%,8%{opacity:0;transform:translateY(10px)scale(.92)rotate(-2deg)}16%,to{opacity:1;transform:translate(0,0)scale(1)rotate(4deg)}}@media (width<=800px){.hero-art{max-width:400px}.hero-demo-footer{margin-top:10px}.hero-scene-caption{gap:9px}}@media (width<=600px){.hero-art{max-width:400px;margin:24px 0 14px}.hero-local-badge{padding:6px 9px}.hero-demo-footer{min-height:44px;margin-top:12px;margin-left:9%;margin-right:6%}.hero-complete{border-width:3px}.hero-size-badge{gap:1px 9px;padding:8px 10px}.hero-scene-caption{left:9%;right:6%}}.hero-art[data-state=reduced] .hero-motion-stage *{transition:none!important;animation:none!important}.hero-art[data-state=reduced] .hero-scene{display:none}.hero-art[data-state=reduced] .hero-scene-0{visibility:visible;opacity:1;display:block;transform:none}.hero-art[data-state=reduced] .hero-convert-source{opacity:.78;transform:rotate(-10deg)rotateY(8deg)}.hero-art[data-state=reduced] .hero-convert-target{opacity:1;transform:rotate(8deg)rotateY(-9deg)}.hero-art[data-state=reduced] .hero-complete{opacity:1;transform:none}.hero-art[data-state=reduced] .hero-complete path{stroke-dashoffset:0}.hero-art[data-state=reduced] .hero-scene-progress>i{transform:scaleX(1)}.hero-art[data-state=reduced] .hero-transfer,.hero-art[data-state=reduced] .hero-file-shine{opacity:0}@media (prefers-reduced-motion:reduce){.hero-art .hero-motion-stage *{transition:none!important;animation:none!important}.hero-art .hero-scene{display:none}.hero-art .hero-scene-0{visibility:visible;opacity:1;display:block;transform:none}.hero-art .hero-convert-source{opacity:.78;transform:rotate(-10deg)rotateY(8deg)}.hero-art .hero-convert-target{opacity:1;transform:rotate(8deg)rotateY(-9deg)}.hero-art .hero-complete{opacity:1;transform:none}.hero-art .hero-complete path{stroke-dashoffset:0}.hero-art .hero-scene-progress>i{transform:scaleX(1)}.hero-art .hero-transfer,.hero-art .hero-file-shine{opacity:0}}