.interactive-button-switcher{padding:var(--spacing-section-md) 0;position:relative}.interactive-button-switcher--brand-light{--switcher-bg-color:var(--color-brand-light);--switcher-text-color:var(--color-text-on-light);--switcher-text-muted:var(--color-text-muted-on-light);--switcher-border-color:var(--color-border-on-light);--switcher-border-hover:var(--color-border-on-light-hover);--switcher-card-bg:var(--color-bg-card-on-light);--switcher-accent-color:var(--color-brand-accent);--switcher-number-color:var(--color-text-on-dark)}.interactive-button-switcher--brand-dark{--switcher-bg-color:var(--color-brand-dark);--switcher-text-color:var(--color-text-on-dark);--switcher-text-muted:var(--color-text-muted-on-dark);--switcher-border-color:var(--color-border-on-dark);--switcher-border-hover:var(--color-border-on-dark-hover);--switcher-card-bg:var(--color-bg-card-on-dark);--switcher-accent-color:var(--color-brand-accent);--switcher-number-color:var(--color-brand-dark)}.interactive-button-switcher--custom{--switcher-border-color:var(--color-border-neutral);--switcher-border-hover:var(--color-border-neutral-hover);--switcher-card-bg:var(--color-bg-card-custom)}.interactive-button-switcher .container{margin:0 auto;max-width:var(--container-xl)}.interactive-button-switcher .section-title{color:var(--color-text-on-light);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.interactive-button-switcher .switcher-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.interactive-button-switcher .button-list{display:flex;flex:1;flex-direction:column;gap:0;max-width:600px}.interactive-button-switcher .button-item{position:relative;transition:all var(--transition-base)}.interactive-button-switcher .button-item:not(:last-child){border-bottom:1px solid var(--color-border-on-light)}.interactive-button-switcher .button-content{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);transition:all var(--transition-base)}.interactive-button-switcher .button-item.active .button-content,.interactive-button-switcher .button-item:hover .button-content{background-color:var(--color-bg-card-on-light)}.interactive-button-switcher .item-number-wrapper{align-items:center;background-color:var(--color-brand-accent);border-radius:var(--radius-round);display:flex;flex-shrink:0;height:60px;justify-content:center;transition:all var(--transition-base);width:60px}.interactive-button-switcher .item-number{color:var(--color-text-on-dark);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);transition:all var(--transition-base)}.interactive-button-switcher .item-text{flex:1}.interactive-button-switcher .item-title{color:var(--color-text-on-light);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:0;transition:margin var(--transition-base)}.interactive-button-switcher .button-item.active .item-title{margin-bottom:var(--spacing-xs)}.interactive-button-switcher .item-description-wrapper{max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.interactive-button-switcher .button-item.active .item-description-wrapper{max-height:100px}.interactive-button-switcher .item-description{color:var(--color-text-muted-on-light);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0;padding-top:var(--spacing-xs)}.interactive-button-switcher .image-display{flex:1;min-height:400px;position:relative}.interactive-button-switcher .image-container{background-color:var(--color-bg-card-on-light);border-radius:var(--radius-xl);height:100%;min-height:400px;overflow:hidden;position:relative}.interactive-button-switcher .image-wrapper{height:100%;left:0;opacity:0;position:absolute;top:0;transition:all var(--transition-slow);visibility:hidden;width:100%}.interactive-button-switcher .image-wrapper.active{opacity:1;visibility:visible}.interactive-button-switcher .image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.interactive-button-switcher .placeholder-image{align-items:center;background-color:var(--color-bg-card-on-light);color:var(--color-text-muted-on-light);display:flex;font-size:var(--font-size-md);height:400px;justify-content:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.interactive-button-switcher .image-wrapper.active{animation:fadeIn var(--transition-slow) forwards}@media (min-width:768px){.interactive-button-switcher .switcher-content{flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-section-sm)}.interactive-button-switcher .button-list,.interactive-button-switcher .image-display{flex:1 1 50%}}@media (min-width:1024px){.interactive-button-switcher .switcher-content{align-items:stretch;flex-direction:row;gap:60px}.interactive-button-switcher .button-list{flex:1 1 50%;max-width:600px}.interactive-button-switcher .image-display{align-self:flex-start;flex:1 1 50%;position:sticky;top:var(--spacing-lg)}.interactive-button-switcher .image-container{min-height:500px}}@media (min-width:1400px){.interactive-button-switcher .container{max-width:var(--container-xl)}.interactive-button-switcher .switcher-content{gap:80px}}@media (max-width:767px){.interactive-button-switcher{padding:var(--spacing-section-sm) 0}.interactive-button-switcher .container{padding:0 var(--spacing-md)}.interactive-button-switcher .switcher-content{flex-direction:column}.interactive-button-switcher .button-list{max-width:100%}.interactive-button-switcher .section-title{font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-lg)}.interactive-button-switcher .button-content{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm)}.interactive-button-switcher .item-number-wrapper{height:48px;width:48px}.interactive-button-switcher .item-number{font-size:var(--font-size-xl)}.interactive-button-switcher .item-title{font-size:var(--font-size-md)}.interactive-button-switcher .item-description{font-size:var(--font-size-sm)}.interactive-button-switcher .image-container{min-height:300px}.interactive-button-switcher .placeholder-image{height:300px}}