*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9f6;color:#17221f;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}.topbar{height:82px;max-width:1200px;margin:auto;padding:0 32px;display:flex;align-items:center;border-bottom:1px solid #e9ece7}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#17221f;font-weight:700;font-size:17px;letter-spacing:-.5px}.brand-icon{width:33px;height:33px;border-radius:11px;background:#155e4b;color:#fff;display:grid;place-content:center;font-family:Manrope;font-weight:800;font-size:21px}.brand-icon span{color:#a0e2c1}.topbar nav{display:flex;gap:38px;margin:auto;font-size:13px}.topbar nav a,.lang,footer a{color:#58645f;text-decoration:none}.lang{font-weight:700;font-size:12px}.lang span{color:#137455;margin-left:5px}.hero{max-width:1200px;margin:auto;padding:88px 32px 74px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:50px;min-height:535px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;color:#668077}.live-dot{display:inline-block;width:7px;height:7px;background:#31b67c;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #e0f4e9}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(44px,5.3vw,67px)/1.08 Manrope,sans-serif;letter-spacing:-3.7px;margin:26px 0 20px}h1 span,h2 span{color:#16815f}.hero-copy>p{max-width:455px;font-size:15px;line-height:1.8;color:#68746f;margin-bottom:28px}.primary-button{display:inline-flex;gap:30px;align-items:center;padding:14px 19px;background:#155e4b;border-radius:8px;color:white;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 6px 14px #155e4b25}.primary-button span{font-size:17px}.trust{display:flex;align-items:center;gap:12px;margin-top:32px;color:#7b8580;font-size:11px}.avatars{display:flex}.avatars i{width:23px;height:23px;border-radius:50%;border:2px solid #f8f9f6;background:#d9ede2;color:#267457;font-style:normal;font-size:11px;display:grid;place-items:center;margin-left:-5px}.avatars i:first-child{margin-left:0}.avatars i:nth-child(2){background:#e4e4f8;color:#6864a0}.avatars i:nth-child(3){background:#f7e6d6;color:#ac7246}.hero-art{height:375px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #e4eae3;border-radius:50%;width:360px;height:290px;transform:rotate(-24deg)}.orbit-two{width:430px;height:220px;transform:rotate(34deg)}.central-file{position:relative;width:210px;height:210px;background:#e5f2e9;border-radius:50%;display:grid;place-items:center}.paper{width:93px;height:121px;background:white;border-radius:9px;box-shadow:0 17px 35px #395a481c;position:relative;overflow:hidden}.paper-fold{position:absolute;right:0;top:0;border-style:solid;border-width:0 0 22px 22px;border-color:transparent transparent #edf2ee transparent}.paper-lines{position:absolute;top:47px;left:19px;width:54px;height:32px;background:repeating-linear-gradient(to bottom,#e5ece7 0 3px,transparent 3px 10px)}.paper-stamp{position:absolute;bottom:14px;left:19px;font-size:10px;font-weight:700;color:#e66d62;letter-spacing:1px}.sparkle{position:absolute;top:22px;left:32px;color:#48a67b;font-size:25px}.convert-arrow{position:absolute;top:98px;right:9px;width:35px;height:35px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#39815f;font-size:18px;box-shadow:0 5px 14px #23452a19}.mini-image{position:absolute;width:49px;height:49px;right:31px;bottom:22px;border:5px solid white;border-radius:12px;background:linear-gradient(140deg,#f4b87e 0 45%,#a7d3b9 46%);box-shadow:0 7px 15px #23452a19;display:grid;place-items:center;color:white}.float-card{z-index:1;position:absolute;background:#fff;border:1px solid #edf0ec;border-radius:11px;box-shadow:0 10px 30px #1838270e;padding:10px 13px;display:grid;grid-template-columns:33px 1fr;column-gap:9px;min-width:157px}.float-card b{font-size:10px;align-self:end}.float-card small{grid-column:2;color:#99a09b;font-size:9px}.file-icon{grid-row:span 2;width:31px;height:35px;border-radius:6px;display:grid;place-items:center;font-size:8px;font-weight:800}.pdf{background:#fbe9e8;color:#dd625a}.image{background:#e8f2eb;color:#4d946c;font-size:17px}.card-pdf{top:47px;left:0;transform:rotate(-5deg)}.card-img{right:-2px;bottom:43px;transform:rotate(4deg)}.safe-badge{position:absolute;bottom:7px;border:1px solid #e8eee8;background:#fff;padding:9px 13px;border-radius:20px;font-size:10px;color:#5f7567}.safe-badge span{color:#29845d;margin-right:5px}.stats{border-top:1px solid #e8ece7;border-bottom:1px solid #e8ece7;max-width:1200px;margin:auto;padding:25px 50px;display:grid;grid-template-columns:repeat(4,1fr)}.stats div{display:flex;flex-direction:column;gap:4px;padding-left:35px;border-left:1px solid #e8ece7}.stats div:first-child{border:0;padding-left:0}.stats b{font:700 21px Manrope;letter-spacing:-.6px}.stats .plus{color:#16815f}.stats span{font-size:11px;color:#87918c}.tools-section{max-width:1200px;margin:auto;padding:95px 32px 92px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2,.privacy h2{font:750 34px/1.25 Manrope;letter-spacing:-1.5px;margin:12px 0 0}.view-all{font-size:12px;color:#426454;text-decoration:none;padding-bottom:6px}.view-all span{margin-left:8px;color:#16815f}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tool-card{min-height:205px;background:white;border:1px solid #e9ede8;border-radius:12px;padding:20px;text-decoration:none;color:#17221f;transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);border-color:#c9dfd0;box-shadow:0 12px 24px #23452a0b}.tool-card.featured{border-color:#b8d8c4;background:linear-gradient(135deg,#fff,#f6fbf7)}.tool-top{display:flex;align-items:center;justify-content:space-between}.tool-icon{height:39px;width:39px;display:grid;place-items:center;border-radius:10px;font-size:21px}.purple{background:#eeeafa;color:#7464b3}.orange{background:#fff0e4;color:#dd8b4a}.rose{background:#fcebed;color:#d86c74}.blue{background:#e7f2fa;color:#518cb5}.green{background:#e6f4eb;color:#368b5e}.arrow{color:#abb4ae;font-size:18px}.tool-card h3{font:700 15px Manrope;margin:19px 0 6px}.tool-card p{font-size:11px;color:#7c8781;margin-bottom:15px}.formats{display:flex;gap:6px}.formats span{font-size:9px;color:#789084;background:#f1f5f1;padding:4px 7px;border-radius:4px}.privacy{max-width:1136px;margin:0 auto 75px;background:#edf5ef;border:1px solid #e2ede4;border-radius:16px;padding:35px 40px;display:grid;grid-template-columns:62px 1fr 190px;gap:20px;align-items:center}.privacy-mark{height:52px;width:52px;display:grid;place-items:center;border-radius:14px;background:#dbece0;color:#31855e;font-size:29px}.privacy h2{font-size:23px;margin:9px 0}.privacy p{font-size:11px;line-height:1.8;color:#75827a;margin:0;max-width:620px}.privacy-checks{display:grid;gap:12px;color:#268054;font-weight:700;font-size:12px}.privacy-checks span{color:#596b60;font-weight:500;margin-left:6px}footer{max-width:1200px;margin:auto;border-top:1px solid #e8ece7;min-height:84px;padding:19px 32px;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:14px}footer .brand-icon{width:27px;height:27px;font-size:18px;border-radius:9px}footer>span,footer div{font-size:10px;color:#8b9690}footer div{display:flex;gap:22px}
@media(max-width:760px){.topbar{height:68px;padding:0 19px}.topbar nav{gap:18px}.topbar nav a{font-size:11px}.brand{font-size:15px}.hero{grid-template-columns:1fr;padding:65px 22px 36px;gap:15px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto;font-size:14px}.trust{justify-content:center}.hero-art{height:300px;max-width:450px;width:100%;margin:auto}.orbit{width:min(340px,85vw);height:250px}.orbit-two{width:min(410px,95vw)}.float-card.card-pdf{left:2%}.card-img{right:0}.stats{padding:22px;grid-template-columns:1fr 1fr;gap:20px}.stats div{padding-left:16px}.stats div:nth-child(3){border:0;padding-left:0}.stats div:first-child{padding-left:0}.stats b{font-size:18px}.stats span{font-size:10px}.tools-section{padding:67px 20px}.section-heading{align-items:end}.section-heading h2{font-size:28px}.view-all{font-size:10px;white-space:nowrap}.tool-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-card{padding:15px;min-height:195px}.tool-card h3{font-size:13px}.tool-card p{line-height:1.6;font-size:10px}.privacy{margin:0 16px 50px;padding:25px 22px;grid-template-columns:48px 1fr;gap:13px}.privacy-mark{width:43px;height:43px}.privacy .eyebrow{font-size:8px}.privacy h2{font-size:20px}.privacy-checks{grid-column:2;grid-template-columns:1fr 1fr;font-size:10px;gap:10px 6px}footer{padding:18px 20px;flex-wrap:wrap;gap:13px}footer>span{order:3;width:100%}}@media(max-width:390px){.topbar nav{gap:10px}.topbar nav a{font-size:10px}.brand{gap:6px}.hero h1{font-size:42px;letter-spacing:-2.6px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:175px}.formats span{font-size:8px}}

