@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* === Core Base & Font System === */
.paypeople-case-study,
.paypeople-case-study * {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box;
}

:root {
    --gradient-hero: radial-gradient(1200px 600px at 85% 15%, oklch(0.85 0.12 290 / 0.55), transparent 60%), linear-gradient(180deg, oklch(0.98 0.02 285) 0%, oklch(1 0 0) 100%);
    --gradient-primary: linear-gradient(135deg, oklch(0.52 0.22 285) 0%, oklch(0.68 0.19 290) 100%);
    --gradient-dark: linear-gradient(135deg, oklch(0.24 0.09 285) 0%, oklch(0.32 0.14 285) 100%);
    --shadow-soft: 0 10px 30px -12px oklch(0.52 0.22 285 / 0.18);
    --shadow-elegant: 0 30px 80px -20px oklch(0.52 0.22 285 / 0.35);
    --primary-glow: oklch(0.65 0.25 310);
}

/* === Button Centering & Alignment Fixes === */
.paypeople-case-study a.inline-flex,
.paypeople-case-study button.inline-flex,
.paypeople-case-study .inline-flex {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.paypeople-case-study a.inline-flex i,
.paypeople-case-study a.inline-flex svg,
.paypeople-case-study button.inline-flex i,
.paypeople-case-study button.inline-flex svg {
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* === Utility Classes === */
.paypeople-case-study .pointer-events-none { pointer-events: none; }
.paypeople-case-study .relative { position: relative; }
.paypeople-case-study .absolute { position: absolute; }
.paypeople-case-study .sticky { position: sticky; }
.paypeople-case-study .inset-0 { inset: 0; }
.paypeople-case-study .-top-32 { top: -8rem; }
.paypeople-case-study .-right-32 { right: -8rem; }
.paypeople-case-study .-left-20 { left: -5rem; }
.paypeople-case-study .bottom-0 { bottom: 0; }
.paypeople-case-study .-top-3 { top: -0.75rem; }
.paypeople-case-study .-left-3 { left: -0.75rem; }
.paypeople-case-study .-bottom-8 { bottom: -2rem; }
.paypeople-case-study .-left-6 { left: -1.5rem; }
.paypeople-case-study .top-24 { top: 6rem; }
.paypeople-case-study .z-10 { z-index: 10; }
.paypeople-case-study .mx-auto { margin-left: auto; margin-right: auto; }
.paypeople-case-study .-mt-14 { margin-top: -3.5rem; }
.paypeople-case-study .mb-4 { margin-bottom: 1rem; }
.paypeople-case-study .mb-6 { margin-bottom: 1.5rem; }
.paypeople-case-study .mb-12 { margin-bottom: 3rem; }
.paypeople-case-study .mb-16 { margin-bottom: 4rem; }
.paypeople-case-study .mr-1 { margin-right: 0.25rem; }
.paypeople-case-study .mt-0\.5 { margin-top: 0.125rem; }
.paypeople-case-study .mt-2 { margin-top: 0.5rem; }
.paypeople-case-study .mt-3 { margin-top: 0.75rem; }
.paypeople-case-study .mt-4 { margin-top: 1rem; }
.paypeople-case-study .mt-5 { margin-top: 1.25rem; }
.paypeople-case-study .mt-6 { margin-top: 1.5rem; }
.paypeople-case-study .mt-8 { margin-top: 2rem; }
.paypeople-case-study .mt-12 { margin-top: 3rem; }
.paypeople-case-study .mt-14 { margin-top: 3.5rem; }
.paypeople-case-study .mt-16 { margin-top: 4rem; }
.paypeople-case-study .flex { display: flex; }
.paypeople-case-study .inline-flex { display: inline-flex; }
.paypeople-case-study .grid { display: grid; }
.paypeople-case-study .h-3\.5 { height: 0.875rem; }
.paypeople-case-study .h-4 { height: 1rem; }
.paypeople-case-study .h-5 { height: 1.25rem; }
.paypeople-case-study .h-6 { height: 1.5rem; }
.paypeople-case-study .h-9 { height: 2.25rem; }
.paypeople-case-study .h-10 { height: 2.5rem; }
.paypeople-case-study .h-11 { height: 2.75rem; }
.paypeople-case-study .h-12 { height: 3rem; }
.paypeople-case-study .h-13 { height: 3.25rem; }
.paypeople-case-study .h-24 { height: 6rem; }
.paypeople-case-study .h-32 { height: 8rem; }
.paypeople-case-study .h-[300px] { height: 300px; }
.paypeople-case-study .h-[460px] { height: 460px; }
.paypeople-case-study .h-[520px] { height: 520px; }
.paypeople-case-study .min-h-[80vh] { min-height: 80vh; }
.paypeople-case-study .w-3\.5 { width: 0.875rem; }
.paypeople-case-study .w-4 { width: 1rem; }
.paypeople-case-study .w-5 { width: 1.25rem; }
.paypeople-case-study .w-9 { width: 2.25rem; }
.paypeople-case-study .w-10 { width: 2.5rem; }
.paypeople-case-study .w-11 { width: 2.75rem; }
.paypeople-case-study .w-12 { width: 3rem; }
.paypeople-case-study .w-24 { width: 6rem; }
.paypeople-case-study .w-64 { width: 16rem; }
.paypeople-case-study .w-full { width: 100%; }
.paypeople-case-study .max-w-2xl { max-width: 42rem; }
.paypeople-case-study .max-w-7xl { max-width: 80rem; }
.paypeople-case-study .max-w-xl { max-width: 36rem; }
.paypeople-case-study .shrink-0 { flex-shrink: 0; }
.paypeople-case-study .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.paypeople-case-study .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.paypeople-case-study .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.paypeople-case-study .flex-wrap { flex-wrap: wrap; }
.paypeople-case-study .place-items-center { place-items: center; }
.paypeople-case-study .items-start { align-items: flex-start; }
.paypeople-case-study .items-center { align-items: center; }
.paypeople-case-study .justify-center { justify-content: center; }
.paypeople-case-study .justify-between { justify-content: space-between; }
.paypeople-case-study .gap-2 { gap: 0.5rem; }
.paypeople-case-study .gap-3 { gap: 0.75rem; }
.paypeople-case-study .gap-4 { gap: 1rem; }
.paypeople-case-study .gap-6 { gap: 1.5rem; }
.paypeople-case-study .gap-8 { gap: 2rem; }
.paypeople-case-study .gap-10 { gap: 2.5rem; }
.paypeople-case-study .gap-12 { gap: 3rem; }
.paypeople-case-study .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.625rem; }
.paypeople-case-study .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
.paypeople-case-study .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.25rem; }
.paypeople-case-study .space-y-16 > :not([hidden]) ~ :not([hidden]) { margin-top: 4rem; }

