@import url("famyro-landing-saas.css?v=084");

/* STEP 055 — Landing Single: CSS dedicato */
body.famyro-single-page {
  background:
    radial-gradient(circle at 74% -10%, rgba(53, 210, 143, 0.18), transparent 34rem),
    radial-gradient(circle at 6% 10%, rgba(215, 180, 106, 0.12), transparent 25rem),
    linear-gradient(180deg, #020806 0%, #05120d 48%, #020806 100%);
}

body.famyro-single-page .hero h1 {
  max-width: 760px;
  font-size: clamp(2.55rem, 4.65vw, 5.05rem);
}

/* STEP 064 — Single: Hero con immagine quadrata */
body.famyro-single-page .hero-image-card {
  aspect-ratio: 1 / 1 !important;
}

body.famyro-single-page .hero-image-card img {
  object-position: center center !important;
}

body.famyro-single-page .hero-proof-card span,
body.famyro-single-page .single-benefit-list article:first-child span {
  color: var(--fy-green-soft);
}

body.famyro-single-page .single-benefit-list .is-active {
  border-color: rgba(142, 240, 189, 0.32);
  background:
    radial-gradient(circle at right, rgba(53, 210, 143, 0.16), transparent 18rem),
    var(--fy-panel-strong);
}

body.famyro-single-page .features-grid article:nth-child(2),
body.famyro-single-page .features-grid article:nth-child(4) {
  background:
    radial-gradient(circle at top right, rgba(53, 210, 143, 0.14), transparent 16rem),
    var(--fy-panel-strong);
}

body.famyro-single-page .pricing-panel {
  border-color: rgba(142, 240, 189, 0.26);
}

body.famyro-single-page .final-cta {
  background:
    radial-gradient(circle at 18% 0%, rgba(53, 210, 143, 0.2), transparent 22rem),
    radial-gradient(circle at 92% 12%, rgba(215, 180, 106, 0.14), transparent 18rem),
    linear-gradient(145deg, rgba(8, 26, 18, 0.96), rgba(2, 8, 6, 0.96));
}

/* STEP 072 — Single: immagine Per single larga come il contenitore pagina */
@media (min-width: 901px) {
  body.famyro-single-page #funzioni .target-image-card {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 42px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  body.famyro-single-page #funzioni .target-image-card img {
    object-position: center center !important;
  }
}

/* STEP 059 — Single: testo card Problema e soluzione più leggibile */
body.famyro-single-page #problemi .story-panel p {
  font-size: 1.14rem;
  line-height: 1.72;
}