/* ============================================================
   NOTIFY — Header/HERO
   Figma: nodo 243:4731 (pagina 243:4730)
   ============================================================ */
.nt-hero {
  position: relative;
  background: var(--c-scooter);
  padding: 96px var(--sp-s) 64px;   /* 734.2 - 96 - 574.2 */
  overflow: hidden;
}
/* Gradient+Blur — Figma 243:4732 (x=1380 y=-200, 620 × 620) */
.nt-hero__glow--a {
  position: absolute;
  left: 1380px; top: -200px;
  width: 620px; height: 620px;
  border-radius: 310px;
  filter: blur(40px);
  background: radial-gradient(circle at 50% 50%,
              rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 66%);
  pointer-events: none;
}
/* Gradient+Blur — Figma 243:4733 (x=-120 y=474.2, 440 × 440) */
.nt-hero__glow--b {
  position: absolute;
  left: -120px; top: 474.2px;
  width: 440px; height: 440px;
  border-radius: 220px;
  filter: blur(40px);
  background: radial-gradient(circle at 50% 50%,
              rgba(111, 221, 182, 0.40) 0%, rgba(111, 221, 182, 0) 66%);
  pointer-events: none;
}
.nt-hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: 583.8fr 528.2fr;
  align-items: start;
  gap: var(--sp-xl);
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}

/* ---------- Colonna testo — Figma 243:4735 ---------- */
.nt-hero__copy { min-width: 0; }
.nt-hero__eyebrow { margin-top: 26.9px; }   /* 35.1 - 20 + 11.8 */
.nt-hero__eyebrow { color: var(--c-teal-26); }
.nt-hero__eyebrow::before { background: var(--c-teal-26); }
/* Heading 1 — Figma 243:4741 (583.8 × 212.26 = 3 righe da 68) */
.nt-hero__title {
  margin-top: 22.6px;              /* 82 - (35.1 + 31.8) + 7.48 */
  font-family: var(--f-1);
  font-weight: var(--fw-900);
  font-size: 70px;
  line-height: 68px;
  letter-spacing: -1.54px;         /* -0.022em, come le altre Heading 1 */
  color: var(--c-bunker);
}
/* L'ultima riga e' sottolineata nel Figma (tratto 3px, 15.6 sotto la linea di base) */
.nt-hero__title u {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 9px;
}
/* Figma 243:4743 (484 × 122 = 4 righe da 30.5) */
.nt-hero__lead {
  max-width: 527.39px;
  margin-top: 15.1px;              /* 309.36 - (82 + 212.26) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: 30.5px;
  color: var(--c-firefly);
}
/* Container — Figma 243:4745 */
.nt-hero__actions {
  display: flex;
  align-items: center;
  gap: var(--sp-14);
  margin-top: 32px;                /* 446.46 + 16.91 - (309.36 + 122) */
}
.nt-hero__actions .btn-primary { width: 243.67px; }
.nt-hero__ghost { width: 222px; justify-content: center; border-color: var(--c-white-35); }
/* Container — Figma 243:4754 */
.nt-hero__note {
  display: flex;
  align-items: center;
  gap: 9px;                        /* 17 - 8 */
  margin-top: 32.4px;              /* 538.47 + 16.4 - (446.46 + 76.91) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--c-teal-26);
}
.nt-hero__note::before {
  content: "";
  width: 8px; height: 8px;
  border-radius: 4px;
  background: var(--c-bunker);
  flex-shrink: 0;
}

/* ---------- Colonna visiva — Figma 243:4757 (528.2 × 540) ---------- */
.nt-stage {
  position: relative;
  min-width: 0;
  margin-top: 17.1px;
  aspect-ratio: 528.2 / 540;
}
/* Overlay+Shadow — Figma 243:4758 (380.3 × 356.39, in alto a destra) */
.nt-stage__photo {
  position: absolute;
  left: 28.0%; top: 0;
  width: 72.0%;
  height: 66.0%;
  object-fit: cover;
  border-radius: 30px;
  box-shadow: 0 40px 80px -34px rgba(11, 16, 18, 0.4);
}
/* Background — Figma 243:4791 (137.53 × 44) */
.nt-stage__pill {
  position: absolute;
  left: 40.55%; top: 16.28%;
  display: inline-flex;
  align-items: center;
  gap: 10px;                       /* 47 - 15 - 22 */
  height: 44px;
  padding: 0 15px;
  background: var(--c-white);
  border-radius: var(--r-pill);
  box-shadow: 0 18px 38px -18px rgba(11, 16, 18, 0.35);
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-14);
  line-height: 20px;
  color: var(--c-bunker);
  white-space: nowrap;
}
.nt-stage__pill span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px; height: 22px;
  border-radius: 8px;
  background: #ffe4e4;
  flex-shrink: 0;
}
.nt-stage__pill span img { width: 12px; height: 12px; }

