/* ============================================================
   LOST — Header/HERO
   Figma: nodo 240:3810 (pagina 240:3809)
   ============================================================ */
.lo-hero {
  position: relative;
  padding: 96px var(--sp-s) 128px;
  overflow: hidden;
}
.lo-hero__glow--cyan {
  position: absolute;
  left: 1420px; top: -160px;
  width: 620px; height: 620px;
  border-radius: 310px;
  filter: blur(40px);
  background: radial-gradient(circle at 50% 50%,
              rgba(53, 209, 223, 0.28) 0%, rgba(53, 209, 223, 0) 64%);
  pointer-events: none;
}
.lo-hero__glow--lime {
  position: absolute;
  left: -140px; top: 484px;
  width: 460px; height: 460px;
  border-radius: 230px;
  filter: blur(40px);
  background: radial-gradient(circle at 50% 50%,
              rgba(194, 232, 80, 0.26) 0%, rgba(194, 232, 80, 0) 64%);
  pointer-events: none;
}
.lo-hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: 561.5fr 550.5fr;
  align-items: center;
  gap: var(--sp-xl);
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.lo-hero__copy { min-width: 0; }
.lo-hero__eyebrow { margin-top: 22.6px; }
/* Heading 1 — Figma 240:3821 (561.5 × 158.58 = 2 righe da 79.29) */
.lo-hero__title {
  margin-top: 22.6px;
  font-family: var(--f-1);
  font-weight: var(--fw-900);
  font-size: var(--fs-78);
  line-height: 79.29px;
  letter-spacing: var(--ls--1-72);
  background: linear-gradient(125deg,
              var(--c-java) 0%, var(--c-scooter) 30%,
              var(--c-green-74) 62%, var(--c-conifer) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.lo-hero__title span { color: var(--c-bunker); }
/* Figma 240:3823 (518 × 96 = 3 righe da 32) */
.lo-hero__lead {
  max-width: 518px;
  margin-top: 22.6px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: 20px;
  line-height: var(--lh-32);
  color: var(--c-shuttle-gray);
}
.lo-hero__actions {
  display: flex;
  align-items: center;
  gap: var(--sp-14);
  margin-top: 31.6px;
}
.lo-hero__actions .btn-outline { width: 207px; border-color: #d2d9db; }
.lo-hero__note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 22.6px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-13);
  line-height: var(--lh-20-8);
  color: var(--c-regent-gray);
}
.lo-hero__note::before {
  content: "";
  width: 8px; height: 8px;
  border-radius: 4px;
  background: var(--c-conifer);
  flex-shrink: 0;
}

/* ---------- Colonna visiva — Figma 240:3836 (550.5 × 560) ---------- */
.lo-stage { position: relative; min-width: 0; aspect-ratio: 550.5 / 560; }
.lo-stage__glow {
  position: absolute;
  left: -2%; top: 52.88%;
  width: 52%;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(30px);
  background: radial-gradient(circle at 50% 50%,
              rgba(155, 224, 168, 0.55) 0%, rgba(155, 224, 168, 0) 66%);
}
/* Overlay+Shadow — Figma 240:3838 (429.38 × 560) */
.lo-stage__photo {
  position: absolute;
  left: 20.0%; top: 0;
  width: 78.0%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
  box-shadow: 0 40px 80px -34px rgba(11, 16, 18, 0.4);
}
/* Background — Figma 240:3841 (190 × 364, telefono) */
.lo-stage__phone {
  position: absolute;
  left: -4.0%; top: 29.0%;
  width: 34.51%;
  padding: 4.21%;                /* 8 / 190 */
  background: var(--c-white);
  border-radius: 26px;
  box-shadow: 0 34px 64px -28px rgba(11, 16, 18, 0.45);
}
.lo-stage__phone img { width: 100%; height: auto; border-radius: 20px; }
/* Background+Border — Figma 240:3865 (199 × 77, testimonianza) */
.lo-quote {
  position: absolute;
  left: -1.91%; top: 8.04%;
  width: 199px;
  padding: 17px 21px;
  background: var(--c-white);
  border-radius: 18px;
  box-shadow: 0 24px 50px -24px rgba(11, 16, 18, 0.35);
}
.lo-quote__text {
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-15);
  line-height: 21px;
  color: var(--c-bunker);
  white-space: nowrap;
}
.lo-quote__who {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 5.9px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--c-shuttle-gray);
  white-space: nowrap;
}
.lo-quote__who::before {
  content: "";
  width: 20px; height: 20px;
  border-radius: 50%;
  flex-shrink: 0;
  background: linear-gradient(125deg,
              var(--c-scooter) 0%, var(--c-spring-green) 55%, var(--c-conifer) 100%);
}

