.home-free-tools{padding-block:32px 44px;border-top:1px solid var(--line)}
.home-free-tools-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.home-free-tools-heading h2{font-size:28px;line-height:1.3;margin:10px 0}
.home-free-tools-heading p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6}
.home-free-tools-heading>a{flex:none}
.home-free-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-free-tools-grid>a{display:flex;align-items:center;gap:14px;background:var(--visual-surface);border:1px solid var(--visual-border);border-radius:14px;padding:20px}
.home-free-tools-grid>a:hover{background:var(--icon-surface)}
.home-free-tools-grid>a>.home-icon{width:30px;height:30px;color:var(--icon-ink)}
.home-free-tools-grid>a>.home-icon:last-child{width:18px;height:18px;margin-left:auto}
.home-free-tools-grid h3{font-size:17px;line-height:1.4;font-weight:600;margin-bottom:6px}
.home-free-tools-grid p{font-size:15px;line-height:1.6;color:var(--muted)}
.home-tools-menu{position:relative;flex:none;color:var(--ink)}
.home-tools-menu>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;min-height:44px;font-size:13px;white-space:nowrap}
.home-tools-menu>summary::-webkit-details-marker{display:none}
.home-tools-menu>summary:hover,.home-tools-menu[open]>summary{color:var(--icon-ink)}
.home-tools-menu>summary>.home-icon{width:17px;height:17px;color:var(--icon-ink)}
.home-tools-free{border:1px solid var(--visual-border);border-radius:5px;background:var(--icon-surface);color:var(--icon-ink);font-size:10px;line-height:1.2;padding:3px 5px;font-weight:600}
.home-tools-chevron{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.home-tools-menu[open] .home-tools-chevron{transform:rotate(180deg)}
.home-tools-menu:not([open])>.home-tools-popover{display:none}
.home-tools-popover{position:absolute;inset-inline-end:-14px;top:calc(100% + 10px);z-index:50;width:370px;max-width:calc(100vw - 24px);padding:10px;border:1px solid var(--visual-border);border-radius:16px;background:var(--visual-surface);box-shadow:0 16px 50px #0003;white-space:normal}
.home-tools-note{padding:7px 12px 12px;color:var(--muted);font-size:12px;line-height:1.4}
.desktop-nav .home-tools-popover a,.home-mobile-nav .home-tools-popover a{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:12px;min-width:0;min-height:0;margin:0;padding:12px;text-align:left;border-radius:10px;color:var(--ink);line-height:1.4}
.home-tools-popover a:hover,.home-tools-popover a:focus-visible{background:var(--icon-surface);color:var(--ink)}
.desktop-nav .home-tools-popover .home-icon,.home-mobile-nav .home-tools-popover .home-icon{display:block;width:28px;height:28px;color:var(--icon-ink)}
.desktop-nav .home-tools-popover .home-icon:last-child,.home-mobile-nav .home-tools-popover .home-icon:last-child{width:16px;height:16px}
.home-tools-popover strong{display:block;font-size:15px;font-weight:600;line-height:1.4}
.home-tools-popover small{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--muted)}
.desktop-nav .home-tools-popover .home-tools-all,.home-mobile-nav .home-tools-popover .home-tools-all{grid-template-columns:minmax(0,1fr) 16px;border-top:1px solid var(--line);border-radius:0;margin-top:6px;padding-top:14px;font-size:14px;font-weight:600}
.footer-free-tools{padding-block:24px;border-bottom:1px solid var(--line)}
.footer-free-tools h3{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:14px}
.footer-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.footer-tools-grid a{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px;line-height:1.5}
.footer-tools-grid .home-icon{width:20px;height:20px;flex:none;color:var(--icon-ink)}
.footer-tools-grid a>span:last-child{color:var(--muted)}
.footer-free-tools a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-tools-extra{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:14px;font-size:13px;color:var(--muted)}
@media(min-width:1101px) and (max-width:1300px){.desktop-nav{gap:14px}.desktop-nav>a>.home-icon,.home-tools-menu>summary>.home-icon{display:none}.nav-actions{gap:15px}.site-header{gap:18px}}
@media(max-width:1100px){
  .home-mobile-nav{display:flex;position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;gap:4px;padding:5px;border:1px solid var(--visual-border);border-radius:18px;background:var(--visual-surface);box-shadow:0 6px 30px #0003;width:min(420px,calc(100% - 24px))}
  .home-mobile-nav>a,.home-mobile-nav>.home-tools-menu{flex:1;min-width:0}
  .home-mobile-nav>a,.home-mobile-nav .home-tools-menu>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:53px;padding:6px 5px;text-align:center;border-radius:12px;font-size:12px;line-height:1.3;color:var(--muted)}
  .home-mobile-nav>a[aria-current=location],.home-mobile-nav .home-tools-menu[open]>summary{background:var(--icon-surface);color:var(--ink)}
  .home-mobile-nav>a>.home-icon,.home-mobile-nav .home-tools-menu>summary>.home-icon{width:20px;height:20px}
  .home-tools-menu-mobile .home-tools-chevron{display:none}
  .home-tools-menu-mobile>.home-tools-popover{top:auto;bottom:calc(100% + 14px);inset-inline-end:-5px;width:min(370px,calc(100vw - 24px));max-height:calc(100svh - 130px);overflow-y:auto}
  .home-mobile-nav .home-tools-popover strong{font-size:16px}
  .home-mobile-nav .home-tools-popover small{font-size:14px}
  .home-mobile-nav[hidden]{display:none}
  .site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:800px){.home-free-tools-grid{grid-template-columns:1fr}.home-free-tools-grid>a{padding:17px}.home-free-tools-heading{align-items:flex-start;flex-direction:column;gap:14px}.home-free-tools-heading h2{font-size:25px}.home-free-tools-grid p{font-size:16px}}
@media(max-width:600px){.footer-tools-grid{grid-template-columns:1fr;gap:4px}.footer-tools-grid a{font-size:16px}.footer-tools-extra{font-size:14px}}
@media(prefers-reduced-motion:reduce){.home-tools-chevron{transition:none}}
