/* ============================================================
   ACCESS — Header/HERO
   Figma: nodo 237:3033 (pagina 237:3032)
   ============================================================ */
.ac-hero {
  position: relative;
  padding: 96px var(--sp-s) 64px;
  overflow: hidden;
}
/* Gradient+Blur — Figma 237:3034 */
.ac-hero__glow {
  position: absolute;
  left: 1480px; top: -180px;
  width: 560px; height: 560px;
  border-radius: 280px;
  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;
}
.ac-hero__inner {
  position: relative;
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.ac-hero__intro { max-width: 605.63px; margin-inline: auto; text-align: center; }
.ac-hero__intro .fz-breadcrumb { justify-content: center; }
.ac-hero__eyebrow { margin-top: 15.2px; justify-content: center; }
/* Heading 1 — Figma 237:3043 (282 × 130 = 2 righe da 65) */
.ac-hero__title {
  max-width: 282px;
  margin: 22.5px auto 0;
  font-family: var(--f-1);
  font-weight: var(--fw-900);
  font-size: 62px;
  line-height: 65px;
  letter-spacing: -1.36px;
  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;
}
.ac-hero__title span { color: var(--c-bunker); }
/* Figma 237:3045 (591 × 61 = 2 righe da 30.4) */
.ac-hero__lead {
  max-width: 591px;
  margin: 15.2px auto 0;
  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);
}

/* ---------- Pannello a due metà — Figma 237:3046 (1176 × 440) ---------- */
.ac-split {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 48px;
  border-radius: 44px;
  overflow: hidden;
  box-shadow: 0 40px 80px -40px rgba(11, 16, 18, 0.45);
}
.ac-half {
  position: relative;
  display: block;
  aspect-ratio: 588 / 440;
  overflow: hidden;
  color: var(--c-white);
}
.ac-half__photo {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Gradient — Figma 237:3049 / 237:3068.
   Profilo ricavato confrontando il render col file originale della foto:
   ~0.95 fino al 20%, 0.60 al 41%, si annulla al 62%. */
.ac-half__veil {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.ac-half--left .ac-half__veil {
  background: linear-gradient(to right,
              rgba(11, 16, 18, 0.95) 0%,  rgba(11, 16, 18, 0.95) 20%,
              rgba(11, 16, 18, 0.60) 41%, rgba(11, 16, 18, 0) 62%);
}
.ac-half--right .ac-half__veil {
  background: linear-gradient(to left,
              rgba(11, 16, 18, 0.95) 0%,  rgba(11, 16, 18, 0.95) 20%,
              rgba(11, 16, 18, 0.60) 41%, rgba(11, 16, 18, 0) 62%);
}
.ac-half__body {
  position: relative;
  display: block;
  z-index: 1;
  height: 100%;
  padding: 44px;
}
.ac-half--right .ac-half__body { text-align: right; }
.ac-half__kicker {
  display: block;
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: var(--lh-17-6);
  letter-spacing: var(--ls-2-4);
  text-transform: uppercase;
}
.ac-half--left  .ac-half__kicker { color: var(--c-conifer); }
.ac-half--right .ac-half__kicker { color: #cfe9ec; }
/* Overlay — Figma 237:3054 / 237:3073 (quadrato 56 × 56, icona 26) */
.ac-half__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px; height: 56px;
  margin-top: 22.9px;
  border-radius: 18px;
}
.ac-half--left  .ac-half__icon { background: var(--c-conifer-18); }
.ac-half--right .ac-half__icon { background: var(--c-white-16); }
.ac-half--right .ac-half__icon { margin-left: auto; }
.ac-half__icon img { width: 26px; height: 26px; }
.ac-half__label {
  display: block;
  margin-top: 59.3px;
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 20px;
  letter-spacing: var(--ls-2-4);
  text-transform: uppercase;
}
.ac-half--left  .ac-half__label { color: var(--c-scooter); }
.ac-half--right .ac-half__label { color: #cfe9ec; }
/* Heading 3 — Figma 237:3059 / 237:3079 (2 righe da 33.5) */
.ac-half__title {
  display: block;
  margin-top: 6.3px;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: 32px;
  line-height: 33.5px;
  color: var(--c-white);
}
.ac-half__text {
  display: block;
  max-width: 321.74px;
  margin-top: 19.4px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-15);
  line-height: var(--fs-24);
  color: var(--c-green-spring);
}
.ac-half--right .ac-half__text { margin-left: auto; }
.ac-half__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-15);
  line-height: 23px;
  color: var(--c-white);
  transition: gap .18s ease;
}
.ac-half__link:hover { gap: 13px; }
.ac-half__link img { width: 15px; height: 15px; }

