/* Pagina "Dove sono i tuoi dati": stesso asse al 42% del resto del sito */
.d-hero, .d-sec {
  display: grid;
  grid-template-columns: [full-start] var(--m) [content-start] calc(42% - var(--m)) [axis] minmax(0, 1fr) [content-end] var(--m) [full-end];
}
.d-hero { background: var(--petrol-deep); color: var(--on-dark); padding: clamp(80px, 12vw, 160px) 0 clamp(64px, 8vw, 112px); row-gap: 32px; }
.d-kicker { grid-column: content-start / axis; font-size: var(--s-small); color: var(--on-dark-soft); }
.d-h1 { grid-column: content; }
.d-lead { grid-column: axis / content-end; font-size: var(--s-lead); line-height: 1.4; max-width: 36ch; }
.d-sec { padding: clamp(80px, 9vw, 140px) 0; border-top: 1px solid var(--paper-3); }
.d-alt { background: var(--paper-2); border-top: 0; }
.d-h2 { grid-column: content-start / axis; padding-right: var(--gut); align-self: start; }
.d-body, .d-who { grid-column: axis / content-end; max-width: 46rem; }
.d-body { display: grid; gap: 20px; font-size: var(--s-lead); line-height: 1.45; align-content: start; }
.d-body a, .d-who a { color: var(--petrol); font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.d-list { display: grid; gap: 10px; padding-left: 0; }
.d-list li { padding-left: 22px; position: relative; }
.d-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 8px; height: 8px; background: var(--petrol); }
.d-services { font-weight: 600; padding-top: 8px; }
.d-note { font-size: var(--s-body); color: var(--ink-soft); }
.d-link { text-decoration: none; }
.d-who { border-collapse: collapse; width: 100%; font-size: var(--s-lead); line-height: 1.45; }
.d-who th, .d-who td { text-align: left; vertical-align: top; padding: 0 0 32px; font-weight: 400; }
.d-who th { width: 34%; padding-right: 24px; font-weight: 600; color: var(--petrol-deep); }
.d-who tr + tr th, .d-who tr + tr td { padding-top: 32px; border-top: 1px solid var(--paper-3); }

@media (max-width: 720px) {
  .d-hero, .d-sec { grid-template-columns: [full-start] var(--m) [content-start axis] minmax(0, 1fr) [content-end] var(--m) [full-end]; }
  .d-h1 { font-size: 11vw; }
  .d-h2 { padding-right: 0; margin-bottom: 32px; }
  .d-body, .d-who, .d-lead, .d-kicker, .d-h2 { grid-column: content; }
  .d-who th, .d-who td { display: block; width: auto; padding: 0; }
  .d-who th { padding-bottom: 6px; }
  .d-who tr + tr th { padding-top: 24px; }
  .d-who tr + tr td { border-top: 0; padding-top: 0; }
  .d-who td { padding-bottom: 8px; }
}