/* ============================================================
   PREZZI — Header/HERO
   Figma: nodo 245:5184 (pagina 245:5183)
   ============================================================ */
.pz-hero {
  position: relative;
  padding: 96px var(--sp-s) 32px;   /* 544.49 - 96 - 416.49 */
  overflow: hidden;
  text-align: center;
}
/* Gradient+Blur — Figma 245:5185 (x=660 y=-160, 600 × 500) */
.pz-hero__glow {
  position: absolute;
  left: 660px; top: -160px;
  width: 600px; height: 500px;
  border-radius: 250px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(53, 209, 223, 0.26) 0%, rgba(53, 209, 223, 0) 66%);
  pointer-events: none;
}
.pz-hero__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.pz-hero__crumb { text-align: center; }
/* Container — Figma 245:5189 (occhiello centrato, testo a y=10) */
.pz-hero__eyebrow { margin-top: 24.9px; }   /* 34.9 - 20 + 10 */
/* Heading 1 — Figma 245:5192 (471 × 120 = 2 righe da 60) */
.pz-hero__title {
  margin-top: 23.7px;              /* 79.8 + 8.79 - (34.9 + 30) */
  white-space: nowrap;
  font-family: var(--f-1);
  font-weight: var(--fw-900);
  font-size: 60px;
  line-height: 60px;
  letter-spacing: -1.32px;         /* -0.022em */
  color: var(--c-bunker);
}
.pz-hero__title span { color: var(--c-green-74); }
/* Container — Figma 245:5194 (620 × 92 = 3 righe da 30.67) */
.pz-hero__lead {
  margin-top: 14.9px;              /* 223.49 - (79.8 + 128.79) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: 30.67px;
  color: var(--c-shuttle-gray);
}
/* Background+Border — Figma 245:5196 (288 × 53) */
.pz-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;                        /* 104 - 6 - 98 + 6 */
  margin-top: 48px;                /* 363.49 - (223.49 + 92) */
  padding: 6px;
  background: var(--c-white);
  border-radius: var(--r-pill);
  /* nel Figma il contorno e' interno e non aggiunge altezza */
  box-shadow: inset 0 0 0 var(--sw-1) var(--c-porcelain),
              0 14px 30px -16px rgba(11, 16, 18, 0.25);
}
.pz-toggle__btn {
  display: inline-flex;
  align-items: center;
  gap: 13px;                       /* 87 - 50 - 24 */
  height: 41px;
  padding: 0 24px;
  border-radius: var(--r-pill);
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-14);
  line-height: 18px;
  color: var(--c-bunker);
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease;
}
.pz-toggle__btn.is-active { background: var(--c-bunker); color: var(--c-white); }
.pz-toggle__badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  border-radius: var(--r-pill);
  background: var(--c-conifer);
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 12px;
  color: var(--c-bunker);
}

@media (max-width: 720px) {
  .pz-hero { padding: 72px var(--sp-s) 24px; }
  .pz-hero__inner { padding-inline: 0; }
  .pz-hero__title { font-size: 34px; line-height: 1.1; white-space: normal; letter-spacing: -0.7px; }
  .pz-hero__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .pz-hero__glow { display: none; }
}

/* ============================================================
   PREZZI — PIANI MENSILI
   Figma: nodo 245:5204 (1240x519.17, cinque schede da 222.4)
   ============================================================ */