@media (max-width: 1180px) {
  .lo-hero__inner { grid-template-columns: 1fr; gap: 48px; }
  .lo-stage { max-width: 550.5px; width: 100%; margin-inline: auto; }
  .lo-hero__glow--cyan, .lo-hero__glow--lime { display: none; }
}
@media (max-width: 720px) {
  .lo-hero { padding: 72px var(--sp-s) 88px; }
  .lo-hero__inner { padding-inline: 0; }
  .lo-hero__title { font-size: 44px; line-height: 1.04; letter-spacing: -0.9px; }
  .lo-hero__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .lo-hero__actions { flex-direction: column; align-items: stretch; }
  .lo-hero__actions .btn-lime, .lo-hero__actions .btn-outline { width: 100%; justify-content: center; }
  .lo-quote { transform: scale(.85); transform-origin: left top; }
}

/* ============================================================
   LOST — STORYTELLING
   Figma: nodo 240:3872 (1920x745.42, fondo scuro)
   ============================================================ */
.lo-story {
  background: var(--c-bunker);
  padding: 96px var(--sp-s);
}
.lo-story__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
}

/* Blocco introduttivo — Figma 240:3874 (605.63 di larghezza, centrato) */
.lo-story__intro {
  width: 605.63px;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}
.lo-story__intro .eyebrow { padding-top: 6.91px; }
.lo-story__title {
  margin: 21.51px auto 0;   /* 41.51 - 6.91 - 20 + 6.91 di scarto tipografico */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-44);
  line-height: var(--lh-46-2);
  letter-spacing: var(--ls--1-1);
  color: var(--c-white);
}
.lo-story__lead {
  margin: 15.11px auto 0;   /* 152.855 - (41.51 + 96.745) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: var(--lh-30-4);
  color: var(--c-green-spring);
}

/* Fila dei quattro passi — Figma 240:3882 (1176 di larghezza, 32 di rientro) */
.lo-story__flow {
  position: relative;
  margin: 48px 32px 0;       /* 263.035 - 215.035 */
}
.lo-story__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;                 /* passo 300 - blocco 276 */
}

/* Connettore — Figma 240:3883: 987.84x2 a y=54, passa dietro le foto */
.lo-story__line {
  position: absolute;
  top: 54px;
  left: 8%;                  /* 94.078 / 1176 */
  right: 8%;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--c-conifer) 0%, var(--c-scooter) 100%);
  pointer-events: none;
}

.lo-story__step {
  position: relative;
  text-align: center;
}

/* Foto a goccia — Figma 240:3885: 162x161, bordo bianco 5, ombra */
.lo-story__shot {
  position: relative;
  width: 162px;
  height: 161px;
  margin: 0 auto;
  padding: 5px;
  background: var(--c-white);
  border-radius: 80px 24px 76px 28px;
  box-shadow: 0 18px 40px rgba(11, 16, 18, 0.45);
  overflow: hidden;
}
.lo-story__shot img {
  width: 152px;
  height: 151px;
  object-fit: cover;
  border-radius: 76px 20px 72px 24px;
}

/* Numero — Figma 240:3887 */
.lo-story__num {
  margin: 19.2px 0 0;        /* 168.2 - 161 + 12 di rientro interno */
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 18px;
  letter-spacing: var(--ls-0-66);
  color: var(--c-java);
}

/* Titolo — Figma 240:3889 */
.lo-story__step-title {
  margin: 8.4px 0 0;         /* 205.79 - 198.59 + 1.2 di scarto */
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-19);
  line-height: var(--lh-30-4);
  letter-spacing: var(--ls--0-28);
  color: var(--c-white);
}

