/* Desktop Styles (1024px and above) */
/* These styles override mobile.css and tablet.css for desktop viewports */

/* Typography - Desktop */
body {
  font-size: 1.125rem;
}

/* Sections - Desktop spacing */
section {
  padding: 96px 1.5rem;
}

/* Grid layouts - Desktop (full 3 columns) */
.grid.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Navigation - Expanded on desktop */
nav {
  flex-wrap: nowrap;
}

.menu-toggle {
  display: none;
}

.lang-picker {
  margin-left: 16px;
}

.nav-actions {
  display: flex;
  gap: 12px;
}

#primary-navigation {
  display: flex;
  flex-direction: row;
  width: auto;
  background: transparent;
  padding: 0;
  align-items: center;
  gap: 24px;
}

#primary-navigation li {
  padding: 0;
}

/* Hero section - Desktop (2 columns) */
.hero {
  padding: 128px 1.5rem 96px;
}

.hero .container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hero .cta-group {
  flex-direction: row;
  flex-wrap: wrap;
}

/* Footer - Desktop (4 columns) */
.footer-inner {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

footer {
  padding: 64px 1.5rem;
}

/* Mobile CTA bar - Hidden on desktop */
.mobile-cta-bar {
  display: none;
}

/* Lists - Desktop sizing */
.list-inline {
  font-size: inherit;
}

.proof-strip {
  font-size: inherit;
}
