/* Keep Atlante's editorial identity; make the product and its output explicit. */
.home-view .hero-clarity {
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 4vw, 64px);
  padding-block: 48px 56px;
}
.home-view .hero-clarity h1 {
  font-size: clamp(48px, 4.6vw, 69px);
  line-height: 1.03;
  letter-spacing: -.035em;
  margin-block: 20px 26px;
}
.home-view .hero-clarity h1 em { letter-spacing: -.025em; }
.home-view .hero-clarity .hero-description { max-width: 48ch; line-height: 1.7; }
.home-view .hero-clarity .hero-note { margin-top: 16px; }
.home-view .hero-clarity .hero-actions .primary { white-space: normal; text-align: left; line-height: 1.5; }
/* Four open planes share one axis. The report is explored further down the page. */
.hero-convergence {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin-inline: auto;
  min-width: 0;
  aspect-ratio: 600 / 554;
}
.convergence-art { display: block; width: 100%; height: auto; overflow: visible; }
.convergence-label {
  position: absolute;
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: var(--ink);
  font-size: clamp(11px, 1vw, 14px);
  font-weight: 500;
  white-space: nowrap;
}
.convergence-label > span { font-size: .78em; color: var(--muted); font-variant-numeric: tabular-nums; }
.convergence-structure { top: 16%; left: 1%; }
.convergence-risk { top: 37%; right: 0; }
.convergence-validation { top: 50%; right: 86%; }
.convergence-synthesis { top: 78%; right: 0; }
.convergence-caption { position: absolute; bottom: 0; inset-inline: 0; margin: 0; text-align: center; font-size: 13px; color: var(--muted); }
.convergence-caption em { font-style: normal; color: var(--ink); }

/* A single explanatory entrance, then stillness. No simulated analysis or looping. */
@media (prefers-reduced-motion: no-preference) {
  .agent-plane { animation: plane-assemble 1400ms var(--ease) backwards; }
  .plane-one { animation-delay: 80ms; }
  .plane-two { animation-delay: 160ms; }
  .plane-three { animation-delay: 240ms; }
  .plane-four { animation-delay: 320ms; }
  @keyframes plane-assemble {
    from { opacity: .2; transform: translateY(-36px); }
    to { opacity: 1; transform: translateY(0); }
  }
}
html[data-motion=off] .agent-plane { animation: none; }

/* Keep every name outside the geometry when the available column is narrow. */
@media (max-width: 1100px) {
  .hero-convergence { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); aspect-ratio: auto; gap: 14px 0; }
  .convergence-art { grid-column: 1 / -1; }
  .convergence-guides { display: none; }
  .convergence-label { position: static; flex-direction: column; align-items: center; gap: 4px; font-size: 12px; }
  .convergence-caption { position: static; grid-column: 1 / -1; margin-top: 4px; }
}
@media (max-width: 1100px) and (min-width: 721px) {
  .home-view .hero-clarity { gap: 26px; padding-inline: 32px; }
  .home-view .hero-clarity h1 { font-size: 51px; }
  .hero-convergence { align-self: center; }
  .convergence-caption { font-size: 11px; }
}
@media (max-width: 720px) {
  .home-view .hero-clarity { grid-template-columns: 1fr; padding: 28px 21px 40px; gap: 26px; }
  .home-view .hero-clarity .eyebrow { margin-bottom: 0; }
  .home-view .hero-clarity h1 { font-size: clamp(40px, 10.9vw, 58px); margin-block: 18px 20px; }
  .home-view .hero-clarity .hero-description { line-height: 1.65; margin-bottom: 22px; }
  .home-view .hero-clarity .hero-actions .primary { padding-inline: 17px; font-size: 14px; gap: 12px; }
  .home-view .hero-clarity .hero-note { margin-top: 13px; }
  .hero-convergence { max-width: 440px; margin-block: -6px 8px; }
  .convergence-label { font-size: 12px; gap: 5px; }
  .convergence-caption { font-size: 12px; }
}