/* Didascalia — Figma 240:3891 (229.63 di larghezza) */
.lo-story__step-text {
  width: 229.63px;
  max-width: 100%;
  margin: 7.2px auto 0;      /* 244.8 - 237.6 */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-14);
  line-height: var(--lh-22-4);
  color: var(--c-green-spring);
}

@media (max-width: 1120px) {
  .lo-story__steps { grid-template-columns: repeat(2, 1fr); gap: 48px 24px; }
  .lo-story__flow { margin-inline: 0; }
  .lo-story__line { display: none; }
}
@media (max-width: 720px) {
  .lo-story { padding: 72px var(--sp-s); }
  .lo-story__title { font-size: 34px; line-height: 1.08; }
  .lo-story__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .lo-story__steps { grid-template-columns: 1fr; gap: 40px; }
}

/* ============================================================
   LOST — COS'È LOST
   Figma: nodo 240:3920 (1920x663, fondo lime)
   ============================================================ */
.lo-cos {
  background: var(--c-conifer);
  padding: 96px var(--sp-s) 37.47px;   /* 663 - 96 - 529.53 */
}
.lo-cos__inner {
  display: grid;
  grid-template-columns: 582.476fr 529.524fr;
  align-items: center;
  gap: var(--sp-xl);
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}

/* ---------- Colonna testo — Figma 240:3922 ---------- */
.lo-cos__copy { min-width: 0; }
.lo-cos__copy .eyebrow { color: var(--c-teal-26); padding-top: 6.91px; }
.lo-cos__copy .eyebrow::before { background: var(--c-teal-26); }
/* Heading 2 — Figma 240:3926 (582.48 × 89 = 2 righe da 44.8) */
.lo-cos__title {
  margin-top: -1.4px;        /* 25.61 nel Figma, meno l'occhiello (6.91 + 19.2) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-42);
  line-height: var(--lh-44-8);
  letter-spacing: var(--ls--0-84);
  color: var(--c-bunker);
}
/* Figma 240:3928 (32 di interlinea) */
.lo-cos__sub {
  margin-top: 16px;
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: 20px;
  line-height: var(--lh-32);
  color: var(--c-bunker);
}
/* Figma 240:3930 (5 righe da 27.2) */
.lo-cos__text {
  margin-top: 15.4px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: 17px;
  line-height: var(--lh-27-2);
  color: rgba(11, 16, 18, 0.8);   /* bunker all'80% sul lime (campionato) */
}

/* ---------- Colonna visiva — Figma 240:3932 (529.52 quadrata) ---------- */
.lo-cos__stage {
  position: relative;
  min-width: 0;
  aspect-ratio: 1;
}
/* Background — Figma 240:3933 (254.17 × 264.77, ciano dietro la foto) */
.lo-cos__tile {
  position: absolute;
  left: 52.0%; top: 50.0%;
  width: 48.0%; height: 50.0%;
  background: var(--c-scooter);
  border-radius: 24px 60px 24px 60px;
}
/* Overlay+Shadow — Figma 240:3934 (455.4 quadrata) */
.lo-cos__photo {
  position: absolute;
  left: 0; top: 0;
  width: 86.0%; height: 86.0%;
  object-fit: cover;
  border-radius: 60px 24px 60px 24px;
  box-shadow: 0 40px 80px -34px rgba(11, 16, 18, 0.4);
}

@media (max-width: 1180px) {
  .lo-cos__inner { grid-template-columns: 1fr; gap: 48px; }
  .lo-cos__stage { max-width: 529.524px; width: 100%; margin-inline: auto; }
}
@media (max-width: 720px) {
  .lo-cos { padding: 72px var(--sp-s); }
  .lo-cos__inner { padding-inline: 0; }
  .lo-cos__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .lo-cos__sub { font-size: var(--fs-18); line-height: var(--lh-28-8); }
  .lo-cos__text { font-size: var(--fs-16); line-height: var(--lh-25-6); }
}

/* ============================================================
   LOST — ANIMALI
   Figma: nodo 240:3936 (1920x703.52, fondo ciano)
   ============================================================ */
.lo-pet {
  position: relative;
  background: var(--c-scooter);
  padding: 96px var(--sp-s);
  overflow: hidden;
}
/* Gradient — Figma 240:3937 (600x600 a -192/-281.41) */
.lo-pet__glow {
  position: absolute;
  left: -192px; top: -281.41px;
  width: 600px; height: 600px;
  border-radius: 300px;
  background: radial-gradient(circle at 50% 50%,
              rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 90.7%);
  pointer-events: none;
}
.lo-pet__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: var(--sp-xl);
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}

