:root{--bg:#fff;--surface:#fff;--muted-bg:#f7f8f7;--ink:#0b1410;--text:#4b5a53;--text-soft:#7b8a83;--border:#e7ebe9;--border-strong:#d5ddd9;--accent:#16a34a;--accent-strong:#047857;--accent-soft:#ecfdf3;--accent-ring:#16a34a38;--danger:#dc2626;--danger-soft:#fef2f2;--radius:16px;--shadow-sm:0 1px 2px #0b14100d;--shadow:0 1px 2px #0b14100a, 0 12px 32px -12px #0b14101f;--shadow-lg:0 24px 64px -16px #0b141038;--ease:cubic-bezier(.22, 1, .36, 1);--sans:"Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.55 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0}p{margin:0}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:hidden}.bg{z-index:-1;background:radial-gradient(600px 320px at 50% 0,#22c55e24,#0000 70%),linear-gradient(90deg,#0b14100b 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#0b14100b 1px,#0000 1px) 0 0/44px 44px;height:720px;animation:9s ease-in-out infinite breathe;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}@keyframes breathe{50%{opacity:.7}}.nav{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:#ffffffbf;border-bottom:1px solid #e7ebe9b3;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{transition:transform .5s var(--ease)}.brand:hover svg{transform:rotate(-8deg)scale(1.06)}.brand__arrow{color:var(--accent)}.btn{cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s, color .2s, border-color .2s;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn--ghost:hover{border-color:var(--border-strong);transform:translateY(-1px)}.btn--text{color:var(--text-soft);background:0 0;padding:.35rem .6rem;font-size:.85rem}.btn--text:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.btn--primary{color:#fff;background:linear-gradient(135deg, #22c55e, var(--accent-strong));background-size:160% 160%;width:100%;padding:.95rem 1.5rem;font-size:1rem;box-shadow:0 8px 24px -8px #16a34a8c,inset 0 1px #fff3}.btn--primary:hover:not(:disabled){background-position:100% 100%;transform:translateY(-2px);box-shadow:0 14px 32px -10px #16a34a99,inset 0 1px #fff3}.btn--primary:active:not(:disabled){transform:translateY(0)scale(.99)}.btn__arrow{transition:transform .25s var(--ease)}.btn--primary:hover .btn__arrow{transform:translate(4px)}.icon-btn{width:36px;height:36px;color:var(--text-soft);cursor:pointer;transition:background .2s, color .2s, transform .2s var(--ease);background:0 0;border:none;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--muted-bg);color:var(--ink);transform:rotate(90deg)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:clamp(2.5rem,7vw,4.5rem) 1rem 3rem}.reveal{animation:reveal .8s var(--ease) both;animation-delay:var(--d,0s)}@keyframes reveal{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}}.hero{text-align:center;margin-bottom:2.5rem}.pill{color:var(--accent-strong);background:var(--accent-soft);border:1px solid #16a34a2e;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.035em;max-width:14em;margin:1.1rem auto 1rem;font-size:clamp(1.85rem,6vw,3.25rem);font-weight:800;line-height:1.08}.hl{background:linear-gradient(120deg,#16a34a,#0d9488 60%,#16a34a) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine}@keyframes shine{to{background-position:200%}}.hero__sub{max-width:34em;color:var(--text);margin:0 auto;font-size:1.075rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);padding:.6rem}.dropzone{border-radius:var(--radius);background:var(--muted-bg);border:1.5px dashed var(--border-strong);transition:background-color .3s, border-color .3s, transform .35s var(--ease), box-shadow .35s var(--ease);position:relative}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone--over{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 6px var(--accent-ring);border-style:solid;transform:scale(1.015)}.dropzone__input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.dropzone__input:focus-visible+.dropzone__label{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--radius)}.dropzone__label{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:clamp(2.25rem,6vw,3.5rem) 1.25rem;display:flex}.dropzone__icon{width:64px;height:64px;color:var(--accent);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .35s var(--ease), color .3s, background .3s;border-radius:18px;place-items:center;margin-bottom:.5rem;animation:3.2s ease-in-out infinite float;display:grid}.dropzone:hover .dropzone__icon,.dropzone--over .dropzone__icon{color:#fff;background:var(--accent);border-color:var(--accent)}.dropzone--over .dropzone__icon{animation:none;transform:translateY(-6px)scale(1.08)}@keyframes float{50%{transform:translateY(-6px)}}.dropzone__title{color:var(--ink);font-size:1.1rem;font-weight:700}.dropzone__hint{color:var(--text-soft);font-size:.9rem}.link{color:var(--accent);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.dropzone__label:hover .link{text-decoration-color:currentColor}.files{animation:reveal .5s var(--ease) both;padding:1.25rem .75rem .75rem}.files__head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.files__head h2{font-size:.95rem;font-weight:700}.files__meta{color:var(--text-soft);font-weight:500}.files__list{grid-template-columns:minmax(0,1fr);gap:.5rem;max-height:280px;margin:0 0 1rem;padding:1px;list-style:none;display:grid;overflow-y:auto}.file{border:1px solid var(--border);background:var(--surface);animation:slide-in .45s var(--ease) both;animation-delay:calc(var(--i,0) * 40ms);border-radius:12px;align-items:center;gap:.75rem;padding:.6rem .6rem .6rem .65rem;transition:border-color .2s,background .2s;display:flex}.file:hover{border-color:var(--border-strong);background:var(--muted-bg)}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.file__icon{width:36px;height:36px;color:var(--danger);background:var(--danger-soft);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.file__info{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.file__name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.9rem;font-weight:600;overflow:hidden}.file__size{color:var(--text-soft);font-size:.78rem}.file__remove{width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;transition:background .2s,color .2s;display:grid}.file__remove:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.file__remove:disabled{opacity:.4;cursor:not-allowed}.progress{animation:reveal .4s var(--ease) both;margin-top:1rem}.progress__track{background:var(--muted-bg);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.progress__bar{border-radius:inherit;background:linear-gradient(90deg, #22c55e, var(--accent-strong));min-width:6%;height:100%;transition:width .5s var(--ease);position:relative;overflow:hidden}.progress__bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.3s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.progress__text{color:var(--text-soft);justify-content:space-between;margin-top:.6rem;font-size:.85rem;display:flex}.progress__text strong{color:var(--ink);font-variant-numeric:tabular-nums}.convert-anim{justify-content:center;align-items:center;gap:.9rem;margin:.5rem 0 1.1rem;display:flex}.convert-anim__doc{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;box-shadow:var(--shadow);border-radius:14px;place-items:center;display:grid}.convert-anim__doc--pdf{color:var(--danger);animation:send 1.6s var(--ease) infinite}.convert-anim__doc--xls{color:var(--accent);animation:receive 1.6s var(--ease) infinite}@keyframes send{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-4px)rotate(-6deg)}}@keyframes receive{0%,55%,to{box-shadow:var(--shadow);transform:scale(1)}75%{box-shadow:0 0 0 6px var(--accent-ring);transform:scale(1.08)}}.convert-anim__flow{gap:6px;display:flex}.convert-anim__flow i{background:var(--accent);opacity:.2;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite flow}.convert-anim__flow i:nth-child(2){animation-delay:.15s}.convert-anim__flow i:nth-child(3){animation-delay:.3s}@keyframes flow{20%,45%{opacity:1;transform:translate(3px)scale(1.15)}}.progress__stage{animation:reveal .4s var(--ease) both}.success{background:var(--accent-soft);animation:pop .5s var(--ease) both;border:1px solid #16a34a33;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.9rem;margin:.6rem .75rem .75rem;padding:1rem;display:flex}.success__check{fill:none;width:44px;height:44px;stroke:var(--accent);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.success__check circle{stroke-dasharray:151;stroke-dashoffset:151px;animation:draw .6s var(--ease) .1s forwards}.success__check path{stroke-dasharray:36;stroke-dashoffset:36px;animation:draw .4s var(--ease) .55s forwards}@keyframes draw{to{stroke-dashoffset:0}}.success__text{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.success__text strong{color:var(--accent-strong)}.success__text span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.success__btn{font-size:.88rem}.message{animation:pop .45s var(--ease) both;border-radius:12px;align-items:flex-start;gap:.6rem;margin:.6rem .75rem .75rem;padding:.85rem 1rem;font-size:.9rem;display:flex}.message svg{flex-shrink:0;margin-top:1px}.message--error{background:var(--danger-soft);color:#b91c1c;border:1px solid #dc262633}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.section{margin-top:4.5rem}.section__title{text-align:center;margin-bottom:1.75rem;font-size:clamp(1.35rem,3vw,1.6rem);font-weight:800}.steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s;padding:1.4rem;position:relative}.step:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-4px)}.step__icon{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);transition:transform .4s var(--ease);border-radius:12px;place-items:center;margin-bottom:1rem;display:grid}.step:hover .step__icon{transform:scale(1.1)rotate(-6deg)}.step__num{color:var(--border-strong);font-size:.8rem;font-weight:700;position:absolute;top:1.2rem;right:1.3rem}.step h3{margin-bottom:.3rem;font-size:1.05rem}.step p{font-size:.92rem}.fields{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.field{border:1px solid var(--border);background:var(--surface);color:var(--ink);transition:border-color .25s, background .25s, transform .3s var(--ease);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .9rem;font-size:.92rem;font-weight:600;display:flex}.field:hover{background:var(--accent-soft);border-color:#16a34a59;transform:translateY(-2px)}.field__icon{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:10px;flex-shrink:0;place-items:center;transition:background .25s,color .25s;display:grid}.field:hover .field__icon{background:var(--accent);color:#fff}.footer{border-top:1px solid var(--border);color:var(--text-soft);justify-content:center;align-items:center;gap:.6rem;padding:2rem 1rem;font-size:.85rem;display:flex}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b14104d;justify-content:flex-end;animation:.3s both fade;display:flex;position:fixed;inset:0}.overlay--closing{animation:.3s both fade-out}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.drawer{overscroll-behavior:contain;background:var(--surface);border-left:1px solid var(--border);width:min(440px,100%);height:100%;box-shadow:var(--shadow-lg);animation:drawer-in .45s var(--ease) both;padding:1.25rem 1.5rem 2rem;overflow-y:auto}.overlay--closing .drawer{animation:.3s cubic-bezier(.55,0,1,.45) both drawer-out}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes drawer-out{to{transform:translate(100%)}}.drawer .modal__body>*{animation:reveal .5s var(--ease) both}.drawer .modal__body>:nth-child(2){animation-delay:60ms}.drawer .modal__body>:nth-child(3){animation-delay:.12s}.drawer .modal__body>:nth-child(4){animation-delay:.18s}.drawer .modal__body>:nth-child(5){animation-delay:.24s}.drawer .modal__body>:nth-child(6){animation-delay:.3s}.modal__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.modal__header h2{align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.modal__header h2 svg{color:var(--accent)}.modal__body h3{margin:1.1rem 0 .4rem;font-size:.95rem}.modal__body p,.modal__body ul{margin:0;font-size:.92rem}.modal__body ul{padding-left:1.2rem}.modal__body li+li{margin-top:.3rem}.modal__body li::marker{color:var(--accent)}.only-touch{display:none}@media (hover:none){.only-touch{display:inline}.only-pointer{display:none}}@media (width<=640px){.main{padding-top:2rem}.hero{margin-bottom:1.75rem}.hero__sub{font-size:1rem}.section{margin-top:3rem}.section__title{margin-bottom:1.25rem}.fields{grid-template-columns:1fr}.step{grid-template-columns:auto 1fr;align-items:center;column-gap:1rem;padding:1.1rem;display:grid}.step__icon{grid-row:span 2;margin-bottom:0}.step h3{margin-bottom:0}.drawer{width:100%}}@media (width<=520px){.nav .btn--ghost span{display:none}.nav .btn--ghost{padding:.6rem}.brand__name{font-size:.95rem}.card{border-radius:18px;padding:.4rem}.files{padding:1rem .35rem .4rem}.success,.message{margin:.5rem .35rem .4rem}.success__btn{width:100%}.progress__text{gap:.75rem;font-size:.8rem}.footer{text-align:center;flex-wrap:wrap}}