/* Background+Border — Figma 237:3087 (cerchio 104 con pillola sotto) */
.ac-badge {
  position: absolute;
  left: 50%;
  top: 168px;
  width: 104px;
  margin-left: -52px;
  z-index: 2;
  text-align: center;
  pointer-events: none;
}
.ac-badge__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px; height: 104px;
  border-radius: 50%;
  background: var(--c-white);
  box-shadow: 0 20px 40px -18px rgba(11, 16, 18, 0.55);
}
.ac-badge__circle img { width: 46px; height: 46px; }
.ac-badge__pill {
  display: inline-block;
  margin-top: 4.61px;
  padding: 2px 10px;
  background: var(--c-bunker);
  border-radius: var(--r-pill);
  font-family: var(--f-1);
  font-weight: var(--fw-600);
  font-size: var(--fs-10);
  line-height: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--c-white);
  white-space: nowrap;
}

@media (max-width: 900px) {
  .ac-split { grid-template-columns: 1fr; border-radius: 32px; }
  .ac-badge { display: none; }
  .ac-half--right .ac-half__body { text-align: left; }
  .ac-half--right .ac-half__icon, .ac-half--right .ac-half__text { margin-left: 0; }
  .ac-half--right .ac-half__veil { background: linear-gradient(to right,
      rgba(11,16,18,.95) 0%, rgba(11,16,18,.95) 20%,
      rgba(11,16,18,.60) 41%, rgba(11,16,18,0) 62%); }
}
@media (max-width: 720px) {
  .ac-hero { padding: 72px var(--sp-s) 56px; }
  .ac-hero__inner { padding-inline: 0; }
  .ac-hero__title { font-size: 40px; line-height: 1.06; letter-spacing: -0.8px; max-width: none; }
  .ac-hero__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .ac-half__body { padding: 28px; }
  .ac-half__title { font-size: 26px; line-height: 1.15; }
}

/* ============================================================
   ACCESS — Section "SHELLY"
   Figma: nodo 237:3093
   ============================================================ */
.ac-feature {
  position: relative;
  padding: 96px var(--sp-s);
  background: var(--c-bunker);
  overflow: hidden;
}
.ac-feature__glow {
  position: absolute;
  left: 652.8px; top: -73.19px;
  width: 520px; height: 460px;
  border-radius: 230px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(53, 209, 223, 0.22) 0%, rgba(53, 209, 223, 0) 64%);
  pointer-events: none;
}
.ac-feature__inner {
  position: relative;
  display: grid;
  grid-template-columns: 583.8fr 528.2fr;
  align-items: center;
  gap: var(--sp-xl);
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.ac-feature__copy { min-width: 0; }
.ac-feature__kicker {
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: var(--lh-17-6);
  letter-spacing: var(--ls-2-4);
  text-transform: uppercase;
  color: var(--c-conifer);
}
/* Heading 2 — Figma 237:3101 (583.8 × 94 = 2 righe da 47) */
.ac-feature__title {
  margin-top: 14.8px;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-46);
  line-height: 47px;
  letter-spacing: var(--ls--0-92);
  color: var(--c-white);
}
/* Figma 237:3103 (476 × 87 = 3 righe da 28.8) */
.ac-feature__lead {
  max-width: 476px;
  margin-top: 14.8px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-18);
  line-height: var(--lh-28-8);
  color: var(--c-green-spring);
}
/* Figma 237:3104 — elenco con spunte, passo 39 */
.ac-checks { margin-top: 34.4px; }
.ac-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: var(--fs-24);
  color: var(--c-loblolly);
}
.ac-checks li + li { margin-top: 13px; }
.ac-checks__box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px; height: 24px;
  border-radius: 8px;
  background: var(--c-conifer-16);
  flex-shrink: 0;
}
.ac-checks__box img { width: 13px; height: 13px; }

/* ---------- Colonna visiva — Figma 237:3117 (528.2 × 541) ---------- */
.ac-stage {
  position: relative;
  min-width: 0;
  aspect-ratio: 528.2 / 541;
}
/* Overlay+Shadow — Figma 237:3118 (410 × 420) */
.ac-stage__photo {
  position: absolute;
  left: 5.15%; top: 10.46%;
  width: 77.62%;
  aspect-ratio: 410 / 420;
  object-fit: cover;
  border-radius: 34px;
  box-shadow: 0 34px 64px -30px rgba(0, 0, 0, 0.6);
}
/* Background+Border — Figma 237:3120 (224 × 428, cornice del telefono) */
.ac-stage__phone {
  position: absolute;
  left: 57.59%; top: 20.89%;
  width: 42.41%;
  padding: 1.89%;                /* 10 / 224 */
  background: #0e1519;
  border: var(--sw-1) solid #202a2e;
  border-radius: 30px;
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.7);
}
.ac-stage__phone img { width: 100%; height: auto; border-radius: 22px; }