/* ---------- Colonna visiva — Figma 240:3939 (556 × 511.52) ---------- */
.lo-pet__stage { position: relative; min-width: 0; }
/* Overlay+Shadow — Figma 240:3940 */
.lo-pet__photo {
  width: 100%;
  aspect-ratio: 556 / 511.52;
  object-fit: cover;
  object-position: center top;
  border-radius: 140px 40px 140px 40px;
  box-shadow: 0 40px 80px -34px rgba(11, 16, 18, 0.35);
}
/* Background — Figma 240:3942 (194.66 × 84.78) */
.lo-pet__tag {
  position: absolute;
  left: 68.99%; top: 75.43%;
  width: 194.66px;
  padding: 16px 20px 17.29px;
  background: var(--c-white);
  border-radius: 20px;
  box-shadow: 0 26px 54px -26px rgba(11, 16, 18, 0.4);
}
.lo-pet__tag-name {
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-18);
  line-height: 28px;
  color: var(--c-bunker);
}
.lo-pet__tag-note {
  margin-top: 3.49px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-13);
  line-height: var(--lh-20-8);
  color: var(--c-regent-gray);
  white-space: nowrap;
}

/* ---------- Colonna testo — Figma 240:3947 (556 × 405.86) ---------- */
.lo-pet__copy { min-width: 0; }
.lo-pet__copy .eyebrow { color: var(--c-teal-26); padding-top: 6.91px; }
.lo-pet__copy .eyebrow::before { background: var(--c-teal-26); }
/* Heading 2 — Figma 240:3951 (2 righe da 47.84) */
.lo-pet__title {
  margin-top: 15.5px;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-46);
  line-height: var(--lh-47-84);
  letter-spacing: var(--ls--1-14);
  color: var(--c-bunker);
}
/* Figma 240:3953 (476.92 di larghezza, 4 righe da 28.8) */
.lo-pet__text {
  max-width: 476.92px;
  margin-top: 14.6px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-18);
  line-height: var(--lh-28-8);
  color: var(--c-elephant);
}
/* Figma 240:3955 (3 voci, passo 40) */
.lo-pet__checks { margin-top: 30.8px; }
.lo-pet__checks li {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 26px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-15);
  line-height: 24px;
  color: var(--c-elephant);
}
.lo-pet__checks li + li { margin-top: 14px; }

@media (max-width: 1180px) {
  .lo-pet__inner { grid-template-columns: 1fr; gap: 56px; }
  .lo-pet__stage { max-width: 556px; width: 100%; margin-inline: auto; }
  .lo-pet__glow { display: none; }
}
@media (max-width: 720px) {
  .lo-pet { padding: 72px var(--sp-s); }
  .lo-pet__inner { padding-inline: 0; }
  .lo-pet__title { font-size: 34px; line-height: 1.06; letter-spacing: -0.8px; }
  .lo-pet__text { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .lo-pet__photo { border-radius: 80px 24px 80px 24px; }
  .lo-pet__tag { transform: scale(.86); transform-origin: right bottom; }
}

/* ============================================================
   LOST — COSA PROTEGGERE
   Figma: nodo 240:3971 (1920x794.26, fondo scuro)
   ============================================================ */
.lo-prot {
  background: var(--c-bunker);
  padding: 96px var(--sp-s);
}
.lo-prot__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
/* Container — Figma 240:3973 (605.63 di larghezza) */
.lo-prot__head { max-width: 605.63px; }
.lo-prot__head .eyebrow { padding-top: 6.91px; }
.lo-prot__title {
  margin-top: 14.5px;        /* 41.515 nel Figma, meno l'occhiello (6.91 + 19.2) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-44);
  line-height: var(--lh-46-2);
  letter-spacing: var(--ls--1-1);
  color: var(--c-white);
}

/* Mosaico — Figma 240:3979 (1176 × 416, 4 colonne da 282 con gap 16) */
.lo-prot__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 200px;
  gap: 16px;
  margin-top: 54px;          /* 186.26 - 138.26 nel Figma, piu' lo scarto tipografico */
}
.lo-prot__cell {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 36px;
}
.lo-prot__cell picture { display: block; height: 100%; }
.lo-prot__cell--tall { grid-row: span 2; }
.lo-prot__cell--wide { grid-column: span 2; }
.lo-prot__cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Background+OverlayBlur — Figma 240:3982 (pillola in basso a sinistra) */
.lo-prot__pill {
  position: absolute;
  left: 18px; bottom: 16px;
  padding: 7.5px 15px 7.89px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  border-radius: var(--r-pill);
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-14);
  line-height: 23px;
  color: var(--c-teal-20);
  white-space: nowrap;
}

