.csf {display: grid;grid-template-areas: "photo" "text" "action";gap: 1.5rem;margin: 0 auto;max-width: 72rem;text-align: left;}.csf-text {grid-area: text;}.csf-photo {grid-area: photo;display: block;aspect-ratio: 4 / 3;border-radius: 0.875rem;background: rgba(155, 196, 226, 0.25);}.csf-photo picture {display: block;height: 100%;}.csf-photo img {display: block;width: 100%;height: 100%;border-radius: 0.875rem;object-fit: cover;transition: transform 0.3s ease;}.csf-action {grid-area: action;}.csf .cs-topper {margin-bottom: 0.875rem;}.csf-logo {display: inline-flex;margin-bottom: 1rem;border-radius: 0.5rem;background: #fff;padding: 0.375rem 0.625rem;border: 1px solid #e3e7ec;}.csf-logo img {display: block;width: auto;height: 2.75rem;}.csf-title {margin: 0;max-width: 34rem;font-size: clamp(1.75rem, 3.4vw, 2.5rem);font-weight: 900;line-height: 1.2em;color: var(--headerColor);}.csf-title em {font-style: normal;color: var(--pop2);}.csf-quote {margin: 1.5rem 0 0;max-width: 34rem;border-left: 4px solid var(--primary);padding: 0.25rem 0 0.25rem 1.25rem;}.csf-quote p {font-size: clamp(1.0625rem, 1.6vw, 1.25rem);font-weight: 700;line-height: 1.5em;color: var(--headerColor);}.csf-quote footer {margin-top: 0.5rem;font-size: 0.875rem;color: var(--bodyTextColor);}.csf-sr {position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;}@media only screen and (min-width: 48rem) {.csf {grid-template-columns: 1.1fr 1fr;grid-template-areas: "text photo" "text action";grid-template-rows: auto 1fr;column-gap: clamp(2rem, 5vw, 4rem);row-gap: 1.25rem;align-items: start;}.csf-text {align-self: center;}.csf-photo:hover img {transform: scale(1.015);}}.csf-card {border: 1px solid #e3e7ec;border-radius: 1.25rem;background: #fff;padding: clamp(1.25rem, 4vw, 2.5rem);}body.dark-mode .csf-card {border-color: var(--accent);background: var(--medium);}body.dark-mode .csf .csf-title, body.dark-mode .csf .csf-quote p {color: #fff;}body.dark-mode .csf .csf-title em {color: #f0a875;}body.dark-mode .csf .csf-quote {border-color: #9bc4e2;}body.dark-mode .csf .csf-quote footer {color: rgba(255, 255, 255, 0.7);}body.dark-mode .csf .cs-topper {color: #9bc4e2;}.csf-list {display: grid;gap: clamp(1.5rem, 3vw, 2.25rem);margin: 0 auto;max-width: 72rem;padding: clamp(2.5rem, 5vw, 4rem) 1rem clamp(3.5rem, 7vw, 5.5rem);box-sizing: content-box;}.hp-case-study {margin-top: clamp(2.5rem, 5vw, 3.5rem);}.hp-case-study .css-card {max-width: none;}#hp-reviews .hp-case-study .css-quote {margin: 1.25rem 0 1.5rem;flex: none;}#hp-reviews .hp-case-study .css-quote p {margin: 0;font-size: clamp(1rem, 1.5vw, 1.125rem);line-height: 1.5em;color: var(--headerColor);}body.dark-mode #hp-reviews .hp-case-study .css-quote p {color: #fff;}.csf-service-strip {padding: clamp(1rem, 3vw, 2rem) 1rem clamp(3.5rem, 7vw, 5.5rem);}.css-card {display: grid;overflow: hidden;margin: 0 auto;max-width: 64rem;border: 1px solid #e3e7ec;border-radius: 1.25rem;background: #fff;box-shadow: 0 18px 40px rgba(20, 60, 90, 0.08);}.css-stat {position: relative;display: flex;flex-wrap: wrap;align-items: baseline;justify-content: center;gap: 0.25rem 0.75rem;padding: 1.75rem 1.5rem;background: radial-gradient(ellipse at 85% 0%, var(--primaryLight) 0%, transparent 60%), var(--primary);text-align: center;}.css-stat::before {content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1.2px, transparent 1.6px);background-size: 22px 22px;pointer-events: none;}.css-stat-num {position: relative;font-size: clamp(3.5rem, 9vw, 5.5rem);font-weight: 900;line-height: 1;color: #f0a875;}.css-stat-label {position: relative;font-size: clamp(1.125rem, 2vw, 1.375rem);font-weight: 700;color: #fff;}.css-body {padding: clamp(1.5rem, 4vw, 2.5rem);}.css-head {display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 1rem;margin-bottom: 1rem;}.css-logo img {display: block;width: auto;height: 2.75rem;}.css-label {font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--primary);}.css-title {margin: 0;max-width: 32rem;font-size: clamp(1.5rem, 3vw, 2rem);font-weight: 900;line-height: 1.2em;color: var(--headerColor);}.css-title em {font-style: normal;color: var(--pop2);}.css-quote {margin: 1.25rem 0 1.5rem;max-width: 34rem;border-left: 4px solid var(--primary);padding: 0.125rem 0 0.125rem 1.125rem;}.css-quote p {font-size: clamp(1rem, 1.5vw, 1.125rem);font-weight: 700;line-height: 1.5em;color: var(--headerColor);}.css-quote footer {margin-top: 0.375rem;font-size: 0.875rem;color: var(--bodyTextColor);}@media only screen and (min-width: 48rem) {.css-card {grid-template-columns: minmax(14rem, 0.8fr) 2fr;}.css-card-nostat {grid-template-columns: 1fr;}.css-stat {flex-direction: column;align-items: center;justify-content: center;padding: 2rem 1.5rem;}}body.dark-mode {}body.dark-mode .css-card {border-color: var(--accent);background: var(--medium);}body.dark-mode .css-logo {border-radius: 0.375rem;background: #fff;padding: 0.25rem 0.5rem;}body.dark-mode .css-label {color: #9bc4e2;}body.dark-mode .css-title {color: #fff;}body.dark-mode .css-title em {color: #f0a875;}body.dark-mode .css-quote {border-color: #9bc4e2;}body.dark-mode .css-quote p {color: #fff;}body.dark-mode .css-quote footer {color: rgba(255, 255, 255, 0.7);}