.pz-piani { padding: 47.95px var(--sp-s) 96px; }   /* 665.95 - 618 di hero */
.pz-piani__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.pz-piani__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;                       /* 238.4 - 222.4 */
  align-items: stretch;
}
/* Ogni piano — Figma 245:5206 e seguenti (222.39 × 465.16) */
.pz-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 465.16px;
  padding: 27px 23px;
  border-radius: 32px;
  background: var(--c-white);
}
.pz-plan--pro  { box-shadow: 0 30px 60px -28px rgba(11, 16, 18, 0.35); }
.pz-plan--gold { background: linear-gradient(160deg, #0c1a1b 0%, #10312c 62%, #163a2c 100%); }
/* Background — Figma 245:5295 / 5361 (etichetta a cavallo del bordo) */
.pz-plan__badge {
  position: absolute;
  left: 50%; top: -11px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 14px;
  border-radius: var(--r-pill);
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-11);
  line-height: 16px;
  letter-spacing: var(--ls-0-66);
  text-transform: uppercase;
  white-space: nowrap;
}
.pz-plan--pro .pz-plan__badge {
  height: 44px;
  padding: 0 14px;
  background: var(--c-bunker);
  color: var(--c-white);
  text-align: center;
  white-space: normal;
  width: 110.2px;
  justify-content: center;
  line-height: 16px;
}
.pz-plan--gold .pz-plan__badge { background: var(--c-conifer); color: var(--c-bunker); }
/* Container — Figma 245:5207 */
.pz-plan__name {
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-24);
  line-height: 32px;
  letter-spacing: -0.528px;
  color: var(--c-bunker);
}
.pz-plan--gold .pz-plan__name { color: var(--c-white); }
/* Margin — Figma 245:5209 */
.pz-plan__kicker {
  margin-top: 4px;                 /* 59 + 4 - (27 + 32) */
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: 10.5px;
  line-height: 16px;
  letter-spacing: var(--ls-0-66);
  text-transform: uppercase;
  color: var(--c-regent-gray);
}
.pz-plan--gold .pz-plan__kicker { color: var(--c-conifer); }
/* Paragraph — Figma 245:5213 (€ + cifra + periodo) */
.pz-plan__price {
  display: flex;
  align-items: baseline;
  margin-top: 18px;                /* 79 + 18 - (59 + 20) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  color: var(--c-bunker);
}
.pz-plan--gold .pz-plan__price { color: var(--c-white); }
.pz-plan__cur {
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.44px;
}
.pz-plan__num {
  margin-left: 2.15px;             /* 17.28 - 15.13 */
  font-size: 40px;
  line-height: 44px;
  letter-spacing: -0.88px;
}
.pz-plan__per {
  margin-left: 1.15px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-14);
  line-height: 21px;
  color: var(--c-regent-gray);
}
.pz-plan--gold .pz-plan__per { color: var(--c-green-spring); }
/* Margin — Figma 245:5217 (descrizione) */
.pz-plan__text {
  margin-top: 15.19px;             /* 145 + 11.19 - (79 + 66) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-13-5);
  line-height: 21.76px;
  color: var(--c-shuttle-gray);
}
.pz-plan--gold .pz-plan__text { color: var(--c-green-spring); }
/* Margin — Figma 245:5220 (elenco, passo 29.5) */
.pz-plan__list { margin-top: 18px; }   /* 282.97 - (145 + 11.19 + 108.78) */
.pz-plan__list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;                        /* 24 - 15 */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-13);
  line-height: 21px;
  color: var(--c-bunker);
}
.pz-plan__list li + li { margin-top: 8.5px; }   /* 29.5 - 21 */
.pz-plan__list img { width: 15px; height: 15px; margin-top: 3px; flex-shrink: 0; }
.pz-plan--gold .pz-plan__list li { color: var(--c-geyser); }
/* Link — Figma 245:5234 (bottone in fondo alla scheda) */
.pz-plan__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48.39px;
  margin-top: auto;
  border-radius: var(--r-pill);
  box-shadow: inset 0 0 0 var(--sw-1) var(--c-porcelain);
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-16);
  line-height: 23px;
  color: var(--c-bunker);
  white-space: nowrap;
  transition: border-color .18s ease, background-color .18s ease;
}
.pz-plan__cta:hover { box-shadow: inset 0 0 0 var(--sw-1) var(--c-bunker); }
/* Link — Figma 245:5297 / 5363 (versioni piene con la freccia) */
.pz-plan__cta--fill {
  gap: 9px;
  height: 54px;
  box-shadow: none;
}
.pz-plan--pro  .pz-plan__cta--fill { background: var(--c-bunker); color: var(--c-white); }
.pz-plan--gold .pz-plan__cta--fill { background: var(--c-conifer); color: var(--c-bunker); }
.pz-plan__cta--fill span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px; height: 30px;
  border-radius: 15px;
  flex-shrink: 0;
}
.pz-plan--pro  .pz-plan__cta--fill span { background: var(--c-conifer); }
.pz-plan--gold .pz-plan__cta--fill span { background: var(--c-bunker); }
.pz-plan__cta--fill span img { width: 13px; height: 13px; }
/* Container — Figma 245:5369 */
.pz-piani__note {
  margin-top: 32.01px;             /* 497.17 - 465.16 */
  text-align: center;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-14);
  line-height: 22px;
  color: var(--c-regent-gray);
}

