:root{--ink:#152c36;--violet:#087d70;--soft:#f3f7f7;--muted:#546871;--line:#dbe5e5}body{background:#fff}.header{height:86px;border-bottom:1px solid var(--line)}.logo{letter-spacing:-1px}.mark{background:#087d70;color:#fff}.hero{padding:62px 0 72px;background:linear-gradient(180deg,#fff 0%,#f3f8f7 100%)}.heroGrid{gap:64px}.hero h1{font-size:clamp(44px,5.5vw,68px);line-height:1.07;letter-spacing:-2.8px}.hero h1 em{font-style:normal;color:#087d70}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:2px}.heroCopy{font-size:18px;line-height:1.8}.uploadCard{border:1px solid #dce8e5;border-radius:28px;padding:20px;box-shadow:0 20px 70px #163b3620;background:white}.drop{border:1.5px dashed #a8c9c0;min-height:330px;background:#f7fbfa;border-radius:18px}.uploadBtn,.primary{background:#087d70;box-shadow:0 8px 20px #087d7026;border-radius:999px;padding:15px 28px}.uploadBtn:hover,.primary:hover{background:#056457}.trust{gap:13px;font-size:13px}.trust span{background:#fff;border:1px solid #dce7e4;border-radius:99px;padding:7px 11px}.note{font-size:14px;line-height:1.7}.steps{gap:32px}.step{border:0;background:transparent;padding:10px 20px}.step b{background:#e4f2ed;color:#087d70;border-radius:10px}.section{padding:64px 0}.sectionHead h2{letter-spacing:-1px}.pricing{background:#132f35;color:#fff}.pricing .sectionHead p{color:#bed1d1}.plans{align-items:stretch}.plan{color:var(--ink);border:0;padding:25px 20px}.plan.featured{border:2px solid #6fe5b3;box-shadow:0 0 0 4px #6fe5b31c}.badge{position:static;display:inline-block;margin-bottom:12px;background:#dcf5e9;color:#126548}.plan h3{font-size:19px}.plan a{border-radius:999px}.plan.featured a{background:#087d70}.price{font-size:32px}.faq details{background:#f7fafa;border:1px solid #e2eaea;border-radius:14px;padding:20px 24px;margin-bottom:10px}.faq summary{font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid #dbac35;outline-offset:4px}.accountMenu{position:absolute;right:0;top:52px;width:250px;background:white;border:1px solid var(--line);box-shadow:0 15px 45px #142c3620;padding:18px;border-radius:16px;z-index:25}.accountMenu p{margin:0 0 12px;font-size:14px}.accountMenu a,.accountMenu button{display:block!important;width:100%;text-align:left;margin:8px 0;padding:9px;border:0;border-radius:8px;background:var(--soft);font-size:14px}.nav{position:relative}.credits{background:#e2f5ec;color:#176049}.modalBox{max-height:90vh;overflow:auto}.toast{max-width:calc(100% - 30px);text-align:center}.uploadSymbol{font-size:32px!important;color:#087d70;background:#e4f3ed;width:64px;height:64px;border-radius:20px;margin:0 auto 18px;display:grid;place-items:center}@media(max-width:900px){.heroGrid{gap:30px}.hero{padding-top:36px}.heroText{max-width:650px;margin:auto}.heroCopy{margin-bottom:16px}.hero h1{font-size:52px}.uploadCard{max-width:550px}.section{padding:48px 0}}@media(max-width:620px){.header{height:auto;min-height:72px;gap:10px}.nav{gap:8px}.nav>a[href="#pricing"]{display:block;font-size:14px}.hero h1{font-size:42px;letter-spacing:-1.8px}.heroCopy{font-size:16px}.trust{gap:6px}.trust span{font-size:12px;padding:5px 8px}.uploadCard{padding:12px}.drop{min-height:280px}.steps{gap:12px}.credits{display:none}.account{font-size:14px}.hero{padding-bottom:40px}}
/* Processing feedback: elapsed time is real; the animation is not a percentage. */
.processing-progress{margin:16px 0;padding:16px 18px;border:1px solid #c6e3de;border-radius:16px;background:#f0faf8;color:#153d38;text-align:left}
.processing-progress[hidden]{display:none}
.processing-progress__top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px}
.processing-progress__top span{font-variant-numeric:tabular-nums;color:#47706b;white-space:nowrap}
.processing-progress__track{height:8px;overflow:hidden;background:#d2ebe6;border-radius:99px;margin:12px 0}
.processing-progress__track span{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#079786,#4fd9c5);animation:mattezy-processing 1.5s ease-in-out infinite alternate}
.processing-progress small{color:#47706b;line-height:1.5}
@keyframes mattezy-processing{from{transform:translateX(-105%)}to{transform:translateX(300%)}}
@media(max-width:520px){.processing-progress__top{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.processing-progress__track span{animation:none;width:100%}}