/* assets/marketing/landing.css — template LP-D delle landing verticali (landing/) e Ads (lp/)
   TF-MKT-REFACTOR-2026-10-06: estratto VERBATIM dal <style id="lpd-css"> che apriva <main>
   in 27 landing (identico) e in 10 pagine Ads (identico fra loro). Le due copie differivano
   in UNA regola: il footer Ads ha due colonne invece di tre. La differenza e' rimasta, resa
   esplicita: <footer class="lpd-footer lpd-footer--ads"> sulle 10 pagine lp/.
   Il <link> sta in fondo al <head>, seguito da trustpilot.css: e' lo stesso ordine che
   avevano i due <style> nel <body> (lpd-css prima, tp-growth-css dopo). */
/* ---------- Fascia istituzionale ---------- */
.lpd-band{background:#1e293b}
.lpd-band-inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 24px;padding:13px 20px}
.lpd-band-item{display:inline-flex;align-items:center;gap:11px;text-align:left}
.lpd-band-item img{width:27px;height:27px;object-fit:contain;filter:brightness(0) invert(1);flex:none}
.lpd-band-item svg{width:17px;height:17px;color:#fbbf24;flex:none}
.lpd-band-title{display:block;font-size:13px;font-weight:600;color:#fff;line-height:1.3}
.lpd-band-sub{display:block;font-size:11px;font-weight:400;color:rgba(255,255,255,.52);line-height:1.35}
.lpd-band-div{width:1px;height:28px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.26) 25%,rgba(255,255,255,.26) 75%,transparent)}
@media(max-width:560px){.lpd-band-div{display:none}}
/* ---------- Hero editoriale ---------- */
.lpd-hero{background:#fff;padding:88px 20px 84px;text-align:center}
.lpd-kicker{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#b45309;margin-bottom:22px}
.lpd-h1{margin:0 auto;max-width:19ch;font-size:clamp(40px,5.6vw,68px);line-height:1.07;letter-spacing:-.028em;font-weight:700;color:#0f172a}
.lpd-accent{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:1.05em;padding-right:.05em;background:linear-gradient(120deg,#f59e0b 0%,#fb923c 45%,#ef4444 95%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;background-position:0% 50%;animation:tfHeroGradient 8s ease-in-out infinite}
@keyframes tfHeroGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (prefers-reduced-motion: reduce){.lpd-accent{animation:none}}
.lpd-sub{margin:26px auto 0;max-width:56ch;font-size:18.5px;line-height:1.65;color:rgba(15,23,42,.62)}
.lpd-ctas{margin-top:38px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.lpd-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 26px;font-size:15px;font-weight:600;color:#334155;border:1px solid #e2e8f0;background:#fff;text-decoration:none;transition:border-color .15s ease,color .15s ease}
.lpd-btn-ghost:hover{border-color:#cbd5e1;color:#0f172a}
.lpd-checks{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:13.5px;color:rgba(15,23,42,.5)}
.lpd-checks span{display:inline-flex;align-items:center;gap:7px}
.lpd-checks svg{width:14px;height:14px;color:#16a34a;flex:none}
/* ---------- Banda dei fatti (solo numeri VERI) ---------- */
.lpd-facts{max-width:860px;margin:64px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid #fde68a;border-radius:20px;box-shadow:0 24px 48px -24px rgba(120,53,15,.18);overflow:hidden}
.lpd-fact{padding:26px 16px;text-align:center}
.lpd-fact+.lpd-fact{border-left:1px solid #fef3c7}
.lpd-fact-num{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;color:#b45309;line-height:1.1}
.lpd-fact-label{margin-top:7px;font-size:12.5px;line-height:1.45;color:#64748b}
/* ---------- Intestazioni di sezione ---------- */
.lpd-head{max-width:680px;margin:0 auto;text-align:center;padding:0 20px}
.lpd-eyebrow{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#b45309;margin-bottom:14px}
.lpd-h2{margin:0;font-size:clamp(30px,3.6vw,42px);line-height:1.12;letter-spacing:-.024em;font-weight:700;color:#0f172a}
.lpd-lead{margin:18px auto 0;max-width:56ch;font-size:17.5px;line-height:1.65;color:rgba(15,23,42,.6)}
/* ---------- Narrativa editoriale ---------- */
.lpd-wrap{max-width:880px;margin:0 auto;padding:0 20px}
.lpd-items{margin-top:24px}
.lpd-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:30px;padding:54px 0}
.lpd-item+.lpd-item{border-top:1px solid #eef2f7}
.lpd-item-num{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:54px;line-height:.9;color:#f59e0b;padding-top:6px}
.lpd-item h3{margin:0 0 14px;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.02em;font-weight:700;color:#0f172a}
.lpd-item p{margin:0;max-width:58ch;font-size:17.5px;line-height:1.7;color:rgba(15,23,42,.62)}
@media(max-width:640px){.lpd-item{grid-template-columns:1fr;gap:12px;padding:40px 0}.lpd-item-num{font-size:40px;padding-top:0}}
.lpd-textlink{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#b45309;text-decoration:none;transition:color .15s ease}
.lpd-textlink:hover{color:#92400e}
.lpd-textlink svg{width:15px;height:15px;flex:none}
/* ---------- Foto prodotto ---------- */
.lpd-shot{display:block;width:min(1020px,100%);height:auto;margin:56px auto 0}
.lpd-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;padding:0 20px}
.lpd-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:13.5px;font-weight:500;color:#334155;white-space:nowrap}
.lpd-pill svg{width:14px;height:14px;color:#16a34a;flex:none}
.lpd-split{max-width:1080px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:center}
.lpd-split .lpd-h2,.lpd-split .lpd-lead{text-align:left;margin-left:0}
.lpd-split-img{display:block;width:100%;max-width:330px;height:auto;margin:0 auto;filter:drop-shadow(0 30px 50px rgba(15,23,42,.18))}
@media(max-width:860px){.lpd-split{grid-template-columns:1fr;gap:44px}}
/* ---------- Garanzie (striscia scura) ---------- */
.lpd-trust{background:#1e293b;padding:72px 20px}
.lpd-trust-h2{margin:0 auto 46px;max-width:640px;text-align:center;font-size:clamp(22px,2.6vw,28px);line-height:1.25;letter-spacing:-.02em;font-weight:700;color:#fff}
.lpd-trust-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}
.lpd-trust-item svg{width:21px;height:21px;color:#fbbf24;margin-bottom:13px}
.lpd-trust-item h3{margin:0 0 6px;font-size:15px;font-weight:600;color:#fff}
.lpd-trust-item p{margin:0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.55)}
@media(max-width:860px){.lpd-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---------- Footer istituzionale ---------- */
.lpd-footer{background:#1e293b;padding:64px 20px 36px}
.lpd-footer-top{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:var(--lpd-footer-cols,minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr));gap:40px}
/* Ads (lp/): footer compatto a due colonne. Variabile e non regola in piu', cosi' il
   @media(max-width:760px) in fondo continua a vincere da solo (1 colonna). */
.lpd-footer--ads{--lpd-footer-cols:minmax(0,1.5fr) minmax(0,1fr)}
.lpd-footer-tag{margin:16px 0 0;max-width:300px;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.55)}
.lpd-footer h4{margin:0 0 16px;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.lpd-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.lpd-footer ul a{font-size:14px;color:rgba(255,255,255,.72);text-decoration:none;transition:color .15s ease}
.lpd-footer ul a:hover{color:#fff}
.lpd-footer-badge{max-width:1080px;margin:48px auto 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 28px}
.lpd-footer-legal{max-width:1080px;margin:26px auto 0;text-align:center}
.lpd-footer-legal p{margin:0;font-size:12.5px;line-height:1.8;color:rgba(255,255,255,.58)}
@media(max-width:760px){.lpd-footer-top{grid-template-columns:1fr;gap:32px}}