/* FileFino design system — responsive, no external font or tracking requests. */
:root{--ink:#17213a;--muted:#65748e;--light:#f7f8ff;--blue:#554cf6;--blue-dark:#4137de;--line:#e5e9f4;--radius:20px;--shadow:0 22px 72px rgba(33,37,104,.095);--max:1160px}
html{scroll-padding-top:84px}
body{background:#fff;color:var(--ink)}
:focus-visible{outline-color:#554cf6!important;outline-offset:3px}
.site-header{border-bottom:1px solid #ebecf5;background:rgba(255,255,255,.94);box-shadow:0 2px 14px rgba(20,30,70,.018)}
.nav-row{height:76px}.brand{letter-spacing:-.075em;font-size:24px;gap:10px}.brand-icon{border-radius:13px;background:linear-gradient(145deg,#746bff,#4736dc);box-shadow:0 9px 22px #554cf634}
.brand-blue{color:#6254ef}.nav-links{font-size:13px;gap:27px}.nav-action{background:#181d39;border-radius:13px;box-shadow:0 5px 12px #18213816}
.nav-action:hover{background:#33315e}.nav-action:focus-visible{outline-offset:4px}
.btn{border-radius:13px;min-height:52px;padding-inline:22px}.btn-primary{background:linear-gradient(110deg,#6356ff,#4937ea);box-shadow:0 12px 25px #5145f62e}.btn-primary:hover{background:linear-gradient(110deg,#5144ed,#3828cf);box-shadow:0 17px 33px #5145f63d}
.btn-dark{background:#191f3b}.btn-ghost{border-color:#dfe4f2;background:#ffffffc7}.btn-white{color:#4737dd}
.eyebrow{color:#554de1;letter-spacing:.14em;font-size:10.5px}.dot{background:#6457f6;box-shadow:0 0 0 4px #eeeaff}
.hero{background:radial-gradient(ellipse 760px 560px at 93% 43%,#e3e6ff 0%,transparent 69%),radial-gradient(ellipse 540px 440px at -10% 19%,#e9edff 0%,transparent 75%),linear-gradient(135deg,#fafbff,#f6f8ff 62%,#eff1ff)}
.hero-inner{min-height:625px;padding-block:72px 75px;gap:75px;grid-template-columns:1.02fr 1fr}.hero-copy{position:relative;z-index:1}
.hero h1{font-size:clamp(48px,5.2vw,70px);letter-spacing:-.067em;line-height:1.085;margin:21px 0 24px}.hero h1 em,.feature-content h2 em{color:#5d50ed}
.hero-copy>p{font-size:16px;line-height:1.79;max-width:470px;color:#67758f}.hero-proof{color:#586982;gap:10px}.proof-icon{background:#1baf84}.hero-buttons{margin-top:27px}
.visual-window{border-radius:23px;border:1px solid #e8e9f7;box-shadow:0 32px 90px #26226921,0 9px 25px #282e6020;transform:rotate(1deg)}
.visual-body{padding:25px}.visual-kicker{color:#7e8ba8}.visual-file,.visual-result{border-radius:14px}
.visual-result{background:#effdf7;border-color:#d7f5e4}.convert-pill{color:#5044d9;background:#edecff}.line-dashed{border-color:#afa5ff}
.float-sticker{border:1px solid #f0f0fa;border-radius:11px;color:#544add}
.trusted-strip{background:#fff}.strip-inner{min-height:76px}.strip-tags{color:#63718b}.strip-inner>span{color:#919bb0}
.section{padding-block:90px}.section-heading h2,.feature-content h2,.content-two-col h2{letter-spacing:-.055em}.muted-heading{color:#8994ab}
.category-nav{border-color:#e9ebf4}.filter{border-radius:999px;color:#66738c}.filter.active{background:#eeedff;color:#5143dc;border-color:#e0ddff}
.tools-grid{gap:14px}.tool-card{border:1px solid #e8eaf4;border-radius:19px;padding:23px;min-height:145px;position:relative;box-shadow:0 2px 8px #27326504}
.tool-card:hover{transform:translateY(-4px);border-color:#d3cbff;box-shadow:0 17px 40px #5545ca12}.card-icon{width:47px;height:47px;border-radius:13px;color:#5a4eec;background:#f0edff;font-size:22px}.tool-card strong{font-size:14.5px}.tool-card small{font-size:12.2px;line-height:1.7;color:#73829b}.card-arrow{color:#7f79bc}
.feature-section{background:#f7f7ff;padding-block:108px}.feature-demo{border-radius:24px;box-shadow:0 24px 75px #34336a12}.demo-pill{border-radius:30px}.feature-list li span{background:#e3f8ed}
.step{border-radius:19px;min-height:160px}.step-no{color:#5448e5;background:#eeecff}.privacy-panel{background:linear-gradient(120deg,#f0edff,#e8f1ff);border:1px solid #e7e6ff;border-radius:25px;padding:56px}
.privacy-art{color:#5746f3;border-color:#d7d4ff}.privacy-link{color:#5445ec}.faq-list details{padding-block:22px}
.bottom-cta{background:linear-gradient(110deg,#4936d7,#6354f7);border-radius:23px;box-shadow:0 20px 40px #5d4bef1c}.site-footer{background:#f8f9fd}.footer-safe,.footer-column a{color:#65758c}.footer-column strong{color:#252b47}
.tool-hero{background:radial-gradient(ellipse 630px 350px at 50% 10%,#eae9ff,transparent 74%),linear-gradient(#fafaff,#f1f4ff);padding-bottom:133px}
.tool-hero-inner{margin-top:46px}.tool-hero-inner h1{font-size:clamp(37px,4.6vw,57px);line-height:1.11;letter-spacing:-.06em}.tool-hero-inner>p{color:#65758e}
.tool-trust{color:#596a83}.workspace-container{max-width:900px}.workspace{padding:37px;border-radius:24px;border-color:#e7e8f3;box-shadow:0 29px 82px #27305f18,0 4px 17px #27305f0a}.workspace-top h2{font-size:28px}.workspace-eyebrow{color:#685ce8}.workspace-security{background:#e9f9f0;color:#128056}
.dropzone{border:2px dashed #ccc8ff;background:linear-gradient(145deg,#f9f9ff,#f4f5ff);min-height:260px;border-radius:19px;padding:26px}.dropzone:hover,.dropzone.dragover{background:#efedff;border-color:#6354f7}.dropzone-graphic{color:#5548e6;background:#e9e6ff;border-radius:16px;width:70px;height:70px}
.dropzone strong{font-size:19px}.dropzone>span{color:#61718c}.inline-link{color:#5549e8}.dropzone small{line-height:1.7;color:#79869e}
.file-item{border-radius:12px;background:#fdfdff;padding:13px 14px}.file-item .file-icon{color:#514be6;background:#eeebff;border-radius:9px}
.small-btn{min-width:33px;min-height:33px;border-radius:9px}.small-btn:hover{background:#eeecff}.mini-pill{background:#f0efff;color:#635ad4}
.field label{font-size:13px;color:#35415c}.field input:not([type="color"]):not([type="checkbox"]),.field textarea,.field select{font-size:14px;min-height:49px;border-radius:11px;border-color:#dce1ee}.field textarea{min-height:82px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8478ff;box-shadow:0 0 0 4px #7164ff1b}.color-control{border-radius:10px;min-height:49px}
.text-action{color:#5443e6;font-size:13px}.check-label input{accent-color:#5849ee}.workspace-disclaimer{font-size:11.5px;color:#7d8aa0}
.work-status{font-size:13px;border-radius:12px}.result{border-radius:17px;background:#f3fdf8}.result h3{font-size:23px}.result-preview{max-height:360px}.result-download{border-radius:11px;min-height:48px;padding:13px 22px}
.help-panel{background:#f6f5ff;border:1px solid #ebe8ff;border-radius:22px}.help-line{border-color:#e9e6fb}.panel-symbol{color:#756bf2}.explain-step span{background:#eeedff;color:#5649de}.related-grid{gap:15px}
.legal-main{background:linear-gradient(#f4f4ff 0,#fff 280px)}.legal-body h2{letter-spacing:-.025em}.legal-back{color:#574ce3}
@media(max-width:1040px){.hero-inner{gap:35px}.hero h1{font-size:clamp(43px,5.3vw,61px)}.tool-card{padding:20px}.feature-layout{gap:45px}}
@media(max-width:740px){html{scroll-padding-top:70px}.container{width:calc(100% - 36px)}.nav-row{height:68px}.brand{font-size:22px}.brand-icon{width:36px;height:36px}.mobile-toggle{width:44px;height:44px;justify-content:center;border-radius:12px}
.hero-inner{padding:56px 0 72px}.hero h1{font-size:clamp(39px,10.2vw,55px);line-height:1.10}.hero-copy>p{font-size:15px;line-height:1.72}.hero-visual{margin-top:59px}.visual-window{transform:rotate(.45deg)}.hero-buttons{gap:10px}.btn{min-height:52px;padding:12px 19px}
.section{padding-block:70px}.tool-card{min-height:118px;border-radius:15px;padding:17px}.feature-section{padding-block:75px}.feature-content h2{font-size:39px}.feature-demo{border-radius:19px}.step{min-height:118px;padding:23px}.privacy-panel{padding:30px}.tool-hero{padding:23px 0 99px}.tool-hero-inner{margin-top:34px}.tool-hero-inner h1{font-size:clamp(35px,8.5vw,49px)}.tool-hero-inner>p{font-size:14px}.workspace-container{margin-top:-65px}.workspace{padding:22px;border-radius:21px}.workspace-top h2{font-size:24px}.dropzone{min-height:225px}.dropzone strong{font-size:16px}.dropzone small{font-size:10.5px}.dropzone-graphic{width:58px;height:58px}.form-grid{grid-template-columns:1fr}.content-two-col{padding-block:60px;gap:25px}.related-grid{grid-template-columns:1fr}}
@media(max-width:370px){.container{width:calc(100% - 28px)}.workspace{padding:18px}.hero h1{font-size:38px}.hero-buttons .btn{width:100%}.visual-file span:not(.visual-warning),.visual-result span:not(.visual-success):not(.result-circle){font-size:10px}.visual-warning,.visual-success{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Processing can be cancelled even when the main action is disabled. */
.cancel-process { min-height:42px; padding:0 17px; margin-top:10px; cursor:pointer; }
.cancel-process[hidden] { display:none !important; }
#process-btn[aria-busy="true"] { cursor:progress; opacity:.82; }