/* Scoped comparison page, using Rispondimi's existing tokens and components. */
.why-comparison{color:var(--rm-ink)}
.why-comparison .why-compare-hero{min-height:0;padding:64px 0 48px}
.why-comparison .why-compare-hero .inner-hero-copy{max-width:1000px;position:relative;z-index:2}
.why-comparison .why-compare-hero h1{font-size:3rem;line-height:1.12;max-width:960px}
.why-comparison .hero-semantic-subtitle{font-size:1.25rem;line-height:1.55;color:#fff;max-width:900px;margin:24px 0 16px}
.why-comparison .hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}
.why-comparison .hero-actions .btn{white-space:normal}
.why-comparison .why-compare-heading{max-width:850px;margin-bottom:32px}
.why-comparison .section-lead{max-width:75ch}
.why-comparison .why-compare-heading h2{margin:12px 0 20px}
.why-comparison p{line-height:1.65}
.why-comparison h3{font-size:1.45rem;line-height:1.3;margin-bottom:16px}
.why-reservation-example{background:var(--rm-paper);border:1px solid var(--rm-line);border-radius:16px;padding:32px}
.why-example-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.85rem;color:var(--rm-ink-soft);margin-bottom:24px}
.why-example-name{font-size:1.3rem;font-weight:800}
.why-example-details{display:flex;gap:48px;margin:24px 0}
.why-example-details dt{font-size:.85rem;color:var(--rm-ink-soft)}
.why-example-details dd{font-size:1.1rem;font-weight:700;margin:4px 0 0}
.why-example-status{font-size:.9rem;margin:20px 0 0;color:var(--rm-teal-dark)}
.why-evidence,.why-feature{padding-top:24px;border-top:1px solid var(--rm-line)}
.why-evidence-number{font-size:2.4rem;font-weight:850;color:var(--rm-teal-dark);margin-bottom:12px}
.why-small-note{font-size:.9rem;color:var(--rm-ink-soft);margin-top:24px;max-width:85ch}
.why-before,.why-after{height:100%;padding:28px;border:1px solid var(--rm-line);border-radius:16px}
.why-before{background:#fff}
.why-after{background:var(--rm-night);color:#fff}
.why-comparison .why-after h3{color:#fff}
.why-before img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:16px}
.why-after-intro{display:flex;align-items:center;min-height:196px;color:#e6edf9;font-size:1.65rem;font-weight:700}
.why-before-after ul{margin:0}
.why-before-after li{padding:20px 0;min-height:90px;line-height:1.6;border-top:1px solid var(--rm-line)}
.why-after li{border-color:#ffffff35;color:#eef3fc}
.why-closing-line{margin:24px 0 0;font-size:1.2rem;font-weight:750}
.why-strategy-table{border:1px solid var(--rm-line);border-radius:16px;background:#fff}
.why-strategy-table table{min-width:920px;margin:0}
.why-strategy-table th,.why-strategy-table td{padding:20px 18px;vertical-align:middle}
.why-strategy-table caption{padding:16px 18px;font-size:.9rem;caption-side:top;color:var(--rm-ink-soft)}
.why-strategy-table thead th{background:#eff3f9;color:var(--rm-ink);font-size:1rem}
.why-strategy-table tr>*:last-child{background:#eaf3f1;font-weight:750;color:#164a45}
.why-key-row>*{font-weight:750}
.why-phone-argument{max-width:80ch;font-size:1.15rem;margin:28px 0 0}
.why-delivery{margin-top:40px;padding:32px;background:var(--rm-cream);border-radius:16px}
.why-delivery dd{margin-bottom:0}
.why-comparison #faq .why-compare-heading{text-align:center;margin-left:auto;margin-right:auto}
.why-comparison #whyFaq{max-width:900px;margin:auto}
.why-demo-final{background:linear-gradient(100deg,rgba(36,58,118,.97),rgba(16,29,65,.88) 60%,rgba(16,29,65,.65)),url("../img/hero-ristorante-telefono-ai.webp") center right/cover no-repeat;color:#fff}
.why-comparison .why-demo-final .section-title,.why-comparison .why-demo-final .section-lead,.why-comparison .why-demo-final .why-small-note,.why-comparison .why-demo-final .section-kicker{color:#fff}
.why-comparison :focus-visible{outline:3px solid var(--rm-violet);outline-offset:4px}
@media(max-width:991px){.why-comparison .why-compare-hero h1{font-size:2.5rem}.why-comparison .why-compare-hero{padding-top:48px}}
@media(max-width:767px){.why-comparison .why-compare-hero h1{font-size:2rem}.why-comparison .hero-semantic-subtitle{font-size:1.1rem}.why-comparison .hero-actions .btn{width:100%}.why-example-details{gap:24px;flex-wrap:wrap}.why-reservation-example,.why-before,.why-after,.why-delivery{padding:24px}.why-after-intro{min-height:100px;font-size:1.4rem}.why-before-after li{min-height:0}.why-comparison .why-compare-hero{padding-top:32px}}
.why-table-hint{font-size:.95rem;color:var(--rm-ink-soft);margin-bottom:12px}
@media(max-width:991px){.why-strategy-table table{table-layout:fixed}.why-strategy-table tr>th:first-child{width:160px;position:sticky;left:0;z-index:2;background:#f0f3f9;box-shadow:1px 0 0 var(--rm-line)}.why-strategy-table thead th:first-child{z-index:3}}

/* Revisione della pagina: ritmo compatto e gerarchia del contenuto. */
.why-comparison > .section { padding-block: 64px; }
.why-comparison > .section:nth-of-type(even) { background: #f5f7fc; }
.why-comparison .section-title { font-size: 2.25rem; line-height: 1.18; letter-spacing: -.025em; font-weight: 850; text-wrap: balance; }
.why-comparison .section-kicker { display: none; }
.why-comparison .why-compare-heading { max-width: 900px; margin-bottom: 28px; }
.why-comparison .why-compare-heading h2 { margin: 0 0 18px; }
.why-comparison .section-lead { font-size: 1.125rem; line-height: 1.65; color: #4c5b7b; }
.why-comparison h3 { font-size: 1.375rem; font-weight: 800; letter-spacing: -.015em; }
.why-comparison > .section p { color: #43516e; }
.why-comparison .why-evidence { border-top: 0; padding-top: 12px; }
.why-comparison .why-evidence + .why-evidence { border-left: 1px solid #d5ddec; padding-left: 32px; }
.why-comparison .why-evidence-number { color: #215c96; font-size: 2.75rem; font-weight: 900; line-height: 1.1; }
.why-comparison .why-before-after li { min-height: 0; padding-block: 14px; }
.why-comparison .why-after-intro { min-height: 196px; }
.why-comparison .why-after p, .why-comparison .why-after li { color: #edf2ff; }
.why-comparison #differenze { background: #fff; }
.why-difference-layout { align-items: center; }
.why-comparison #differenze .why-compare-heading { margin-bottom: 24px; }
.why-service-photo { display: block; width: 100%; height: 230px; object-fit: cover; border-radius: 12px; }
.why-comparison .why-feature { display: flex; gap: 20px; border-top: 0; padding-top: 0; }
.why-feature > .bi { flex: 0 0 52px; height: 52px; display: grid; place-items: center; font-size: 1.625rem; background: #eaf0fb; color: #304d8b; border-radius: 12px; }
.why-comparison .why-feature h3 { margin: 2px 0 12px; }
.why-comparison .why-feature p { margin-bottom: 0; max-width: 58ch; }
.why-comparison .why-feature + .why-feature { padding-top: 28px; margin-top: 28px; border-top: 1px solid #dce3ef; }
.why-comparison .why-delivery { margin-top: 40px; background: #243a76; color: #fff; padding: 32px 36px; border-radius: 12px; }
.why-comparison .why-delivery h3 { color: #fff; margin-bottom: 12px; }
.why-comparison .why-delivery p { color: #edf2ff; max-width: 85ch; }
.why-delivery dl { padding-top: 18px; margin-top: 20px; border-top: 1px solid #ffffff40; }
.why-delivery dt { font-weight: 800; }
.why-delivery dd { color: #dbe5ff; margin-top: 4px; }
.why-comparison .why-pricing-bridge { padding-block: 52px; }
.why-comparison .why-pricing-bridge .section-lead { max-width: 70ch; }
.why-comparison .why-demo-final p, .why-comparison .why-demo-final .section-lead { color: #edf2ff; }
.why-comparison .why-small-note { font-size: .875rem; }
@media (max-width: 991.98px) {
  .why-comparison > .section { padding-block: 48px; }
  .why-comparison .section-title { font-size: 2rem; }
  .why-service-photo { height: 280px; }
}
@media (max-width: 575.98px) {
  .why-comparison > .section { padding-block: 40px; }
  .why-comparison .section-title { font-size: 1.75rem; }
  .why-comparison .section-lead { font-size: 1.0625rem; }
  .why-comparison .why-evidence + .why-evidence { border-left: 0; border-top: 1px solid #d5ddec; padding: 24px 12px 0; }
  .why-comparison .why-feature { gap: 14px; }
  .why-feature > .bi { flex-basis: 40px; height: 40px; font-size: 1.25rem; }
  .why-comparison .why-delivery { padding: 24px; margin-top: 28px; }
  .why-delivery dl > div + div { padding-top: 12px; }
  .why-service-photo { height: 200px; }
}