.cs-more { --cs-more-bg: #fff; --cs-more-title: #101722; --cs-more-text: #424a55; padding: 80px 32px; background: var(--cs-more-bg); color: var(--cs-more-text); }
.cs-more--dark { --cs-more-bg: #191b1d; --cs-more-title: #fff; --cs-more-text: #c4cbd5; }
.cs-more__inner { max-width: 1168px; margin: 0 auto; }
.cs-more__heading { margin: 0 0 56px; color: var(--cs-more-title); font-size: clamp(28px, 2.8vw, 38px); line-height: 1.25; font-weight: 700; letter-spacing: -.025em; overflow-wrap: anywhere; }
.cs-more__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.cs-more__card { min-width: 0; }
.cs-more__link { display: block; color: inherit; text-decoration: none; }
.cs-more__media { aspect-ratio: 2.15 / 1; overflow: hidden; background: linear-gradient(135deg, #64748b26, #64748b0d); }
.cs-more__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.cs-more__link:hover .cs-more__image { transform: scale(1.035); }
.cs-more__link:focus-visible { outline: 2px solid var(--cs-more-title); outline-offset: 6px; }
.cs-more__title { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 26px 0 6px; color: var(--cs-more-title); font-size: 23px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.cs-more__title span { flex-shrink: 0; font-size: 20px; }
.cs-more__description { margin: 0; font-size: 15px; line-height: 1.7; overflow-wrap: anywhere; }
.cs-cover-cta { --cs-cover-text: #fff; --cs-cover-bg: #191b1d; --cs-cover-overlay-rgb: 0 0 0; position: relative; isolation: isolate; display: grid; place-items: center; min-height: 440px; padding: 80px 32px; overflow: hidden; background: var(--cs-cover-bg); color: var(--cs-cover-text); text-align: center; }
.cs-cover-cta--light { --cs-cover-text: #101722; --cs-cover-bg: #eef2f6; --cs-cover-overlay-rgb: 255 255 255; }
.cs-cover-cta__media, .cs-cover-cta__media::after, .cs-cover-cta__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.cs-cover-cta__media { z-index: -1; pointer-events: none; }
.cs-cover-cta__image { object-fit: cover; }
.cs-cover-cta__media::after { content: ''; background: rgb(var(--cs-cover-overlay-rgb) / var(--cs-cover-overlay, .6)); }
.cs-cover-cta__content { width: 100%; max-width: 1100px; margin: 0 auto; }
.cs-cover-cta__heading { margin: 0; color: inherit; font-size: clamp(30px, 3.5vw, 48px); line-height: 1.2; font-weight: 700; letter-spacing: -.025em; white-space: pre-line; overflow-wrap: anywhere; }
.cs-cover-cta__description { max-width: 800px; margin: 28px auto 0; font-size: clamp(16px, 1.6vw, 21px); line-height: 1.6; font-weight: 500; white-space: pre-line; overflow-wrap: anywhere; }
.cs-cover-cta__button { display: inline-block; max-width: 100%; margin-top: 40px; padding: 16px 36px; border-radius: 5px; background: var(--cs-cover-button-bg, #0785ff); color: var(--cs-cover-button-color, #fff); font-size: 19px; line-height: 1.5; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; transition: transform 180ms ease; }
.cs-cover-cta__button:hover { transform: translateY(-2px); }
.cs-cover-cta__button:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 800px) { .cs-more, .cs-cover-cta { padding: 80px 24px; } }
@media (max-width: 700px) { .cs-more__grid { grid-template-columns: 1fr; gap: 36px; } .cs-more__heading { margin-bottom: 36px; } }
@media (max-width: 480px) { .cs-more, .cs-cover-cta { padding: 80px 20px; } .cs-more__title { font-size: 21px; } .cs-cover-cta__button { padding: 14px 24px; font-size: 17px; } }
@media (prefers-reduced-motion: reduce) { .cs-more__image, .cs-cover-cta__button { transition: none; } .cs-more__link:hover .cs-more__image, .cs-cover-cta__button:hover { transform: none; } }