@media (max-width: 1180px) {
  .pz-piani__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .pz-plan { min-height: 0; }
}
@media (max-width: 720px) {
  .pz-piani { padding: 32px var(--sp-s) 72px; }
  .pz-piani__inner { padding-inline: 0; }
  .pz-piani__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   PREZZI — TABELLA COMPARATIVA
   Figma: nodo 245:5371 (1920x1086.31, fondo bianco)
   ============================================================ */
.pz-tab {
  background: var(--c-white);
  padding: 97px var(--sp-s) 96.4px;   /* 1086.31 - 97 - 892.31 */
}
.pz-tab__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
/* Container — Figma 245:5373 (605.63 di larghezza, centrato) */
.pz-tab__head {
  width: 605.63px;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}
.pz-tab__head .eyebrow { padding-top: 6.9px; }
/* Heading 2 — Figma 245:5377 (riga singola alta 45) */
.pz-tab__title {
  margin-top: 14.69px;             /* 41.59 - (6.9 + 20) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-44);
  line-height: 45px;
  letter-spacing: var(--ls--1-1);
  color: var(--c-bunker);
}

/* Table — Figma 245:5379 (1176 × 710.9) */
.pz-tab__wrap { margin-top: 47.99px; overflow-x: auto; }   /* 110.6 - 86.6, piu i 23.99 vuoti sopra la testata */
.pz-table {
  width: 100%;
  min-width: 1000px;
  border-collapse: collapse;
  table-layout: fixed;
}
/* Le larghezze sono quelle delle celle del Figma */
.pz-table col:nth-child(1) { width: 282.23px; }
.pz-table col:nth-child(2) { width: 165.98px; }
.pz-table col:nth-child(3) { width: 143.67px; }
.pz-table col:nth-child(4) { width: 143.72px; }
.pz-table col:nth-child(5) { width: 285.86px; }
.pz-table col:nth-child(6) { width: 154.53px; }
/* Colgroup → Col — Figma 245:5380: la colonna Pro e' evidenziata */
.pz-table col.is-hl { background: #fbfef1; }

.pz-table thead th {
  height: 83px;
  padding: 16px 14px 0;
  vertical-align: top;
  text-align: center;
  font-weight: var(--fw-400);
}
.pz-table thead th:first-child { text-align: left; }
.pz-table__plan {
  display: block;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-19);
  line-height: 28px;
  letter-spacing: var(--ls--0-28);
  color: var(--c-bunker);
}
.pz-table__price {
  display: block;
  margin-top: 8px;                 /* 52 - 16 - 28 */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-14);
  line-height: 21px;
  color: var(--c-regent-gray);
}
/* Row → Data — Figma 245:5382 (fascia di gruppo alta 51) */
.pz-table__group th {
  height: 51px;
  padding: 16px 14px;
  text-align: left;
  background: var(--c-aqua-haze);
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 18px;
  letter-spacing: var(--ls-1-56);
  text-transform: uppercase;
  color: var(--c-regent-gray);
}
.pz-table tbody td {
  height: 55.39px;
  padding: 16px 14px;
  text-align: center;
  vertical-align: middle;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-15);
  line-height: 23px;
  color: var(--c-bunker);
  box-shadow: inset 0 -1px 0 #eef2f3;
}
.pz-table tbody td:first-child {
  text-align: left;
  color: var(--c-shuttle-gray);
}
.pz-table tbody tr.is-tall td { height: 58.05px; }
.pz-table__ok { color: #46a33b; }
.pz-table sup { font-size: 0.72em; line-height: 0; }

/* Note — Figma 245:5527 / 5530 */
.pz-tab__notes { margin-top: 20.81px; }
.pz-tab__notes p {
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-14);
  line-height: 22px;
  color: var(--c-regent-gray);
}
.pz-tab__notes strong { font-weight: var(--fw-700); color: var(--c-shuttle-gray); }

@media (max-width: 720px) {
  .pz-tab { padding: 72px var(--sp-s); }
  .pz-tab__inner { padding-inline: 0; }
  .pz-tab__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
}

/* ============================================================
   PREZZI — CTA CONDOMINI
   Figma: nodo 245:5532 (1920x428.03, fondo scuro)
   ============================================================ */