/* Background+Border — Figma 243:4760 (214 × 408, mockup scuro) */
.nt-phone {
  position: absolute;
  left: 2.0%; top: 24.44%;
  width: 214px;
  height: 408px;
  padding: 10px;
  background: var(--c-bunker);
  border-radius: 32px;
  box-shadow: inset 0 0 0 var(--sw-1) #1c2427, 0 34px 70px -30px rgba(11, 16, 18, 0.5);
}
.nt-phone__screen { position: relative; width: 194px; height: 388px; }
.nt-phone__screen > * { position: absolute; left: 15.52px; margin: 0; }
/* Nel Figma questi due testi sono #0b1012 sul fondo #0b1012: restano invisibili */
.nt-phone__kicker {
  top: 22.63px;
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: 7.5px;
  line-height: 9px;
  letter-spacing: 0.75px;
  color: var(--c-bunker);
}
.nt-phone__name {
  top: 39.45px;
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: 12px;
  line-height: 15px;
  color: var(--c-bunker);
}
.nt-phone__meta {
  top: 57.55px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: 6.7px;
  line-height: 8px;
  color: #12323a;
}
.nt-phone__list { top: 85.36px; left: 12.93px; width: 168.13px; }
.nt-phone__row {
  position: relative;
  height: 42.68px;
  border-radius: 11px;
  background: #171c1e;
}
.nt-phone__row--alert { background: #1e191b; }
.nt-phone__list li + li { margin-top: 5.17px; }
.nt-phone__ic {
  position: absolute;
  left: 8.41px; top: 12.93px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16.81px; height: 16.81px;
  border-radius: 50%;
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: 9px;
  line-height: 11px;
  color: #ff9b9b;
}
.nt-phone__ic--alert { background: #4f2e2f; }
.nt-phone__ic--help  { background: #394428; }
.nt-phone__ic--ship  { background: #1d4045; }
.nt-phone__ic--help img { width: 9.05px; height: 6.47px; }
.nt-phone__ic--ship img { width: 7.76px; height: 7.11px; }
.nt-phone__txt { position: absolute; left: 33.63px; top: 8.5px; }
.nt-phone__t, .nt-phone__s { display: block; }
.nt-phone__t {
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: 8.4px;
  line-height: 10px;
  color: var(--c-white);
}
.nt-phone__s {
  margin-top: 3.9px;
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: 6.7px;
  line-height: 8px;
  color: #879499;
}
/* Nel Figma anche questo bottone e' #0b1012 su #0b1012 */
.nt-phone__btn {
  top: 323.33px; left: 12.93px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168.13px; height: 33.63px;
  border-radius: var(--r-pill);
  background: var(--c-bunker);
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: 9.2px;
  line-height: 11px;
  color: var(--c-bunker);
}

@media (max-width: 1180px) {
  .nt-hero__inner { grid-template-columns: 1fr; gap: 56px; }
  .nt-stage { max-width: 528.2px; width: 100%; margin-inline: auto; }
  .nt-hero__glow--a, .nt-hero__glow--b { display: none; }
}
@media (max-width: 720px) {
  .nt-hero { padding: 72px var(--sp-s) 56px; }
  .nt-hero__inner { padding-inline: 0; }
  .nt-hero__title { font-size: 40px; line-height: 1.06; letter-spacing: -0.9px; }
  .nt-hero__title u { text-underline-offset: 6px; text-decoration-thickness: 2px; }
  .nt-hero__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .nt-hero__actions { flex-direction: column; align-items: stretch; }
  .nt-hero__actions .btn-primary, .nt-hero__ghost { width: 100%; justify-content: center; }
  .nt-phone { transform: scale(.88); transform-origin: left top; }
}

/* ============================================================
   NOTIFY — CONCEPT
   Figma: nodo 243:4798 (1920x717.685, fondo scuro)
   ============================================================ */
.nt-conc {
  position: relative;
  background: var(--c-bunker);
  padding: 96px var(--sp-s);
  overflow: hidden;
}
/* Gradient+Blur — Figma 243:4799 (x=652.8 y=-71.7, 600 × 460.48) */
.nt-conc__glow {
  position: absolute;
  left: 652.8px; top: -71.7px;
  width: 600px; height: 460.48px;
  border-radius: 230px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(53, 209, 223, 0.20) 0%, rgba(53, 209, 223, 0) 66%);
  pointer-events: none;
}
.nt-conc__inner {
  position: relative;
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
}
/* Container — Figma 243:4801 (605.63 di larghezza, centrato) */
.nt-conc__intro {
  width: 605.63px;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}
.nt-conc__intro .eyebrow { color: var(--c-conifer); padding-top: 6.91px; }
.nt-conc__intro .eyebrow::before { background: var(--c-conifer); }
/* Heading 2 — Figma 243:4805 (498 × 93 = 2 righe da 46.5) */
.nt-conc__title {
  margin-top: 14.8px;              /* 41.71 - (6.91 + 20) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-44);
  line-height: 46.5px;
  letter-spacing: var(--ls--1-1);
  color: var(--c-white);
}
/* Figma 243:4807 (579 × 61 = 2 righe da 30.5) */
.nt-conc__lead {
  margin-top: 14.8px;              /* 149.51 - (41.71 + 93) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: 30.5px;
  color: var(--c-green-spring);
}

/* Container — Figma 243:4809 (due schede da 498 con il connettore in mezzo) */
.nt-conc__flow {
  display: grid;
  grid-template-columns: 498fr 180fr 498fr;
  align-items: stretch;
  margin: 48px 32px 0;             /* 259.095 - 211.095 */
}
/* Overlay+Border — Figma 243:4810 / 4830 */
.nt-card {
  padding: 34px 35px 35px;
  border-radius: 38px;
}
.nt-card--signal { background: #1e191b; box-shadow: inset 0 0 0 var(--sw-1) #613637; }
.nt-card--reply  { background: #1a2217; box-shadow: inset 0 0 0 var(--sw-1) #4c5e28; }
.nt-card__kicker {
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 18.59px;
  letter-spacing: var(--ls-1-1);
  text-transform: uppercase;
}
.nt-card--signal .nt-card__kicker { color: var(--c-salmon); }
.nt-card--reply  .nt-card__kicker { color: var(--c-conifer); }
/* Overlay — Figma 243:4813 / 4833 (54 × 59.01) */
.nt-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px; height: 59.01px;
  margin-top: 9px;                 /* 61.59 - 34 - 18.59 */
  border-radius: 16px;
}
.nt-card--signal .nt-card__icon { background: #3e2628; }
.nt-card--reply  .nt-card__icon { background: #313d1f; }
.nt-card__icon img { width: 26px; height: 26px; }
/* Heading 3 — Figma 243:4817 / 4836 */
.nt-card__h {
  margin-top: 16px;                /* 129.6 + 7 - (61.59 + 59.01) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: 30px;
  line-height: 39px;
  letter-spacing: var(--ls--0-66, -0.66px);
  color: var(--c-white);
}
/* Figma 243:4819 / 4838 (428 × 47 = 2 righe da 23.5) */
.nt-card__t {
  margin-top: 9px;                 /* 184.6 - (136.6 + 39) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-15);
  line-height: 23.5px;
  color: var(--c-green-spring);
}

/* Container — Figma 243:4821 (connettore centrale) */
.nt-link {
  position: relative;
  align-self: start;
  margin-top: 85.9px;
  height: 94.78px;
}
/* Overlay+Border — Figma 243:4822 (119 × 37.19) */
.nt-link__chip {
  position: absolute;
  left: 50%; top: 0;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  height: 37.19px;
  padding: 0 17px;
  border-radius: var(--r-pill);
  background: #191e20;
  box-shadow: inset 0 0 0 var(--sw-1) #2a3033;
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--c-white);
  white-space: nowrap;
}
/* Background — Figma 243:4824 (164 × 4, barra con pallino) */
.nt-link__bar {
  position: absolute;
  left: 8px; right: 8px; top: 49.19px;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg,
              var(--c-salmon) 0%, var(--c-scooter) 45%,
              var(--c-green-74) 72%, var(--c-conifer) 100%);
}
.nt-link__bar::after {
  content: "";
  position: absolute;
  left: 87.11px; top: -6px;
  width: 16px; height: 16px;
  border-radius: 8px;
  background: var(--c-white);
}
/* Container — Figma 243:4827 (freccia) */
.nt-link__arrow {
  position: absolute;
  left: 50%; top: 65.19px;
  transform: translateX(-50%);
  width: 22px; height: 22px;
}

@media (max-width: 1120px) {
  .nt-conc__flow { grid-template-columns: 1fr; gap: 24px; margin-inline: 0; }
  .nt-link { margin-top: 0; height: auto; padding: 12px 0 56px; }
  .nt-link__chip { position: static; transform: none; justify-content: center; margin-inline: auto; width: max-content; }
  .nt-link__bar { top: auto; bottom: 30px; }
  .nt-link__arrow { top: auto; bottom: 0; }
}
@media (max-width: 720px) {
  .nt-conc { padding: 72px var(--sp-s); }
  .nt-conc__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .nt-conc__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .nt-card { padding: 26px 24px; border-radius: 28px; }
  .nt-card__h { font-size: var(--fs-24); line-height: 32px; }
}

/* ============================================================
   NOTIFY — TRE LOGICHE
   Figma: nodo 243:4840 (1240x724.09, sul fondo chiaro di pagina)
   ============================================================ */
.nt-tre { padding: 96px var(--sp-s); }
.nt-tre__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
/* Container — Figma 243:4841 */
.nt-tre__head { max-width: 605.63px; }
.nt-tre__head .eyebrow { padding-top: 6.91px; }
/* Heading 2 — Figma 243:4845 (2 righe da 46.5) */
.nt-tre__title {
  margin-top: 14.8px;              /* 41.71 - (6.91 + 20) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-44);
  line-height: 46.5px;
  letter-spacing: var(--ls--1-1);
  color: var(--c-bunker);
}
/* Figma 243:4847 (605.63 × 92 = 3 righe da 30.67) */
.nt-tre__lead {
  max-width: 605.63px;
  margin-top: 14.8px;              /* 149.51 - (41.71 + 93) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: 30.67px;
  color: var(--c-shuttle-gray);
}

/* Container — Figma 243:4849 (tre schede sfalsate di 40) */
.nt-tre__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;                       /* 399.33 - 377.33 */
  align-items: start;
  margin-top: 48px;                /* 289.51 - 241.51 */
}
.nt-logic {
  position: relative;
  padding: 33px 34px 34px;
  border-radius: 44px;
  overflow: hidden;
}
.nt-logic--b { margin-top: 40px; }
.nt-logic--c { margin-top: 80px; }
/* Background — Figma 243:4850 / 4868 / 4886 */
.nt-logic--a { background: linear-gradient(135deg, #0c1a1d 0%, #103330 100%); }
.nt-logic--b { background: linear-gradient(180deg, #33cbda 0%, #26adc0 100%); }
.nt-logic--c { background: var(--c-conifer); }

.nt-logic__kicker {
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 18.59px;
  letter-spacing: var(--ls-1-1);
  text-transform: uppercase;
}
.nt-logic--a .nt-logic__kicker { color: var(--c-conifer); }
.nt-logic--b .nt-logic__kicker { color: var(--c-teal-26); }
.nt-logic--c .nt-logic__kicker { color: #5c7412; }
/* Overlay — Figma 243:4854 (56 × 56, a 14 dal blocco) */
.nt-logic__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px; height: 56px;
  margin-top: 14px;                /* 51.59 + 14 - (33 + 18.59) */
  border-radius: 18px;
}
.nt-logic--a .nt-logic__icon { background: #293a24; }
.nt-logic--b .nt-logic__icon { background: rgba(11, 16, 18, 0.10); }
.nt-logic--c .nt-logic__icon { background: rgba(11, 16, 18, 0.10); }
.nt-logic__icon img { width: 26px; height: 26px; }
/* Heading 3 — Figma 243:4858 */
.nt-logic__h {
  margin-top: 18px;                /* 139.59 - (65.59 + 56) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: 30px;
  line-height: 39px;
  letter-spacing: -0.66px;
}
.nt-logic--a .nt-logic__h { color: var(--c-white); }
.nt-logic--b .nt-logic__h, .nt-logic--c .nt-logic__h { color: var(--c-bunker); }
/* Figma 243:4861 (309.33 di larghezza, righe da 23.33) */
.nt-logic__t {
  margin-top: 11px;                /* 178.59 + 11 - (139.59 + 39) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-15);
  line-height: 23.33px;
}
.nt-logic--a .nt-logic__t { color: #c3cfd4; }
.nt-logic--b .nt-logic__t { color: var(--c-firefly); }
.nt-logic--c .nt-logic__t { color: #2c3a20; }
/* Container — Figma 243:4863 */
.nt-logic__es {
  margin-top: 18px;                /* 259.59 + 18 - (189.59 + 70) */
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-13);
  line-height: 20px;
}
.nt-logic--a .nt-logic__es { color: var(--c-regent-gray); }
.nt-logic--b .nt-logic__es { color: var(--c-teal-26); }
.nt-logic--c .nt-logic__es { color: #5c7412; }
/* Container — Figma 243:4865 (numero grande in alto a destra) */
.nt-logic__num {
  position: absolute;
  right: 34px; top: 26px;
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: 48px;
  line-height: 61px;
  letter-spacing: -1.056px;
}
.nt-logic--a .nt-logic__num { color: #31494a; }
.nt-logic--b .nt-logic__num { color: #28a5b4; }
.nt-logic--c .nt-logic__num { color: #a8c947; }

@media (max-width: 1120px) {
  .nt-tre__cards { grid-template-columns: 1fr; gap: 20px; }
  .nt-logic--b, .nt-logic--c { margin-top: 0; }
}
@media (max-width: 720px) {
  .nt-tre { padding: 72px var(--sp-s); }
  .nt-tre__inner { padding-inline: 0; }
  .nt-tre__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .nt-tre__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .nt-logic { padding: 26px 24px; border-radius: 32px; }
  .nt-logic__h { font-size: var(--fs-24); line-height: 32px; }
  .nt-logic__num { font-size: 36px; right: 24px; }
}

/* ============================================================
   NOTIFY — COME FUNZIONA (striscia a gradiente con tre schede)
   Figma: nodo 243:4905 (1920x585.675)
   ============================================================ */
.nt-come {
  padding: 96px var(--sp-s);
  background: linear-gradient(125.0000006419479deg,
              var(--c-java) 0%, var(--c-scooter) 30%,
              var(--c-green-74) 62%, var(--c-conifer) 100%);
}
.nt-come__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
/* Container — Figma 243:4907 */
.nt-come__head { max-width: 605.63px; }
.nt-come__head .eyebrow { color: var(--c-teal-26); padding-top: 6.9px; }
.nt-come__head .eyebrow::before { background: var(--c-teal-26); }
/* Heading 2 — Figma 243:4911 (2 righe da 46.5) */
.nt-come__title {
  margin-top: 14.79px;             /* 41.685 - (6.9 + 20) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-44);
  line-height: 46.5px;
  letter-spacing: var(--ls--1-1);
  color: var(--c-bunker);
}
/* Container — Figma 243:4913 (tre schede da 380, passo 398) */
.nt-come__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;                       /* 398 - 380 */
  margin-top: 48px;                /* 182.675 - 134.685 */
}
/* Overlay+Border — Figma 243:4914 (velo bianco al 60%) */
.nt-come__step {
  padding: 33px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.6);
  /* nel Figma il contorno e' interno e piu' chiaro del riempimento */
  box-shadow: inset 0 0 0 var(--sw-1) rgba(255, 255, 255, 0.85);
}
.nt-come__num {
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: 48px;
  line-height: 46px;
  letter-spacing: -1.056px;
  color: var(--c-bunker);
}
/* Heading 4 — Figma 243:4917 */
.nt-come__h {
  margin-top: 12px;                /* 88 + 3 - (33 + 46) */
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-19);
  line-height: 31px;
  color: var(--c-bunker);
}
/* Figma 243:4919 (314 × 47 = 2 righe da 23.5) */
.nt-come__t {
  margin-top: 12px;                /* 131 - (91 + 31) + 3 */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: 14.5px;
  line-height: 23.5px;
  color: #2c3a33;
}

@media (max-width: 1024px) {
  .nt-come__steps { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 720px) {
  .nt-come { padding: 72px var(--sp-s); }
  .nt-come__inner { padding-inline: 0; }
  .nt-come__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .nt-come__step { padding: 26px 24px; border-radius: 24px; }
}

/* ============================================================
   NOTIFY — DOVE SERVE
   Figma: nodo 243:4935 (1920x621.465, fondo lime)
   ============================================================ */
.nt-dove {
  background: var(--c-conifer);
  padding: 96px var(--sp-s);
}
.nt-dove__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
/* Container — Figma 243:4937 */
.nt-dove__head { max-width: 605.63px; }
.nt-dove__head .eyebrow { color: var(--c-teal-26); padding-top: 6.91px; }
.nt-dove__head .eyebrow::before { background: var(--c-teal-26); }
/* Heading 2 — Figma 243:4941 (2 righe da 46.5) */
.nt-dove__title {
  margin-top: 14.78px;             /* 41.685 - (6.91 + 20) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-44);
  line-height: 46.5px;
  letter-spacing: var(--ls--1-1);
  color: var(--c-bunker);
}
/* Container — Figma 243:4943 (quattro schede da 282, passo 298) */
.nt-dove__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;                       /* 298 - 282 */
  align-items: stretch;            /* tutte le schede alte uguale */
  margin-top: 48px;                /* 182.685 - 134.685 */
}
.nt-dove__card {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: 24px;
  background: var(--c-white);
  overflow: hidden;
}
/* il corpo si allunga: le schede con una riga di testo in meno
   restano comunque alte come le altre */
.nt-dove__body { flex: 1; }
/* Background — Figma 243:4946 (282 × 128) */
.nt-dove__card picture { display: block; }
.nt-dove__card img {
  width: 100%;
  aspect-ratio: 282 / 128;
  object-fit: cover;
}
.nt-dove__body { padding: 21px 22px 22px; }
/* Heading 4 — Figma 243:4948 */
.nt-dove__h {
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-18);
  line-height: 26.59px;
  color: var(--c-bunker);
}
/* Figma 243:4950 (238 di larghezza, righe da 22.59) */
.nt-dove__t {
  margin-top: 4.8px;               /* 52.39 - (21 + 26.59) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-13-5);
  line-height: 22.59px;
  color: var(--c-shuttle-gray);
}

@media (max-width: 1120px) {
  .nt-dove__cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  .nt-dove { padding: 72px var(--sp-s); }
  .nt-dove__inner { padding-inline: 0; }
  .nt-dove__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .nt-dove__cards { grid-template-columns: 1fr; }
}

/* ============================================================
   NOTIFY — NOTE
   Figma: nodo 243:4976 (1920x501.575, fondo scuro)
   ============================================================ */
.nt-note {
  position: relative;
  background: var(--c-bunker);
  padding: 96px var(--sp-s);
  overflow: hidden;
}
/* Gradient+Blur — Figma 243:4977 (x=1500 y=-160, 520 × 520) */
.nt-note__glow {
  position: absolute;
  left: 1500px; top: -160px;
  width: 520px; height: 520px;
  border-radius: 260px;
  filter: blur(40px);
  background: radial-gradient(circle at 50% 50%,
              rgba(53, 209, 223, 0.22) 0%, rgba(53, 209, 223, 0) 66%);
  pointer-events: none;
}
.nt-note__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-xl);
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
/* Container — Figma 243:4979 (556 × 151.705, centrato in verticale) */
.nt-note__copy { align-self: center; min-width: 0; }
.nt-note__copy .eyebrow { color: var(--c-conifer); padding-top: 6.91px; }
.nt-note__copy .eyebrow::before { background: var(--c-conifer); }
/* Heading 2 — Figma 243:4983 (riga singola alta 44) */
.nt-note__title {
  margin-top: 10.7px;              /* 37.61 - (6.91 + 20) */
  font-family: var(--f-1);
  font-weight: var(--fw-800);
  font-size: var(--fs-38);
  line-height: 44px;
  letter-spacing: -0.836px;
  color: var(--c-white);
}
/* Figma 243:4985 (404 × 55 = 2 righe da 27.5) */
.nt-note__lead {
  max-width: 450.42px;
  margin-top: 15.09px;             /* 92.31 + 4.395 - (37.61 + 44) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-18);
  line-height: 27.5px;
  color: var(--c-green-spring);
}
/* Overlay+Border — Figma 243:4988 / 4994 */
.nt-note__cards { display: flex; flex-direction: column; gap: 14px; }
.nt-note__card {
  padding: 28px 23px 23px;
  border-radius: 22px;
  background: #15191b;
  box-shadow: inset 0 0 0 var(--sw-1) #232a2d;
}
.nt-note__kicker {
  font-family: var(--f-3);
  font-weight: var(--fw-700);
  font-size: var(--fs-12);
  line-height: 18px;
  letter-spacing: var(--ls-1-1);
  text-transform: uppercase;
  color: var(--c-scooter);
}
/* Heading 4 — Figma 243:4990 */
.nt-note__h {
  margin-top: 9.59px;              /* 51.2 + 4.39 - (28 + 18) */
  font-family: var(--f-1);
  font-weight: var(--fw-700);
  font-size: var(--fs-19);
  line-height: 29px;
  letter-spacing: var(--ls--0-28);
  color: var(--c-white);
}
/* Figma 243:4992 (510 di larghezza, righe da 22.79) */
.nt-note__t {
  margin-top: 5.8px;               /* 90.59 - (55.59 + 29) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-14);
  line-height: 22.79px;
  color: var(--c-grey-62);
}

/* ============================================================
   NOTIFY — FAQ
   Figma: nodo 243:5000 (1920x660.19). Le schede riusano .faq-*.
   ============================================================ */
.nt-faq { padding: 96px var(--sp-s); }
.nt-faq__inner {
  width: 100%;
  max-width: var(--w-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.nt-faq__intro { max-width: 605.63px; padding-top: 6.91px; }
.nt-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);
}
.nt-faq .faq-grid { margin-top: 48px; }

/* ============================================================
   NOTIFY — CTA FINALE
   Figma: nodo 243:5033 (1920x604.025, fondo ciano)
   ============================================================ */
.nt-cta {
  position: relative;
  background: var(--c-scooter);
  padding: 128px var(--sp-s);
  overflow: hidden;
  text-align: center;
}
.nt-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 243:5034 (x=600 y=-70, 720 × 440) */
.nt-cta__glow--a {
  position: absolute;
  left: 260px; top: -70px;
  width: 720px; height: 440px;
  border-radius: 220px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0) 64%);
}
/* Gradient+Blur — Figma 243:5035 (x=537.59 y=354.02, 500 × 340) */
.nt-cta__glow--b {
  position: absolute;
  left: 197.59px; top: 354.02px;
  width: 500px; height: 340px;
  border-radius: 170px;
  filter: blur(40px);
  background: radial-gradient(ellipse at 50% 50%,
              rgba(194, 232, 80, 0.45) 0%, rgba(194, 232, 80, 0) 64%);
}
.nt-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;
}
/* Container — Figma 243:5037: occhiello senza trattino */
.nt-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-teal-26);
}
/* Heading 2 — Figma 243:5039 (504 × 114.745 = 2 righe da 57.37) */
.nt-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: 58px;
  line-height: 57.37px;
  letter-spacing: -1.05px;
  color: var(--c-bunker);
}
/* Figma 243:5041 (426 × 61 = 2 righe da 30.5).
   Le due righe sono interrotte a mano come nel Figma: nowrap evita che
   la prima (424 su 426 disponibili) vada a capo per un pixel. */
.nt-cta__lead {
  white-space: nowrap;
  margin-top: 23px;                /* 172.245 + 6.195 - (40.5 + 114.745) */
  font-family: var(--f-2);
  font-weight: var(--fw-400);
  font-size: var(--fs-19);
  line-height: 30.5px;
  color: var(--c-firefly);
}
/* Figma 243:5043 — i due bottoni */
.nt-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-14);
  margin-top: 48.8px;              /* 257.025 + 31 - (172.245 + 67.78) */
}
.nt-cta__actions .btn-primary { width: 249.31px; }
.nt-cta__actions .btn-ghost   { width: 222px; justify-content: center; border-color: var(--c-white-35); }

@media (max-width: 1024px) {
  .nt-note__inner { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 720px) {
  .nt-note, .nt-faq { padding: 72px var(--sp-s); }
  .nt-note__inner, .nt-faq__inner, .nt-cta__inner { padding-inline: 0; }
  .nt-note__title { font-size: 30px; line-height: 1.1; letter-spacing: -0.6px; }
  .nt-note__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); }
  .nt-note__card { padding: 22px 18px; }
  .nt-faq__title { font-size: 32px; line-height: 1.08; letter-spacing: -0.6px; }
  .nt-cta { padding: 96px var(--sp-s); }
  .nt-cta__glows { display: none; }
  .nt-cta__title { font-size: 30px; line-height: 1.15; white-space: normal; }
  .nt-cta__lead { font-size: var(--fs-16); line-height: var(--lh-25-6); white-space: normal; }
  .nt-cta__actions { flex-direction: column; align-items: stretch; }
  .nt-cta__actions .btn-primary, .nt-cta__actions .btn-ghost { width: 100%; justify-content: center; }
}