/* FreePDF Tools — premium homepage presentation layer.
   UI only: no tool engines, file pickers, processing, routes or workflows are changed. */
.home-page{--home-blue:#246bff;--home-blue-dark:#1554d1;overflow-x:clip}
.home-page .site-header{background:rgba(255,255,255,.94);border-bottom-color:rgba(215,224,236,.9);box-shadow:0 4px 18px rgba(22,48,88,.045)}
.home-page .header-inner{min-height:64px}.home-page .logo{font-size:1.04rem}.home-page .logo-mark{width:36px;height:40px;border-radius:9px 9px 12px 9px}.home-page .main-nav a{font-weight:720}
.home-page .hero-final{padding:62px 0 34px;background:radial-gradient(circle at 82% 8%,rgba(117,169,255,.28),transparent 31%),radial-gradient(circle at 14% 30%,rgba(188,244,232,.30),transparent 27%),linear-gradient(180deg,#fff 0%,#f6f9ff 100%)}
.home-page .hero-final-inner{max-width:900px}.home-page .hero-final-inner h1{max-width:850px;margin:0 auto 15px;font-size:clamp(2.35rem,5.7vw,4.55rem);line-height:1.035;letter-spacing:-.052em}.home-page .hero-final-inner .lead{max-width:730px;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.62}.home-page .hero-actions-center{margin-top:25px}.home-page .hero-actions-center .button{min-width:190px;min-height:52px;border-radius:14px}.home-page .hero-actions-center .button:first-child{box-shadow:0 10px 25px rgba(31,103,255,.20)}
.home-page .hero-popular{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px auto 0;max-width:860px}.home-page .hero-popular-label{color:#718097;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-right:2px}.home-page .hero-popular a{min-height:37px;padding:8px 13px;border:1px solid #d9e3ef;border-radius:11px;background:rgba(255,255,255,.96);color:#31445d;font-size:.84rem;font-weight:760;text-decoration:none;box-shadow:0 5px 14px rgba(25,55,100,.045);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.home-page .hero-popular a:hover{transform:translateY(-1px);border-color:#aec7ef;color:var(--home-blue-dark);box-shadow:0 8px 17px rgba(25,55,100,.075)}
.home-page .ad-container{margin-block:16px}.home-page .ad-container:not(.is-active){display:none}.home-page .ad-container.is-active{display:grid;min-height:74px}.home-page .ad-container-mid{margin-top:20px}.home-page .ad-container-footer{margin-top:4px}
.home-page .home-tools-section{padding-top:42px;padding-bottom:54px}.home-page .section-heading-wide{max-width:820px;margin-bottom:20px}.home-page .section-heading-wide h2{margin-top:10px;margin-bottom:8px;font-size:clamp(1.9rem,4vw,2.75rem)}.home-page .section-heading-wide p{max-width:740px}
/* Category controls are real buttons, not tabs. */
.home-page .tool-filter-wrap{position:sticky;top:64px;z-index:24;margin:0 -6px 18px;padding:8px 6px;background:linear-gradient(180deg,rgba(246,248,252,.98),rgba(246,248,252,.90));backdrop-filter:blur(14px)}
.home-page .tool-filter{display:flex;gap:9px;max-width:980px;margin:0 auto;padding:0;overflow-x:auto;border:0;background:transparent;box-shadow:none;scrollbar-width:none}.home-page .tool-filter::-webkit-scrollbar{display:none}
.home-page .tool-filter-button{position:relative;z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;appearance:none;flex:0 0 auto;min-height:44px;padding:9px 16px;border:1px solid #d5dfeb;border-radius:13px;background:#fff;color:#40536c;box-shadow:0 4px 12px rgba(24,55,100,.045);font-size:.9rem;font-weight:820;white-space:nowrap;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.home-page .tool-filter-button:hover{transform:translateY(-1px);border-color:#adc6ef;color:var(--home-blue-dark);box-shadow:0 8px 17px rgba(24,55,100,.075)}.home-page .tool-filter-button.is-active{color:#fff;background:var(--home-blue);border-color:var(--home-blue);box-shadow:0 8px 20px rgba(31,103,255,.20)}.home-page .tool-filter-button span{margin-left:3px;padding:2px 7px;border-radius:999px;background:#f1f5fa;color:#74839a;font-size:.7rem;font-weight:850}.home-page .tool-filter-button.is-active span{color:var(--home-blue-dark);background:rgba(255,255,255,.93)}
.home-page .tool-directory{min-height:0}.home-page .tool-pane[hidden]{display:none}.home-page .tool-pane.is-active{animation:freepdfPaneIn .16s ease-out}@keyframes freepdfPaneIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.home-page .tool-pane-heading{align-items:center;margin-bottom:14px;padding:0 2px 11px;border-bottom:1px solid #e1e8f1}.home-page .tool-pane-heading h3{margin:0;font-size:1.5rem;letter-spacing:-.03em}.home-page .tool-pane-heading>span{color:#6d7c90;font-size:.78rem;font-weight:760}
.home-page .tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-page .tool-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;min-height:94px;padding:13px 15px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(24,55,100,.035)}.home-page .tool-card:hover{transform:translateY(-2px);border-color:#b5caf0;box-shadow:0 13px 27px rgba(24,55,100,.075)}.home-page .tool-icon{grid-row:1/span 2;width:42px;height:42px;margin:0;border-radius:11px;background:#eef4ff;border:1px solid #dbe7ff;color:var(--home-blue-dark)}.home-page .tool-card h3{margin:0;font-size:.99rem;line-height:1.22}.home-page .tool-card p{margin:3px 0 0;color:#6b7a8f;font-size:.76rem;line-height:1.35}.home-page .tool-card .go{grid-column:3;grid-row:1/span 2;padding-left:8px;color:var(--home-blue);font-size:.96rem;font-weight:900}
@media(max-width:1000px){.home-page .tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
.home-page .hero-final{padding:42px 0 28px}.home-page .hero-final-inner h1{font-size:clamp(2.18rem,9.2vw,3.15rem);line-height:1.045}.home-page .hero-final-inner .lead{font-size:1rem}.home-page .hero-actions-center{display:grid;grid-template-columns:1fr;gap:9px;margin-top:21px}.home-page .hero-actions-center .button{width:100%;min-width:0}
/* Mobile popular tools: centered 3-column grid. No sideways scrolling. */
.home-page .hero-popular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:700px;margin:16px auto 0;padding:0;overflow:visible;justify-items:stretch;align-items:stretch}.home-page .hero-popular-label{grid-column:1/-1;margin:0 0 3px;text-align:center;font-size:.68rem}.home-page .hero-popular a{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;padding:8px 7px;text-align:center;font-size:.76rem;line-height:1.15;white-space:normal;overflow-wrap:anywhere;border-radius:11px}.home-page .hero-popular a:hover{transform:none}
.home-page .home-tools-section{padding-top:30px;padding-bottom:42px}.home-page .tool-filter-wrap{top:58px;margin-inline:-2px;padding:7px 2px}.home-page .tool-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible}.home-page .tool-filter-button{width:100%;min-height:42px;padding:8px 9px;border-radius:12px;font-size:.84rem}.home-page .tool-filter-button span{padding-inline:5px}.home-page .tool-card-grid{grid-template-columns:1fr;gap:10px}.home-page .tool-card{min-height:80px;padding:11px 12px;grid-template-columns:39px minmax(0,1fr) auto;column-gap:10px;border-radius:15px}.home-page .tool-icon{width:39px;height:39px;border-radius:10px}.home-page .tool-card h3{font-size:.96rem}.home-page .tool-card p{font-size:.74rem}.home-page .tool-pane-heading h3{font-size:1.35rem}}
@media(max-width:520px){.home-page .container{width:min(calc(100% - 20px),var(--max))}.home-page .header-inner{min-height:58px;gap:8px}.home-page .logo{gap:7px;font-size:.91rem}.home-page .logo-mark{width:32px;height:36px;font-size:12px}.home-page .main-nav{min-width:0;overflow-x:auto;scrollbar-width:none}.home-page .main-nav::-webkit-scrollbar{display:none}}
@media(prefers-reduced-motion:reduce){.home-page .tool-pane.is-active,.home-page .tool-card,.home-page .tool-filter-button,.home-page .hero-popular a{animation:none;transition:none}}

/* Homepage focus: the hero has one primary CTA and a compact ranked popular-tool strip. */
.home-page .hero-actions-center .button.secondary{display:none}
.home-page .hero-quick-start,.home-page .hero-proof{display:none}