.pz-cond {
  position: relative;
  background: var(--c-bunker);
  padding: 96px var(--sp-s);
  overflow: hidden;
}
/* Gradient+Blur — Figma 245:5533 (x=1475.19 y=-171.2, 560 × 440) */
.pz-cond__glow {
  position: absolute;
  left: 1475.19px; top: -171.2px;
  width: 560px; height: 440px;
  border-radius: 220px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(53, 209, 223, 0.22) 0%, rgba(53, 209, 223, 0) 66%);
  pointer-events: none;
}
.pz-cond__inner {
  position: relative;
  display: grid;
  grid-template-columns: 722.8fr 389.2fr;
  align-items: start;
  gap: var(--sp-xl);
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
/* Container — Figma 245:5535 */
.pz-cond__copy { min-width: 0; padding-top: 0.76px; }
.pz-cond__kicker {
  padding-top: 5px;
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 18px;
  letter-spacing: var(--ls-1-56);
  text-transform: uppercase;
  color: var(--c-scooter);
}
/* Heading 2 — Figma 245:5537 (722.8 × 82.72 = 2 righe da 41.36) */
.pz-cond__title {
  margin-top: 12.62px;             /* 35.9 + 0.715 - (5 + 18) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-38);
  line-height: 41.36px;
  letter-spacing: -0.836px;
  color: var(--c-white);
}
/* Figma 245:5539 (518 × 103 = 4 righe da 25.75) */
.pz-cond__lead {
  max-width: 524.88px;
  margin-top: 13.18px;             /* 131.515 - (35.9 + 82.715) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-16);
  line-height: 25.75px;
  color: var(--c-green-spring);
}
/* Container — Figma 245:5541 (due bottoni a piena colonna) */
.pz-cond__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;                       /* 72 - 60 */
  margin-top: 53.02px;
}
.pz-cond__actions .btn-lime,
.pz-cond__actions .btn-outline-dark { width: 100%; justify-content: center; }
.pz-cond__actions .btn-outline-dark { height: 58px; }

/* ============================================================
   PREZZI — FAQ
   Figma: nodo 245:5550 (1920x818.66). Le schede riusano .faq-*.
   ============================================================ */
.pz-faq { padding: 96px var(--sp-s); }
.pz-faq__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.pz-faq__intro {
  width: 605.63px;
  max-width: 100%;
  margin-inline: auto;
  padding-top: 6.91px;
  text-align: center;
}
.pz-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);
}
.pz-faq .faq-grid { margin-top: 48px; }

/* ============================================================
   PREZZI — CTA FINALE
   Figma: nodo 245:5595 (1920x602.09)
   ============================================================ */
.pz-cta {
  position: relative;
  padding: 128px var(--sp-s);
  overflow: hidden;
  text-align: center;
}
.pz-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 245:5596 (x=340 y=31.05, 760 × 460) */
.pz-cta__glow--cyan {
  position: absolute;
  left: 0; top: 31.05px;
  width: 760px; height: 460px;
  border-radius: 230px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(53, 209, 223, 0.30) 0%, rgba(53, 209, 223, 0) 64%);
}
/* Gradient+Blur — Figma 245:5597 (x=982 y=183.05, 520 × 360) */
.pz-cta__glow--lime {
  position: absolute;
  left: 642px; top: 183.05px;
  width: 520px; height: 360px;
  border-radius: 180px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(194, 232, 80, 0.32) 0%, rgba(194, 232, 80, 0) 64%);
}
.pz-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;
}
.pz-cta__eyebrow {
  margin-top: 3.5px;
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 20px;
  letter-spacing: var(--ls-3-36);
  text-transform: uppercase;
  color: var(--c-java);
}
/* Heading 2 — Figma 245:5601 (326 × 110.82 = 2 righe da 55.41) */
.pz-cta__title {
  margin-top: 17px;                /* 40.5 - (3.5 + 20) */
  white-space: nowrap;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: 57px;
  line-height: 55.41px;
  letter-spacing: -1.254px;
  color: var(--c-bunker);
}
.pz-cta__title span { color: var(--c-green-74); }
/* Figma 245:5603 (513 × 61 = 2 righe da 30.5) */
.pz-cta__lead {
  white-space: nowrap;
  margin-top: 23px;                /* 168.315 + 6.195 - (40.5 + 110.815) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: 30.5px;
  color: var(--c-shuttle-gray);
}
.pz-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-14);
  margin-top: 48.78px;             /* 253.095 + 31 - (168.315 + 67.78) */
}
.pz-cta__actions .btn-gradient { margin-top: 0; width: 263px; }
.pz-cta__actions .btn-outline  { width: 287px; }

@media (max-width: 1024px) {
  .pz-cond__inner { grid-template-columns: 1fr; gap: 40px; }
  .pz-cond__actions { margin-top: 0; }
}
@media (max-width: 720px) {
  .pz-cond, .pz-faq { padding: 72px var(--sp-s); }
  .pz-cond__inner, .pz-faq__inner, .pz-cta__inner { padding-inline: 0; }
  .pz-cond__title { font-size: 30px; line-height: 1.15; letter-spacing: -0.6px; }
  .pz-faq__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .pz-cta { padding: 96px var(--sp-s); }
  .pz-cta__glows { display: none; }
  .pz-cta__title { font-size: 30px; line-height: 1.15; white-space: normal; }
  .pz-cta__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); white-space: normal; }
  .pz-cta__actions { flex-direction: column; align-items: stretch; }
  .pz-cta__actions .btn-gradient, .pz-cta__actions .btn-outline { width: 100%; justify-content: center; }
}