/* ═══════════════════════════════════════════════════════════════
   shared/home.css — homepage-only additions on top of page.css.
   Scoped to .home-* so nothing reaches a tool page.
   ═══════════════════════════════════════════════════════════════ */

.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 34%);
  align-items: center;
  min-height: 420px;
}
.home-hero-text { position: relative; z-index: 1; grid-column: 1; grid-row: 1; }
.home-helix {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
}
.home-kicker {
  font-family: var(--pg-mono);
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0 0 12px;
}
.home-hero h1 em { font-style: normal; color: var(--accent); }

.home-status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  font-size: .92rem;
  color: var(--pg-ink);
}
.home-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 0 rgba(245, 200, 66, .55);
}
@media (prefers-reduced-motion: no-preference) {
  .home-dot { animation: home-pulse 2.4s ease-out infinite; }
}
@keyframes home-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(245, 200, 66, .55); }
  70%  { box-shadow: 0 0 0 10px rgba(245, 200, 66, 0); }
  100% { box-shadow: 0 0 0 0 rgba(245, 200, 66, 0); }
}

.home-sibling {
  margin: 8px 0 28px;
  font-size: .88rem;
  color: var(--text-dim);
  text-align: center;
}
.home-sibling a { color: var(--accent); }

/* Phone: the helix becomes a faint backdrop behind the text. */
@media (max-width: 760px) {
  .home-hero { grid-template-columns: 1fr; min-height: 0; }
  .home-helix {
    grid-column: 1;
    position: absolute;
    right: -40px;
    top: 0;
    width: 55%;
    min-height: 0;
    opacity: .16;
  }
}

/* Featured simulator card */
.home-feature { display: flex; align-items: center; gap: 20px; margin: 0 0 30px; padding: 18px 22px; border-radius: 16px; text-decoration: none; color: var(--text);
  background: linear-gradient(135deg, rgba(167,139,250,.16), rgba(45,212,191,.10)); border: 1px solid rgba(167,139,250,.45); transition: transform .15s, border-color .15s; }
.home-feature:hover { transform: translateY(-2px); border-color: #a78bfa; }
.home-feature img { flex-shrink: 0; border-radius: 14px; }
.home-feature h2 { font-size: 1.35rem; margin: 2px 0 4px; }
.home-feature p { color: var(--pg-ink); font-size: .92rem; line-height: 1.5; }
.home-feature-tag { font: 700 .7rem var(--pg-mono); letter-spacing: .1em; text-transform: uppercase; color: #c4b5fd; }
.home-feature-go { margin-left: auto; font-size: 1.6rem; color: #c4b5fd; }
@media (max-width: 600px) { .home-feature { flex-direction: column; align-items: flex-start; } .home-feature-go { display: none; } }