@media (max-width: 1100px) {
  .ac-feature__inner { grid-template-columns: 1fr; gap: 48px; }
  .ac-stage { max-width: 528.2px; width: 100%; margin-inline: auto; }
  .ac-feature__glow { display: none; }
}
@media (max-width: 720px) {
  .ac-feature { padding: 72px var(--sp-s); }
  .ac-feature__inner { padding-inline: 0; }
  .ac-feature__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .ac-feature__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
}

/* ============================================================
   ACCESS — Section "TASTIERINO VIRTUALE"
   Figma: nodo 237:3125 (speculare a SHELLY: immagine a sinistra)
   ============================================================ */
.ac-feature--cyan { background: var(--c-scooter); }
.ac-feature--cyan .ac-feature__glow {
  left: 824px;
  background: radial-gradient(ellipse at 50% 50%,
              rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0) 62%);
}
.ac-feature--cyan .ac-feature__inner { grid-template-columns: 583.8fr 528.2fr; }
.ac-feature--cyan .ac-feature__kicker { color: var(--c-teal-14); }
.ac-feature--cyan .ac-feature__title  { color: var(--c-bunker); }
.ac-feature--cyan .ac-feature__lead   { color: var(--c-elephant); max-width: 470px; }
.ac-feature--cyan .ac-checks li       { color: var(--c-teal-20); }
.ac-feature--cyan .ac-checks__box     { background: var(--c-white); }

/* Colonna visiva — Figma 237:3149 / 237:3151 (583.8 × 560) */
.ac-stage2 {
  position: relative;
  min-width: 0;
  aspect-ratio: 583.8 / 560;
}
/* Overlay+Shadow — Figma 237:3149 (513.75 × 475.2) */
.ac-stage2__photo {
  position: absolute;
  left: 0; top: 0;
  width: 88.0%;                  /* 513.75 / 583.8 */
  aspect-ratio: 513.75 / 475.2;
  object-fit: cover;
  border-radius: 34px;
  box-shadow: 0 34px 64px -30px rgba(11, 16, 18, 0.45);
}
/* Background+Border — Figma 237:3154 (224 × 428, tastierino) */
.ac-stage2__card {
  position: absolute;
  left: 61.63%;                  /* 359.8 / 583.8 */
  top: 23.57%;                   /* 132 / 560 */
  width: 38.37%;                 /* 224 / 583.8 */
  padding: 4.46%;                /* 10 / 224 */
  background: var(--c-white);
  border-radius: 30px;
  box-shadow: 0 40px 80px -30px rgba(11, 16, 18, 0.45);
}
.ac-stage2__card img { width: 100%; height: auto; border-radius: 22px; }
/* Figma 237:3152 / 237:3153 — "Valido fino alle 18:00" sopra la foto */
.ac-stage2__note {
  position: absolute;
  left: 1.2%;
  top: -6.05%;                   /* -33.91 / 560 */
  display: flex;
  align-items: center;
  gap: 13px;
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-16);
  line-height: var(--lh-25-6);
  color: var(--c-bunker);
  white-space: nowrap;
}
.ac-stage2__note::before {
  content: "";
  width: 30px; height: 27px;
  border-radius: 10px;
  background: var(--c-bunker);
  flex-shrink: 0;
}

@media (max-width: 1100px) {
  .ac-stage2 { max-width: 583.8px; width: 100%; margin-inline: auto; }
  .ac-feature--cyan .ac-feature__inner { grid-template-columns: 1fr; }
}

/* ============================================================
   ACCESS — Section "COMPARAZIONE"
   Figma: nodo 237:3158
   ============================================================ */