@media (max-width: 1120px) {
  .lo-prot__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 190px; }
  .lo-prot__cell--wide { grid-column: span 2; }
  .lo-prot__cell--tall { grid-row: span 1; }
}
@media (max-width: 720px) {
  .lo-prot { padding: 72px var(--sp-s); }
  .lo-prot__inner { padding-inline: 0; }
  .lo-prot__title { font-size: 34px; line-height: 1.06; letter-spacing: -0.8px; }
  .lo-prot__grid { grid-template-columns: 1fr; grid-auto-rows: 200px; gap: 12px; }
  .lo-prot__cell--wide { grid-column: span 1; }
  .lo-prot__cell { border-radius: 24px; }
}

/* ============================================================
   LOST — PRIVACY (striscia a gradiente)
   Figma: nodo 240:4000 (1920x325.78)
   ============================================================ */
.lo-priv {
  padding: 95px var(--sp-s) 96px;
  background: linear-gradient(125.0000006419479deg,
              var(--c-java) 0%, var(--c-scooter) 30%,
              var(--c-green-74) 62%, var(--c-conifer) 100%);
}
.lo-priv__inner {
  display: flex;
  align-items: center;
  gap: 48px;
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
/* Overlay — Figma 240:4002 (72x72, velo scuro al 10.4% sul gradiente) */
.lo-priv__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px; height: 72px;
  border-radius: 24px;
  background: rgba(11, 16, 18, 0.104);
  flex-shrink: 0;
}
.lo-priv__icon img { width: 34px; height: 34px; }

.lo-priv__copy { flex: 1; min-width: 0; }
/* Heading 3 — Figma 240:4008 */
.lo-priv__title {
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-30);
  line-height: var(--fs-52);
  letter-spacing: var(--ls--0-88);
  color: var(--c-bunker);
}
/* Figma 240:4010 (506 di larghezza, 3 righe da 25.6) */
.lo-priv__text {
  max-width: 524.88px;
  margin-top: 5.1px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-16);
  line-height: var(--lh-25-6);
  color: var(--c-firefly);
}
/* Link — Figma 240:4012 (163.36 × 60) */
.lo-priv__cta {
  width: 163.36px;
  flex-shrink: 0;
}

@media (max-width: 1120px) {
  .lo-priv__inner { flex-wrap: wrap; gap: 32px; }
  .lo-priv__copy { flex-basis: 100%; order: 2; }
  .lo-priv__cta { order: 3; }
}
@media (max-width: 720px) {
  .lo-priv { padding: 64px var(--sp-s); }
  .lo-priv__inner { padding-inline: 0; }
  .lo-priv__title { font-size: var(--fs-24); line-height: 1.2; }
}

/* ============================================================
   LOST — FAQ
   Figma: nodo 240:4018 (1920x640.02). Le schede riusano .faq-*.
   ============================================================ */
/* Il fondo e' 74.8 e non 96: nel Figma il contenitore delle schede e' alto
   307.59 ma le schede ne occupano 331.58, e l'altezza della sezione (640.02)
   e' calcolata sul contenitore. Cosi' la sezione seguente parte a y=4730. */
