/* Home page specific styles */


/* Header tweaks for better wrapping on small screens */
.home-container .site-header {
  flex-wrap: wrap;
  row-gap: 8px;
}

.home-container .logo {
  height: clamp(34px, 6vw, 50px);
}

/* Hero section */
.hero-section {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(24px, 5vw, 72px) 20px;
}

.hero-title {
  margin: 0 0 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  font-size: clamp(28px, 6.5vw, 56px);
  word-wrap: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
}

/* Ensure gradient-stroked text aligns perfectly with surrounding text */
.hero-title .galactic-text-stroke {
  display: inline;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1em; /* Inherit exact font size from parent */
  font-weight: inherit;
  line-height: inherit; /* Match line height to avoid offset */
  vertical-align: baseline; /* Align baselines */
}



/* Description under the hero title */
.platform-description {
  font-size: clamp(16px, 2.4vw, 20px);
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Action buttons row spacing on ultra small screens is handled by existing rules; just ensure centering */
.action-buttons {
  justify-content: center;
}

/* Footer: ensure the icon row wraps neatly */
.site-footer .social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

/* Improve tap targets on mobile */
@media (hover: none) and (pointer: coarse) {
  .action-buttons a,
  .action-buttons button {
    padding: 14px 18px;
  }
}