.ac-comp { padding: 96px var(--sp-s); background: var(--c-conifer); }
.ac-comp__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.ac-comp__intro { max-width: 605.63px; margin-inline: auto; padding-top: 6.9px; text-align: center; }
/* Heading 2 — Figma 237:3165 (409 × 93 = 2 righe da 46.2) */
.ac-comp__title {
  max-width: 409px;
  margin: 14.8px auto 0;
  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--0-88);
  color: var(--c-bunker);
}
/* Figma 237:3167 (564 × 61.58 = 2 righe da 30.4) */
.ac-comp__lead {
  max-width: 564px;
  margin: 14.8px auto 0;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: var(--lh-30-4);
  color: var(--c-bunker);
}
/* Figma 237:3168 (due schede 579 × 367.78, passo 597) */
.ac-comp__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 48px;
}
.ac-cmp {
  padding: 36px;
  border-radius: 44px;
}
.ac-cmp--dark  { background: var(--c-bunker); }
.ac-cmp--light { background: var(--c-white); }
.ac-cmp__head {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 60.78px;
}
.ac-cmp__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px; height: 48px;
  border-radius: 16px;
  flex-shrink: 0;
}
.ac-cmp--dark  .ac-cmp__icon { background: var(--c-conifer-16); }  /* #28321c misurato */
.ac-cmp--light .ac-cmp__icon { background: var(--c-aqua-haze); }
.ac-cmp__icon img { width: 24px; height: 24px; }
.ac-cmp__kicker {
  display: block;
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-11);
  line-height: 16px;
  letter-spacing: var(--ls-1-54);
  text-transform: uppercase;
}
.ac-cmp--dark  .ac-cmp__kicker { color: #9d9fa0; }
.ac-cmp--light .ac-cmp__kicker { color: #6d7071; }
.ac-cmp__name {
  display: block;
  margin-top: 2.1px;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-24);
  line-height: 36px;
}
.ac-cmp--dark  .ac-cmp__name { color: var(--c-white); }
.ac-cmp--light .ac-cmp__name { color: var(--c-bunker); }
/* righe — Figma 237:3176 e seguenti */
.ac-cmp__row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-height: 53px;
  padding-top: 15px;
}
.ac-cmp__row:first-of-type { min-height: 76px; padding-top: 38px; }
.ac-cmp__row + .ac-cmp__row { border-top: var(--sw-1) solid; }
.ac-cmp--dark  .ac-cmp__row + .ac-cmp__row { border-top-color: #1d2629; }
.ac-cmp--light .ac-cmp__row + .ac-cmp__row { border-top-color: #efefef; }
.ac-cmp__label {
  width: 104px;
  flex-shrink: 0;
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-11);
  line-height: 16px;
  letter-spacing: var(--ls-1-54);
  text-transform: uppercase;
}
.ac-cmp--dark  .ac-cmp__label { color: #9d9fa0; }
.ac-cmp--light .ac-cmp__label { color: #6d7071; }
.ac-cmp__value {
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-15);
  line-height: var(--fs-24);
}
.ac-cmp--dark  .ac-cmp__value { color: #e6ecee; }
.ac-cmp--light .ac-cmp__value { color: var(--c-bunker); }

@media (max-width: 900px) { .ac-comp__cards { grid-template-columns: 1fr; } }
@media (max-width: 720px) {
  .ac-comp { padding: 72px var(--sp-s); }
  .ac-comp__inner { padding-inline: 0; }
  .ac-comp__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .ac-comp__lead { font-size: var(--fs-16); line-height: var(--lh-27-2); }
  .ac-cmp { padding: 26px; border-radius: 30px; }
  .ac-cmp__row { flex-direction: column; gap: 4px; }
  .ac-cmp__label { width: auto; }
}

/* ============================================================
   ACCESS — Section "CASI D'USO"
   Figma: nodo 237:3215 (contenitore da 1240, senza fondo proprio)
   ============================================================ */
.ac-casi { padding: 96px var(--sp-s); }
.ac-casi__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.ac-casi__intro { max-width: 605.63px; padding-top: 6.9px; }
/* Heading 2 — Figma 237:3221 (605.63 × 93 = 2 righe da 46.2) */
.ac-casi__title {
  margin-top: 14.8px;
  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--0-88);
  color: var(--c-bunker);
}
/* Figma 237:3222 (quattro tessere 282 × 219.19, passo 298) */
.ac-casi__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 48px;
}
.ac-caso {
  min-height: 219.19px;
  background: var(--c-white);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 24px 50px -26px rgba(11, 16, 18, 0.4);
}
.ac-caso__photo {
  display: block;
  width: 100%;
  height: 122px;
  object-fit: cover;
}
.ac-caso__body { padding: 24px; }
.ac-caso__title {
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-16);
  line-height: var(--lh-25-6);
  color: var(--c-bunker);
}
.ac-caso__text {
  margin-top: 4px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-15);
  line-height: var(--fs-24);
  color: var(--c-shuttle-gray);
}
@media (max-width: 1100px) { .ac-casi__cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px) {
  .ac-casi { padding: 72px var(--sp-s); }
  .ac-casi__inner { padding-inline: 0; }
  .ac-casi__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .ac-casi__cards { grid-template-columns: 1fr; }
}

