.ckl-why{--ckw-accent:#f47825;--ckw-bg:#f6f8fb;--ckw-card:#fff;--ckw-heading:#142334;--ckw-desc:#566477;box-sizing:border-box;position:relative;left:50%;transform:translateX(-50%);width:calc(var(--ckw-width,94)*1vw);max-width:none!important;margin:0!important;padding:var(--ckw-spacing,72px) 0;background:var(--ckw-bg);color:var(--ckw-heading);font-family:inherit;isolation:isolate}
.ckl-why *, .ckl-why *:before,.ckl-why *:after{box-sizing:border-box}
.ckl-why__container{width:calc(100% - 40px);max-width:calc(var(--ckw-max,1600)*1px);margin-inline:auto}
.ckl-why__header{text-align:center;max-width:820px;margin:0 auto 40px}
.ckl-why__eyebrow{margin:0 0 10px!important;color:var(--ckw-accent);font-size:11px!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ckl-why__heading{margin:0 0 14px!important;color:var(--ckw-heading);font-size:clamp(28px,3.1vw,46px)!important;font-weight:800;letter-spacing:-.035em;line-height:1.15}
.ckl-why__intro{margin:0!important;color:var(--ckw-desc);font-size:16px!important;line-height:1.65}
.ckl-why__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ckw-gap,24px)}
.ckl-why__card{min-width:0;overflow:hidden;background:var(--ckw-card);border:1px solid #e2e8f0;border-radius:var(--ckw-radius,20px);box-shadow:0 8px 28px rgba(19,35,52,.045);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.ckl-why__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ckw-accent) 38%,#e2e8f0);box-shadow:0 16px 36px rgba(19,35,52,.09)}
.ckl-why__media{position:relative;height:var(--ckw-image-height,245px);background:linear-gradient(135deg,#e7ebf0,#f2f4f7);overflow:hidden}
.ckl-why__image{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover}
.ckl-why__image:not([src]),.ckl-why__image[src=""]{display:none}
.ckl-why__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#8290a0;font-size:14px;letter-spacing:.01em}
.ckl-why__content{padding:var(--ckw-pad,28px)}
.ckl-why__card-title{color:var(--ckw-heading)!important;font-size:clamp(20px,1.7vw,25px)!important;line-height:1.25!important;letter-spacing:-.02em;font-weight:800;margin:0 0 12px!important}
.ckl-why__description{color:var(--ckw-desc)!important;font-size:15px!important;line-height:1.7!important;margin:0!important}
@media(max-width:767px){.ckl-why{width:100vw;padding:48px 0}.ckl-why__container{width:calc(100% - 28px)}.ckl-why__grid{grid-template-columns:minmax(0,1fr);gap:18px}.ckl-why__header{margin-bottom:28px}.ckl-why__media{height:min(var(--ckw-image-height,245px),260px)}.ckl-why__content{padding:22px}.ckl-why__intro{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.ckl-why__card{transition:none}.ckl-why__card:hover{transform:none}}

.ckl-why__media--loaded .ckl-why__placeholder{display:none}

.ckl-why__media:has(.ckl-why__image[src^="http"]:not([src=""])) .ckl-why__placeholder{display:none}

/* Optional per-card service-page links. Empty links are hidden until configured. */
.ckl-why__link{display:inline-block;margin-top:18px;color:var(--ckw-accent)!important;font-size:14px;font-weight:750;text-decoration:none!important;border-bottom:1px solid transparent;transition:border-color .2s ease}
.ckl-why__link:hover,.ckl-why__link:focus-visible{border-bottom-color:currentColor}
.ckl-why__link:not([href]),.ckl-why__link[href=""],.ckl-why__link[href="#"]{display:none!important}
/* Hide links while their URL field is empty or the Pagelayer token is unresolved. */
.ckl-why__link[href*="{{"],.ckl-why__link[href*="%7B%7B"],.ckl-why__link[href="undefined"],.ckl-why__link[href="null"]{display:none!important}