.lo-faq { padding: 97px var(--sp-s) 74.8px; }
.lo-faq__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.lo-faq__intro { max-width: 605.63px; padding-top: 6.91px; }
/* Heading 2 — Figma 240:4024 (riga singola alta 48.83) */
.lo-faq__title {
  margin-top: 14.69px;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-46);
  line-height: var(--lh-47-84);
  letter-spacing: var(--ls--0-92);
  color: var(--c-bunker);
}
.lo-faq .faq-grid { margin-top: 48px; }

@media (max-width: 720px) {
  .lo-faq { padding: 72px var(--sp-s); }
  .lo-faq__inner { padding-inline: 0; }
  .lo-faq__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
}

/* ============================================================
   LOST — CTA FINALE
   Figma: nodo 240:4051 (1920x598.79)
   ============================================================ */
.lo-cta {
  position: relative;
  padding: 128px var(--sp-s);
  overflow: hidden;
  text-align: center;
}
.lo-cta__glows {
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: var(--w-container);
  margin-left: -620px;        /* meta' di --w-container */
  pointer-events: none;
}
/* Gradient+Blur — Figma 240:4052 (x=580 y=-70, 760 × 460, lime) */
.lo-cta__glow--lime {
  position: absolute;
  left: 240px; top: -70px;
  width: 760px; height: 460px;
  border-radius: 230px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(194, 232, 80, 0.30) 0%, rgba(194, 232, 80, 0) 64%);
}
/* Gradient+Blur — Figma 240:4053 (x=537.59 y=328.78, 520 × 360, ciano) */
.lo-cta__glow--cyan {
  position: absolute;
  left: 197.59px; top: 328.78px;
  width: 520px; height: 360px;
  border-radius: 180px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(53, 209, 223, 0.30) 0%, rgba(53, 209, 223, 0) 64%);
}
.lo-cta__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.lo-cta .eyebrow { padding-top: 6.9px; }
/* Heading 2 — Figma 240:4058 (350 × 122 = 2 righe da 61) */
.lo-cta__title {
  /* le due righe sono interrotte a mano come nel Figma (nodo largo 350) */
  white-space: nowrap;
  margin-top: -0.1px;        /* 26 nel Figma, meno l'occhiello (6.9 + 19.2) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: 62px;
  line-height: 61px;
  letter-spacing: -0.91px;
  /* gradiente ancorato all'intero blocco, come nel Figma */
  background: linear-gradient(125deg,
              var(--c-java) 0%, var(--c-scooter) 30%,
              var(--c-green-74) 62%, var(--c-conifer) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.lo-cta__title span { color: var(--c-bunker); }
/* Figma 240:4061 (503 × 61 = 2 righe da 30.4) */
.lo-cta__lead {
  width: 503px;
  max-width: 100%;
  margin-top: 23.1px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: var(--lh-30-4);
  color: var(--c-shuttle-gray);
}
/* Figma 240:4062 — i due bottoni */
.lo-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-14);
  margin-top: 49.9px;
}
/* Link — Figma 240:4063 (263 × 62): stesso bottone del resto del sito,
   ma con il gradiente rovesciato (lime a sinistra, ciano a destra). */
.lo-cta__actions .btn-gradient {
  margin-top: 0;
  width: 263px;
  background: linear-gradient(305deg,
              var(--c-java) 0%, var(--c-scooter) 30%,
              var(--c-green-74) 62%, var(--c-conifer) 100%);
}
/* Link — Figma 240:4069 (207 × 62) */
.lo-cta__actions .btn-outline { width: 207px; }

@media (max-width: 1024px) {
  .lo-cta { padding: 96px var(--sp-s); }
  .lo-cta__glows { display: none; }
}
@media (max-width: 720px) {
  .lo-cta__inner { padding-inline: 0; }
  .lo-cta__title { font-size: 34px; line-height: 1.15; white-space: normal; }
  .lo-cta__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .lo-cta__actions { flex-direction: column; align-items: stretch; }
  .lo-cta__actions .btn-gradient, .lo-cta__actions .btn-outline { width: 100%; justify-content: center; }
}