/* SWD Split — text beside an image or key-points panel. */
.swd-split .sp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px 72px; align-items: center; }
.swd-split .sp--flip .sp__text { order: 2; }
.swd-split .sp__h { font-size: clamp(32px, 3.8vw, 54px); }
.swd-split .sp__text > p:not(.ih__chip) { margin-top: 18px; font-size: 17.5px; line-height: 1.6; color: var(--muted); max-width: 580px; }
.swd-split .sp__text .ticks { margin-top: 24px; }
.swd-split .sp__btn { margin-top: 30px; }
.swd-split .sp__img { position: relative; border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 5 / 4; box-shadow: inset 0 0 0 1px var(--edge), 0 50px 80px -50px rgba(0, 0, 0, .8); }
.swd-split .sp__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.swd-split .sp__points { display: grid; gap: 10px; padding: 14px; border-radius: 32px; background: var(--card); box-shadow: inset 0 0 0 1px var(--edge); }
.swd-split .sp__points li { display: flex; gap: 16px; align-items: flex-start; padding: 18px 18px; border-radius: 20px; background: rgba(20, 26, 44, .5); }
.swd-split .sp__pic { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 13px; background: color-mix(in srgb, var(--a) 15%, transparent); color: var(--a); }
.swd-split .sp__points b { display: block; font-weight: 500; font-size: 17px; }
.swd-split .sp__points span { display: block; margin-top: 3px; font-size: 15px; color: var(--muted); }

@media (max-width: 980px) {
	.swd-split .sp { grid-template-columns: minmax(0, 1fr); }
	.swd-split .sp--flip .sp__text { order: 0; }
}
