.gestisco-home {
  --gestisco-accent: #5c3d91;
  --gestisco-hover: #493074;
  max-width: 64rem;
  margin-inline: auto;
  padding: clamp(2.5rem, 8vh, 6rem) 1.5rem 3rem;
}
.gestisco-intro { max-width: 48rem; margin-inline: auto; text-align: center; }
.gestisco-mark { display: inline-flex; padding: 1.25rem; background: #fff; border: 1px solid var(--color-secondary); border-radius: 1.25rem; }
.gestisco-mark img { display: block; }
#navbar-logo img { padding: .25rem; background: #fff; border-radius: .4rem; box-sizing: content-box; }
.gestisco-home h1 { margin: 1.5rem 0 .65rem; font-size: clamp(2.25rem, 5vw, 3.25rem); line-height: 1.12; letter-spacing: -.025em; }
.gestisco-lead { margin: 0 0 1rem; font-size: clamp(1.2rem, 3vw, 1.55rem); font-weight: 500; line-height: 1.45; }
.gestisco-description { max-width: 40rem; margin: 0 auto; font-size: 1.05rem; line-height: 1.7; color: var(--color-text); }
.gestisco-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem; margin-top: 2rem; }
.gestisco-actions a { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; min-height: 2.8rem; padding: .75rem 1.25rem; border-radius: .4rem; font-weight: 600; text-decoration: none; }
.gestisco-actions .gestisco-primary { background: var(--gestisco-accent); color: #fff; }
.gestisco-actions .gestisco-primary:hover { background: var(--gestisco-hover); }
.gestisco-actions .gestisco-secondary { color: var(--color-text); border: 1px solid var(--color-secondary); }
.gestisco-actions .gestisco-secondary:hover { background: var(--color-hover); }
.gestisco-actions a:focus-visible { outline: 3px solid #9f83d1; outline-offset: 4px; }
.gestisco-context { max-width: 44rem; margin: 3.5rem auto 0; padding-top: 1.75rem; border-top: 1px solid var(--color-secondary); }
.gestisco-context h2 { margin: 0 0 .65rem; font-size: 1.1rem; }
.gestisco-context p { margin: 0 0 .8rem; line-height: 1.65; }
.gestisco-context .gestisco-pilot { font-size: .9rem; color: var(--color-text); }
.gestisco-home ::selection { background: #d9ccef; color: #241436; }
@media (max-width: 32rem) {
  .gestisco-home { padding-inline: 1.15rem; }
  .gestisco-actions { flex-direction: column; align-items: stretch; }
  .gestisco-context { margin-top: 2.5rem; }
}