.paypeople-case-study .overflow-hidden { overflow: hidden; }
.paypeople-case-study .rounded-lg { border-radius: 0.5rem; }
.paypeople-case-study .rounded-xl { border-radius: 0.75rem; }
.paypeople-case-study .rounded-2xl { border-radius: 1rem; }
.paypeople-case-study .rounded-3xl { border-radius: 1.5rem; }
.paypeople-case-study .rounded-full { border-radius: 9999px; }

.paypeople-case-study .border { border-width: 1px; }
.paypeople-case-study .border-0 { border-width: 0; }
.paypeople-case-study .border-b { border-bottom-width: 1px; }
.paypeople-case-study .border-border { border-color: oklch(0.92 0.02 285); }
.paypeople-case-study .border-border\/50 { border-color: oklch(0.92 0.02 285 / 0.5); }
.paypeople-case-study .border-border\/70 { border-color: oklch(0.92 0.02 285 / 0.7); }
.paypeople-case-study .border-primary\/20 { border-color: oklch(0.52 0.22 285 / 0.2); }

.paypeople-case-study .bg-background,
.paypeople-case-study .bg-card { background-color: oklch(1 0 0); }
.paypeople-case-study .bg-primary { background-color: oklch(0.52 0.22 285); }
.paypeople-case-study .bg-primary-soft { background-color: oklch(0.96 0.03 285); }
.paypeople-case-study .bg-primary-glow\/20 { background-color: oklch(0.65 0.25 310 / 0.2); }
.paypeople-case-study .bg-primary-glow\/30 { background-color: oklch(0.65 0.25 310 / 0.3); }
.paypeople-case-study .bg-secondary\/50 { background-color: oklch(0.97 0.02 285 / 0.5); }
.paypeople-case-study .bg-white { background-color: #ffffff; }
.paypeople-case-study .bg-white\/8 { background-color: rgba(255, 255, 255, 0.08); }
.paypeople-case-study .bg-white\/10 { background-color: rgba(255, 255, 255, 0.10); }
.paypeople-case-study .bg-white\/20 { background-color: rgba(255, 255, 255, 0.20); }
.paypeople-case-study .bg-white\/30 { background-color: rgba(255, 255, 255, 0.30); }
.paypeople-case-study .bg-white\/60 { background-color: rgba(255, 255, 255, 0.60); }
.paypeople-case-study .bg-hero-gradient { background: var(--gradient-hero); }

.paypeople-case-study .bg-clip-text { -webkit-background-clip: text; background-clip: text; }
.paypeople-case-study .text-transparent { color: transparent; }
.paypeople-case-study .bg-gradient-to-r { background-image: linear-gradient(to right, oklch(0.52 0.22 285), oklch(0.68 0.19 290)); }
.paypeople-case-study .bg-gradient-to-tr { background-image: linear-gradient(to top right, oklch(0.52 0.22 285 / 0.4), transparent); }

.paypeople-case-study .p-2 { padding: 0.5rem; }
.paypeople-case-study .p-3 { padding: 0.75rem; }
.paypeople-case-study .p-4 { padding: 1rem; }
.paypeople-case-study .p-6 { padding: 1.5rem; }
.paypeople-case-study .p-7 { padding: 1.75rem; }
.paypeople-case-study .p-8 { padding: 2rem; }
.paypeople-case-study .p-10 { padding: 2.5rem; }
.paypeople-case-study .p-12 { padding: 3rem; }
.paypeople-case-study .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.paypeople-case-study .px-4 { padding-left: 1rem; padding-right: 1rem; }
.paypeople-case-study .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.paypeople-case-study .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.paypeople-case-study .px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.paypeople-case-study .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.paypeople-case-study .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.paypeople-case-study .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.paypeople-case-study .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.paypeople-case-study .py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.paypeople-case-study .py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.paypeople-case-study .pt-10 { padding-top: 2.5rem; }
.paypeople-case-study .pb-4 { padding-bottom: 1rem; }
.paypeople-case-study .pb-24 { padding-bottom: 6rem; }

.paypeople-case-study .text-center { text-align: center; }
.paypeople-case-study .font-display { font-family: 'Plus Jakarta Sans', sans-serif !important; }
.paypeople-case-study .text-2xl { font-size: 1.5rem; line-height: 2rem; }
.paypeople-case-study .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.paypeople-case-study .text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.paypeople-case-study .text-5xl { font-size: 3rem; line-height: 1; }
.paypeople-case-study .text-base { font-size: 1rem; line-height: 1.5rem; }
.paypeople-case-study .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.paypeople-case-study .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.paypeople-case-study .text-xs { font-size: 0.75rem; line-height: 1rem; }
.paypeople-case-study .text-\[10px\] { font-size: 10px; }
.paypeople-case-study .text-\[11px\] { font-size: 11px; }

.paypeople-case-study .font-medium { font-weight: 500; }
.paypeople-case-study .font-semibold { font-weight: 600; }
.paypeople-case-study .font-bold { font-weight: 700; }
.paypeople-case-study .font-extrabold { font-weight: 800; }
.paypeople-case-study .uppercase { text-transform: uppercase; }
.paypeople-case-study .leading-\[1\.05\] { line-height: 1.05; }
.paypeople-case-study .leading-relaxed { line-height: 1.625; }
.paypeople-case-study .leading-snug { line-height: 1.375; }
.paypeople-case-study .tracking-\[0\.25em\] { letter-spacing: 0.25em; }
.paypeople-case-study .tracking-tight { letter-spacing: -0.025em; }
.paypeople-case-study .tracking-wider { letter-spacing: 0.05em; }
.paypeople-case-study .tracking-widest { letter-spacing: 0.1em; }

.paypeople-case-study .text-foreground,
.paypeople-case-study .text-card-foreground { color: oklch(0.18 0.05 275); }
.paypeople-case-study .text-muted-foreground { color: oklch(0.5 0.03 275); }
.paypeople-case-study .text-primary { color: oklch(0.52 0.22 285); }
.paypeople-case-study .text-primary-foreground { color: #ffffff; }
.paypeople-case-study .text-primary-glow { color: oklch(0.78 0.15 300); }
.paypeople-case-study .text-white { color: #ffffff; }
.paypeople-case-study .text-white\/60 { color: rgba(255, 255, 255, 0.6); }
.paypeople-case-study .text-white\/70 { color: rgba(255, 255, 255, 0.7); }
.paypeople-case-study .text-white\/75 { color: rgba(255, 255, 255, 0.75); }
.paypeople-case-study .text-white\/80 { color: rgba(255, 255, 255, 0.8); }

.paypeople-case-study .line-through { text-decoration-line: line-through; }
.paypeople-case-study .rotate-\[-3deg\] { transform: rotate(-3deg); }

.paypeople-case-study .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.paypeople-case-study .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
.paypeople-case-study .shadow-\[var\(--shadow-soft\)\] { box-shadow: var(--shadow-soft); }
.paypeople-case-study .shadow-\[var\(--shadow-elegant\)\] { box-shadow: var(--shadow-elegant); }
.paypeople-case-study .ring-1 { box-shadow: inset 0 0 0 1px var(--tw-ring-color, rgba(0,0,0,0.1)); }
.paypeople-case-study .ring-border { --tw-ring-color: oklch(0.92 0.02 285); }
.paypeople-case-study .ring-white\/10 { --tw-ring-color: rgba(255, 255, 255, 0.1); }
.paypeople-case-study .ring-white\/15 { --tw-ring-color: rgba(255, 255, 255, 0.15); }
.paypeople-case-study .ring-primary\/10 { --tw-ring-color: oklch(0.52 0.22 285 / 0.1); }
.paypeople-case-study .blur-2xl { filter: blur(40px); }
.paypeople-case-study .blur-3xl { filter: blur(64px); }
.paypeople-case-study .transition-colors { transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; }

@media (min-width: 640px) {
    .paypeople-case-study .sm\:block { display: block; }
    .paypeople-case-study .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .paypeople-case-study .sm\:gap-6 { gap: 1.5rem; }
    .paypeople-case-study .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
    .paypeople-case-study .sm\:text-5xl { font-size: 3rem; line-height: 1; }
}

@media (min-width: 768px) {
    .paypeople-case-study .md\:block { display: block; }
    .paypeople-case-study .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .paypeople-case-study .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .paypeople-case-study .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .paypeople-case-study .md\:p-14 { padding: 3.5rem; }
    .paypeople-case-study .md\:p-16 { padding: 4rem; }
    .paypeople-case-study .md\:pt-14 { padding-top: 3.5rem; }
    .paypeople-case-study .md\:pb-32 { padding-bottom: 8rem; }
    .paypeople-case-study .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
    .paypeople-case-study .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
    .paypeople-case-study .md\:text-5xl { font-size: 3rem; line-height: 1; }
    .paypeople-case-study .md\:border-r { border-right-width: 1px; }
    .paypeople-case-study .md\:border-border { border-color: oklch(0.92 0.02 285); }
    .paypeople-case-study .md\:last\:border-r-0:last-child { border-right-width: 0; }
}

@media (min-width: 1025px) {
    .paypeople-case-study .lg\:grid-cols-\[1\.05fr_1fr\] { grid-template-columns: 1.05fr 1fr; }
    .paypeople-case-study .lg\:grid-cols-\[1\.1fr_1fr\] { grid-template-columns: 1.1fr 1fr; }
    .paypeople-case-study .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
    .paypeople-case-study .lg\:text-6xl { font-size: 3.75rem; line-height: 1; }
}