.challenge-showcase{position:relative;padding:var(--spacing-20) 0;background-color:var(--bugloos-white);overflow:hidden}.challenge-showcase__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(99,195,209,.03) 0,rgba(124,110,176,.03) 100%);z-index:-1}.challenge-showcase__container{max-width:var(--container-7xl);margin:0 auto;padding:0 var(--spacing-4)}.challenge-showcase__header{text-align:center;margin-bottom:var(--spacing-16)}.challenge-showcase__title{font-family:var(--font-family-primary);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--bugloos-dark);margin:0;line-height:var(--leading-tight)}.challenge-showcase__grid{display:grid;grid-template-columns:1fr;gap:0 var(--spacing-12);align-items:center}.challenge-showcase__content{display:flex;flex-direction:column;gap:var(--spacing-4)}.challenge-showcase__below-inner p,.challenge-showcase__content p{font-family:var(--font-family-primary);line-height:var(--leading-relaxed);font-size:var(--text-lg);color:var(--bugloos-gray-700);margin:0}.challenge-showcase__below-inner code,.challenge-showcase__content 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}.challenge-showcase__below-inner ol,.challenge-showcase__below-inner ul,.challenge-showcase__content ol,.challenge-showcase__content ul{margin:var(--spacing-4) 0;padding-left:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.challenge-showcase__below-inner ul,.challenge-showcase__content ul{list-style:none}.challenge-showcase__below-inner ul>li,.challenge-showcase__content 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-700)}.challenge-showcase__below-inner ul>li::before,.challenge-showcase__content 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}.challenge-showcase__below-inner ol,.challenge-showcase__content ol{list-style:none;counter-reset:challenge-counter}.challenge-showcase__below-inner ol>li,.challenge-showcase__content 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-700);counter-increment:challenge-counter}.challenge-showcase__below-inner ol>li::before,.challenge-showcase__content ol>li::before{content:counter(challenge-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(.challenge-showcase__content,.challenge-showcase__below-inner) :is(ul,ol) :is(ul,ol){margin-top:var(--spacing-3);margin-bottom:0}:is(.challenge-showcase__content,.challenge-showcase__below-inner) :is(ul,ol) :is(ul,ol)>li{font-size:var(--text-base)}:is(.challenge-showcase__content,.challenge-showcase__below-inner) :is(ul,ol) ul>li::before{width:8px;height:8px;top:8px;background-color:var(--bugloos-secondary);border:none}:is(.challenge-showcase__content,.challenge-showcase__below-inner) :is(ul,ol) :is(ul,ol) ul>li::before{background-color:transparent;border:2px solid var(--bugloos-secondary)}:is(.challenge-showcase__content,.challenge-showcase__below-inner) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul>li::before{background-color:var(--bugloos-secondary);border:none}:is(.challenge-showcase__content,.challenge-showcase__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(.challenge-showcase__content,.challenge-showcase__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}.challenge-showcase__media{justify-self:center;width:100%;max-width:600px;margin-bottom:var(--spacing-8);order:-1}.challenge-showcase__image-container{background-color:var(--bugloos-gray-700);border-radius:var(--radius-xl);width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.challenge-showcase__image{width:100%;height:100%!important;object-fit:cover;object-position:center;border-radius:var(--radius-xl);transition:transform var(--transition-normal);aspect-ratio:16/9}.challenge-showcase__image:hover{transform:scale(1.02)}.challenge-showcase__below-content{margin-top:var(--spacing-8)}.challenge-showcase__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}.challenge-showcase__below-content--expanded .challenge-showcase__below-inner{max-height:5000px;opacity:1;padding-bottom:var(--spacing-5)}.challenge-showcase__toggle-container{width:100%;display:flex;justify-content:center;padding:var(--spacing-6) var(--spacing-4) 0}.challenge-showcase__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)}.challenge-showcase__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)}.challenge-showcase__toggle-btn:active{transform:translateY(0)}.challenge-showcase__toggle-icon{width:20px;height:20px;transition:transform var(--transition-normal)}.challenge-showcase__below-content--expanded .challenge-showcase__toggle-icon{transform:rotate(180deg)}@media (min-width:768px){.challenge-showcase__container{padding:0 var(--spacing-6)}.challenge-showcase__grid{gap:0 var(--spacing-16)}.challenge-showcase__toggle-container{padding:var(--spacing-6) var(--spacing-6) 0}}@media (min-width:1024px){.challenge-showcase{padding:var(--spacing-24) 0}.challenge-showcase__container{padding:0 var(--spacing-8)}.challenge-showcase__grid{grid-template-columns:1fr 1fr;gap:0 var(--spacing-20)}.challenge-showcase__title{font-size:var(--text-4xl)}.challenge-showcase__content{order:0}.challenge-showcase__media{order:0;margin-bottom:0}.challenge-showcase__toggle-container{padding:var(--spacing-6) var(--spacing-8) 0}}@media (min-width:1280px){.challenge-showcase__grid{gap:0 var(--spacing-24)}}.challenge-showcase--no-toggle .challenge-showcase__below-inner{max-height:none;overflow:visible;opacity:1;padding-bottom:var(--spacing-5)}.challenge-showcase--no-toggle .challenge-showcase__toggle-container{display:none}.challenge-showcase--full-width .challenge-showcase__grid{grid-template-columns:1fr;max-width:900px;margin:0 auto}.challenge-showcase--full-width .challenge-showcase__content{max-width:100%}.challenge-showcase--full-width .challenge-showcase__media{display:none}@media (min-width:1024px){.challenge-showcase--full-width .challenge-showcase__grid{max-width:1000px}.challenge-showcase--full-width .challenge-showcase__title{font-size:var(--text-5xl)}}.challenge-showcase--centered .challenge-showcase__content{align-items:center;text-align:center}.challenge-showcase--centered .challenge-showcase__content ol,.challenge-showcase--centered .challenge-showcase__content ul{text-align:left;max-width:600px}@media (prefers-reduced-motion:reduce){.challenge-showcase__image{transition:none}.challenge-showcase__image:hover{transform:none}.challenge-showcase__below-inner,.challenge-showcase__toggle-btn,.challenge-showcase__toggle-icon{transition:none}.challenge-showcase__toggle-btn:hover{transform:none}.challenge-showcase__below-content--expanded .challenge-showcase__below-inner{max-height:none}}:is(html.rtl,[dir=rtl]) :is(.challenge-showcase__content,.challenge-showcase__below-inner) ul>li{padding-left:0;padding-right:var(--spacing-6)}:is(html.rtl,[dir=rtl]) :is(.challenge-showcase__content,.challenge-showcase__below-inner) ul>li::before{left:initial;right:0}:is(html.rtl,[dir=rtl]) :is(.challenge-showcase__content,.challenge-showcase__below-inner) ol>li{padding-left:0;padding-right:var(--spacing-8)}:is(html.rtl,[dir=rtl]) :is(.challenge-showcase__content,.challenge-showcase__below-inner) ol>li::before{left:initial;right:0}:is(html.rtl,[dir=rtl]) .challenge-showcase--centered .challenge-showcase__content :is(ul,ol){text-align:right}