* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; color: #0F1923; }
img { max-width: 100%; display: block; }
a { color: inherit; }
input, textarea, button, select { font-family: inherit; }
input:focus, textarea:focus, button:focus, select:focus { outline: 2px solid #1565C0; outline-offset: 1px; }

.tool-card { transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; text-decoration: none; }
.tool-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15,25,35,.08); border-color: #CBD5E1 !important; }

.strip { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 6px; }
.strip::-webkit-scrollbar { height: 6px; }
.strip::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 99px; }

.mobile-nav { display: none; background: #0F1923; border-top: 1px solid rgba(255,255,255,.08); padding: 14px 20px 20px; }
.mobile-nav.open { display: block; }

.grid-auto { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.grid-auto-sm { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }

@media (max-width: 860px) {
  .desk-nav { display: none !important; }
  .burger { display: block !important; }
  .footer-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 560px) {
  .footer-grid { grid-template-columns: 1fr !important; }
}