/* Open Tools page */
.tools-page{display:flex;flex-direction:column;gap:48px}
.tools-intro{display:flex;flex-direction:column;gap:8px;max-width:340px}
.tools-title{font:500 20px/121.1% var(--sans);color:#000}
.tools-text{font:400 16px/140% var(--sans);color:#000}

.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21.6px}
.tool{display:flex;flex-direction:column;gap:16px}
.tool-media{position:relative;display:block;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:var(--card);transition:transform .65s var(--spring)}
.tool-media video,.tool-media img{width:100%;height:100%;object-fit:cover}
.tool-badge{position:absolute;left:12px;bottom:12px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);color:#fff;font:600 13px/1.4 var(--sans)}
@media (hover:hover) and (pointer:fine){.tool-media:hover{transform:scale(1.02)}}
.tool-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.tool-name{font:500 20px/121.1% var(--sans);color:#000}
.tool-meta{font:400 14px/1.4 var(--sans);color:var(--muted)}
.tool-info{font:400 16px/140% var(--sans);color:var(--muted-2);max-width:440px}
.tool-body .chip{margin-top:6px}

.tools-footer{display:flex;justify-content:space-between;gap:16px;padding:96px 32px 24px;color:var(--muted);font:400 14px/1.4 var(--sans)}
.tools-footer nav{display:flex;gap:16px}
.tools-footer a:hover{color:#000}

@media (max-width:1099px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tools-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.tools-footer{padding-inline:16px;flex-direction:column}}
.tool:only-child{grid-column:span 2}
@media (max-width:640px){.tool:only-child{grid-column:auto}}