.c4ppf{--film: #2c87ff;--ink: currentColor;max-width:1100px;margin:0 auto 2.5rem;padding:0 4vw;text-align:center;font-family:inherit}.c4ppf-kicker{margin:0 0 .4rem;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--film)}.c4ppf-title{margin:0 0 .5rem}.c4ppf-lede{margin:0 auto 1.6rem;max-width:40em;opacity:.82}.c4ppf-film{padding:0 .3em;border-radius:3px;background:linear-gradient(115deg,#ffffff12,#ffffff47 48%,#ffffff12);box-shadow:inset 0 -2px #ffffff80}.c4ppf-block{margin:0 0 1.1rem}.c4ppf-label{display:block;margin-bottom:.55rem;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.c4ppf-vehicles{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.c4ppf-vehicle{display:flex;flex-direction:column;align-items:center;gap:4px;width:128px;padding:8px 6px 9px;border:1.5px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:10px;background:color-mix(in srgb,currentColor 4%,transparent);color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.c4ppf-vehicle img{width:112px;height:56px;object-fit:contain;display:block}.c4ppf-vehicle:hover{border-color:color-mix(in srgb,var(--film) 70%,transparent);transform:translateY(-1px)}.c4ppf-vehicle[aria-checked=true]{border-color:var(--film);background:color-mix(in srgb,var(--film) 14%,transparent);box-shadow:0 0 0 1px var(--film)}.c4ppf-vehicle:focus-visible,.c4ppf-swatch:focus-visible,.c4ppf-custom:focus-within{outline:2px solid var(--film);outline-offset:3px}.c4ppf-colors{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center}.c4ppf-swatch{position:relative;width:34px;height:34px;padding:0;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 25%,transparent);background:radial-gradient(circle at 32% 28%,#ffffff8c,#fff0 46%),var(--sw, #ccc);cursor:pointer;transition:transform .15s}.c4ppf-swatch:hover{transform:scale(1.08)}.c4ppf-swatch[aria-checked=true],.c4ppf-custom.is-on{border-color:var(--film);box-shadow:0 0 0 3px color-mix(in srgb,var(--film) 35%,transparent)}.c4ppf-custom{display:inline-grid;place-items:center;overflow:hidden;--sw: conic-gradient(#e33, #ec3, #3c5, #3ae, #73e, #e33);background:conic-gradient(#e33,#ec3,#3c5,#3ae,#73e,#e33)}.c4ppf-custom.is-on{background:radial-gradient(circle at 32% 28%,#ffffff8c,#fff0 46%),var(--sw)}.c4ppf-custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:0;padding:0}.c4ppf-custom span{font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.c4ppf-color-name{display:block;margin-top:.5rem;font-size:13px;opacity:.75;min-height:1.2em}.c4ppf-media{position:relative}.c4ppf-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s;pointer-events:none}.c4ppf-ready .c4ppf-canvas{opacity:1}.c4ppf-ready .c4ppf-media>img{opacity:0!important}.c4ppf-busy .c4ppf-canvas{opacity:.55}@media (max-width: 767px){.c4ppf{padding:0 16px;margin-bottom:1.6rem}.c4ppf-vehicles{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px}.c4ppf-vehicle{flex:0 0 auto;width:112px;scroll-snap-align:start}.c4ppf-vehicle img{width:96px;height:48px}.c4ppf-swatch{width:32px;height:32px}}@media (prefers-reduced-motion: reduce){.c4ppf-vehicle,.c4ppf-swatch,.c4ppf-canvas{transition:none}}.c4ppf-compare{position:fixed;left:14px;bottom:64px;z-index:9990;padding:8px 13px;border-radius:999px;background:#111010eb;color:#fff;font:600 12px/1.2 Epilogue,system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 14px #00000059;border:1px solid rgba(34,198,230,.6)}.c4ppf-compare b{color:#22c6e6;font-weight:800}@media (max-width: 767px){.c4ppf-compare{bottom:128px;left:10px;font-size:11px}}