.client-spotlight{position:relative;padding:var(--spacing-20) 0;background:linear-gradient(to bottom right,var(--bugloos-gray-50),var(--bugloos-white));overflow:hidden}@media (min-width:1024px){.client-spotlight{padding:var(--spacing-32) 0}}.client-spotlight__bg-pattern{position:absolute;inset:0;opacity:.05;z-index:0;pointer-events:none}.client-spotlight__bg-blob{position:absolute;border-radius:50%;filter:blur(60px)}.client-spotlight__bg-blob--1{top:5rem;left:2.5rem;width:8rem;height:8rem;background-color:var(--bugloos-primary)}.client-spotlight__bg-blob--2{bottom:5rem;right:2.5rem;width:10rem;height:10rem;background-color:var(--bugloos-secondary)}.client-spotlight__bg-blob--3{top:50%;left:33.333%;width:6rem;height:6rem;background-color:var(--bugloos-dark)}.client-spotlight__container{position:relative;max-width:var(--container-7xl);margin:0 auto;padding:0 var(--spacing-4);z-index:1}@media (min-width:640px){.client-spotlight__container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.client-spotlight__container{padding:0 var(--spacing-8)}}.client-spotlight__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-16);align-items:center}@media (min-width:1024px){.client-spotlight__grid{grid-template-columns:repeat(2,1fr)}}.client-spotlight__image-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);order:-1}@media (min-width:1024px){.client-spotlight__image-wrapper{order:0}}.client-spotlight__image-container{position:relative;width:100%;overflow:hidden}.client-spotlight__image{width:100%;height:100%!important;object-fit:cover;object-position:center;aspect-ratio:16/9;transition:transform var(--transition-normal)}.client-spotlight__image:hover{transform:scale(1.02)}.client-spotlight__image-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(99,195,209,.2),rgba(124,110,176,.2));pointer-events:none}.client-spotlight__content{display:flex;flex-direction:column}.client-spotlight__badge{display:inline-block;align-self:flex-start;padding:var(--spacing-2) var(--spacing-4);background-color:rgba(99,195,209,.1);color:var(--bugloos-primary);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.client-spotlight__title{font-family:var(--font-family-primary);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--bugloos-dark);line-height:var(--leading-tight);margin:0 0 var(--spacing-6) 0}@media (min-width:1024px){.client-spotlight__title{font-size:var(--text-5xl)}}.client-spotlight__title-accent{color:var(--bugloos-primary)}.client-spotlight__description{display:flex;flex-direction:column;gap:var(--spacing-4)}.client-spotlight__below-inner p,.client-spotlight__description p{font-family:var(--font-family-primary);font-size:var(--text-lg);color:var(--bugloos-gray-600);line-height:var(--leading-relaxed);margin:0}.client-spotlight__below-inner code,.client-spotlight__description code{background-color:rgba(99,195,209,.1);color:var(--bugloos-secondary);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:'Courier New',monospace}.client-spotlight__below-inner ol,.client-spotlight__below-inner ul,.client-spotlight__description ol,.client-spotlight__description ul{margin:var(--spacing-4) 0;padding-left:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.client-spotlight__below-inner ul,.client-spotlight__description ul{list-style:none}.client-spotlight__below-inner ul>li,.client-spotlight__description ul>li{position:relative;padding-left:var(--spacing-6);font-family:var(--font-family-primary);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--bugloos-gray-600)}.client-spotlight__below-inner ul>li::before,.client-spotlight__description ul>li::before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;background-color:var(--bugloos-primary);border-radius:50%;flex-shrink:0}.client-spotlight__below-inner ol,.client-spotlight__description ol{list-style:none;counter-reset:spotlight-counter}.client-spotlight__below-inner ol>li,.client-spotlight__description ol>li{position:relative;padding-left:var(--spacing-8);font-family:var(--font-family-primary);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--bugloos-gray-600);counter-increment:spotlight-counter}.client-spotlight__below-inner ol>li::before,.client-spotlight__description ol>li::before{content:counter(spotlight-counter) ".";position:absolute;left:0;top:0;font-family:var(--font-family-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--bugloos-primary)}:is(.client-spotlight__description,.client-spotlight__below-inner) :is(ul,ol) :is(ul,ol)>li{font-size:var(--text-base)}:is(.client-spotlight__description,.client-spotlight__below-inner) :is(ul,ol) ul>li::before{width:8px;height:8px;top:8px;background-color:var(--bugloos-secondary);border:none}:is(.client-spotlight__description,.client-spotlight__below-inner) :is(ul,ol) :is(ul,ol) ul>li::before{background-color:transparent;border:2px solid var(--bugloos-secondary)}:is(.client-spotlight__description,.client-spotlight__below-inner) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul>li::before{background-color:var(--bugloos-secondary);border:none}:is(.client-spotlight__description,.client-spotlight__below-inner) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul>li::before{background-color:transparent;border:2px solid var(--bugloos-secondary)}:is(.client-spotlight__description,.client-spotlight__below-inner) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul>li::before{background-color:var(--bugloos-secondary);border:none}.client-spotlight__below-content{margin-top:var(--spacing-8)}.client-spotlight__below-inner{display:flex;flex-direction:column;gap:var(--spacing-4);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease}.client-spotlight__below-content--expanded .client-spotlight__below-inner{max-height:5000px;opacity:1;padding-bottom:var(--spacing-5)}.client-spotlight__toggle-container{width:100%;display:flex;justify-content:center;padding:var(--spacing-6) var(--spacing-4) 0}@media (min-width:640px){.client-spotlight__toggle-container{padding:var(--spacing-6) var(--spacing-6) 0}}@media (min-width:1024px){.client-spotlight__toggle-container{padding:var(--spacing-6) var(--spacing-8) 0}}.client-spotlight__toggle-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-4);background-color:transparent;border:2px solid var(--bugloos-primary);border-radius:var(--radius-md);color:var(--bugloos-primary);font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.client-spotlight__toggle-btn:hover{background-color:var(--bugloos-primary);color:var(--bugloos-white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,195,209,.3)}.client-spotlight__toggle-btn:active{transform:translateY(0)}.client-spotlight__toggle-text{display:block}.client-spotlight__toggle-icon{width:20px;height:20px;transition:transform var(--transition-normal)}.client-spotlight__below-content--expanded .client-spotlight__toggle-icon{transform:rotate(180deg)}.client-spotlight--no-toggle .client-spotlight__below-inner{max-height:none;overflow:visible;opacity:1;padding-bottom:var(--spacing-5)}.client-spotlight--no-toggle .client-spotlight__toggle-container{display:none}@media (prefers-contrast:high){.client-spotlight__badge{border:2px solid var(--bugloos-primary)}.client-spotlight__image-overlay{opacity:.5}}@media print{.client-spotlight{background:var(--bugloos-white);padding:var(--spacing-8) 0}.client-spotlight__bg-pattern{display:none}.client-spotlight__toggle-container{display:none}.client-spotlight__below-inner{max-height:none;opacity:1}}@media (prefers-reduced-motion:reduce){.client-spotlight__below-inner,.client-spotlight__image-wrapper,.client-spotlight__toggle-btn,.client-spotlight__toggle-icon{transition:none}.client-spotlight__toggle-btn:hover{transform:none}.client-spotlight__below-content--expanded .client-spotlight__below-inner{max-height:none}}:is(html.rtl,[dir=rtl]) :is(.client-spotlight__description,.client-spotlight__below-inner) ul>li{padding-left:0;padding-right:var(--spacing-6)}:is(html.rtl,[dir=rtl]) :is(.client-spotlight__description,.client-spotlight__below-inner) ul>li::before{left:initial;right:0}:is(html.rtl,[dir=rtl]) :is(.client-spotlight__description,.client-spotlight__below-inner) ol>li{padding-left:0;padding-right:var(--spacing-8)}:is(html.rtl,[dir=rtl]) :is(.client-spotlight__description,.client-spotlight__below-inner) ol>li::before{left:initial;right:0}