/* StatDeep site — global + responsive helpers */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
img { max-width: 100%; }
::selection { background: var(--sd-blue-100); }

.sd-nav-link:hover { background: var(--surface-inset) !important; text-decoration: none; }
.sd-footer-link:hover { color: var(--action-primary) !important; text-decoration: none; }

/* layout grids (collapse on mobile) */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 80px); align-items: center; }
.split-hero { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(32px, 6vw, 72px); align-items: center; }

@media (max-width: 980px) {
  .sd-nav-links, .sd-nav-cta { display: none !important; }
  .sd-nav-burger { display: inline-flex !important; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .split, .split-hero { grid-template-columns: 1fr; }
  .sd-footer-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 640px) {
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .sd-footer-grid { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}