/* PBD induction landing pages.  v1
   Shared by /naturally-aspirated-tuning and /forced-induction-tuning, and ready for
   /ecoboost whenever that page is rebuilt on the same shape.
   Served from cc.palmbeachdyno.com. Scoped under .pbdlp; inert without that block. */
:root{--pbd-tunepage-css:"v1"}

.pbdlp *{box-sizing:border-box}
.pbdlp{font-family:inherit;line-height:1.55;color:#101114}
.pbdlp a{text-decoration:none}
.pbdlp .lp-wrap{max-width:1240px;margin:0 auto;padding:0 22px}

/* hero */
.pbdlp .lp-hero{background:#0b0c0f;color:#fff;padding:52px 0 46px;border-bottom:3px solid #b61a1f}
.pbdlp .lp-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#ff5a5f;margin:0 0 10px}
.pbdlp .lp-hero h1{font-size:clamp(27px,3.6vw,42px);line-height:1.06;letter-spacing:-.03em;font-weight:900;margin:0 0 14px;color:#fff;max-width:22ch}
.pbdlp .lp-hero p{font-size:17px;color:#c3c8cf;margin:0;max-width:66ch}
.pbdlp .lp-hero p+p{margin-top:12px}
.pbdlp .lp-hero b{color:#fff}

/* the finder sits directly under the hero, already filtered */
.pbdlp .lp-finder{background:#f4f5f7;padding:0 0 6px}

/* body sections */
.pbdlp .lp-sec{padding:48px 0}
.pbdlp .lp-sec.alt{background:#f4f5f7;border-top:1px solid #e4e6ea;border-bottom:1px solid #e4e6ea}
.pbdlp .lp-sec h2{font-size:clamp(22px,2.7vw,30px);font-weight:900;letter-spacing:-.025em;margin:0 0 10px;color:#101318}
.pbdlp .lp-lead{font-size:16px;color:#5b626c;max-width:70ch;margin:0 0 26px}

.pbdlp .lp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pbdlp .lp-point{background:#fff;border:1px solid #d3d8df;border-top:3px solid #b61a1f;border-radius:10px;padding:22px}
.pbdlp .lp-point h3{margin:0 0 8px;font-size:17px;font-weight:900;letter-spacing:-.01em;color:#101318}
.pbdlp .lp-point p{margin:0;font-size:14.5px;line-height:1.6;color:#3d434c}

/* platform cards */
.pbdlp .lp-plats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pbdlp .lp-plat{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #d3d8df;border-radius:10px;padding:18px 20px;transition:border-color .15s,transform .15s,box-shadow .15s}
.pbdlp .lp-plat:hover{border-color:#b61a1f;transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.09)}
.pbdlp .lp-plat b{font-size:16px;font-weight:900;color:#101318;letter-spacing:-.01em}
.pbdlp .lp-plat span{font-size:13.5px;color:#5b626c}
.pbdlp .lp-plat i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#b61a1f;margin-top:6px}

/* close */
.pbdlp .lp-close{background:#0b0c0f;color:#fff;padding:46px 0;text-align:center}
.pbdlp .lp-close h2{color:#fff;margin:0 0 12px}
.pbdlp .lp-close p{color:#c3c8cf;max-width:60ch;margin:0 auto 24px;font-size:16px}
.pbdlp .lp-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;border-radius:6px;background:#b61a1f;color:#fff;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.pbdlp .lp-btn:hover{background:#fff;color:#101318}
.pbdlp .lp-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.42);color:#fff;margin-left:10px}
.pbdlp .lp-btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}

@media (max-width:1000px){.pbdlp .lp-points,.pbdlp .lp-plats{grid-template-columns:1fr}}
@media (max-width:560px){
  .pbdlp .lp-hero{padding:38px 0 34px}
  .pbdlp .lp-sec{padding:34px 0}
  .pbdlp .lp-btn.ghost{margin:10px 0 0}
}