.reference-hero{position:relative;background:linear-gradient(135deg,var(--brand-surface) 0%,var(--brand-surface-tint-light) 55%,var(--brand-surface) 100%);border-bottom:1px solid rgba(108,117,125,.2);overflow:hidden}.reference-hero-pattern{position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(var(--brand-primary-rgb),.18),transparent 55%),radial-gradient(circle at 80% 30%,rgba(var(--brand-highlight-rgb),.18),transparent 60%),radial-gradient(circle at 30% 80%,rgba(111,66,193,.12),transparent 60%);pointer-events:none}.reference-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;border-radius:999px;background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.reference-highlight-card{background:var(--surface-card);border-radius:1.5rem;padding:clamp(1.75rem,3vw,2.5rem);box-shadow:var(--surface-card-shadow);border:1px solid var(--surface-card-border)}.site-body.dark-mode .reference-highlight-card{border-color:var(--surface-card-border);box-shadow:var(--surface-card-shadow)}.reference-stat-grid{display:grid;gap:1rem}@media (min-width: 576px){.reference-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.reference-stat-card{background:rgba(var(--brand-primary-rgb),.05);border-radius:1rem;padding:1.25rem;text-align:center}.reference-stat-value{font-size:1.5rem;font-weight:700}.reference-stat-label{display:block;margin-top:.5rem;font-size:.85rem;color:var(--neutral-500)}.reference-testimonial{background:var(--surface-card);border-radius:1.5rem;padding:clamp(1.75rem,3vw,2.5rem);box-shadow:var(--surface-card-shadow);display:flex;flex-direction:column;gap:1.25rem;height:100%}.site-body.dark-mode .reference-testimonial{box-shadow:var(--surface-card-shadow)}.testimonial-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.testimonial-quote{font-size:1rem;color:rgba(var(--neutral-800-rgb),.85);font-style:italic;margin-bottom:0}.reference-dot{width:.625rem;height:.625rem;border-radius:50%;display:inline-block}.reference-progress-card,.reference-feedback-card{background:var(--surface-card);border-radius:1.5rem;padding:clamp(1.75rem,3vw,2.5rem);box-shadow:var(--surface-card-shadow);height:100%}.site-body.dark-mode .reference-progress-card,.site-body.dark-mode .reference-feedback-card{box-shadow:var(--surface-card-shadow)}.editor-image-upload{position:relative;display:block;cursor:pointer;overflow:hidden}.editor-image-upload:focus-visible{outline:2px solid rgba(var(--brand-primary-rgb),.65);outline-offset:4px}.editor-image-upload img{display:block;width:100%;height:auto}.editor-image-overlay{position:absolute;inset:0;background:#0f172a73;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:.875rem;opacity:0;transition:opacity .2s ease;pointer-events:none;border-radius:inherit}.editor-image-upload:hover .editor-image-overlay,.editor-image-upload:focus-visible .editor-image-overlay{opacity:1}.progress-image{border-radius:1rem;height:clamp(160px,24vw,220px);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #0000000d;position:relative;--progress-gradient: linear-gradient(135deg, rgba(108, 117, 125, .35), rgba(173, 181, 189, .4));background-image:var(--progress-gradient)}.progress-image.has-image{background-image:var(--progress-image)}.reference-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;font-size:1.25rem}@media (max-width: 991.98px){.testimonial-header{flex-direction:column;align-items:flex-start}}