/* MotoLeads — componenti delle landing verticali (caricato solo su quelle pagine) */

/* breadcrumb */
.nds .crumbs{font-size:14px;color:var(--muted);margin-bottom:26px}
.nds .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.nds .crumbs li+li::before{content:"›";margin-right:6px;color:var(--line)}
.nds .crumbs a{color:var(--muted);text-decoration:none}
.nds .crumbs a:hover{color:var(--paper);text-decoration:underline}
.nds .crumbs [aria-current]{color:var(--paper)}

/* hero con illustrazione */
.nds .lp-hero{padding:56px 0 90px}
.nds .lp-hero .wrap{display:grid;grid-template-columns:1.25fr .85fr;gap:48px;align-items:center}
.nds .lp-hero h1{font-size:clamp(36px,4.6vw,60px);margin-top:18px}
.nds .lp-hero h1 em{font-style:normal;color:var(--accent)}
.nds .lp-hero .lead{margin:24px 0 32px}
.nds .lp-ill{width:100%;max-width:420px;justify-self:end;height:auto}
.nds .lp-ill text{font-family:var(--body);font-size:13px;fill:#c3c7cf}
.nds .lp-ill .t-head{font-family:var(--head);font-weight:700;font-size:15px;letter-spacing:1px;fill:var(--paper)}
.nds .lp-ill .t-acc{fill:var(--accent)}
.nds .lp-ill .t-white{fill:#fff}

/* in breve */
.nds .brief{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--asphalt-2);padding:26px 28px;max-width:900px}
.nds .brief h2{font-size:26px}
.nds .brief p{margin-top:12px;color:#d0d3d9}
.nds .light .brief{background:#fff;border-color:var(--paper-2);border-left-color:var(--accent)}
.nds .light .brief p{color:var(--muted-dark)}

/* blocchi di soluzione: titolo a sinistra, testo a destra */
.nds .rows{display:grid;gap:0;border-top:1px solid var(--line)}
.nds .row{display:grid;grid-template-columns:.8fr 1.6fr;gap:36px;padding:30px 0;border-bottom:1px solid var(--line)}
.nds .row h3{font-size:27px}
.nds .row p{color:#c3c7cf;font-size:16px}
.nds .row p+p,.nds .row p+ul,.nds .row ul+p{margin-top:12px}
.nds .row ul{list-style:none;display:grid;gap:8px;margin-top:12px}
.nds .row li{color:#c3c7cf;font-size:15.5px;padding-left:18px;position:relative}
.nds .row li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:2px;background:var(--accent)}
.nds .light .rows,.nds .light .row{border-color:var(--paper-2)}
.nds .light .row p,.nds .light .row li{color:var(--muted-dark)}
.nds .light .row .formula{color:var(--paper)}

/* confronto a due colonne */
.nds .split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nds .split > div{border-radius:var(--radius);padding:28px;border:1px solid var(--paper-2);background:#fff}
.nds .split h3{font-size:25px;margin-bottom:12px}
.nds .split ul{list-style:none;display:grid;gap:10px}
.nds .split li{padding-left:26px;position:relative;font-size:15.5px;color:var(--muted-dark)}
.nds .split li::before{content:"";position:absolute;left:0;top:6px;width:14px;height:14px;border-radius:50%;background:var(--accent)}
.nds .split .alt li::before{background:#1f8a4c}
.nds .split .tag{display:inline-block;font-family:var(--head);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;color:#c23f0c;margin-bottom:6px}
.nds .split .alt .tag{color:#17703d}

/* tabella */
.nds .tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}
.nds table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:560px}
.nds caption{text-align:left;padding:16px 20px 0;color:var(--muted);font-size:14px}
.nds th,.nds td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line);vertical-align:top}
.nds thead th{font-family:var(--head);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:15px;color:var(--accent)}
.nds tbody th{font-weight:600;color:var(--paper)}
.nds td{color:#c3c7cf}
.nds tr:last-child th,.nds tr:last-child td{border-bottom:0}
.nds .formula{font-family:var(--head);font-weight:700;font-size:26px;letter-spacing:.5px;color:var(--paper);background:var(--asphalt);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-top:16px;display:inline-block}

/* inizio lavoro: due pacchetti esistenti in forma compatta */
.nds .start{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nds .start article{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:var(--asphalt-2)}
.nds .start h3{font-size:26px}
.nds .start .price{font-size:40px;margin:12px 0 6px}
.nds .start .price small{display:inline;font-size:16px}
.nds .start p{color:#c3c7cf;font-size:15.5px;margin-top:8px}
.nds .start-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* professionista */
.nds .who-box{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--asphalt-2)}
.nds .alt-bg .who-box.on-alt{background:var(--asphalt)}
.nds .who-box img{width:150px;height:188px;object-fit:cover;border-radius:14px}
.nds .who-box h2{font-size:clamp(28px,3.4vw,40px)}
.nds .who-box p{color:#d0d3d9;margin-top:12px;font-size:16px}
.nds .who-box a:not(.btn){color:var(--accent-2)}

/* link tra landing */
.nds .see-also{margin-top:28px;color:var(--muted);font-size:15.5px}
.nds .see-also a,.nds .area .more{color:var(--accent-2);font-weight:600}
.nds .light .see-also{color:var(--muted-dark)}
.nds .light .see-also a{color:#c23f0c}

@media (max-width:980px){
  .nds .lp-hero .wrap{grid-template-columns:1fr}
  .nds .lp-ill{justify-self:start;max-width:360px}
  .nds .row{grid-template-columns:1fr;gap:10px}
  .nds .split,.nds .start{grid-template-columns:1fr}
}
@media (max-width:720px){
  .nds .lp-hero{padding:34px 0 64px}
  .nds .lp-ill{display:none}
  .nds .who-box{grid-template-columns:1fr;padding:22px}
  .nds .alt-bg .who-box.on-alt{background:var(--asphalt)}
.nds .who-box img{width:120px;height:150px}
  .nds .brief{padding:22px 20px}
  .nds .formula{font-size:21px}
}