:root{--navy:#0B1F3B;--blue:#2563EB;--cyan:#00D4FF;--paper:#F1F5FF;--text:#152644;--muted:#60718b;--edge:#e3eafa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1150px,calc(100% - 38px));margin:auto}.topbar{height:82px;position:sticky;top:0;z-index:20;background:#fffefaee;backdrop-filter:blur(15px);border-bottom:1px solid var(--edge)}.nav{display:flex;align-items:center;height:100%;gap:35px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:900;color:var(--navy);line-height:1}.brand small{display:block;letter-spacing:4px;font-size:10px;margin-top:7px;font-weight:700}.brandmark{height:49px;width:49px;display:grid;place-items:center;border-radius:12px;background:var(--navy)}.brandmark svg{width:40px}.links{display:flex;gap:32px;font-weight:bold;font-size:14px}.links a:hover{color:var(--blue)}.navcta,.primary{background:var(--blue);color:#fff;border:0;border-radius:13px;font-weight:800;padding:12px 23px;display:inline-block}.navcta:hover,.primary:hover{background:#154fc9}.hero{background:radial-gradient(ellipse at 10% 20%,#143d68 0%,transparent 37%),linear-gradient(125deg,#07162e,#0c254b);color:#fff;overflow:hidden}.hero-grid{min-height:490px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:75px;padding-block:65px}.eyebrow{display:inline-block;font-size:13px;font-weight:bold;color:#64e5f7;margin-bottom:15px}.eyebrow.dark{color:#1465e5}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.27;margin:0 0 19px;font-weight:900}.hero h1 span{color:#59dff0}.hero p{color:#c6d4e7;font-size:17px;max-width:510px}.heroactions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.outline{padding:11px 20px;border-radius:13px;border:1px solid #6682a6;font-weight:bold}.chips{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px;color:#b7d9ed;font-size:13px}.preview{border:1px solid #5681b030;background:linear-gradient(140deg,#173663,#0a2041);padding:22px;border-radius:24px;box-shadow:0 28px 75px #0006;transform:rotate(-2deg)}.pretop{display:flex;justify-content:space-between;font-weight:bold;margin-bottom:18px}.green{color:#67eed8;font-size:12px}.fileline{background:#ffffff10;border:1px solid #ffffff18;padding:11px;border-radius:11px;display:flex;align-items:center;gap:12px;margin:9px 0;font-size:13px}.fileline b{background:#0fd3eb26;color:#58def0;border-radius:7px;padding:6px}.fileline em{margin-right:auto;font-style:normal;color:#aaf2de;font-size:11px}.scan-art{width:180px;height:135px;margin:20px auto;position:relative;display:grid;place-items:center}.corner{width:26px;height:26px;position:absolute;border:4px solid var(--cyan)}.tl{right:0;top:0;border-left:0;border-bottom:0}.tr{left:0;top:0;border-right:0;border-bottom:0}.bl{right:0;bottom:0;border-left:0;border-top:0}.br{left:0;bottom:0;border-right:0;border-top:0}.paper{width:94px;height:115px;background:#fff;border-radius:7px;padding:28px 15px}.paper div{background:#b9cce4;height:5px;border-radius:6px;margin:6px 0}.paper div:last-child{width:55%}.preview>small{display:block;text-align:center;color:#9ebcd8}.section{padding-block:64px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.sectionhead h2,.workspace h2,.privacy h2{font-size:clamp(25px,3vw,35px);margin:0 0 4px}.sectionhead p,.workspace p,.privacy p{margin:0;color:var(--muted)}.searchbox input{width:280px;padding:13px 18px;border:1px solid var(--edge);background:#f8faff;border-radius:13px;outline:none}.searchbox input:focus{border-color:var(--blue)}.tabs{display:flex;gap:9px;overflow-x:auto;margin-bottom:22px}.tabs button,.smallbtn{border:1px solid var(--edge);background:#fff;color:#40516c;padding:8px 18px;border-radius:999px;white-space:nowrap}.tabs button.active{background:var(--navy);color:#fff}.toolgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tool{border:1px solid var(--edge);border-radius:17px;background:#fff;text-align:right;padding:19px;min-height:176px;display:flex;flex-direction:column;gap:9px;transition:.2s}.tool:hover{transform:translateY(-3px);border-color:#7eb4ff;box-shadow:0 12px 35px #143e7420}.tool-icon{width:46px;height:46px;display:grid;place-items:center;background:#eaf5ff;color:#176de2;border-radius:13px;font-size:24px}.tool strong{font-size:16px}.tool small{color:var(--muted);line-height:1.6}.tool em{font-style:normal;font-size:11px;color:#15704a;font-weight:bold;margin-top:auto}.tool.wait{background:#fafbfe}.tool.wait em{color:#868fa3}.workspace{border:1px solid var(--edge);border-radius:24px;background:#fbfdff;margin-bottom:50px;padding:30px}.workspace-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.workbody{border:1px dashed #a9bde2;padding:30px;border-radius:17px;background:white}.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-top:20px}.field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px;font-weight:bold;font-size:13px}.field input,.field select{border:1px solid #dbe5f6;border-radius:9px;padding:10px;background:white;max-width:100%}.workbody input[type=file]{width:100%}.output{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:18px}.output img{max-width:min(270px,100%);max-height:240px;border-radius:12px;background:white}.output a{padding:10px 18px;border-radius:9px;color:#fff;background:#1766dc;font-weight:bold}.status{font-size:13px;color:var(--muted)}.safe-note{margin-top:16px!important;font-size:13px}.soft-section{background:#f4f7fe;padding-block:62px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article{background:#fff;border:1px solid var(--edge);padding:24px;border-radius:16px}.steps span{font-size:29px;font-weight:900;color:#2f77ed}.steps h3{margin:8px 0}.steps p{color:var(--muted);font-size:14px}.privacy{display:flex;gap:40px;align-items:center;justify-content:space-between}.privacy p{max-width:720px}.shield{width:145px;height:145px;background:#eaf8ff;border-radius:25px;font-size:75px;color:#126fe2;display:flex;flex-direction:column;align-items:center;justify-content:center}.shield small{font-size:10px;font-weight:900;color:#154d9a}footer{background:var(--navy);color:white;padding:25px 0}.foot{display:flex;justify-content:space-between;gap:15px;font-size:13px}.foot small{opacity:.7;margin-right:10px}@media(max-width:850px){.links{display:none}.hero-grid{grid-template-columns:1fr;gap:25px}.preview{max-width:510px;margin:auto;width:100%;transform:none}.toolgrid{grid-template-columns:repeat(2,1fr)}.sectionhead{align-items:start;flex-direction:column}.searchbox,.searchbox input{width:100%}.steps{grid-template-columns:1fr}.privacy{align-items:start}.foot{flex-direction:column}}@media(max-width:500px){.topbar{height:69px}.brand{font-size:24px}.brandmark{width:43px;height:43px}.navcta{padding:9px 12px;font-size:12px}.hero-grid{padding:40px 0}.hero h1{font-size:40px}.toolgrid{gap:10px}.tool{padding:13px;min-height:173px}.tool strong{font-size:14px}.tool small{font-size:12px}.workspace{padding:16px}.workbody{padding:16px}.privacy .shield{display:none}}
/* v0.4: reorderable local image-to-PDF pages */
.page-list{display:grid;gap:10px;margin:12px 0;max-height:350px;overflow:auto}.page-card{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #dbe4ee;border-radius:12px;background:#f9fbff}.page-card img{width:52px;height:66px;object-fit:contain;background:white;border-radius:5px}.page-card span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.page-card button{border:1px solid #cfd9e8;border-radius:8px;padding:6px 9px;background:white;cursor:pointer}.page-card button:disabled{opacity:.35}
.site-announcement{background:#e7f7ff;border:1px solid #b8e7fd;border-radius:12px;padding:16px 20px;margin:12px 0;color:#173858;font-weight:700}.site-tagline{margin:14px 0;color:#bcf1ff;font-weight:700}

/* Admin-controlled visitor notices */
.maintenance-notice{margin:16px auto;max-width:1100px;padding:13px 18px;background:#fff2d5;border:1px solid #e3b34d;color:#4d350b;border-radius:12px;line-height:1.8;direction:rtl}
.admin-featured{outline:2px solid #00a6d8;outline-offset:1px}
.contact-email{margin:15px auto;text-align:center;direction:rtl}

/* Authorized ad placeholder preview — never shown to ordinary visitors */
.ad-mockup{margin:18px auto;padding:22px 12px;max-width:1130px;min-height:95px;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed #90a4c7;border-radius:14px;background:#eff4fa;color:#3a4c67;font:600 14px system-ui,sans-serif}
.ad-mockup[hidden]{display:none!important}

/* Dedicated tool links */
a.tool{color:inherit;text-decoration:none;display:flex;flex-direction:column;cursor:pointer}
a.tool:hover{text-decoration:none}
a.tool:focus-visible{outline:3px solid #2563eb;outline-offset:3px}

/* Visual page editor */
.pv-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.pv-toolbar #pv-count{margin-inline:auto;font-weight:700}.pv-toolbar button{cursor:pointer}.pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px;margin:20px 0}.pv-page{border:1px solid #d5e3f7;border-radius:14px;background:#fff;padding:10px;display:flex;align-items:center;flex-direction:column;gap:10px;cursor:grab;box-shadow:0 3px 10px #0b1f3b12}.pv-page.pv-dragging{opacity:.5}.pv-image{height:198px;width:100%;display:flex;align-items:center;justify-content:center;background:#f2f6fb;overflow:hidden;border-radius:8px}.pv-image img{max-width:86%;max-height:86%;object-fit:contain;box-shadow:0 1px 6px #0002}.pv-page strong{font-size:13px}.pv-actions{display:flex;gap:4px;width:100%;justify-content:space-between}.pv-actions button{min-width:25px;padding:5px;border:1px solid #dbe5f4;border-radius:6px;background:#f8fbff;cursor:pointer}.pv-actions button:disabled{opacity:.35;cursor:default}.pv-actions button:last-child{color:#c62828}.pv-page:focus-within{outline:2px solid #2563eb}@media(max-width:520px){.pv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pv-page{padding:6px}.pv-actions{gap:2px}.pv-actions button{padding:4px}.pv-image{height:145px}}

/* PDF visual multi-select */
.pv-page.pv-selected{outline:2px solid #2563eb;outline-offset:2px;background:rgba(37,99,235,.07)}
.pv-choose{display:flex;align-items:center;gap:6px;margin:0 0 8px;cursor:pointer;font-size:.82rem}
.pv-choose input{width:17px;height:17px;accent-color:#2563eb}

/* Office PDF page thumbnail selection */
.office-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin:14px 0;max-height:410px;overflow:auto}
.office-page-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px solid #d4deeb;border-radius:12px;background:#fff;padding:9px;color:#162a48;cursor:pointer;font:inherit;font-size:13px}
.office-page-choice canvas{max-width:100%;height:auto;box-shadow:0 2px 12px #1936511e;background:white}
.office-page-choice[aria-pressed="true"]{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #2563eb33}
.office-page-choice:focus-visible{outline:3px solid #00bbed;outline-offset:2px}

.drop-zone{border:2px dashed #abc3de;padding:18px;border-radius:12px}.drag-over{background:#e1f3ff}.office-page-choice img{display:block;max-width:100%;height:auto}.pv-drag-handle{touch-action:none;cursor:grab}.controls button{min-height:40px}
/* Keep the existing brand; improve editor controls and narrow screens. */
.pv-toolbar button:not(.primary),.pv-drag-handle,#pv-cancel,#office-all,#office-none,#office-cancel,#pdf-ext-cancel,#pi-cancel{border:1px solid #c9d9ef;background:#f5f8fe;color:#17365d;border-radius:9px;padding:9px 12px;font:inherit;cursor:pointer}
.pv-toolbar button:disabled,#pv-cancel:disabled,#office-cancel:disabled,#pdf-ext-cancel:disabled,#pi-cancel:disabled{opacity:.45;cursor:default}
.pv-drag-handle{font-size:12px;padding:7px;max-width:100%}
body.tool-page .workspace-head{flex-wrap:wrap;gap:14px}
body.tool-page .workspace-head:before{flex-basis:100%;order:-1}
body.tool-page .workspace-head>div{flex:1;min-width:0}
@media(max-width:600px){.workspace{padding:18px 14px}.workspace-head{display:block!important}.workspace-head h2{font-size:25px;line-height:1.5}.workspace-head>div{width:100%}.workspace-head #close-tool{margin-top:12px}.workbody{padding:16px}.pv-toolbar{gap:7px}.pv-toolbar button{font-size:13px}.pv-grid{gap:8px}.pv-drag-handle{font-size:11px;padding:6px}.drop-zone{padding:12px}.pv-page strong{font-size:11px}}

/* MELFAZ browsing and mobile usability improvements */
.searchbox{position:relative;display:flex;align-items:center;min-width:min(320px,100%)}
.searchbox input{width:100%;padding-inline-start:43px;padding-inline-end:42px;background:#fff;border:1px solid #dce3ed;box-shadow:0 4px 18px #14243e08;min-height:50px}
.searchbox .search-mark{position:absolute;inset-inline-start:15px;font-size:26px;line-height:1;color:#2874ec;pointer-events:none}
#clear-filter{position:absolute;inset-inline-end:9px;width:32px;height:32px;background:#f1f5fc;color:#53647b;border:0;border-radius:9px;font-size:23px;line-height:1}
#clear-filter[hidden]{display:none}
.results-hint{font-size:12px;color:#64748b;margin:-6px 0 14px;min-height:21px}
.tool-empty{grid-column:1/-1;text-align:center;border:1px dashed #c9d6e8;border-radius:24px;background:#fafcff;padding:38px 15px;color:#334155}
.tool-empty>span{display:block;font-size:45px;color:#2874ec;line-height:1.15}.tool-empty strong{display:block;font-size:19px}.tool-empty p{color:#718096;margin:6px 0 16px}
.tool-empty button{background:#2874ec;color:#fff;border:0;border-radius:12px;padding:10px 22px;font-weight:700}
.tabs button{transition:background .17s,border-color .17s;min-height:42px}.tabs button:hover{border-color:#89b4f7}.tabs button:focus-visible,.tool-empty button:focus-visible,#clear-filter:focus-visible{outline:3px solid #7db4ff;outline-offset:2px}
.tool:focus-visible{outline:3px solid #2874ec;outline-offset:3px}
@media(max-width:620px){.section{padding-block:40px}.tabs{margin-inline:-6px;padding:5px 6px 11px;scrollbar-width:thin}.tabs button{padding:7px 15px}.sectionhead{gap:16px}.searchbox{width:100%}.tool strong{overflow-wrap:anywhere}.tool small{max-width:100%;font-size:11px}.results-hint{margin:0 0 12px}.toolgrid{align-items:stretch}}
@media(prefers-reduced-motion:reduce){.tool,.tabs button{transition:none!important;transform:none!important}}

/* Consistent icon design system — square SVG viewBox, no distorted scaling */
.tool-pictogram{width:72px;height:72px;min-width:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;line-height:1;direction:ltr}
.tool-pictogram svg{display:block;width:44px!important;height:44px!important;max-width:65%;max-height:65%;flex-shrink:0;overflow:visible}
.tool-pictogram.office-excel{background:#e7f8ed;color:#16a34a}
@media(max-width:500px){.tool-pictogram{width:60px;height:60px;min-width:60px}.tool-pictogram svg{width:37px!important;height:37px!important}}

/* MELFAZ page workspace — refined visual controls */
.pdf-visual{--pv-card-min:190px;max-width:100%}
.pdf-visual .pv-upload-zone{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border:2px dashed #9fc2ed;border-radius:18px;padding:18px 20px;margin:14px 0;background:linear-gradient(135deg,#f3f8ff,#ffffff)}
.pdf-visual .pv-upload-zone>.pv-upload-icon{font-size:32px;display:grid;place-items:center;color:#2563eb;background:#e5efff;width:58px;height:58px;border-radius:14px}
.pdf-visual .pv-upload-zone>div{display:grid;gap:3px;flex:1;min-width:160px}
.pdf-visual .pv-upload-zone small{color:#60718a;font-size:12px}
.pdf-visual .pv-upload-zone .field{margin:0}
.pdf-visual .pv-toolbar{position:sticky;top:6px;z-index:15;padding:12px;border:1px solid #d9e6f5;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px #0b1f3b14;backdrop-filter:blur(12px)}
.pdf-visual .pv-toolbar button{min-height:38px}
.pdf-visual .pv-viewbar{display:flex;gap:12px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:18px 0 8px;padding:12px 14px;border-radius:12px;background:#eff6ff}
.pdf-visual .pv-viewbar-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pdf-visual .pv-viewbar-title span{color:#44668d;font-size:13px}
.pdf-visual .pv-viewbar label{display:flex;align-items:center;gap:10px;font-size:13px;color:#26415f}
.pdf-visual .pv-viewbar input{accent-color:#2563eb;max-width:140px}
.pdf-visual #pv-zoom-reset{border:1px solid #c5d9ef;border-radius:9px;background:white;color:#24446b;padding:8px 10px;cursor:pointer}
.pdf-visual .pv-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--pv-card-min)),1fr));gap:14px;align-items:start}
.pdf-visual .pv-page{border-radius:16px;border-color:#d9e5f6;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 4px 16px #0b1f3b0d;cursor:default;min-width:0}
.pdf-visual .pv-page:hover{border-color:#79abed;box-shadow:0 8px 20px #0b1f3b16}
.pdf-visual .pv-page.pv-selected{outline:2px solid #2563eb;background:#eff6ff}
.pdf-visual .pv-image{height:clamp(155px,19vw,260px);background:repeating-linear-gradient(45deg,#f3f6fb,#f3f6fb 12px,#edf2fa 12px,#edf2fa 24px)}
.pdf-visual .pv-image img{max-width:94%;max-height:94%;border-radius:3px;box-shadow:0 4px 14px #0b1f3b23}
.pdf-visual .pv-drag-handle{width:100%;border-style:dashed!important;cursor:grab;touch-action:none}
.pdf-visual .pv-drag-handle:active{cursor:grabbing}
.pdf-visual .pv-actions{justify-content:center;flex-wrap:wrap;gap:5px}
.pdf-visual .pv-actions button{min-width:31px;min-height:33px;font-size:16px}
.pdf-visual .pv-choose{align-self:flex-start;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1d4b80}
.pdf-visual .pv-choose input{accent-color:#2563eb;width:17px;height:17px}
@media(max-width:600px){.pdf-visual .pv-toolbar{top:0;padding:8px;gap:6px}.pdf-visual .pv-toolbar button{min-height:36px}.pdf-visual .pv-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--pv-card-min)),1fr))}.pdf-visual .pv-upload-zone{padding:12px}.pdf-visual .pv-image{height:180px}}
@media(prefers-reduced-motion:reduce){.pdf-visual .pv-page{transition:none}}
/* MELFAZ visual-only Office page picker */
.office-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding:13px 16px;background:#f1f6ff;border:1px solid #dae6f7;border-radius:14px}
.office-picker-toolbar .controls{display:flex;gap:8px;flex-wrap:wrap}
.office-picker-toolbar button{border:1px solid #c4d7f0;background:#fff;color:#163c72;border-radius:10px;padding:9px 13px;font:inherit;cursor:pointer}
.office-picker-toolbar button:hover{background:#e8f1ff}
.office-page-grid{max-height:min(65vh,650px);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;padding:6px}
.office-page-choice{min-height:170px;transition:border-color .15s,box-shadow .15s,transform .15s}
.office-page-choice:hover{transform:translateY(-2px)}
@media(max-width:600px){.office-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:60vh}.office-picker-toolbar{align-items:stretch}.office-picker-toolbar .controls{width:100%}.office-picker-toolbar button{flex:1}}

.office-visual-guide{background:#eef5ff;border:1px solid #cadffb;border-radius:12px;padding:12px 14px;margin:12px 0;color:#173d72;font-weight:600}
/* MELFAZ: failed PDF thumbnail recovery */
.pv-image{position:relative;min-height:100px}
.pv-retry:not([hidden]){position:absolute;z-index:2;inset:auto 8px 8px;max-width:calc(100% - 16px);white-space:normal;background:#eff6ff;color:#173a70;border:1px solid #93c5fd;border-radius:10px;cursor:pointer}
.pv-retry[hidden]{display:none!important}

.blog-home-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.blog-home-links a{display:block;background:white;padding:20px;border:1px solid #e1eaf5;border-radius:14px;text-decoration:none;color:#123763;font-weight:700;line-height:1.7}.blog-home-links a:hover{border-color:#2563eb;color:#2563eb}@media(max-width:850px){.blog-home-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.blog-home-links{grid-template-columns:1fr}}


/* MELFAZ conversion-style icon system */
.tool{padding:20px 18px 18px;gap:11px;align-items:flex-start}
.tool strong{line-height:1.5}
.tool-pictogram{width:88px;height:72px;min-width:88px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;line-height:1;direction:ltr;border-radius:20px;border:1px solid #dfe8f6;background:linear-gradient(180deg,#ffffff,#f5f9ff);box-shadow:0 8px 22px rgba(11,31,59,.07)}
.tool-pictogram svg{display:block;width:70px!important;height:52px!important;max-width:none;max-height:none;flex-shrink:0;overflow:visible}
.tool-pictogram.convert svg{width:78px!important;height:56px!important}
.tool-pictogram.office-word{background:linear-gradient(180deg,#ffffff,#eef4ff)}
.tool-pictogram.office-ppt{background:linear-gradient(180deg,#ffffff,#fff1e8)}
.tool-pictogram.office-excel{background:linear-gradient(180deg,#ffffff,#ecfbf1)}
.tool-pictogram.image{background:linear-gradient(180deg,#ffffff,#fdf1fd)}
.tool-pictogram.pdf{background:linear-gradient(180deg,#ffffff,#fff1f1)}
.tool-pictogram.qr{background:linear-gradient(180deg,#ffffff,#f3f0ff)}
.tool-pictogram.red{background:linear-gradient(180deg,#ffffff,#fff3f3);color:#ef4444}
.tool-pictogram.orange{background:linear-gradient(180deg,#ffffff,#fff6ec);color:#f97316}
.tool-pictogram.blue{background:linear-gradient(180deg,#ffffff,#eff6ff);color:#2563eb}
@media(max-width:500px){.tool-pictogram{width:74px;height:62px;min-width:74px}.tool-pictogram svg{width:60px!important;height:44px!important}.tool-pictogram.convert svg{width:66px!important;height:48px!important}}

/* Original generated icon artwork, cropped from the approved design reference. */
.tool-pictogram.original-art{width:126px;min-width:126px;height:78px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;display:flex;align-items:center;justify-content:center;}
.tool-pictogram.original-art img{display:block;object-fit:contain;object-position:center;max-width:118px;max-height:70px;width:auto;height:auto;}
@media(max-width:500px){.tool-pictogram.original-art{width:105px;min-width:105px;height:68px}.tool-pictogram.original-art img{max-width:96px;max-height:60px;width:auto;height:auto;}}

/* MELFAZ V6 — desktop-width tool catalogue; mobile remains two columns. */
:root{--melfaz-wide:1540px}
.topbar .wrap,.hero .wrap,#tools.wrap,#workspace.wrap,footer .wrap{width:min(var(--melfaz-wide),calc(100% - 64px))}
#tools{padding-top:42px;padding-bottom:52px}
#tools .sectionhead{margin-bottom:22px}
#tools .sectionhead h2{max-width:950px}
#tools .toolgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}
#tools .tool{min-width:0;min-height:166px;padding:18px 15px;gap:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#tools .tool strong{font-size:15px;line-height:1.5}
#tools .tool small{font-size:12px;line-height:1.5}
.hero-grid{min-height:365px;gap:48px;padding-block:42px}
.hero h1{font-size:clamp(36px,3.8vw,58px)}
.hero .preview{max-width:560px;width:100%;justify-self:center}
@media(max-width:1450px){#tools .toolgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){#tools .toolgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.topbar .wrap,.hero .wrap,#tools.wrap,#workspace.wrap,footer .wrap{width:calc(100% - 36px)}#tools .toolgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{min-height:0;gap:24px;padding-block:40px}}
@media(max-width:580px){.topbar .wrap,.hero .wrap,#tools.wrap,#workspace.wrap,footer .wrap{width:calc(100% - 24px)}#tools .toolgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#tools .tool{padding:13px 11px;min-height:167px}#tools .sectionhead{gap:13px}#tools{padding-top:30px}}

/* MELFAZ V7: tool-first wide RTL landing page, matching the approved layout requirements. */
@media (min-width: 901px) {
  .topbar .wrap.nav {width:calc(100% - 64px);max-width:none;margin-inline:auto;
    display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);
    direction:rtl;align-items:center;gap:28px;}
  .topbar .brand{grid-column:1;justify-self:start;direction:rtl;white-space:nowrap;}
  .topbar .links{grid-column:2;justify-self:center;gap:clamp(18px,2.4vw,42px);}
  .topbar .navcta{grid-column:3;justify-self:end;}
}
/* The original hero takes over the first screen; tools are now the homepage focus. */
main#home>.hero {display:none;}
main#home>#ad-after-hero,main#home>#ad-before-tools {display:none!important;}
#tools.wrap {width:calc(100% - 64px)!important;max-width:none!important;margin-inline:32px;}
#tools {padding-block:26px 50px!important;direction:rtl;}
#tools .sectionhead{direction:rtl;gap:20px;align-items:center;margin-bottom:14px;}
#tools .sectionhead>div:first-child {flex:1 1 auto;min-width:0;}
#tools .sectionhead .eyebrow {margin-bottom:2px;}
#tools .sectionhead h2{font-size:clamp(24px,2.3vw,34px);line-height:1.35;max-width:none;margin-bottom:2px;}
#tools .sectionhead p{font-size:14px;}
#tools .searchbox{flex:0 0 300px;}
#tools .searchbox input{width:100%;}
#tools .tabs{direction:rtl;justify-content:flex-start;gap:8px;margin-bottom:10px;padding-bottom:4px;}
#tools .results-hint{margin:0 0 12px;text-align:right;}
#tools .toolgrid{display:grid;direction:rtl;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:13px;align-items:stretch;}
#tools .tool{direction:rtl;text-align:right;min-width:0;min-height:172px;padding:17px 15px;align-items:flex-start;}
#tools .tool strong,#tools .tool small{width:100%;text-align:right;}
@media (max-width:1300px) and (min-width:901px){
  #tools .toolgrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
@media (max-width:900px){
  #tools.wrap{width:calc(100% - 36px)!important;margin-inline:18px;}
  #tools .toolgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #tools .sectionhead{flex-direction:column;align-items:stretch;}
  #tools .searchbox{flex:auto;width:100%;}
}
@media (max-width:600px){
  #tools.wrap{width:calc(100% - 24px)!important;margin-inline:12px;}
  #tools{padding-top:18px!important;}
  #tools .toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;}
  #tools .tool{min-height:166px;padding:13px 11px;}
  #tools .sectionhead h2{font-size:24px;}
  #tools .tabs{overflow-x:auto;}
}


/* MELFAZ V8 — tighter header, no giant hero, full-width 6-column tools catalog */
:root{--melfaz-superwide:1680px;}
main#home>.hero,main#home>#ad-after-hero,main#home>#ad-before-tools{display:none!important;}
.topbar{height:76px;}
.topbar .wrap.nav{width:min(var(--melfaz-superwide),calc(100% - 32px))!important;max-width:none!important;margin-inline:auto!important;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;}
.topbar .brand{justify-self:start;margin-inline-start:0;white-space:nowrap;}
.topbar .links{justify-self:center;gap:clamp(16px,2vw,34px);font-size:15px;}
.topbar .navcta{justify-self:end;padding:11px 22px;}
#tools.wrap{width:min(var(--melfaz-superwide),calc(100% - 32px))!important;max-width:none!important;margin-inline:auto!important;}
#tools{padding-block:18px 46px!important;}
#tools .sectionhead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;}
#tools .sectionhead h2{font-size:clamp(26px,2.3vw,40px);line-height:1.25;margin:0 0 4px;}
#tools .sectionhead p{font-size:14px;}
#tools .searchbox{flex:0 0 290px;width:290px;}
#tools .tabs{margin-bottom:12px;}
#tools .results-hint{margin:0 0 10px;font-size:13px;}
#tools .toolgrid{display:grid;direction:rtl;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px;align-items:stretch;}
#tools .tool{min-height:156px;padding:15px 13px;gap:8px;border-radius:15px;}
#tools .tool-icon{width:40px;height:40px;border-radius:11px;font-size:21px;}
#tools .tool strong{font-size:15px;line-height:1.45;}
#tools .tool small{font-size:12px;line-height:1.5;}
#workspace.wrap,.section.wrap,footer .wrap{width:min(var(--melfaz-superwide),calc(100% - 32px))!important;max-width:none!important;margin-inline:auto!important;}
@media (max-width:1500px){#tools .toolgrid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}}
@media (max-width:1320px){#tools .toolgrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
@media (max-width:1050px){#tools .toolgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.topbar .links{gap:18px;font-size:14px;}}
@media (max-width:860px){.topbar .wrap.nav,#tools.wrap,#workspace.wrap,.section.wrap,footer .wrap{width:calc(100% - 26px)!important;}.topbar{height:70px;}.topbar .wrap.nav{grid-template-columns:auto 1fr auto;gap:10px;}.topbar .links{display:none;}#tools .sectionhead{flex-direction:column;align-items:stretch;}#tools .searchbox{width:100%;flex:auto;}#tools .toolgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px;}}
@media (max-width:580px){.topbar .wrap.nav,#tools.wrap,#workspace.wrap,.section.wrap,footer .wrap{width:calc(100% - 18px)!important;}#tools{padding-top:14px!important;}#tools .toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;}#tools .tool{min-height:154px;padding:12px 10px;}#tools .tool strong{font-size:14px;}#tools .tool small{font-size:11px;}}

/* MELFAZ V9 — dense professional RTL layout, actual visual-tested desktop widths */
.topbar{height:66px!important;}
.topbar .wrap.nav{width:calc(100% - 40px)!important;max-width:1850px!important;margin-inline:auto!important;direction:rtl!important;display:grid!important;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)!important;gap:15px!important;align-items:center!important;}
.topbar .brand{grid-column:1!important;justify-self:start!important;font-size:26px!important;gap:8px!important;}
.topbar .brandmark{width:42px!important;height:42px!important;border-radius:10px!important;}
.topbar .brandmark svg{width:34px!important;}
.topbar .links{grid-column:2!important;justify-self:center!important;gap:clamp(14px,2vw,36px)!important;}
.topbar .navcta{grid-column:3!important;justify-self:end!important;font-size:13px!important;padding:9px 17px!important;border-radius:10px!important;}
#tools.wrap{width:calc(100% - 40px)!important;max-width:1850px!important;margin-inline:auto!important;}
#tools{padding-block:16px 38px!important;}
#tools .sectionhead h2{font-size:clamp(23px,2vw,31px)!important;}
#tools .sectionhead .eyebrow{font-size:12px!important;}
#tools .sectionhead{margin-bottom:12px!important;}
#tools .tabs{margin-bottom:7px!important;}
#tools .toolgrid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;}
#tools .tool{border-radius:15px!important;min-height:155px!important;padding:15px 14px!important;gap:7px!important;}
#tools .tool-pictogram{width:68px!important;min-width:68px!important;height:55px!important;border-radius:13px!important;}
#tools .tool-pictogram svg{width:56px!important;height:44px!important;}
#tools .tool-pictogram.original-art{width:98px!important;min-width:98px!important;height:60px!important;border:none!important;background:transparent!important;box-shadow:none!important;}
#tools .tool-pictogram.original-art img{max-width:94px!important;max-height:56px!important;}
#tools .tool strong{font-size:15px!important;}
#tools .tool small{font-size:12px!important;line-height:1.5!important;}
@media(max-width:1150px){#tools .toolgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:850px){.topbar .links{display:none!important;}#tools.wrap{width:calc(100% - 24px)!important;}#tools .toolgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}#tools .sectionhead{flex-direction:column!important;align-items:stretch!important;}#tools .searchbox{width:100%!important;flex:auto!important;}}
@media(max-width:600px){.topbar{height:62px!important;}.topbar .wrap.nav{width:calc(100% - 20px)!important;grid-template-columns:auto 1fr auto!important;}.topbar .brand{font-size:22px!important;}.topbar .brandmark{width:38px!important;height:38px!important;}#tools .toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}#tools .tool{min-height:150px!important;padding:11px 10px!important;}#tools .tool strong{font-size:13px!important;}#tools .tool small{font-size:11px!important;}#tools .tool-pictogram.original-art{width:76px!important;min-width:76px!important;height:52px!important;}#tools .tool-pictogram.original-art img{max-width:74px!important;max-height:50px!important;}}

/* V11: compact hero retained instead of removed; tools immediately underneath. */
main#home>.hero{display:block!important;overflow:visible!important;}
main#home>.hero .hero-grid{min-height:0!important;padding-block:25px!important;gap:clamp(18px,3vw,46px)!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;}
main#home>.hero h1{font-size:clamp(27px,3.1vw,43px)!important;line-height:1.22!important;margin-bottom:9px!important;}
main#home>.hero p{font-size:13px!important;line-height:1.6!important;margin:6px 0!important;}
main#home>.hero .eyebrow{margin-bottom:6px!important;font-size:12px!important;}
main#home>.hero .heroactions{margin-top:11px!important;gap:9px!important;}
main#home>.hero .heroactions a{padding:7px 12px!important;border-radius:9px!important;font-size:12px!important;}
main#home>.hero .chips{margin-top:9px!important;gap:12px!important;font-size:11px!important;}
main#home>.hero .preview{transform:none!important;max-width:385px!important;padding:12px 15px!important;border-radius:16px!important;justify-self:center!important;box-shadow:0 8px 25px #0003!important;}
main#home>.hero .pretop{margin-bottom:6px!important;font-size:12px!important;}
main#home>.hero .fileline{margin:5px 0!important;padding:5px 8px!important;font-size:11px!important;}
main#home>.hero .fileline b{padding:3px 5px!important;}
main#home>.hero .scan-art{height:65px!important;width:110px!important;margin:7px auto!important;transform:scale(.70)!important;transform-origin:center!important;}
main#home>.hero .preview>small{font-size:10px!important;}
#tools{padding-top:15px!important;}
/* All new Office/PDF artwork has a non-cropped vector viewBox with transparent margin. */
#tools .tool-pictogram.original-art{width:100px!important;min-width:0!important;height:67px!important;padding:3px!important;display:flex!important;overflow:visible!important;align-items:center!important;justify-content:center!important;border:none!important;background:none!important;box-shadow:none!important;}
#tools .tool-pictogram.original-art img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;}
#tools .tool{overflow:visible;}
@media(max-width:860px){
 main#home>.hero .hero-grid{grid-template-columns:1fr!important;padding:18px 0!important;gap:14px!important;}
 main#home>.hero .preview{max-width:390px!important;justify-self:stretch!important;margin:0 auto!important;width:100%!important;}
 main#home>.hero h1{font-size:clamp(29px,6vw,38px)!important;}
}
@media(max-width:580px){
 main#home>.hero .hero-grid{padding:13px 0!important;}
 main#home>.hero .preview{max-width:100%!important;}
 main#home>.hero .scan-art{display:none!important;}
 main#home>.hero .chips{flex-wrap:wrap!important;}
 #tools .tool-pictogram.original-art{width:76px!important;height:58px!important;}
}