/* ============================================================
   ACCESS — Sezioni "NOTE", "FAQ" e "CTA FINALE"
   Figma: nodi 237:3227, 237:3250, 237:3283
   ============================================================ */
.ac-note-sec {
  padding: 96px var(--sp-s);
  background: linear-gradient(125deg,
              var(--c-java) 0%, var(--c-scooter) 30%,
              var(--c-green-74) 62%, var(--c-conifer) 100%);
}
.ac-note-sec__inner {
  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;
}
.ac-note-sec__copy { min-width: 0; padding-top: 6.9px; }
/* Heading 2 — Figma 237:3234 (riga singola alta 41) */
.ac-note-sec__title {
  margin-top: 10.7px;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: 40px;
  line-height: 41px;
  letter-spacing: var(--ls--0-84);
  color: var(--c-bunker);
}
/* Figma 237:3236 (389 × 55 = 2 righe da 27.2) */
.ac-note-sec__lead {
  max-width: 389px;
  margin-top: 15.1px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: 17px;
  line-height: var(--lh-27-2);
  color: var(--c-teal-20);
}
.ac-note-sec__cards { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
/* Overlay+Border — Figma 237:3238 / 237:3244 */
.ac-note-card {
  padding: 28px 23px;
  background: rgba(255, 255, 255, 0.55);
  border: var(--sw-1) solid rgba(255, 255, 255, 0.65);
  border-radius: 16px;
}
.ac-note-card__kicker {
  font-family: var(--f-3);
  font-weight: var(--fw-600);
  font-size: var(--fs-11);
  line-height: var(--lh-17-6);
  letter-spacing: var(--ls-1-54);
  text-transform: uppercase;
  color: var(--c-teal-14);
}
.ac-note-card__title {
  margin-top: 5px;
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-18);
  line-height: var(--lh-28-8);
  color: var(--c-bunker);
}
.ac-note-card__text {
  margin-top: 10.6px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-14);
  line-height: 22.8px;
  color: var(--c-teal-20);
}

/* ---------- FAQ — Figma 237:3250 ---------- */
.ac-faq { padding: 96px var(--sp-s); }
.ac-faq__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.ac-faq__intro { max-width: 605.63px; padding-top: 6.91px; }
.ac-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);
}
.ac-faq .faq-grid { margin-top: 48px; }

/* ---------- CTA FINALE — Figma 237:3283 ---------- */
.ac-cta {
  position: relative;
  padding: 128px var(--sp-s);
  overflow: hidden;
  text-align: center;
}
.ac-cta__glows {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  left: 50%;
  width: var(--w-container);
  margin-left: calc(var(--w-container) / -2);
  pointer-events: none;
}
.ac-cta__glow--cyan {
  position: absolute;
  left: 260px; top: -60px;
  width: 720px; height: 440px;
  border-radius: 220px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(53, 209, 223, 0.28) 0%, rgba(53, 209, 223, 0) 64%);
}
.ac-cta__glow--lime {
  position: absolute;
  left: 197.59px; top: 344.02px;
  width: 500px; height: 340px;
  border-radius: 170px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(194, 232, 80, 0.26) 0%, rgba(194, 232, 80, 0) 64%);
}
.ac-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;
}
/* Heading 2 — Figma 237:3290 (548 × 114 = 2 righe da 57) */
.ac-cta__title {
  max-width: 548px;
  margin-top: 17px;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-44);
  line-height: 57px;
  letter-spacing: var(--ls--0-88);
  color: var(--c-bunker);
}
/* Figma 237:3292 (512 × 61 = 2 righe da 30.4) */
.ac-cta__lead {
  max-width: 512px;
  margin-top: 17px;
  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);
}
.ac-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-14);
  margin-top: 31px;
}
.ac-cta__actions .btn-outline { width: 225px; }

@media (max-width: 1100px) { .ac-note-sec__inner { grid-template-columns: 1fr; gap: 40px; } }
@media (max-width: 1024px) { .ac-cta { padding: 96px var(--sp-s); } .ac-cta__glows { display: none; } }
@media (max-width: 720px) {
  .ac-note-sec, .ac-faq { padding: 72px var(--sp-s); }
  .ac-note-sec__inner, .ac-faq__inner, .ac-cta__inner { padding-inline: 0; }
  .ac-note-sec__title { font-size: 30px; line-height: 1.1; }
  .ac-faq__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .ac-cta__title { font-size: 34px; line-height: 1.15; max-width: none; }
  .ac-cta__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .ac-cta__actions { flex-direction: column; align-items: stretch; }
  .ac-cta__actions .btn-lime, .ac-cta__actions .btn-outline { width: 100%; justify-content: center; }
}