/* FileConvertix brand palette: electric blue and cyan, inspired by the site icon. */
:root{color-scheme:light;--brand-blue:#075fe8;--brand-cyan:#22d8ed;--brand-ink:#172943;--brand-line:#e1eaf4}
body{background:#f7faff;color:var(--brand-ink)}
.topbar{border-color:var(--brand-line)}
.brand-icon{background:linear-gradient(140deg,#0755eb 8%,#087ff1 54%,#20d8ec 100%)}
.brand-icon span{color:#b8f6ff}
.topbar nav a,.lang,footer a{color:#52657d}
.lang span,.view-all span{color:var(--brand-blue)}
.eyebrow{color:#55718f}
.live-dot{background:#16bfdc;box-shadow:0 0 0 4px #e0f8fc}
h1 span,h2 span{color:var(--brand-blue)}
.primary-button{background:linear-gradient(110deg,#0758e9,#087be9 58%,#16b8de);box-shadow:0 7px 18px #075fe82b}
.hero-art .orbit{border-color:#dce9f7}
.central-file{background:#e5f5ff}
.paper-stamp,.sparkle{color:#0872eb}
.convert-arrow{color:#0872eb;box-shadow:0 5px 14px #1550a51c}
.mini-image{background:linear-gradient(140deg,#26d9eb 0 45%,#0875ed 46%)}
.safe-badge{border-color:#dceaf6;color:#4d6682}
.safe-badge span{color:#0872eb}
.stats,.stats div{border-color:var(--brand-line)}
.stats .plus{color:var(--brand-blue)}
.tool-card{border-color:#e2eaf4}
.tool-card:hover{border-color:#b6d2f6;box-shadow:0 12px 24px #164e8a0d}
.tool-card.featured{border-color:#a9ccfa;background:linear-gradient(135deg,#fff,#f0f7ff)}
.purple,.orange,.rose,.blue,.green{background:#e7f2ff;color:#1766c7}
.formats span{color:#547394;background:#edf5ff}
.privacy{background:#eaf6ff;border-color:#d5eafb}
.privacy-mark{background:#d7edff;color:#0868e6}
.privacy-checks{color:#0872e8}
.privacy-checks span{color:#526780}
footer{border-color:var(--brand-line)}
.hero{min-height:440px;padding-top:54px;padding-bottom:42px}
.hero-art{height:330px}
.tools-section{padding-top:64px}


@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{height:auto;min-height:62px;padding:10px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px}
  .topbar nav{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:center;gap:clamp(24px,10vw,48px);padding-top:9px;border-top:1px solid var(--brand-line)}
  .topbar nav a{font-size:12px;padding:4px}
  .lang{grid-column:2;grid-row:1;padding:9px 10px}
  .hero{min-height:0;padding:49px 20px 30px;gap:8px}
  .hero h1{font-size:clamp(39px,10.5vw,52px);letter-spacing:-2.7px;overflow-wrap:anywhere}
  .hero-copy>p{font-size:14px;line-height:1.75}
  .hero-art{height:270px;max-width:430px}
  .orbit{width:min(340px,92vw);height:225px}
  .orbit-two{width:min(390px,98vw);height:190px}
  .card-pdf{left:1%;top:32px}
  .card-img{right:1%;bottom:29px}
  .safe-badge{bottom:0}
  .stats{padding:20px 18px;gap:17px 10px}
  .stats div{min-width:0}
  .stats b{font-size:17px}
  .stats span{line-height:1.45}
  .tools-section{padding:55px 16px 54px}
  .section-heading{gap:12px;align-items:flex-end}
  .section-heading h2{font-size:clamp(23px,6vw,28px);letter-spacing:-1px}
  .tool-grid{gap:10px}
  .tool-card{min-width:0}
  .tool-card h3,.tool-card p{overflow-wrap:anywhere}
  .privacy{margin:0 12px 40px;padding:22px 17px;grid-template-columns:40px minmax(0,1fr);gap:12px}
  .privacy-mark{width:38px;height:38px;font-size:22px}
  .privacy h2{font-size:19px;letter-spacing:-.6px}
  .privacy p{font-size:12px}
  .privacy-checks{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px}
  footer{padding:17px 16px;gap:12px}
  footer .brand{font-size:13px}
  footer div{gap:16px}
}
@media(max-width:360px){
  .topbar{padding-inline:12px}
  .brand{font-size:14px}
  .hero{padding-inline:16px}
  .hero-art{height:245px}
  .float-card{min-width:140px;padding:8px 10px}
  .stats{padding-inline:14px}
  .tools-section{padding-inline:12px}
  .section-heading{align-items:flex-start}
  .view-all{padding-top:10px}
  .privacy-checks{grid-template-columns:1fr}
}

.brand-logo{width:33px;height:33px;display:block;flex:none;object-fit:contain}footer .brand-logo{width:27px;height:27px}

/* Keep the tool cards visible sooner on compact screens too. */
@media(max-width:760px){
  .hero{padding-top:42px;padding-bottom:22px;gap:8px}
  .hero-art{height:255px}
  .tools-section{padding-top:44px}
}
@media(max-width:600px){
  .hero{padding:34px 20px 18px}
  .hero-art{height:225px}
  .stats{padding-top:16px;padding-bottom:16px;gap:14px 10px}
  .tools-section{padding-top:36px}
}

/* Tool directory inspired by the reference: focused intro, category chips, clear cards. */
.directory-hero{max-width:1120px;margin:0 auto;padding:45px 24px 4px;text-align:center}.directory-hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1.7px}.directory-hero h1{max-width:950px;margin:20px auto 12px;font:800 clamp(34px,4.2vw,54px)/1.14 Manrope,sans-serif;letter-spacing:-2px;color:var(--brand-ink)}.directory-hero h1 span{color:var(--brand-blue)}.directory-hero p{max-width:850px;margin:0 auto;color:#65758b;font-size:clamp(15px,1.8vw,20px);line-height:1.65}.directory-tools{max-width:1280px;padding:25px 32px 72px;margin:auto}.category-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 26px}.category-chip{border:1px solid #d6dfeb;border-radius:999px;background:#fff;color:#52657d;padding:10px 18px;font:600 14px 'DM Sans',sans-serif;cursor:pointer;transition:.18s}.category-chip:hover{border-color:#8ab5f1;color:var(--brand-blue)}.category-chip.active{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}.directory-tools .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.directory-tools .tool-card{min-height:205px;padding:24px;border-radius:16px}.directory-tools .tool-card h3{font-size:18px}.directory-tools .tool-card p{font-size:14px;line-height:1.55}.directory-tools .tool-icon{height:48px;width:48px;border-radius:12px;font-size:24px}.directory-tools .tool-card[hidden]{display:none}
@media(min-width:1100px){.directory-tools .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-hero{padding-top:48px}}
@media(max-width:760px){.directory-hero{padding:36px 20px 0}.directory-hero h1{letter-spacing:-1.3px}.directory-tools{padding:22px 18px 52px}.directory-tools .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.directory-tools .tool-card{padding:17px;min-height:190px}.directory-tools .tool-card h3{font-size:15px}.directory-tools .tool-card p{font-size:12px}}
@media(max-width:430px){.category-filters{gap:7px}.category-chip{padding:9px 13px;font-size:12px}.directory-tools .tool-grid{grid-template-columns:1fr}.directory-tools .tool-card{min-height:160px}}

/* Branded, more visual primary navigation. */
.topbar{position:sticky;top:0;z-index:30;max-width:none;padding-inline:max(32px,calc((100vw - 1200px)/2 + 32px));background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #dce8f6;box-shadow:0 5px 20px rgba(23,65,112,.045)}
.topbar .brand{gap:11px;font-size:18px;color:#172943}.topbar .brand-logo{filter:drop-shadow(0 3px 5px rgba(7,95,232,.18))}
.topbar nav{margin-left:auto;margin-right:34px;gap:8px}.topbar nav a{padding:11px 16px;border-radius:10px;color:#52657d;font-size:13px;font-weight:600;transition:background .18s,color .18s,transform .18s}.topbar nav a:hover{background:#edf5ff;color:#075fe8;transform:translateY(-1px)}
.topbar .lang{padding:10px 15px;border-radius:999px;background:linear-gradient(110deg,#edf5ff,#e7fbff);color:#075fe8;border:1px solid #d6e8fb;font-size:12px}.topbar .lang:hover{background:#dff3ff}
@media(max-width:760px){.topbar{padding-inline:22px}.topbar nav{margin-right:10px}}
@media(max-width:600px){.topbar{padding:10px 16px}.topbar nav{grid-column:1/-1;grid-row:2;margin:0;padding:9px 0 0;gap:clamp(8px,3vw,20px)}.topbar nav a{padding:8px 12px;border-radius:9px;font-size:12px}.topbar .lang{padding:8px 12px}}
.brand-wave{display:inline-flex;align-items:center;letter-spacing:-.55px}.brand-wave>span{display:inline-block;animation:brand-wave-in .75s cubic-bezier(.2,.75,.3,1) both;animation-delay:calc(var(--i,0)*32ms)}.brand-wave>span:nth-child(1){--i:0}.brand-wave>span:nth-child(2){--i:1}.brand-wave>span:nth-child(3){--i:2}.brand-wave>span:nth-child(4){--i:3}.brand-wave>span:nth-child(5){--i:4}.brand-wave>span:nth-child(6){--i:5}.brand-wave>span:nth-child(7){--i:6}.brand-wave>span:nth-child(8){--i:7}.brand-wave>span:nth-child(9){--i:8}.brand-wave>span:nth-child(10){--i:9}.brand-wave>span:nth-child(11){--i:10}.brand-wave>span:nth-child(12){--i:11}.brand-wave>span:nth-child(13){--i:12}.brand-wave>span:nth-child(14){--i:13}.brand-wave>span:nth-child(15){--i:14}.brand-wave>span:nth-child(16){--i:15}.brand-wave>span:nth-child(17){--i:16}@keyframes brand-wave-in{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(2px)}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.brand-wave>span{animation:none}}
/* Brighter tool icon tiles coordinated with the FileConvertix blue palette. */
.directory-tools .tool-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),0 5px 12px rgba(7,95,232,.08);transition:transform .2s,box-shadow .2s,filter .2s}
.directory-tools .purple{background:linear-gradient(145deg,#d8eaff,#b7d8ff);color:#075fe8}.directory-tools .orange{background:linear-gradient(145deg,#d4f8ff,#a6edfa);color:#0783bd}.directory-tools .rose{background:linear-gradient(145deg,#e5e2ff,#c9c8ff);color:#5758d8}.directory-tools .blue{background:linear-gradient(145deg,#ccf5ff,#a5e8f5);color:#087fa2}.directory-tools .green{background:linear-gradient(145deg,#d5f5ec,#a9e7d5);color:#13866e}
.directory-tools .tool-card:hover .tool-icon{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 16px rgba(7,95,232,.16);filter:saturate(1.12)}.directory-tools .arrow{color:#6d9bd4;transition:transform .2s,color .2s}.directory-tools .tool-card:hover .arrow{color:#075fe8;transform:translate(2px,-2px)}
.directory-tools .tool-icon{width:76px;height:64px;padding:0;background:transparent!important;border-radius:0;box-shadow:none!important;display:flex;align-items:center;justify-content:flex-start;overflow:visible;transition:transform .2s}.directory-tools .tool-icon svg{width:76px;height:64px;overflow:visible}.directory-tools .tool-card:hover .tool-icon{transform:translateY(-2px) scale(1.04);filter:saturate(1.08);box-shadow:none}